:root{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;color:#203a36;background:#edf3ef}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:24px}header,.row,.actions,.intro{display:flex;align-items:center;gap:12px}header{margin-bottom:22px}.mark{background:#164e46;color:white;font-size:30px;border-radius:18px;padding:10px 19px}h1{margin:0;font-size:27px}small{font-size:15px;color:#6b827b}header p{margin:4px 0;font-size:13px}header button{margin-left:auto}.intro{flex-wrap:wrap;font-size:12px;margin-bottom:18px}.intro span{background:#dcebe2;padding:7px 11px;border-radius:20px}.intro b{margin-left:auto;color:#72877e}.panel{background:#fff;border:1px solid #d8e3dc;border-radius:18px;padding:20px;margin-bottom:14px}.row{justify-content:space-between;flex-wrap:wrap}h2{font-size:17px;margin:0}p,footer{font-size:13px;line-height:1.7;color:#637770}button{font:inherit;font-weight:600;padding:13px 18px;border-radius:11px;border:1px solid #c7d7cd;background:#f5f9f6;color:#164e46;cursor:pointer}button:disabled{opacity:.45;cursor:default}.primary{background:#164e46;color:white;border-color:#164e46}.subtle{background:white;color:#80665b}.actions{flex-wrap:wrap;margin-top:15px}progress{width:100%;height:7px;accent-color:#26765f;margin-bottom:10px}#status{font-size:14px}textarea{width:100%;height:230px;resize:vertical;border:1px solid #d4e0d8;border-radius:10px;padding:16px;margin-top:15px;font:17px/1.8 inherit;color:#203a36;background:#fbfdfb}#size,#timer{font-size:13px;color:#637770}footer{text-align:center}dialog{border:0;border-radius:18px;padding:25px;max-width:520px;width:90%;box-shadow:0 10px 50px #0003}dialog::backdrop{background:#1236}button:focus-visible,textarea:focus-visible{outline:3px solid #d9a95b}@media(min-width:850px) and (max-height:900px){main{padding:18px}.panel{padding:15px}header{margin-bottom:12px}textarea{height:180px}p{margin:8px 0}}@media(max-width:520px){main{padding:14px}header{gap:9px}header button{padding:10px}h1{font-size:23px}.mark{padding:9px 14px}.panel{padding:16px}.actions button{flex:1}textarea{height:230px}}
