*{box-sizing:border-box}body{margin:0;background:#091923;color:#f0f5fa;font:16px/1.6 system-ui,sans-serif}main{max-width:1240px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;padding:10px 0 24px;border-bottom:1px solid #2b414e}h1{font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.08;letter-spacing:-.05em;margin:20px 0;color:var(--accent)}h2{letter-spacing:-.02em}.eyebrow{font-size:.75rem;letter-spacing:.09em;color:var(--accent)}.tool-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:64px 0;align-items:start}.lead{font-size:1.1rem;color:#c4d2de}.perks{font-size:.85rem;color:var(--accent);margin:28px 0}.free-pill{font-size:.75rem;color:#d1f4dd;border:1px solid #477459;border-radius:30px;padding:8px 12px;display:inline-block}.tool-panel{background:#f5f7fa;color:#132739;border-radius:24px;padding:28px;box-shadow:0 18px 50px #0003;min-width:0}label{display:block;font-size:.86rem;font-weight:650;margin:14px 0 6px}input,select,textarea{font:inherit;display:block;width:100%;padding:11px;border:1px solid #8195a5;background:white;border-radius:8px;color:#142738;min-width:0}input[type=range]{padding:0}textarea{resize:vertical}button,.button{display:inline-block;font:600 .9rem/1.4 system-ui,sans-serif;padding:11px 17px;min-height:44px;border:1px solid #153a57;border-radius:9px;background:#123e60;color:white;text-decoration:none;cursor:pointer;margin-top:16px}button:disabled{opacity:.5;cursor:default}.secondary{background:transparent;color:#234865;border-color:#a3b1bd}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{margin-top:8px}.muted{font-size:.78rem;color:#4b6070}.result{font-size:1rem;white-space:pre-wrap;margin:24px 0 8px;overflow-wrap:anywhere}.timer{font-size:clamp(3rem,6vw,5rem);font-weight:750;letter-spacing:-.06em;text-align:center;margin:24px 0}.flashcard{font-size:1.25rem;padding:25px;border:1px solid #c9b9c5;background:#f5eaf2;min-height:150px;border-radius:12px;overflow-wrap:anywhere;white-space:pre-wrap}.explain{max-width:780px;border-top:1px solid #2b414e;padding:20px 0;color:#c4d2de}.explain h2{color:#fff}.explain summary{cursor:pointer;font-weight:650;padding:12px 0}.tool-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0}.tool-plans article{border:1px solid #334d60;padding:22px;border-radius:14px;overflow:hidden}.tool-plans strong{font-size:.72rem;color:#c7ecd1}.tool-plans p{font-size:.88rem;color:#b9cedd}.tool-plans .coming{display:block;background:repeating-linear-gradient(135deg,#264765,#264765 12px,#355977 12px,#355977 24px);color:white;margin:-22px -22px 18px;padding:12px 22px;letter-spacing:.1em}footer{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #2b414e;padding:24px 0}a{color:#aedbff}footer a{font-size:.8rem}#preview{max-width:100%;max-height:300px;object-fit:contain;margin-top:18px}[hidden]{display:none!important}:focus-visible{outline:3px solid #0082de;outline-offset:3px}.zone-selects{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:850px){.tool-hero{grid-template-columns:1fr;gap:28px;padding:35px 0}.tool-hero>div:first-child{max-width:650px}.tool-plans{grid-template-columns:1fr}.tool-panel{padding:22px}main{padding:18px}.zone-selects{grid-template-columns:1fr}}