:root{--c:#0f766e;--bg:#f6f8f8;--t:#0f172a;--m:#64748b}
*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--t);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;max-width:760px;margin:auto}
.brand{font-size:22px;text-decoration:none;color:var(--t)}.brand b{color:var(--c)}
main{max-width:760px;margin:auto;padding:0 16px;display:grid;gap:16px}
.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 1px 4px #0001}
h1{margin:0 0 4px;font-size:clamp(22px,5vw,30px)}
.muted{color:var(--m)}.small{font-size:13px}
textarea{width:100%;margin-top:12px;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;resize:vertical}
button{font:inherit;padding:11px 16px;border-radius:10px;border:1px solid var(--c);background:#fff;color:var(--c);cursor:pointer;min-height:44px}
button.primary{background:var(--c);color:#fff}button:disabled{opacity:.6}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.error{color:#b91c1c}
.score{text-align:center}.big{font-size:72px;font-weight:700;color:var(--c);line-height:1}
.bar{height:10px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin:4px 0 12px}.bar i{display:block;height:100%;background:var(--c)}
.tip{background:#ecfdf5;border-radius:10px;padding:12px;margin:12px 0}
.tip ul{margin:6px 0 0;padding-left:18px}
.premium{border:2px solid var(--c);border-radius:12px;padding:14px 16px;margin:12px 0;background:linear-gradient(160deg,#f0fdfa,#fff)}
.premium h3{margin:6px 0}.premium ul{margin:0;padding-left:18px}
.badge{display:inline-block;background:var(--c);color:#fff;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 10px;border-radius:99px}
.plans{display:grid;gap:8px;grid-template-columns:1fr}
@media(min-width:560px){.plans{grid-template-columns:1fr 1fr}}
#review h2{font-size:18px;margin:18px 0 6px;color:var(--c)}#review li{margin-bottom:6px}
.cmp{background:#f1f5f9;border-radius:8px;padding:8px 10px;margin-bottom:8px}
footer{max-width:760px;margin:24px auto;padding:0 16px;text-align:center;font-size:13px;color:var(--m)}
@media print{.top,footer,#actions,#status{display:none}body{background:#fff}.card{box-shadow:none}#input,#result{display:none!important}}
.drop{display:grid;gap:2px;justify-items:center;text-align:center;margin-top:14px;padding:22px 12px;border:2px dashed #94a3b8;border-radius:12px;cursor:pointer}
.drop.over,.drop:focus{border-color:var(--c);background:#ecfdf5;outline:none}
.or{text-align:center;margin-top:10px;font-size:14px}
.checks{list-style:none;padding:0;margin:8px 0;display:grid;gap:4px;grid-template-columns:1fr}
@media(min-width:560px){.checks{grid-template-columns:1fr 1fr}}
.checks li::before{content:"✗";color:#b91c1c;font-weight:700;margin-right:8px}
.checks li.ok::before{content:"✓";color:var(--c)}