:root{--bg:#f4f8ff;--card:#fff;--ink:#13233f;--muted:#5f6f86;--blue:#2764f5;--mint:#18b88f;--yellow:#ffca45;--pink:#ff70a6;--line:#dce6f5;--shadow:0 24px 60px rgba(38,76,140,.16)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at top left,#dff0ff,transparent 34rem),linear-gradient(180deg,#f8fbff,var(--bg));}main{max-width:1120px;margin:0 auto;padding:22px}nav{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:34px;font-size:.92rem;color:var(--muted)}nav a{color:var(--blue);text-decoration:none;font-weight:800}.hero{padding:10px 0 42px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:34px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-weight:900;font-size:.78rem;margin:0 0 12px}h1{font-size:clamp(2.6rem,8vw,5.9rem);letter-spacing:-.075em;line-height:.9;margin:0 0 18px}h2{letter-spacing:-.035em}.lede{font-size:clamp(1.08rem,2vw,1.32rem);line-height:1.65;color:var(--muted);max-width:620px}.controls-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.pill{border:1px solid var(--line);background:#fff;color:var(--ink);padding:11px 15px;border-radius:999px;font-weight:850;cursor:pointer}.pill.active,.pill[aria-pressed="true"]{background:#162444;color:white;border-color:#162444}.timer-card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:34px;padding:24px;box-shadow:var(--shadow);text-align:center}.progress-wrap{position:relative;width:min(280px,72vw);margin:0 auto}.ring{width:100%;display:block;transform:rotate(-90deg)}.ring-bg,.ring-fill{fill:none;stroke-width:17}.ring-bg{stroke:#e8eef8}.ring-fill{stroke:var(--blue);stroke-linecap:round;stroke-dasharray:590.62;stroke-dashoffset:590.62;transition:stroke-dashoffset .35s linear,stroke .2s}.time{position:absolute;inset:0;display:grid;place-items:center;font-size:4rem;font-weight:950;letter-spacing:-.08em}.timer-card h2{font-size:1.55rem;margin:8px 0 6px}.timer-card p{color:var(--muted);line-height:1.5;margin:0 0 16px}.mouth{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.mouth div{padding:13px 8px;border:1px solid var(--line);border-radius:16px;background:#f8fbff;color:#65748b;font-size:.88rem;font-weight:850}.mouth div.active{background:#e8fff8;border-color:#8de6ce;color:#08745a;transform:scale(1.02)}.actions{display:flex;gap:10px}.actions button{flex:1;border:0;border-radius:18px;padding:15px 14px;font-weight:950;cursor:pointer;font-size:1rem}.primary{background:var(--blue);color:white}.secondary{background:#eaf0f9;color:#24334d}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:10px 0 28px}.info-card,.faq{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:0 14px 40px rgba(37,66,115,.08)}.info-card p,.info-card li,.faq p{color:var(--muted);line-height:1.65}.info-card ul{padding-left:20px}.faq{margin-bottom:28px}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq details:first-of-type{border-top:0}.faq summary{font-weight:900;cursor:pointer}footer{text-align:center;color:#748197;padding:24px}.kid body,.kid-mode{--blue:#ff70a6}.kid-mode .ring-fill{stroke:var(--pink)}.kid-mode .timer-card{background:linear-gradient(180deg,#fff,#fff7fb)}.kid-mode .mouth div.active{background:#fff0f7;border-color:#ffc3dd;color:#b71960}@media(max-width:860px){.hero-grid,.content-grid{grid-template-columns:1fr}.timer-card{order:-1}.actions{flex-direction:column}nav{align-items:flex-start;flex-direction:column}main{padding:16px}}