[hidden]{display:none!important}:root{--paper:#f6f0e4;--ink:#1d1a17;--accent:#c2412d;--card:#fffaf0;--good:#5c8a4f;--gold:#f2c43c}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 50% 0%, #fbe7d8, var(--paper) 55%) fixed;color:var(--ink);-webkit-tap-highlight-color:transparent;min-height:100%;margin:0;font-family:ui-rounded,Trebuchet MS,system-ui,sans-serif}button{font:inherit;color:var(--ink);background:var(--card);border:2px solid var(--ink);cursor:pointer;box-shadow:2px 2px 0 var(--ink);touch-action:manipulation;border-radius:999px;padding:6px 14px;transition:transform 80ms}button:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}button[aria-pressed=true]{background:var(--ink);color:var(--paper)}button.primary{background:var(--accent);color:#fff;font-weight:800}#mute.off{opacity:.5;text-decoration:line-through}.bar{padding:max(8px, env(safe-area-inset-top)) 14px 4px;align-items:center;gap:10px;max-width:1000px;margin:0 auto;display:flex}.bar h1{letter-spacing:1px;margin:0 auto;font-size:clamp(28px,7vw,42px)}.back{background:var(--card);border:2px solid var(--ink);width:38px;height:38px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:50%;flex:0 0 38px;place-items:center;font-weight:800;text-decoration:none;display:grid}.tools{gap:6px;display:flex}.tools button{width:38px;height:38px;padding:0}main{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:start;gap:22px;max-width:1000px;margin:0 auto;padding:0 14px 18px;display:grid}.left{text-align:center}.modes{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:6px 0 8px;display:flex}.modes button{padding:5px 12px}.day{opacity:.7;margin-left:4px;font-weight:800}.peek-wrap{width:min(100%,400px);margin:0 auto;position:relative}#peek{aspect-ratio:1;border:3px solid var(--ink);width:100%;box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:24px;display:block}.zoom-tag{background:var(--ink);color:var(--paper);border-radius:999px;padding:2px 9px;font-size:14px;font-weight:800;position:absolute;top:10px;right:10px}.zoom-tag:empty{display:none}body.solved #peek{animation:1.6s ease-out .6s glowpeek}@keyframes glowpeek{30%{box-shadow:6px 6px 0 var(--ink), 0 0 0 10px #f2c43c99}}.zoom-dots{justify-content:center;gap:7px;margin-top:12px;display:flex}.zoom-dots i{border:2px solid var(--ink);background:var(--card);border-radius:50%;width:14px;height:14px;transition:background .2s}.zoom-dots i.used{background:var(--accent)}.zoom-dots i.win{background:var(--good);transform:scale(1.25)}.zoom-dots i.now{animation:1s ease-in-out infinite alternate now}@keyframes now{to{transform:scale(1.3)}}.right{text-align:center;padding-top:10px}.prompt{min-height:1.3em;margin:4px 0 8px;font-size:19px;font-weight:700}.hint{border:2px solid var(--ink);max-width:520px;box-shadow:3px 3px 0 var(--ink);background:#fff1c9;border-radius:14px;margin:0 auto 10px;padding:7px 12px;font-weight:700}.hint.in{animation:.45s cubic-bezier(.3,1.6,.5,1) hint-in}@keyframes hint-in{0%{opacity:0;transform:scale(.6)rotate(-3deg)}}.choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.choices button{aspect-ratio:1;background:#fff;border-radius:16px;place-items:center;padding:6px 6px 18px;transition:transform .15s,opacity .25s;animation:.35s cubic-bezier(.3,1.4,.5,1) both tile-in;display:grid;position:relative;overflow:hidden}@keyframes tile-in{0%{opacity:0;transform:scale(.4)}}.choices button:hover:not(:disabled){transform:translateY(-3px)rotate(-2deg)}.choices button img{object-fit:contain;pointer-events:none;width:100%;height:100%}.choices button span{white-space:nowrap;text-overflow:ellipsis;opacity:.7;font-size:10.5px;line-height:1.1;position:absolute;bottom:3px;left:4px;right:4px;overflow:hidden}.choices button.wrong{opacity:.35;transform:scale(.92)}.choices button.wrong:after,.choices button.crossed:after{content:"✕";color:var(--accent);place-items:center;font-size:46px;font-weight:900;display:grid;position:absolute;inset:0}.choices button.crossed{opacity:.3;box-shadow:none;border-style:dashed;transform:scale(.9)rotate(2deg)}.choices button.crossed:after{color:var(--ink);font-size:38px}.choices button.right{outline:4px solid var(--good);opacity:1;animation:.6s ease-out hop}.choices button.reveal-answer{outline:4px dashed var(--good);animation:.6s ease-out 3 hop}.choices button.shake{animation:.35s shake}.choices button:disabled{cursor:default}@keyframes hop{30%{transform:translateY(-14px)scale(1.08)}60%{transform:translateY(0)scale(.97)}}@keyframes shake{25%{transform:translate(-7px)rotate(-3deg)}75%{transform:translate(7px)rotate(3deg)}}.after{margin-top:14px}.after-buttons,.end-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.countdown{font-variant-numeric:tabular-nums;margin:8px 0;font-weight:800}.screen{z-index:6;background:#f6f0e4e0;grid-template-columns:minmax(0,1fr);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.card{background:var(--card);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);text-align:center;border-radius:22px;width:100%;max-width:460px;padding:20px;position:relative}.card h2{margin:0 0 8px}.card h3{margin:10px 0 4px;font-size:15px}.card ol{text-align:left;margin:10px 0 14px;padding-left:22px;line-height:1.5}.x{z-index:2;width:34px;height:34px;box-shadow:none;padding:0;position:absolute;top:10px;right:10px}.demo{justify-content:center;align-items:center;gap:12px;display:flex}.lens{border:3px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:92px;height:92px;display:grid;overflow:hidden}.lens img{object-fit:contain;width:80%;height:80%;animation:4s ease-in-out infinite zoomout;transform:scale(4.5)}.lens.out img{animation:none;transform:none}@keyframes zoomout{0%,40%{transform:scale(4.5)translate(4%,-8%)}75%,to{transform:scale(1)}}.arrow{font-size:26px;font-weight:900}.end-card{max-width:480px;padding:16px 20px}.end-card h2{margin:2px 0 0;font-size:22px}.end-card.in{animation:.5s cubic-bezier(.2,1.5,.4,1) card-in}@keyframes card-in{0%{opacity:0;transform:scale(.4)rotate(-6deg)}}.kicker{letter-spacing:1.5px;text-transform:uppercase;opacity:.7;margin:0;font-size:13px;font-weight:900}.end-art{place-items:center;height:160px;display:grid}.end-art img{object-fit:contain;filter:drop-shadow(0 6px 6px #1d1a1740);max-width:80%;max-height:160px;animation:.9s cubic-bezier(.2,1.8,.4,1) popOut,1.6s ease-in-out .9s infinite alternate bob}@keyframes popOut{0%{transform:translateY(60px)scale(.1)rotate(30deg)}}@keyframes bob{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-8px)rotate(3deg)}}.end-name{margin-top:4px;font-size:18px;display:block}.links{flex-direction:column;gap:3px;margin:6px 0 10px;display:flex}.links a{color:var(--accent);font-weight:800}.share{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.share pre{border:2px dashed var(--ink);white-space:pre-wrap;-webkit-user-select:all;user-select:all;text-align:left;background:#fff;border-radius:12px;margin:0;padding:8px 12px;font-size:16px}.stat-row{text-align:center;justify-content:space-around;margin-top:10px;display:flex}.stat-row b{font-variant-numeric:tabular-nums;font-size:26px;display:block}.stat-row small{opacity:.8;font-size:12px}.bars{text-align:left}.bars div{align-items:center;gap:6px;margin:2px 0;font-size:14px;display:flex}.bars div>b{width:12px}.bars span{background:var(--ink);color:var(--paper);text-align:right;border-radius:6px;min-width:24px;padding:1px 8px;font-weight:700;transition:width .7s cubic-bezier(.2,1.3,.4,1)}.bars .today span{background:var(--good)}.album{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;max-height:220px;margin-bottom:12px;display:grid;overflow-y:auto}.album p{opacity:.75;grid-column:1/-1;margin:4px 0}.album>*{color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:12px;flex-direction:column;align-items:center;padding:4px;text-decoration:none;display:flex}.album img{object-fit:contain;width:48px;height:48px}.album small{font-size:11px;font-weight:800}.album .lost{opacity:.6}.toast{background:var(--ink);color:var(--paper);z-index:70;visibility:hidden;border-radius:999px;padding:10px 16px;font-weight:700;transition:transform .25s,visibility .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,calc(100% + 40px))}.toast.on{visibility:visible;transform:translate(-50%)}.credit{text-align:center;padding:6px 14px max(12px, env(safe-area-inset-bottom));font-size:14px}.credit a{color:var(--ink);font-weight:700}@media (width<=760px){main{grid-template-columns:1fr;gap:6px}.bar h1{font-size:28px}.peek-wrap{width:min(60vw,38vh,320px)}#peek{box-shadow:4px 4px 0 var(--ink);border-radius:18px}.zoom-dots{margin-top:8px}.right{padding-top:0}.prompt{margin:2px 0 6px;font-size:16px}.hint{margin-bottom:6px;padding:5px 10px;font-size:14px}.choices{gap:6px}.choices button{box-shadow:2px 2px 0 var(--ink);border-radius:12px;padding:4px}.choices button span{display:none}.end-art{height:150px}.end-art img{max-height:150px}.stat-row b{font-size:24px}}