:root{color-scheme:light;--ink:#172033;--muted:#5f6b7d;--line:#fee2e2;--cream:#fff7ed;--pink:#fb7185;--coral:#f97316;--mint:#34d399;--sky:#38bdf8;--purple:#8b5cf6;--shadow:0 24px 70px rgba(148,54,92,.16)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% 8%,rgba(251,113,133,.26),transparent 26rem),radial-gradient(circle at 90% 12%,rgba(56,189,248,.2),transparent 28rem),linear-gradient(135deg,#fff7ed 0%,#fff 53%,#fdf2f8 100%);color:var(--ink)}main{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0 6px;padding:12px 14px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:rgba(255,255,255,.68);backdrop-filter:blur(14px);box-shadow:0 12px 36px rgba(15,23,42,.07)}.site-nav a{color:var(--ink);text-decoration:none;font-weight:900}.site-brand{display:flex;align-items:center;gap:8px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:12px;background:var(--ink);color:#fff}.hero{padding:20px 0 38px}.crumb{display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--muted);font-size:.95rem;margin:18px 0 26px}.crumb a{color:var(--ink);text-decoration:none;font-weight:900}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,470px);gap:28px;align-items:center}.eyebrow{color:#be123c;font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}h1{font-size:clamp(2.45rem,7vw,5.25rem);line-height:.92;margin:0 0 18px;letter-spacing:-.04em}h1 span{display:block}.lede{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--muted);max-width:58ch;line-height:1.55}.preset-row,.custom-row,.actions,.choice-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.preset-row{margin:26px 0 18px}.pill,button{border:0;font:inherit;cursor:pointer}.pill,.choice{border:2px solid var(--line);background:rgba(255,255,255,.9);color:var(--ink);padding:11px 14px;border-radius:999px;font-weight:900;box-shadow:0 8px 18px rgba(190,18,60,.07)}.pill.active,.choice.active{background:var(--ink);border-color:var(--ink);color:#fff}.custom-panel{margin-top:16px}.custom-panel label{display:block;margin-bottom:8px;font-weight:950}.custom-row span{color:var(--muted);font-weight:850}input{width:86px;border:2px solid var(--line);border-radius:14px;padding:12px 11px;font:inherit;font-weight:850;color:var(--ink);background:#fff}.choice-row{margin-top:16px}.choice{font-size:.95rem;padding:10px 13px}.timer-card,.info-card,.tips,.safety-note,.faq{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.75);border-radius:32px;box-shadow:var(--shadow)}.timer-card{padding:22px;text-align:center}.mouth-card{position:relative;min-height:260px;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fff7ed 100%);border:2px solid #fff;box-shadow:inset 0 0 0 2px rgba(251,113,133,.12)}.progress-fill{position:absolute;left:0;right:0;bottom:0;height:100%;transform-origin:bottom;transform:scaleY(1);background:linear-gradient(180deg,rgba(56,189,248,.15),rgba(52,211,153,.24));transition:transform .35s ease}.tooth{position:absolute;z-index:2;display:grid;place-items:center;width:112px;height:82px;border-radius:34px 34px 24px 24px;background:#fff;color:#be123c;font-size:.83rem;font-weight:1000;box-shadow:0 12px 25px rgba(15,23,42,.09),inset 0 -10px 0 rgba(251,113,133,.08);transition:transform .2s ease,box-shadow .2s ease}.tooth.active{transform:translateY(-4px) scale(1.05);box-shadow:0 18px 30px rgba(251,113,133,.2),0 0 0 5px rgba(251,113,133,.16),inset 0 -10px 0 rgba(251,113,133,.12)}.top-left{left:15%;top:17%}.top-right{right:15%;top:17%}.bottom-left{left:15%;bottom:16%}.bottom-right{right:15%;bottom:16%}.sparkle{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);font-size:3rem;color:var(--coral);filter:drop-shadow(0 10px 16px rgba(249,115,22,.25))}.time{font-variant-numeric:tabular-nums;font-size:clamp(3.7rem,12vw,6.5rem);line-height:1;margin:24px 0 10px;font-weight:1000;letter-spacing:-.05em}.timer-card h2{margin:0 0 8px;font-size:1.55rem}.timer-card p{color:var(--muted);line-height:1.55;margin:0 auto 14px;max-width:38ch}.prompt-box{margin:16px auto;padding:16px;border-radius:22px;background:#fff7ed;border:2px dashed #fed7aa;color:#9a3412;font-weight:950;line-height:1.35}.primary,.secondary{border-radius:18px;padding:14px 18px;font-weight:950}.primary{background:linear-gradient(135deg,var(--pink),var(--coral));color:#fff;box-shadow:0 16px 30px rgba(251,113,133,.25)}.secondary{background:#fff;color:var(--ink);border:2px solid var(--line)}.small{padding:10px 12px}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:18px 0}.info-card,.tips,.safety-note,.faq{padding:24px}.info-card h2,.tips h2,.safety-note h2,.faq h2{margin:0 0 14px;font-size:1.45rem}.info-card li{margin:9px 0;color:var(--muted);line-height:1.5}.tip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tip-grid div{padding:14px;border-radius:18px;background:#fff7ed;border:1px solid #fed7aa;font-weight:850;color:#9a3412}.safety-note{margin:20px 0;background:rgba(255,247,237,.9)}.safety-note p{margin:0;color:var(--muted);line-height:1.6}.faq{margin:20px 0 48px}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq details:first-of-type{border-top:0}.faq summary{font-weight:950;cursor:pointer}.faq p{color:var(--muted);line-height:1.6;margin:10px 0 0}.running .sparkle{animation:pulse 1s ease-in-out infinite}.final-minute .time{color:#be123c}.done .mouth-card{background:linear-gradient(135deg,#ecfdf5,#fff7ed)}@keyframes pulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.16) rotate(9deg)}}@media (max-width:840px){main{width:min(100% - 24px,640px)}.hero-grid,.content-grid{grid-template-columns:1fr}.timer-card{order:-1}.crumb{display:block}.crumb span{display:block;margin-top:8px}.tip-grid{grid-template-columns:1fr}.tooth{width:96px;height:72px}.top-left,.bottom-left{left:9%}.top-right,.bottom-right{right:9%}.site-nav{border-radius:20px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}