:root{--ink:#173b35;--muted:#5c7068;--paper:#f6f3eb;--card:#fffdf8;--sage:#e7f0e4;--gold:#f4c966;--coral:#e9795f;--line:#dedbd1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0,#f4c96630,transparent 600px),var(--paper);color:var(--ink);font:17px/1.6 system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d47b39;outline-offset:4px}button{min-height:48px}button:disabled{opacity:.5;cursor:default}.shell{max-width:800px;margin:auto;padding-bottom:110px}header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;text-align:left;font-weight:750}.brand img{width:49px;height:49px;border-radius:15px}.brand small{display:block;font-size:9px;letter-spacing:.13em;color:var(--muted);margin-top:4px}.round{border:1px solid var(--line);border-radius:50%;background:var(--card);width:48px;font-size:22px}main{padding:26px 24px;outline:none}h1,h2,h3{font-family:Georgia,serif;line-height:1.14;font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(36px,7vw,52px);margin:12px 0 18px}h2{font-size:29px;margin:28px 0 16px}h3{font-size:23px;margin:8px 0}p{margin:10px 0 18px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:750;text-transform:uppercase;color:var(--muted)}.hero{background:var(--ink);color:var(--paper);padding:32px;border-radius:28px;position:relative;overflow:hidden}.hero:after{content:'✳';position:absolute;right:-18px;top:14px;font-size:190px;color:#f4c96618;pointer-events:none}.hero p{max-width:480px;color:#e0e9df}.hero .eyebrow{color:var(--gold)}.primary,.secondary,.choice{border:0;border-radius:15px;padding:14px 20px;font-weight:650}.primary{background:var(--gold);color:var(--ink)}.secondary{background:var(--sage);border:1px solid #cadac4}.wide{display:block;width:100%;margin-top:16px}.text{border:0;background:none;text-decoration:underline;padding:9px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;text-align:left}.tool{width:100%;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s}.tool:hover{transform:translateY(-3px)}.emoji{font-size:30px}.tag{font-size:12px;background:var(--sage);border-radius:20px;padding:3px 10px;display:inline-block;margin:10px 0 0}.muted,small{color:var(--muted)}.small{font-size:13px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.note{padding:18px 20px;border-radius:18px;background:var(--sage);margin:20px 0}.choices{display:flex;gap:9px;flex-wrap:wrap}.choice{background:var(--card);border:1px solid var(--line);font-weight:500}.choice.selected{background:var(--ink);color:white;border-color:var(--ink)}label{display:block;margin:20px 0 10px;font-weight:650}input:not([type=checkbox]),select{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);color:var(--ink);background:var(--card)}input[type=range]{padding:0;accent-color:var(--ink)}output{font:500 42px Georgia,serif}.center{text-align:center}.timer{font:500 58px Georgia,serif;font-variant-numeric:tabular-nums;margin:16px}.orb{width:145px;height:145px;border-radius:50%;margin:30px auto;background:radial-gradient(circle at 35% 30%,#ebd791,#8bac99 60%,#436958);box-shadow:0 0 0 20px #dce7d84d;animation:breathe 10s ease-in-out infinite}.paused .orb{animation-play-state:paused}@keyframes breathe{0%,100%{transform:scale(.85)}50%{transform:scale(1.08)}}.guide{min-height:110px;font-size:23px;font-family:Georgia,serif;line-height:1.5;max-width:570px;margin:24px auto}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;max-width:350px;margin:24px auto}.tile{aspect-ratio:1;border:1px solid #c6d5c0;border-radius:14px;background:#e3ecdc;font-size:28px;min-width:0}.tile.lit{background:var(--gold);box-shadow:0 0 0 3px #b78d2a}.tile.good{background:#a9c89d}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(800px,100%);display:flex;justify-content:space-around;background:#fffdf8f5;border-top:1px solid var(--line);padding:10px 5px max(10px,env(safe-area-inset-bottom));z-index:10;backdrop-filter:blur(12px)}nav button{background:none;border:0;min-width:65px;font-size:24px}nav button small{display:block;font-size:11px}nav button.active{background:var(--sage);border-radius:14px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;border-radius:14px;z-index:30;display:none;max-width:90vw}.confetti{position:fixed;top:-20px;width:9px;height:15px;animation:fall 2.5s linear forwards;z-index:50;pointer-events:none}@keyframes fall{to{transform:translateY(105vh) rotate(450deg)}}.bar{height:7px;background:var(--sage);border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:var(--coral)}a{color:var(--ink)}details{margin:14px 0}summary{cursor:pointer;font-weight:650}.stat{font:38px Georgia,serif}.history-item{padding:17px 0;border-bottom:1px solid var(--line)}@media(max-width:520px){main{padding:20px 17px}header{padding:14px 17px}.hero{padding:25px}.grid{gap:10px}.card{padding:17px}.brand{font-size:15px}.brand small{font-size:8px}body{font-size:16px}.guide{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}