@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff) format("woff")}:root{color-scheme:light;--ink: #26324a;--muted: #6b7690;--paper: #fffdf7;--surface: #ffffff;--surface-2: #f0f2f8;--surface-3: #f6f7fb;--edge: #ffffff;--line: #eceef5;--line-strong: #d8dce6;--overlay: rgba(20, 26, 40, .55);--field: #ffffff;--glass: rgba(255, 255, 255, .86);--glass-soft: rgba(255, 255, 255, .72);--writing: var(--glass-soft);--pop: #ff5d8f;--sun: #ffc233;--sky: #4cc3f2;--leaf: #4cd08a;--grape: #9b6bf2;--good: #17734f;--bad: #c0264f;--bad-bg: #ffe3e9;--warn-ink: #8a4a12;--warn-bg: #fdf0e6;--good-bg: #e8f6ee;--gold: #b07800;--accent: #7c4dd6;--accent-soft: #f5f1ff;--ramp-1: #bb9bee;--ramp-2: #9d73e4;--ramp-3: #7f4fd2;--ramp-4: #5f30a6;--ramp-5: #42207e;--diary-paper: #fdf6e6;--diary-paper-2: #f7eeda;--diary-rule: rgba(70, 108, 150, .26);--diary-margin: rgba(214, 88, 108, .34);--diary-ink: #2b2c33;--diary-muted: #8a8578;--diary-gutter: rgba(63, 48, 28, .3);--diary-edge: #e6dcc4;--desk: #6f7480;--page: #ffffff;--page-ink: #14171d;--page-rule: #c9ced9;--chrome: linear-gradient(#f7f8fa, #e9ecf2);--chrome-2: linear-gradient(#eef0f5, #e2e6ee);--chrome-line: #cdd2dd;--chrome-ink: #4a5162;--note-bg: #fffef9;--note-edge: #f0ead9;--note-ink: #1c1c1e;--note-meta: #a6a6ab;--shadow: 0 8px 0 rgba(38, 50, 74, .16), 0 14px 30px rgba(38, 50, 74, .14);--shadow-sm: 0 4px 0 rgba(38, 50, 74, .12);--shadow-card: 0 2px 10px rgba(20, 28, 46, .07);--ghost: rgba(38, 50, 74, .5);--ghost-line: rgba(38, 50, 74, .34);--ghost-faint: rgba(38, 50, 74, .32);--emboss: 0 10px 0 rgba(255, 255, 255, .9), 0 16px 34px rgba(38, 50, 74, .18);--photo-paper: #fffdf7;--photo-blank: #efe9db;--photo-wash: rgba(255, 253, 247, .6);--radius: 28px;--font: "Comic Sans MS", "Chalkboard SE", "Comic Neue", "Trebuchet MS", system-ui, sans-serif;--font-ui: system-ui, -apple-system, "Segoe UI", sans-serif;--bg1: #cdeaff;--bg2: #ffe9f2;--ink-calm: #1b2233;--muted-calm: #667089;--bg-calm-1: #e8ecf6;--bg-calm-2: #f4f1fb;--bg-free-1: #d8f5e3;--bg-free-2: #fff6d6;--bg-echo-1: #dfe4ff;--bg-echo-2: #ffe4f3;--bg-spell-1: #ffeed6;--bg-spell-2: #dff4ff;--bg-sent-1: #e6f7e2;--bg-sent-2: #e2eeff;--bg-say-1: #f3e6ff;--bg-say-2: #ffe7ee;--bg-imagine-1: #fff1dc;--bg-imagine-2: #e3f1ff;--bg-typewriter-1: #ebe8e0;--bg-typewriter-2: #e2eaf2;--on-leaf: #ffffff;--leaf-ink: #17734f;--on-accent: #ffffff;--block-grape: #9b6cf0;--block-pink: #f472b6;--block-sky: #38bdf8;--block-sun: #fbbf24;--block-leaf: #34d399;--block-coral: #fb7185;--block-ink: #2b2350;--block-shadow: rgba(43, 35, 80, .22);--tile-grape: #d2bdf8;--tile-grape-base: #875fd3;--tile-pink: #fac0de;--tile-pink-base: #d064a4;--tile-sky: #a5e1fc;--tile-sky-base: #36a1da;--tile-sun: #fde29c;--tile-sun-base: #d6a32c;--tile-leaf: #a4ebd1;--tile-leaf-base: #32b38c;--tile-coral: #fdbfc8;--tile-coral-base: #d6637b;--tile-ink: #2b2350;--tile-muted: #4a4270}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--ink: #ececef;--muted: #a1a1aa;--ink-calm: #ececef;--muted-calm: #a1a1aa;--paper: #2a2a2e;--surface: #232326;--surface-2: #2e2e33;--surface-3: #27272b;--edge: #3a3a40;--line: #333338;--line-strong: #44444a;--overlay: rgba(0, 0, 0, .7);--field: #000000;--writing: #000000;--glass: rgba(42, 42, 46, .9);--glass-soft: rgba(42, 42, 46, .66);--pop: #ff789f;--sun: #ffcb52;--sky: #5fcbf5;--leaf: #35b57a;--leaf-ink: #6fe0a8;--on-leaf: #0d2418;--grape: #a98bf0;--good: #6fe0a8;--good-bg: #2a2a2e;--bad: #ff8fa8;--bad-bg: #3a1c26;--warn-ink: #f0b47a;--warn-bg: #2a2a2e;--gold: #ffcf5c;--accent: #9a7ce4;--accent-soft: #2a2440;--ramp-1: #5d4d93;--ramp-2: #6f5cae;--ramp-3: #8571ca;--ramp-4: #9d89e4;--ramp-5: #b8a4f7;--desk: #1f1f23;--diary-paper: #e8dfc9;--diary-paper-2: #ded4bc;--diary-rule: rgba(52, 84, 122, .3);--diary-margin: rgba(190, 74, 94, .4);--diary-ink: #2b2c33;--diary-muted: #7d7869;--diary-gutter: rgba(48, 36, 20, .42);--diary-edge: #cdc3aa;--page: #000000;--page-ink: #ececef;--page-rule: #26262a;--chrome: linear-gradient(#2c2c30, #252528);--chrome-2: linear-gradient(#28282c, #212124);--chrome-line: #3a3a3f;--chrome-ink: #a1a1aa;--note-bg: #000000;--note-edge: #2a2a2e;--note-ink: #f2f2f4;--note-meta: #86868b;--shadow: 0 8px 0 rgba(0, 0, 0, .34), 0 14px 30px rgba(0, 0, 0, .42);--shadow-sm: 0 4px 0 rgba(0, 0, 0, .3);--shadow-card: 0 2px 10px rgba(0, 0, 0, .34);--ghost: rgba(230, 233, 242, .48);--ghost-line: rgba(230, 233, 242, .26);--ghost-faint: rgba(230, 233, 242, .3);--emboss: 0 10px 0 rgba(0, 0, 0, .38), 0 16px 34px rgba(0, 0, 0, .45);--photo-paper: #efe8d7;--photo-blank: #d9d1bf;--photo-wash: rgba(239, 232, 215, .55);--bg1: #18181b;--bg2: #1f1f23;--bg-calm-1: #161618;--bg-calm-2: #1c1c1f;--bg-free-1: #18181b;--bg-free-2: #1f1f23;--bg-echo-1: #18181b;--bg-echo-2: #1f1f23;--bg-spell-1: #18181b;--bg-spell-2: #1f1f23;--bg-sent-1: #18181b;--bg-sent-2: #1f1f23;--bg-say-1: #18181b;--bg-say-2: #1f1f23;--bg-imagine-1: #18181b;--bg-imagine-2: #1f1f23;--bg-typewriter-1: #18181b;--bg-typewriter-2: #1f1f23;--tile-grape: #2a2a2e;--tile-grape-base: #9b6cf0;--tile-pink: #2a2a2e;--tile-pink-base: #f472b6;--tile-sky: #2a2a2e;--tile-sky-base: #38bdf8;--tile-sun: #2a2a2e;--tile-sun-base: #fbbf24;--tile-leaf: #2a2a2e;--tile-leaf-base: #34d399;--tile-coral: #2a2a2e;--tile-coral-base: #fb7185;--tile-ink: #ececef;--tile-muted: #a1a1aa;--block-shadow: rgba(0, 0, 0, .45)}}:root[data-theme=dark]{color-scheme:dark;--ink: #ececef;--muted: #a1a1aa;--ink-calm: #ececef;--muted-calm: #a1a1aa;--paper: #2a2a2e;--surface: #232326;--surface-2: #2e2e33;--surface-3: #27272b;--edge: #3a3a40;--line: #333338;--line-strong: #44444a;--overlay: rgba(0, 0, 0, .7);--field: #000000;--writing: #000000;--glass: rgba(42, 42, 46, .9);--glass-soft: rgba(42, 42, 46, .66);--pop: #ff789f;--sun: #ffcb52;--sky: #5fcbf5;--leaf: #35b57a;--leaf-ink: #6fe0a8;--on-leaf: #0d2418;--grape: #a98bf0;--good: #6fe0a8;--good-bg: #2a2a2e;--bad: #ff8fa8;--bad-bg: #3a1c26;--warn-ink: #f0b47a;--warn-bg: #2a2a2e;--gold: #ffcf5c;--accent: #9a7ce4;--accent-soft: #2a2440;--ramp-1: #5d4d93;--ramp-2: #6f5cae;--ramp-3: #8571ca;--ramp-4: #9d89e4;--ramp-5: #b8a4f7;--desk: #1f1f23;--diary-paper: #e8dfc9;--diary-paper-2: #ded4bc;--diary-rule: rgba(52, 84, 122, .3);--diary-margin: rgba(190, 74, 94, .4);--diary-ink: #2b2c33;--diary-muted: #7d7869;--diary-gutter: rgba(48, 36, 20, .42);--diary-edge: #cdc3aa;--page: #000000;--page-ink: #ececef;--page-rule: #26262a;--chrome: linear-gradient(#2c2c30, #252528);--chrome-2: linear-gradient(#28282c, #212124);--chrome-line: #3a3a3f;--chrome-ink: #a1a1aa;--note-bg: #000000;--note-edge: #2a2a2e;--note-ink: #f2f2f4;--note-meta: #86868b;--shadow: 0 8px 0 rgba(0, 0, 0, .34), 0 14px 30px rgba(0, 0, 0, .42);--shadow-sm: 0 4px 0 rgba(0, 0, 0, .3);--shadow-card: 0 2px 10px rgba(0, 0, 0, .34);--ghost: rgba(230, 233, 242, .48);--ghost-line: rgba(230, 233, 242, .26);--ghost-faint: rgba(230, 233, 242, .3);--emboss: 0 10px 0 rgba(0, 0, 0, .38), 0 16px 34px rgba(0, 0, 0, .45);--photo-paper: #efe8d7;--photo-blank: #d9d1bf;--photo-wash: rgba(239, 232, 215, .55);--bg1: #18181b;--bg2: #1f1f23;--bg-calm-1: #161618;--bg-calm-2: #1c1c1f;--bg-free-1: #18181b;--bg-free-2: #1f1f23;--bg-echo-1: #18181b;--bg-echo-2: #1f1f23;--bg-spell-1: #18181b;--bg-spell-2: #1f1f23;--bg-sent-1: #18181b;--bg-sent-2: #1f1f23;--bg-say-1: #18181b;--bg-say-2: #1f1f23;--bg-imagine-1: #18181b;--bg-imagine-2: #1f1f23;--bg-typewriter-1: #18181b;--bg-typewriter-2: #1f1f23;--tile-grape: #2a2a2e;--tile-grape-base: #9b6cf0;--tile-pink: #2a2a2e;--tile-pink-base: #f472b6;--tile-sky: #2a2a2e;--tile-sky-base: #38bdf8;--tile-sun: #2a2a2e;--tile-sun-base: #fbbf24;--tile-leaf: #2a2a2e;--tile-leaf-base: #34d399;--tile-coral: #2a2a2e;--tile-coral-base: #fb7185;--tile-ink: #ececef;--tile-muted: #a1a1aa;--block-shadow: rgba(0, 0, 0, .45)}body.skin-big{--ink: var(--ink-calm);--muted: var(--muted-calm);--paper: var(--surface);--pop: #e0447c;--radius: 16px;--shadow: 0 2px 8px rgba(20, 28, 46, .1), 0 12px 28px rgba(20, 28, 46, .1);--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--bg1: var(--bg-calm-1);--bg2: var(--bg-calm-2)}body.m-free{--bg1: var(--bg-free-1);--bg2: var(--bg-free-2)}body.m-echo{--bg1: var(--bg-echo-1);--bg2: var(--bg-echo-2)}body.m-spell{--bg1: var(--bg-spell-1);--bg2: var(--bg-spell-2)}body.m-sentence{--bg1: var(--bg-sent-1);--bg2: var(--bg-sent-2)}body.m-say{--bg1: var(--bg-say-1);--bg2: var(--bg-say-2)}body.m-imagine{--bg1: var(--bg-imagine-1);--bg2: var(--bg-imagine-2)}body.m-typewriter{--bg1: var(--bg-typewriter-1);--bg2: var(--bg-typewriter-2)}body.skin-big.m-free,body.skin-big.m-echo,body.skin-big.m-spell,body.skin-big.m-sentence,body.skin-big.m-say,body.skin-big.m-imagine,body.skin-big.m-typewriter{--bg1: var(--bg-calm-1);--bg2: var(--bg-calm-2)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text}html,body,#root{height:100%;height:100dvh}:root{--admin-bar-h: 28px;--brand-tile: clamp(38px, 4.2vw, 50px);--brand-bar-h: calc(var(--brand-tile) * 2 + 10px + 28px);--above-admin: 0px;--above-brand: 0px}html[data-admin-bar]{--above-admin: var(--admin-bar-h)}html[data-brand-bar]{--above-brand: var(--brand-bar-h)}.admin-bar{position:fixed;top:0;left:0;right:0;z-index:90;height:var(--admin-bar-h);display:flex;align-items:center;gap:8px;padding:0 10px;font:600 12px/1 system-ui,-apple-system,Segoe UI,sans-serif;background:#1e1f22;color:#dfe1e5;border-bottom:1px solid #393b40}.admin-bar a{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;color:inherit;text-decoration:none}.admin-bar a:hover,.admin-bar a:focus-visible{background:#2b2d30}.admin-bar-who{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#9da0a8}.brand-bar{position:fixed;top:var(--above-admin);left:0;right:0;z-index:50;height:var(--brand-bar-h);display:flex;align-items:center;padding:0 16px;pointer-events:none}html[data-admin-bar] #root,html[data-brand-bar] #root{position:fixed;z-index:60;left:0;right:0;bottom:0;height:auto;top:calc(var(--above-admin) + var(--above-brand))}html[data-admin-bar] .back-btn,html[data-brand-bar] .back-btn{top:calc(14px + var(--above-admin) + var(--above-brand))}.wordmark{display:inline-flex;font-family:Fredoka,ui-rounded,system-ui,sans-serif}.wordmark-words{display:inline-flex;flex-direction:column;gap:10px;padding-left:6px}.wordmark-word{display:flex;gap:6px}.lg-tile{display:grid;place-items:center;width:var(--brand-tile);aspect-ratio:1;border-radius:12px;color:#fff;font-size:clamp(1.45rem,2.5vw,1.9rem);font-weight:700;line-height:1;box-shadow:0 4px 0 var(--block-shadow);transform:rotate(var(--tilt, 0deg))}.lg-tile-0{background:var(--block-grape);--tilt: -4deg}.lg-tile-1{background:var(--block-pink);--tilt: 3deg}.lg-tile-2{background:var(--block-sky);--tilt: -2deg}.lg-tile-3{background:var(--block-sun);--tilt: 4deg;color:var(--block-ink)}.lg-tile-4{background:var(--block-leaf);--tilt: -3deg}.lg-tile-5{background:var(--block-coral);--tilt: 2deg}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{overflow:hidden;overscroll-behavior:none;touch-action:manipulation;font-family:var(--font);color:var(--ink);background:linear-gradient(160deg,var(--bg1),var(--bg2));transition:background .5s ease}.fx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:60}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen.home,.screen.picker{justify-content:flex-start;padding-top:40px}h1{font-size:clamp(26px,4.6vh,46px);letter-spacing:.01em;text-align:center}h2{font-size:20px}h3{font-size:15px;font-family:var(--font-ui);color:var(--muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em}.sub{font-size:clamp(14px,2vh,20px);color:var(--muted);text-align:center}.muted{color:var(--muted)}.fineprint{max-width:46ch;text-align:center;font-family:var(--font-ui);font-size:12.5px;color:var(--muted);line-height:1.55;margin-top:8px}.error{color:var(--bad);font-family:var(--font-ui);font-size:14px}.bigbtn{background:var(--paper);border:5px solid var(--edge);border-radius:var(--radius);padding:14px 26px;font-size:clamp(18px,2.6vh,26px);font-family:inherit;color:inherit;cursor:pointer;box-shadow:var(--shadow);position:relative;overflow:hidden}.bigbtn:active{transform:scale(.96)}.bigbtn.primary{background:var(--sun)}.bigbtn .fill{position:absolute;inset:0;background:var(--pop);opacity:.3;transform:scaleX(0);transform-origin:left}.bigbtn.holding .fill{transform:scaleX(1);transition:transform 1s linear}.welcome-actions{display:flex;flex-direction:column;gap:14px;align-items:stretch;min-width:min(360px,90vw)}.avatars{display:flex;flex-wrap:wrap;gap:clamp(10px,2vh,20px);justify-content:center;max-width:1000px}.av{width:clamp(96px,16vh,148px);min-height:clamp(96px,16vh,148px);border-radius:30px;border:5px solid var(--edge);background:var(--paper);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;position:relative;padding:8px;font-family:inherit;color:inherit;transition:transform .15s ease}.av:hover{transform:translateY(-6px) rotate(-3deg)}.av:active{transform:scale(.94)}.av-face{font-size:clamp(42px,8vh,70px);line-height:1}.av-name{font-size:14px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis}.av-badge{position:absolute;bottom:-10px;right:-6px;background:var(--sun);border:3px solid var(--edge);border-radius:999px;font-size:13px;padding:1px 8px;font-weight:700}.av.add{border-style:dashed;border-color:var(--line-strong);background:transparent;box-shadow:none}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.emoji-opt{font-size:28px;padding:8px;border-radius:12px;border:2px solid transparent;background:var(--surface-2);cursor:pointer}.emoji-opt.on{border-color:var(--accent);background:var(--surface)}.emoji-opt.taken{opacity:.3;cursor:not-allowed}.tiers{display:flex;flex-direction:column;gap:6px}.tier-opt{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:12px;border:2px solid var(--line);cursor:pointer;font-family:var(--font-ui);font-size:14px}.tier-opt.on{border-color:var(--accent);background:var(--accent-soft)}.tier-opt em{display:block;color:var(--muted);font-size:12.5px;font-style:normal;margin-top:2px}.home{max-width:1100px;margin:0 auto;gap:22px}.home-head{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.who-btn{display:flex;align-items:center;gap:10px;font-size:22px;font-family:inherit;color:inherit;background:var(--glass-soft);border:4px solid var(--edge);border-radius:999px;padding:6px 18px 6px 10px;cursor:pointer;box-shadow:var(--shadow-sm)}.star-count{font-size:20px;font-weight:700}.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:26px 20px;width:100%}.game-card{--face: var(--paper);--base: var(--edge);padding:18px 21px;border:0;border-radius:24px;background:var(--face);color:var(--tile-ink);cursor:pointer;box-shadow:0 10px 0 -2px var(--base),0 16px 28px var(--block-shadow);display:flex;flex-direction:column;align-items:center;gap:6px;font-family:inherit;transform:rotate(var(--tilt, 0deg));transition:transform .15s ease,box-shadow .15s ease}.game-card:hover{transform:translateY(-4px) rotate(0);box-shadow:0 14px 0 -2px var(--base),0 22px 34px var(--block-shadow)}.game-card:active{transform:translateY(6px) rotate(0);box-shadow:0 4px 0 -2px var(--base),0 6px 14px var(--block-shadow)}.game-card:focus-visible{outline:4px solid var(--base);outline-offset:4px}.g-free{--face: var(--tile-leaf);--base: var(--tile-leaf-base)}.g-echo{--face: var(--tile-sky);--base: var(--tile-sky-base)}.g-spell{--face: var(--tile-sun);--base: var(--tile-sun-base)}.g-say{--face: var(--tile-pink);--base: var(--tile-pink-base)}.g-imagine{--face: var(--tile-coral);--base: var(--tile-coral-base)}.g-story{--face: var(--tile-sky);--base: var(--tile-sky-base)}.g-typewriter{--face: var(--tile-leaf);--base: var(--tile-leaf-base)}.games>.game-card:nth-child(6n+1){--tilt: -1.2deg}.games>.game-card:nth-child(6n+2){--tilt: 1deg}.games>.game-card:nth-child(6n+3){--tilt: -.8deg}.games>.game-card:nth-child(6n+4){--tilt: 1.2deg}.games>.game-card:nth-child(6n+5){--tilt: -1deg}.games>.game-card:nth-child(6n){--tilt: .8deg}.skin-big .games>.game-card{--tilt: 0deg}@media(prefers-reduced-motion:reduce){.games>.game-card{--tilt: 0deg;transition:none}}.game-icon{font-size:clamp(57px,10.5vh,96px);line-height:1}.game-name{font-family:"Fredoka",var(--font);font-size:33px;font-weight:700;line-height:1.15;text-align:center}.game-blurb{font-size:19.5px;line-height:1.3;color:var(--tile-muted);font-family:var(--font-ui);text-align:center}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .game-name{color:var(--base)}}:root[data-theme=dark] .game-name{color:var(--base)}.play-wrap{position:absolute;inset:0;display:flex;flex-direction:column}.topbar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;z-index:20}.play-top{position:absolute;top:14px;left:14px;right:14px;z-index:46;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;pointer-events:none}.play-top>*{pointer-events:auto}.play-top-left{display:flex;align-items:center;gap:12px;justify-self:start;min-width:max-content}.play-top .back-btn{position:static}.play-top .topbar{position:static;transform:none}body.touch .play-top{top:10px;left:10px;right:10px}.wordmark-compact{--brand-tile: 22px}.wordmark-compact .wordmark-words{gap:4px;padding-left:0}.wordmark-compact .wordmark-word{gap:3px}.wordmark-compact .lg-tile{border-radius:calc(var(--brand-tile) * .26);font-size:calc(var(--brand-tile) * .64);box-shadow:0 2px 0 var(--block-shadow)}@media(max-width:620px){.wordmark-compact{--brand-tile: 18px}}@media(max-width:420px){.wordmark-compact{--brand-tile: 15px}.play-top-left{gap:8px}}.pill{background:var(--glass);border:4px solid var(--edge);border-radius:999px;padding:6px 16px;font-size:18px;font-weight:700}.iconbtn{background:var(--glass);border:4px solid var(--edge);border-radius:999px;width:48px;height:48px;font-size:22px;cursor:pointer;display:grid;place-items:center;font-family:inherit}.iconbtn:active{transform:scale(.9)}.stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2vh,22px);padding:76px 16px 16px}.stage.wrong{animation:shake .4s ease}@keyframes shake{10%,90%{transform:translate(-8px)}30%,70%{transform:translate(12px)}50%{transform:translate(-12px)}}.stage-timer{position:absolute;top:74px;right:24px}.bigletter{font-size:clamp(120px,36vh,340px);line-height:.95;font-weight:700;color:var(--grape);text-shadow:var(--emboss)}.bigletter.lower{text-transform:lowercase}.bigletter.hit{animation:hit .5s ease}@keyframes hit{0%{transform:scale(1)}40%{transform:scale(1.2) rotate(4deg);color:var(--leaf)}to{transform:scale(1)}}.pic{font-size:clamp(70px,20vh,190px);line-height:1}.pic.hit{animation:hit .5s ease}.sentence{font-size:clamp(18px,3.4vh,34px);max-width:22ch;text-align:center;line-height:1.4;color:var(--ink);font-family:var(--font-ui);font-weight:600}.slots{display:flex;flex-wrap:wrap;gap:clamp(5px,1vh,12px);justify-content:center}.slot{width:clamp(40px,8vh,88px);height:clamp(52px,11vh,108px);border-radius:18px;background:var(--glass-soft);border:5px dashed var(--ghost-line);display:grid;place-items:center;font-size:clamp(28px,6.5vh,64px);font-weight:700;color:var(--ghost);transition:all .18s ease}.slot.lower{text-transform:lowercase}.slot.ghosted{color:transparent}.slot.punct{width:clamp(18px,3vh,34px);border:none;background:none;color:var(--muted)}.slot.done{background:var(--leaf);border:5px solid var(--edge);color:var(--on-leaf);animation:hit .4s ease}.slot.next{border-color:var(--pop);background:var(--surface)}.peek-btn{background:var(--surface);border:4px solid var(--edge);border-radius:999px;padding:6px 18px;font-size:18px;cursor:pointer;box-shadow:var(--shadow);font-family:inherit}.free-wrap{flex:1;width:min(1100px,96%);background:var(--writing);border:6px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(12px,3vh,30px);overflow:hidden;display:flex}.free-text{font-size:clamp(30px,8vh,90px);line-height:1.15;font-weight:700;word-break:break-word;white-space:pre-wrap;letter-spacing:.03em;align-self:flex-start;width:100%}.free-text.s2{font-size:clamp(24px,5.5vh,58px)}.free-text.s3{font-size:clamp(18px,3.6vh,38px)}.free-text.lower{text-transform:lowercase}.caret{display:inline-block;width:.1em;height:.9em;background:var(--pop);vertical-align:-.1em;border-radius:4px;animation:blink 1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.kb{position:relative;z-index:45;align-self:center;width:min(760px,96vw);display:flex;flex-direction:column;gap:6px;transition:opacity .25s ease}.kb-dim{opacity:.34}.kb-shown{opacity:1;animation:kbUp .28s ease}@keyframes kbUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.kb-row{display:grid;grid-template-columns:repeat(20,1fr);gap:5px}.kb-key,.kb-gap{grid-column:span 2}.kb-gap.kb-half{grid-column:span 1}.kb-key.kb-wide,.kb-gap.kb-wide{grid-column:span 3}.kb-key{min-width:0;height:clamp(30px,5.2vh,52px);border-radius:10px;border:2px solid var(--ghost-line);background:var(--glass);color:var(--ink);font-family:var(--font);font-size:clamp(13px,2.4vh,22px);font-weight:700;display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.kb-key.lower,.kb-key.as-lower{text-transform:lowercase}.kb-key.kb-mod{font-family:var(--font-ui);font-size:clamp(14px,2.2vh,20px);color:var(--muted);background:var(--surface-2)}.kb-key.kb-mod.locked{background:var(--sun);color:var(--ink);border-color:var(--edge)}.kb-key:active{transform:scale(.92)}.kb-key.hi{background:var(--sun);border-color:var(--edge);box-shadow:0 0 0 4px #ffc23373;animation:keyPulse 1.1s ease-in-out infinite}@keyframes keyPulse{0%,to{box-shadow:0 0 0 4px #ffc23373}50%{box-shadow:0 0 0 12px #ffc23300}}.kb-key.bad{background:var(--bad-bg);border-color:var(--pop);color:var(--bad);animation:keyBad .45s ease}@keyframes keyBad{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.kb-finger{position:absolute;font-size:34px;transform:translate(-50%,-100%);animation:point .8s ease-in-out infinite;pointer-events:none}@keyframes point{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,-88%)}}.timer{position:relative;width:62px;height:62px;display:grid;place-items:center}.timer-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.timer-track{fill:none;stroke:var(--ghost-line);stroke-width:4}.timer-fill{fill:none;stroke:var(--grape);stroke-width:4;stroke-linecap:round}.timer.gold .timer-fill{stroke:var(--sun)}.timer.over .timer-fill{stroke:var(--pop)}.timer.over .timer-num{color:var(--pop)}.timer-num{font-size:15px;font-weight:700;color:var(--muted);font-family:var(--font-ui)}.timer.gold .timer-num{color:var(--gold)}.timer-best{position:absolute;top:100%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:13px;font-weight:700;color:var(--gold);font-family:var(--font-ui);animation:hit .5s ease}.overlay{position:fixed;inset:0;z-index:70;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.card{background:var(--surface);border-radius:22px;padding:24px;width:min(640px,96vw);max-height:92vh;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;font-family:var(--font-ui);box-shadow:0 24px 60px #00000059}.card.wide{width:min(720px,96vw)}.card.panel{width:min(900px,96vw);max-height:92dvh;display:flex;flex-direction:column;padding:0}.panel-head{padding:20px 24px 0}.panel-body{padding:16px 24px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.panel-foot{padding:14px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;position:sticky;bottom:0;background:var(--surface)}.tabs{display:flex;gap:6px;margin-top:12px}.tabs button{border:0;background:var(--surface-2);border-radius:999px;padding:7px 16px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;color:var(--muted)}.tabs button.on{background:var(--accent);color:var(--on-accent, #fff)}.form{display:flex;flex-direction:column;gap:12px}.form label,.field{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:600}input[type=text],input[type=email],input[type=password],.form input:not([type]),.field input,textarea{border:1px solid var(--line-strong);border-radius:10px;padding:10px;font-size:15px;font-family:inherit;font-weight:400;width:100%;background:var(--field);color:var(--ink)}textarea{min-height:110px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;resize:vertical}fieldset{border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:14px}legend{font-size:13px;font-weight:600;padding:0 6px;color:var(--muted)}.sublabel{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:14px 0 4px}.opt{display:flex;align-items:flex-start;gap:9px;padding:6px 0;font-size:14.5px;cursor:pointer;font-weight:400}.opt input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer;flex:none;margin-top:2px}.hint{font-size:12.5px;color:var(--muted);line-height:1.5;font-weight:400}.hint.inline{display:inline}.label-line{display:flex;align-items:baseline;gap:6px}.label-line .hint{font-weight:400}.btns{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:11px;padding:11px 18px;font-size:14.5px;font-weight:600;cursor:pointer;background:var(--surface-2);color:var(--ink);font-family:inherit}.btn.primary{background:var(--accent);color:var(--on-accent, #fff)}.btn.warn{background:var(--bad-bg);color:var(--bad)}.btn.link{background:none;color:var(--accent);padding:6px;text-decoration:underline}.btn:disabled{opacity:.55;cursor:default}.hold-btn{position:relative;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.hold-fill{position:absolute;inset:0;background:var(--bad);opacity:.35;transform:scaleX(0);transform-origin:left}.hold-btn.holding .hold-fill{transform:scaleX(1);transition:transform var(--hold-ms, 1.5s) linear}.hold-label{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.hold-btn.holding .hold-fill{transition-duration:var(--hold-ms, 1.5s)}}code{background:var(--surface-2);padding:1px 5px;border-radius:5px;font-size:12.5px}.dash{width:100%;display:flex;flex-direction:column;gap:16px;font-family:var(--font-ui)}.dash-card{background:var(--surface);border-radius:18px;padding:18px;box-shadow:var(--shadow-card)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.tile{background:var(--surface);border-radius:18px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:var(--shadow-card)}.tile-icon{font-size:26px}.tile-value{font-size:30px;font-weight:800;letter-spacing:-.02em}.tile-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.badges{display:flex;flex-wrap:wrap;gap:8px}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-width:260px}.cal-cell{aspect-ratio:1;border-radius:5px;background:var(--surface-2)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px}.chart{background:var(--surface);border-radius:18px;padding:16px;box-shadow:var(--shadow-card)}.chart-title{font-size:14px;font-weight:700;margin-bottom:10px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}.chart-sub,.chart-trend{font-size:12px;font-weight:600;color:var(--muted)}.chart-trend.up{color:var(--good)}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-empty{font-size:13px;color:var(--muted);padding:24px 0;text-align:center}.chart-readout{font-size:12.5px;color:var(--muted);margin-top:8px;min-height:1.2em}.grid{stroke:var(--line);stroke-width:1}.axis{font-size:10px;fill:var(--muted);font-family:var(--font-ui)}.line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.crosshair{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}.dot{fill:var(--accent);stroke:var(--surface);stroke-width:2}.dot.last{fill:var(--accent)}.tk{display:flex;flex-direction:column;gap:5px}.tk-row{display:flex;gap:4px}.tk-key{flex:1 1 0;aspect-ratio:1 / 1.1;border-radius:7px;border:1px solid var(--line);background:var(--surface-3);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--muted);position:relative;cursor:default}.tk-key.has{color:var(--on-accent, #fff)}.tk-n{position:absolute;bottom:1px;right:3px;font-size:8.5px;opacity:.85;font-weight:600}.bars{display:flex;flex-direction:column;gap:7px}.bar-row{display:grid;grid-template-columns:13ch 1fr 3ch;gap:10px;align-items:center;font-size:12.5px}.bar-row.hot .bar-fill{filter:brightness(.88)}.bar-label{color:var(--muted);white-space:nowrap}.bar-label b{color:var(--ink)}.bar-track{background:var(--surface-2);border-radius:4px;height:14px;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--accent);border-radius:0 4px 4px 0}.bar-value{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line)}.tbl td{padding:7px 8px;border-bottom:1px solid var(--line)}.tbl td.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}@media(max-width:560px){.emoji-grid{grid-template-columns:repeat(6,1fr)}.bar-row{grid-template-columns:11ch 1fr 3ch}}.g-sentence{--face: var(--tile-grape);--base: var(--tile-grape-base)}.sentence-stage{gap:clamp(10px,2.6vh,26px)}.scene{font-size:clamp(46px,13vh,120px);line-height:1;letter-spacing:.06em;white-space:nowrap}.scene.hit{animation:hit .5s ease}.sent-text{max-width:min(1000px,94vw);text-align:center;font-size:clamp(20px,4.6vh,52px);font-weight:700;line-height:1.45;letter-spacing:.01em}.sent-word{display:inline-block;white-space:nowrap}.sc{display:inline-block;color:var(--ghost-faint);transition:color .12s ease,transform .12s ease}.sc.sp{white-space:pre}.sc.done{color:var(--leaf-ink)}.sc.cur{color:var(--ink);border-bottom:4px solid var(--pop);border-radius:2px;animation:curPulse 1.1s ease-in-out infinite}.sc.cur.sp{border-bottom-color:var(--pop);min-width:.5em}@keyframes curPulse{0%,to{border-bottom-color:var(--pop)}50%{border-bottom-color:transparent}}.sent-text.done-all .sc{color:var(--leaf-ink)}.sent-text.boxed{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.4vh,14px);line-height:1}.sent-text.boxed .sent-word{display:flex;gap:clamp(5px,1vh,12px)}.sent-text.boxed .sc{width:clamp(40px,8vh,88px);height:clamp(52px,11vh,108px);border-radius:18px;background:var(--glass-soft);border:5px dashed var(--ghost-line);display:grid;place-items:center;font-size:clamp(28px,6.5vh,64px);font-weight:700;color:var(--ghost);transition:all .18s ease;animation:none}.sent-text.boxed .sc.done{background:var(--leaf);border:5px solid var(--edge);color:var(--on-leaf);animation:hit .4s ease}.sent-text.boxed .sc.cur{border-color:var(--pop);background:var(--surface);color:var(--ink)}.sent-text.boxed .sc.punct{width:clamp(14px,2.4vh,26px);border:none;background:none;color:var(--muted);font-size:clamp(20px,4vh,40px)}.sent-text.boxed .sc.sp{width:clamp(20px,3.6vh,40px);border-style:dashed;background:var(--glass-soft)}.sent-text.boxed .sc.sp.punct{border:none;background:none}.sent-text.boxed .sc.sp.done{background:var(--leaf);border-style:solid}.sent-text.boxed .sc.sp.cur{border-color:var(--pop);background:var(--surface)}.sent-text.boxed.s2 .sc{width:clamp(28px,5.4vh,56px);height:clamp(38px,7.4vh,72px);border-radius:13px;border-width:4px;font-size:clamp(20px,4.4vh,42px)}.sent-text.boxed.s2 .sc.done{border-width:4px}.sent-text.boxed.s2 .sc.punct{width:clamp(11px,1.8vh,18px);font-size:clamp(15px,3vh,27px)}.sent-text.boxed.s2 .sc.sp{width:clamp(15px,2.6vh,27px)}.sent-text.boxed.s3 .sc{width:clamp(19px,3.6vh,38px);height:clamp(26px,5vh,50px);border-radius:9px;border-width:3px;font-size:clamp(13px,2.9vh,28px)}.sent-text.boxed.s3 .sc.done{border-width:3px}.sent-text.boxed.s3 .sc.punct{width:clamp(8px,1.3vh,13px);font-size:clamp(11px,2.1vh,19px)}.sent-text.boxed.s3 .sc.sp{width:clamp(10px,1.8vh,19px)}.sent-text.boxed.done-all .sc{color:var(--on-leaf)}.sent-text.boxed.done-all .sc.punct{color:var(--muted)}.imagine-stage{gap:clamp(8px,1.8vh,18px);justify-content:center}.imagine-frame{width:min(56vh,92vw);aspect-ratio:1;border-radius:var(--radius);border:6px solid var(--edge);background:var(--glass);box-shadow:var(--shadow);overflow:hidden;display:grid;place-items:center}.imagine-img{width:100%;height:100%;object-fit:cover;display:block;animation:hit .5s ease}.drawing{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;text-align:center}.drawing-face{font-size:clamp(40px,10vh,84px);line-height:1;animation:sway 2.2s ease-in-out infinite}.drawing-label{font-family:var(--font-ui);font-size:clamp(14px,2.2vh,19px);font-weight:600;color:var(--muted);max-width:22ch}.imagine-said{font-size:clamp(15px,2.6vh,26px);font-weight:700;text-align:center;max-width:min(700px,92vw);min-height:1.2em}.keep-btn{background:var(--accent);color:var(--on-accent, #fff)}.keep-btn.kept{background:var(--surface-2);color:var(--muted)}.kept-strip{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:min(700px,94vw)}.kept-thumb{width:clamp(38px,7vh,62px);height:clamp(38px,7vh,62px);padding:0;border:3px solid var(--edge);border-radius:12px;overflow:hidden;background:var(--surface);cursor:pointer;box-shadow:var(--shadow-sm)}.kept-thumb img{width:100%;height:100%;object-fit:cover;display:block}.kept-thumb:active{transform:scale(.94)}body.touch .imagine-frame{width:min(42vh,88vw)}.diary-stage{gap:clamp(6px,1.2vh,12px);justify-content:center;padding:58px 10px 8px}.diary-row{display:flex;align-items:center;gap:clamp(4px,1.2vw,16px);width:100%;justify-content:center}.book{touch-action:none;position:relative;display:flex;flex:none;width:min(1180px,92vw);height:min(clamp(300px,62vh,680px),68vw);border-radius:6px;background:var(--diary-edge);--book-pad: 6px;padding:5px var(--book-pad);box-shadow:0 2px 0 var(--diary-edge),0 4px #ded3ba,0 6px 0 var(--diary-edge),0 14px #26324a1f,0 28px 56px #26324a47}.book-page{position:relative;width:50%;box-sizing:border-box;overflow:hidden;padding:clamp(12px,2.4vh,26px) clamp(12px,2vw,30px);display:flex;flex-direction:column;gap:clamp(6px,1.2vh,12px);color:var(--diary-ink);background-image:repeating-linear-gradient(to bottom,transparent 0 33px,var(--diary-rule) 33px 34px),linear-gradient(to right,var(--diary-paper),var(--diary-paper-2));background-position:0 14px,0 0}.book-page.left{border-radius:4px 0 0 4px}.book-page.right{border-radius:0 4px 4px 0;background-image:repeating-linear-gradient(to bottom,transparent 0 33px,var(--diary-rule) 33px 34px),linear-gradient(to left,var(--diary-paper),var(--diary-paper-2))}.book-page.left:before,.book-page.right:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--diary-margin)}.book-page.left:before{left:clamp(26px,4%,46px)}.book-page.right:before{right:clamp(26px,4%,46px)}.book-spine{position:absolute;top:5px;bottom:5px;left:50%;width:clamp(28px,4%,54px);transform:translate(-50%);pointer-events:none;z-index:3;background:linear-gradient(to right,rgba(0,0,0,0) 0%,var(--diary-gutter) 42%,rgba(0,0,0,.16) 50%,var(--diary-gutter) 58%,rgba(0,0,0,0) 100%)}.page-head{display:flex;align-items:baseline;gap:8px;justify-content:space-between;font-family:var(--font-ui);font-size:clamp(10px,1.4vh,13px);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--diary-muted);position:relative;z-index:2;padding-left:clamp(30px,4.5%,52px)}.book-page.right .page-head{padding-left:0;padding-right:clamp(30px,4.5%,52px)}.tapedown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,1.4vh,18px) clamp(6px,1.2vw,20px);justify-items:center;align-content:start;flex-grow:1;position:relative;z-index:2;padding:clamp(4px,1vh,12px) clamp(24px,3.5%,46px);min-height:0;overflow-y:auto;scrollbar-width:thin}.polaroid{position:relative;width:100%;max-width:clamp(84px,17vh,230px);background:var(--photo-paper);border:0;padding:7px 7px 0;cursor:pointer;box-shadow:0 3px 10px #26324a42,0 10px 22px #26324a24;font-family:inherit;color:var(--diary-ink);display:flex;flex-direction:column;gap:3px;transition:transform .14s ease;transform:rotate(var(--tilt, 0deg))}.polaroid:hover{transform:scale(1.04) rotate(0);z-index:4}.polaroid{-webkit-touch-callout:none}.polaroid img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--photo-blank);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.polaroid-text{font-size:clamp(9px,1.35vh,14px);font-weight:700;line-height:1.22;text-align:left;padding:3px 1px 1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.polaroid-date{font-family:var(--font-ui);font-size:clamp(8px,1vh,11px);color:var(--diary-muted);text-align:left;padding:0 1px 6px}.tape{position:absolute;top:-8px;left:50%;width:48%;height:18px;transform:translate(-50%) rotate(-4deg);opacity:.55}.work-page{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.6vh,18px);position:relative;z-index:2;padding:0 clamp(28px,4%,50px);text-align:center}.work-title{font-size:clamp(15px,2.4vh,27px);font-weight:700;line-height:1.25;color:var(--diary-ink);max-width:18ch}.work-hint{font-family:var(--font-ui);font-size:clamp(11px,1.5vh,15px);font-weight:600;color:var(--diary-muted);max-width:26ch}.mic-page{width:clamp(88px,17vh,168px);height:clamp(88px,17vh,168px);border-radius:50%;border:6px solid var(--photo-paper);background:var(--pop);box-shadow:0 6px #26324a33,0 12px 26px #26324a3d;cursor:pointer;display:grid;place-items:center;font-family:inherit;touch-action:none;transition:transform .12s ease}.mic-page:active{transform:scale(.94)}.mic-page:disabled{opacity:.45;cursor:default}.mic-page .mic-face{font-size:clamp(38px,8vh,76px)}.mic-page.on{animation:micPulse 1.2s ease-in-out infinite}.mic-page.busy{animation:micThink 1.6s ease-in-out infinite}.polaroid.drawing{cursor:default}.polaroid.drawing:hover{transform:rotate(var(--tilt, 0deg));z-index:auto}.drawing-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:1;background:var(--photo-blank);display:grid;place-items:center;outline:3px dashed var(--diary-rule);outline-offset:-7px}.drawing-wash{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,#ff5d8f8c,#ffc23380 40%,#4cc3f273 72%,#9b6bf261);transition:height .5s cubic-bezier(.4,0,.2,1)}.drawing-wash.late{animation:washPulse 1.8s ease-in-out infinite}@keyframes washPulse{0%,to{opacity:1}50%{opacity:.55}}.drawing-frame .drawing-face{position:relative;z-index:2;font-size:clamp(22px,5.5vh,56px)}.drawing-face.still{animation:none}.drawing-cancel{position:absolute;top:5px;right:5px;z-index:3;width:clamp(22px,3.6vh,32px);height:clamp(22px,3.6vh,32px);padding:0;border-radius:50%;border:2px solid var(--photo-paper);background:var(--surface);font-size:clamp(11px,1.8vh,16px);line-height:1;cursor:pointer;box-shadow:0 2px 6px #26324a4d}.drawing-cancel:active{transform:scale(.9)}.polaroid-status{font-family:var(--font-ui);font-size:clamp(8px,1.15vh,12px);font-weight:600;color:var(--diary-muted);text-align:left;padding:0 1px;margin-bottom:6px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.polaroid.sorry .drawing-frame{outline-style:dotted}.polaroid.landed img{animation:landIn .45s cubic-bezier(.2,.9,.3,1.3)}@keyframes landIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.drawing{display:flex;flex-direction:column;align-items:center;gap:10px}.drawing-face{font-size:clamp(34px,7vh,68px);line-height:1;animation:sway 2.2s ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-6px)}}.drawing-label{font-family:var(--font-ui);font-size:clamp(12px,1.7vh,17px);font-weight:600;color:var(--diary-muted);max-width:22ch}.page-empty{flex-grow:1;display:grid;place-items:center;position:relative;z-index:2;font-family:var(--font-ui);font-size:clamp(11px,1.5vh,15px);color:var(--diary-muted)}.pageturn{flex:none;width:clamp(40px,6.4vh,64px);height:clamp(40px,6.4vh,64px);border-radius:50%;border:5px solid var(--edge);background:var(--paper);box-shadow:0 6px #26324a24;cursor:pointer;color:var(--ink);font-family:inherit;font-size:clamp(22px,3.6vh,34px);line-height:1}.pageturn:active{transform:scale(.93)}.pageturn:disabled{opacity:.25;cursor:default;box-shadow:none}.shelf{display:flex;align-items:center;gap:10px;width:100%;justify-content:center}.strip-toggle{flex:none;box-shadow:var(--shadow-sm)}.shelf-label{font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex:none}.shelf-rail{display:flex;gap:6px;overflow-x:auto;max-width:min(900px,88vw);padding:3px 2px 6px;scrollbar-width:thin}.shelf-thumb{flex:none;width:clamp(30px,5vh,46px);height:clamp(30px,5vh,46px);padding:0;border:3px solid var(--edge);border-radius:9px;overflow:hidden;background:var(--surface);cursor:pointer;box-shadow:var(--shadow-sm)}.shelf-thumb.on{border-color:var(--pop);box-shadow:0 4px #ff5d8f4d}.shelf-thumb img{width:100%;height:100%;object-fit:cover;display:block}.shelf-thumb:active{transform:scale(.93)}.say-trouble.on-page{font-size:clamp(11px,1.4vh,14px);padding:7px 12px;max-width:26ch}.memory-open{position:absolute;inset:0;z-index:40;background:var(--overlay);display:grid;place-items:center;padding:20px}.memory-card{background:var(--surface);border:6px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;max-width:min(460px,92vw);display:flex;flex-direction:column;align-items:center;gap:10px;max-height:92vh;overflow-y:auto;overscroll-behavior:contain}.memory-card img{width:min(340px,68vw);aspect-ratio:1;object-fit:cover;border-radius:16px;display:block}.memory-text{font-size:clamp(16px,2.4vh,24px);font-weight:700;text-align:center;width:100%;max-height:clamp(72px,24vh,280px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.memory-meta{font-family:var(--font-ui);font-size:13px;color:var(--muted)}.memory-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.diary-away{display:flex;flex-direction:column;gap:8px;align-items:center;width:100%}.diary-away-row{display:flex;gap:8px;overflow-x:auto;max-width:min(900px,88vw);padding:3px 2px 6px;scrollbar-width:thin}.diary-away-thumb{flex:none;width:clamp(64px,11vh,104px);padding:4px;display:flex;flex-direction:column;gap:4px;align-items:center;border:3px solid var(--edge);border-radius:12px;background:var(--surface);cursor:pointer;box-shadow:var(--shadow-sm);opacity:.82}.diary-away-thumb:hover{opacity:1}.diary-away-thumb:active{transform:scale(.95)}.diary-away-thumb img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;display:block}.diary-away-meta{font-family:var(--font-ui);font-size:10px;font-weight:600;line-height:1.15;color:var(--muted);text-align:center}body.touch .pageturn{width:40px;height:40px;font-size:22px}body.touch .shelf-label{display:none}.diary-stage.one-page .book{width:min(560px,94vw);height:min(74vh,132vw);--book-pad: 5px;padding:5px var(--book-pad)}.diary-stage.one-page .diary-row{position:relative;width:100%}.diary-stage.one-page .pageturn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;font-size:24px;background:var(--glass);border-color:var(--edge);box-shadow:0 3px #26324a2e,0 6px 16px #26324a3d}.diary-stage.one-page .pageturn:first-of-type{left:2px}.diary-stage.one-page .pageturn:last-of-type{right:2px}.diary-stage.one-page .pageturn:active{transform:translateY(-50%) scale(.93)}.diary-stage.one-page .pageturn:disabled{opacity:0;pointer-events:none}.diary-stage.one-page .book-page{width:100%;border-radius:4px}.diary-stage.one-page .book-page.left:before{left:clamp(22px,6%,40px)}.diary-stage.one-page .polaroid{max-width:min(clamp(84px,20vh,220px),100%)}.diary-stage.one-page .tapedown{padding-inline:clamp(20px,7%,44px)}.inworks{display:flex;gap:clamp(8px,2.5vw,18px);justify-content:center;align-items:flex-start;width:100%;padding-top:6px}.diary-stage .inworks .polaroid{max-width:clamp(64px,11vh,110px)}.inworks .polaroid-text{-webkit-line-clamp:1}.book.strip{touch-action:pan-x;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--book-pad);scrollbar-width:thin;scrollbar-color:rgba(38,50,74,.35) transparent}.book.strip .mic-page{touch-action:none}.book.strip .book-page{flex:none;border-radius:0}.book.strip .book-page.left{scroll-snap-align:start}.book.strip .book-page:first-child{border-radius:4px 0 0 4px}.book.strip .book-page:last-child{border-radius:0 4px 4px 0}.book.strip .book-page.left:not(:first-child){border-left:2px solid var(--diary-edge)}.book.strip .book-spine{display:none}.book.strip .book-page:after{content:"";position:absolute;top:0;bottom:0;width:clamp(14px,2%,27px);pointer-events:none;z-index:3}.book.strip .book-page.left:after{right:0;background:linear-gradient(to right,rgba(0,0,0,0) 0%,var(--diary-gutter) 84%,rgba(0,0,0,.16) 100%)}.book.strip .book-page.right:after{left:0;background:linear-gradient(to left,rgba(0,0,0,0) 0%,var(--diary-gutter) 84%,rgba(0,0,0,.16) 100%)}.diary-stage.one-page .book.strip .book-page{width:90%;scroll-snap-align:start;border-radius:0;border-left:2px solid var(--diary-edge)}.diary-stage.one-page .book.strip .book-page:first-child{border-left:0;border-radius:4px 0 0 4px}.diary-stage.one-page .book.strip .book-page:last-child{border-radius:0 4px 4px 0}.diary-stage.one-page .book.strip .book-page:after{display:none}@media(max-height:520px)and (orientation:landscape){.diary-stage{padding-top:48px}.diary-stage.one-page .book{width:min(760px,94vw);height:82vh}.diary-stage.one-page .tapedown{grid-template-columns:repeat(4,minmax(0,1fr))}.diary-stage.one-page .polaroid{max-width:min(clamp(64px,34vh,150px),100%)}.diary-stage.one-page .polaroid-text{-webkit-line-clamp:1}.work-page{gap:5px}.inworks{padding-top:0}.diary-stage .inworks .polaroid{max-width:56px;padding:4px 4px 0}.inworks .polaroid-text,.inworks .polaroid-status,.inworks .polaroid-date{display:none}.inworks .drawing-frame{outline-width:2px;outline-offset:-5px}.inworks .drawing-frame .drawing-face{font-size:15px}.inworks .drawing-cancel{top:3px;right:3px;width:18px;height:18px;font-size:9px;border-width:1.5px}.work-title{font-size:clamp(13px,4vh,20px)}.mic-page{width:clamp(66px,30vh,120px);height:clamp(66px,30vh,120px)}.mic-page .mic-face{font-size:clamp(30px,14vh,56px)}.diary-stage.one-page .book{height:74vh}.shelf-thumb{width:34px;height:34px}}.say-stage{gap:clamp(10px,2.4vh,24px);justify-content:center}.say-title{font-size:clamp(18px,3.4vh,32px);font-weight:700;text-align:center}.mic-btn{width:clamp(110px,24vh,190px);height:clamp(110px,24vh,190px);border-radius:50%;border:6px solid var(--edge);background:var(--paper);box-shadow:var(--shadow);cursor:pointer;display:grid;place-items:center;font-family:inherit;color:inherit;touch-action:none;transition:transform .12s ease,background .2s ease}.mic-btn:active{transform:scale(.94)}.mic-btn:disabled{opacity:.5;cursor:default}.mic-face{font-size:clamp(46px,11vh,92px);line-height:1}.mic-btn.on{background:var(--pop);border-color:var(--pop);animation:micPulse 1.2s ease-in-out infinite}@keyframes micPulse{0%,to{box-shadow:0 0 #e0447c73,var(--shadow)}50%{box-shadow:0 0 0 22px #e0447c00,var(--shadow)}}.mic-btn.busy{animation:micThink 1.6s ease-in-out infinite;opacity:1}.mic-btn.busy:disabled{opacity:1}@keyframes micThink{0%,to{transform:scale(1)}50%{transform:scale(.95)}}.say-label{font-family:var(--font-ui);font-size:clamp(13px,1.9vh,17px);font-weight:600;color:var(--muted);text-align:center}.heard-live{max-width:min(820px,92vw);min-height:2.6em;padding:12px 18px;border-radius:18px;background:var(--glass);border:3px solid var(--edge);font-size:clamp(16px,3vh,30px);font-weight:700;line-height:1.3;text-align:center}.heard-live.empty{color:var(--ghost);font-weight:600}.say-trouble{max-width:min(560px,92vw);text-align:center;font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--bad);background:var(--bad-bg);padding:9px 14px;border-radius:12px}.say-typed{display:flex;gap:8px;width:min(520px,92vw)}.say-typed input{flex:1;border:1px solid var(--line-strong);border-radius:10px;padding:10px;font-size:15px;font-family:var(--font-ui);font-weight:400;background:var(--surface);color:var(--ink)}.say-typed .btn{background:var(--accent);color:var(--on-accent, #fff);flex:none}.said-head{display:flex;align-items:center;gap:10px}.said-tag{font-family:var(--font-ui);font-size:clamp(12px,1.7vh,15px);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.iconbtn.small{width:38px;height:38px;border-width:3px;font-size:17px}body.touch .mic-btn{width:clamp(96px,20vh,150px);height:clamp(96px,20vh,150px)}body.touch .heard-live{font-size:clamp(14px,2.4vh,24px)}.kb-bottom{margin-top:2px}.kb-key.kb-space{grid-column:span 14;font-size:clamp(11px,1.8vh,15px);font-family:var(--font-ui);font-weight:600;color:var(--muted);text-transform:none}.kb-row.kb-bottom>.kb-key.kb-space:only-child{grid-column:4 / span 14}.kb-key.kb-enter{grid-column:span 6}.kb-key.kb-space.hi{color:var(--ink)}body.touch .kb-key{height:clamp(40px,7.2vh,58px);border-radius:8px;font-size:clamp(14px,2.6vh,22px)}body.touch .kb-key.kb-space{height:clamp(36px,6vh,50px)}body.touch .kb{gap:5px;width:min(900px,99vw)}body.touch .kb-row{gap:4px}body.touch .stage{padding:62px 8px 10px;gap:clamp(6px,1.4vh,16px)}body.touch .bigletter{font-size:clamp(72px,22vh,200px)}body.touch .pic{font-size:clamp(46px,13vh,120px)}body.touch .scene{font-size:clamp(34px,9vh,88px)}body.touch .sent-text{font-size:clamp(15px,3vh,30px);line-height:1.35}body.touch .slot{width:clamp(30px,6vh,62px);height:clamp(40px,8vh,76px);font-size:clamp(20px,4.6vh,44px);border-width:4px;border-radius:12px}body.touch .free-wrap{flex:0 1 auto;max-height:34vh;padding:12px}body.touch .free-text{font-size:clamp(22px,5vh,52px)}body.touch .free-text.s2{font-size:clamp(18px,4vh,40px)}body.touch .free-text.s3{font-size:clamp(15px,3vh,28px)}body.touch .bigbtn{padding:8px 16px;font-size:clamp(14px,2vh,20px)}body.touch .stage-timer{top:62px;right:10px}body.touch .timer{width:50px;height:50px}@media(max-width:560px)and (orientation:portrait){body.touch .stage-timer{top:58px;right:6px}body.touch .kb-key{font-size:clamp(12px,2.2vh,18px)}}.back-btn{position:fixed;top:14px;left:14px;z-index:46;display:flex;align-items:center;gap:8px;background:var(--glass);border:4px solid var(--edge);border-radius:999px;padding:6px 18px 6px 12px;font-family:inherit;color:var(--ink);font-size:clamp(15px,2.2vh,20px);font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease}.back-btn:hover{transform:translate(-2px)}.back-btn:active{transform:scale(.93)}.back-arrow{font-size:1.25em;line-height:1}@media(max-width:620px){.back-label{display:none}.back-btn{padding:8px 12px}}body.touch .back-btn{top:10px;left:10px}.speed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.speed-card{background:var(--surface);border-radius:14px;padding:14px;border:1px solid var(--line);font-family:var(--font-ui)}.speed-card.empty{opacity:.65}.speed-head{font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px}.speed-figures{display:flex;align-items:baseline;gap:7px;margin-top:8px}.speed-big{font-size:30px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.speed-unit{font-size:12px;color:var(--muted)}.speed-meta{font-size:12px;color:var(--muted);margin-bottom:8px;font-variant-numeric:tabular-nums}.spark{width:100%;height:54px;display:block;overflow:visible}.spark-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.spark-empty,.spark-readout{font-size:11.5px;color:var(--muted);min-height:1.3em}.spark-empty{padding:16px 0}.spark-readout{margin-top:4px}.speed-trend{margin-top:8px;font-size:12.5px;font-weight:600;border-radius:8px;padding:6px 9px;background:var(--surface-2);color:var(--muted)}.speed-trend.faster{background:var(--good-bg);color:var(--good)}.speed-trend.slower{background:var(--warn-bg);color:var(--warn-ink)}.dash-who{font-size:13px;color:var(--muted);margin-bottom:2px}.free-stage{justify-content:flex-start;padding-top:66px}.sel{background:#7c4dd647;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.pad-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.bigbtn.mic{touch-action:none;min-width:11ch;text-align:center}.bigbtn.mic.on{background:var(--pop);border-color:var(--pop);color:#fff;animation:micPulse 1.2s ease-in-out infinite}.bigbtn.mic.busy{animation:micThink 1.6s ease-in-out infinite;opacity:1}.bigbtn.mic:disabled{opacity:.45;cursor:default}.bigbtn.say:disabled{opacity:.45;cursor:default}.bigbtn.say.saying{background:var(--pop);border-color:var(--pop);color:#fff;animation:micPulse 1.2s ease-in-out infinite}.say-status{font-family:var(--font-ui);font-size:12.5px;color:var(--muted);margin-top:-4px;text-align:center}.dictating{color:var(--muted);text-decoration:underline dotted currentColor;text-underline-offset:3px}.clear-hint{font-family:var(--font-ui);font-size:12.5px;color:var(--muted);margin-top:-4px;text-align:center;max-width:44ch}.clear-hint b{font-weight:700;color:var(--ink)}.clear-hint.trouble{color:var(--pop);font-weight:600}.view-switch{display:flex;gap:4px;padding:4px;background:var(--glass-soft);border-radius:999px;border:3px solid var(--edge);box-shadow:var(--shadow-sm)}.view-opt{display:flex;align-items:center;gap:6px;border:0;background:transparent;border-radius:999px;padding:6px 14px;cursor:pointer;font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--muted)}.view-opt.on{background:var(--accent);color:var(--on-accent, #fff)}.view-opt:active{transform:scale(.95)}@media(max-width:620px){.view-name{display:none}.view-opt{padding:6px 10px;font-size:16px}}.doc-shell{flex:1;width:min(940px,98%);min-height:0;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;box-shadow:0 6px 22px #141c2e2e;background:var(--desk)}.doc-bar{background:var(--chrome);border-bottom:1px solid var(--chrome-line);padding:7px 12px;font-family:var(--font-ui);font-size:12px;color:var(--chrome-ink);display:flex;align-items:center;gap:8px;flex:none}.doc-name{font-weight:600}.doc-scroll{flex:1;overflow-y:auto;padding:18px 0;background:var(--desk);min-height:0}.doc-page{width:min(720px,88%);margin:0 auto;background:var(--page);min-height:var(--page-h, 500px);padding:7% 9%;box-shadow:0 2px 10px #00000047;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--page-h, 500px) - 2px),var(--page-rule) calc(var(--page-h, 500px) - 2px),var(--page-rule) var(--page-h, 500px))}.doc-body{font-family:"Liberation Serif",Times New Roman,Times,Georgia,serif;font-size:clamp(15px,2.2vh,20px);line-height:1.75;color:var(--page-ink);white-space:pre-wrap;word-break:break-word;text-align:left}.doc-body.lower{text-transform:lowercase}.doc-status{background:var(--chrome-2);border-top:1px solid var(--chrome-line);padding:5px 12px;font-family:var(--font-ui);font-size:11.5px;color:var(--chrome-ink);display:flex;gap:18px;flex:none}.note-shell{flex:1;width:min(820px,96%);min-height:0;background:var(--note-bg);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #141c2e24;border:1px solid var(--note-edge);display:flex;flex-direction:column}.note-scroll{flex:1;overflow-y:auto;padding:clamp(18px,4vh,40px) clamp(18px,5%,48px);min-height:0}.note-title{font-family:var(--font-ui);font-weight:700;color:var(--note-ink);font-size:clamp(22px,3.6vh,34px);line-height:1.25;white-space:pre-wrap;word-break:break-word;min-height:1.2em}.note-title.lower{text-transform:lowercase}.note-date{font-family:var(--font-ui);font-size:12.5px;color:var(--note-meta);margin:6px 0 14px}.note-body{font-family:var(--font-ui);font-size:clamp(16px,2.5vh,22px);line-height:1.55;color:var(--note-ink);white-space:pre-wrap;word-break:break-word}.note-body.lower{text-transform:lowercase}.ide-shell{--ide-bg: #1e1f22;--ide-bar: #2b2d30;--ide-line: #393b40;--ide-text: #bcbec4;--ide-gutter: #5b5e64;--ide-gutter-cur: #a1a3ab;--ide-cur: #26282e;--ide-guide: #393b40;--ide-kw: #cf8e6d;--ide-str: #6aab73;--ide-num: #2aacb8;--ide-call: #56a8f5;--ide-field: #c77dbb;--ide-cmt: #7a7e85;--ide-inlay: #8a8d93;--ide-ref: #8c8f96;--ide-hint-bg: #3d3f43;--ide-hint: #a8adbd;--ide-sel: #214283;--ide-exc-bg: #7d3535;--ide-exc: #ffd7d7;--ide-errline: #2f3654;--ide-tab-on: #dfe1e5;--ide-tab: #a8adbd;--ide-blue: #3574f0;--ide-icon: #6c9cf5;--ide-fs: clamp(13.5px, 2.2vh, 19px);--ide-font: "JetBrains Mono", "Fira Code", "Cascadia Code", "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;flex:1;width:min(1100px,98%);min-height:0;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;border:1px solid var(--ide-line);background:var(--ide-bg);color:var(--ide-text);box-shadow:0 6px 22px #00000059;font-family:var(--ide-font);font-size:var(--ide-fs);color-scheme:dark}.ide-tabs{display:flex;align-items:stretch;flex:none;overflow:hidden;background:var(--ide-bar);border-bottom:1px solid var(--ide-line);font-family:var(--font-ui);font-size:12.5px}.ide-tab{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 12px;color:var(--ide-tab);border-right:1px solid var(--ide-line)}.ide-tab.on{color:var(--ide-tab-on);background:var(--ide-bg);box-shadow:inset 0 -2px 0 var(--ide-blue)}.ide-tab b{font-weight:400;opacity:.6;margin-left:2px}.ide-ficon{width:14px;height:14px;border-radius:50%;flex:none;border:1.5px solid var(--ide-icon);color:var(--ide-icon);font:700 9px/11px var(--font-ui);font-style:normal;display:grid;place-items:center}.ide-ficon.t{border-color:var(--ide-str);color:var(--ide-str)}.ide-tabs-end{margin-left:auto;padding:4px 10px;color:var(--ide-tab);display:flex;align-items:center;gap:10px}.ide-toggle{border:1px solid var(--ide-line);border-radius:6px;background:transparent;color:var(--ide-tab);font:600 12px var(--font-ui);padding:4px 9px;cursor:pointer;white-space:nowrap}.ide-toggle.on{background:#2e436e;border-color:var(--ide-blue);color:var(--ide-tab-on)}.ide-toggle:active{transform:scale(.95)}@media(max-width:620px){.ide-tab:nth-child(3){display:none}}.ide-code,.doc-body,.note-scroll,.free-text{cursor:text}.ide-editor{position:relative;flex:1;min-height:0;display:flex}.ide-insp{position:absolute;top:4px;right:14px;z-index:2;display:flex;gap:9px;padding:2px 7px;border-radius:6px;background:var(--ide-bg);font-family:var(--font-ui);font-size:11px}.ide-insp .e{color:#f2707a}.ide-insp .w{color:#f2c55c}.ide-insp .k{color:var(--ide-str)}.ide-scroll{flex:1;min-height:0;overflow:auto;padding:6px 0 40px}.ide-code{min-width:100%;width:max-content}.ide-line{display:flex;line-height:1.55;white-space:pre}.ide-line.cur{background:var(--ide-cur)}.ide-line.err{background:var(--ide-errline)}.ide-gutter{flex:none;width:5.5ch;padding-right:1.6ch;text-align:right;font-size:.85em;line-height:1.55em;color:var(--ide-gutter);display:flex;align-items:center;justify-content:flex-end;gap:.4em}.ide-line.cur .ide-gutter{color:var(--ide-gutter-cur)}.ide-bp{width:.7em;height:.7em;border-radius:50%;background:#e5484d;flex:none}.ide-src{display:flex;flex:none}.ide-ind{flex:none;width:4ch;border-left:1px solid var(--ide-guide)}.ide-txt{flex:none}.ide-shell .tk-kw{color:var(--ide-kw)}.ide-shell .tk-str{color:var(--ide-str)}.ide-shell .tk-num{color:var(--ide-num)}.ide-shell .tk-call{color:var(--ide-call)}.ide-shell .tk-field{color:var(--ide-field)}.ide-shell .tk-cmt{color:var(--ide-cmt);font-style:italic}.ide-shell .tk-ref{color:var(--ide-ref)}.ide-shell .tk-type{text-transform:capitalize}.ide-inlay{color:var(--ide-inlay);font-style:italic;margin-left:3ch;font-size:.92em}.ide-inlay>span{opacity:.9}.ide-author{color:var(--ide-inlay);font-family:var(--font-ui);font-size:.8em;margin-left:3ch}.ide-phint,.ide-exc{display:inline-block;border-radius:4px;padding:0 5px;margin:0 4px 0 1px;font-family:var(--font-ui);font-size:.8em;line-height:1.45;vertical-align:1px}.ide-phint{background:var(--ide-hint-bg);color:var(--ide-hint)}.ide-exc{background:var(--ide-exc-bg);color:var(--ide-exc);margin:0 4px}.ide-ws{font-size:0}.ide-ws .caret,.ide-ws .dictating{font-size:var(--ide-fs)}.ide-shell .caret{background:#ced0d6;width:2px;height:1.15em;border-radius:0;vertical-align:-.2em}.ide-shell .sel{background:var(--ide-sel);border-radius:0}.ide-shell .dictating{color:var(--ide-cmt)}.ide-debug{flex:none;max-height:30%;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--ide-line);background:var(--ide-bg);font-family:var(--font-ui);font-size:12.5px}.ide-eval{flex:none;display:flex;gap:8px;padding:6px 12px;color:var(--ide-cmt);background:var(--ide-bar);border-bottom:1px solid var(--ide-line)}.ide-vars{min-height:0;overflow-y:auto;padding:6px 12px}.ide-var{display:flex;align-items:center;gap:7px;line-height:1.7;color:var(--ide-tab-on);white-space:pre}.ide-vicon{font-style:normal;color:var(--ide-icon);font-size:10px;width:14px;text-align:center;flex:none}body.touch .ide-shell{--ide-fs: clamp(12px, 2vh, 16px)}body.touch .ide-debug,body.touch .ide-insp{display:none}@media(max-height:640px){.ide-debug{display:none}}@media(max-width:620px){.ide-insp{display:none}}.free-wrap{overflow-y:auto}body.touch .doc-body{font-size:clamp(13px,2vh,17px)}body.touch .note-title{font-size:clamp(18px,3vh,26px)}body.touch .note-body{font-size:clamp(14px,2.2vh,18px)}body.touch .free-stage{padding-top:58px}.voice-row{display:flex;gap:8px;align-items:center;margin-top:4px}.voice-select{flex:1;min-width:0;border:1px solid var(--line-strong);border-radius:10px;padding:9px 10px;font-size:14px;font-family:inherit;background:var(--surface);color:var(--ink)}@media(max-width:620px){.screen.picker{padding:14px 10px 28px}.card{padding:16px;border-radius:18px}.emoji-grid{grid-template-columns:repeat(6,1fr);gap:6px}.emoji-opt{font-size:24px;padding:6px}.tier-opt{padding:8px;font-size:13px}.tier-opt em{font-size:11.5px}}.home-actions{display:flex;align-items:center;gap:10px}.sound-btn{display:flex;align-items:center;gap:7px;background:var(--glass);border:4px solid var(--edge);border-radius:999px;padding:6px 16px 6px 12px;cursor:pointer;font-family:inherit;color:inherit;font-size:clamp(13px,1.9vh,17px);font-weight:700;box-shadow:var(--shadow-sm)}.sound-btn:active{transform:scale(.94)}.sound-btn[aria-pressed=true]{opacity:.68}@media(max-width:620px){.sound-label{display:none}.sound-btn{padding:6px 11px}}.site-footer{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;font-family:var(--font-ui);font-size:12.5px;color:var(--muted);margin-top:22px}.footer-link{background:none;border:0;padding:0;cursor:pointer;font:inherit;color:var(--accent);text-decoration:underline}.footer-link:active{opacity:.6}.screen.about{justify-content:flex-start;padding-top:68px}.about-card{width:min(660px,94%);background:var(--surface);border-radius:22px;padding:clamp(20px,4vh,40px);box-shadow:var(--shadow-card);font-family:var(--font-ui);line-height:1.65;color:var(--ink)}.about-card h1{font-family:var(--font);font-size:clamp(24px,4vh,36px);margin-bottom:16px;text-align:left}.about-card h2{font-size:15px;margin:26px 0 8px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.about-card p{margin-bottom:14px;font-size:clamp(14.5px,2vh,17px)}.about-card p:last-of-type{margin-bottom:0}.about-photo{width:100%;max-height:340px;object-fit:cover;border-radius:16px;margin-bottom:18px;display:block;background:var(--surface-2)}.about-card .site-footer{justify-content:flex-start;border-top:1px solid var(--line);padding-top:16px;margin-top:26px}.signed-in{font-family:var(--font-ui);font-size:13px;color:var(--muted);margin-top:18px;text-align:center}.about-card h3{font-family:var(--font-ui);font-size:clamp(15px,2.1vh,17px);font-weight:700;color:var(--ink);text-transform:none;letter-spacing:0;margin:20px 0 6px}.about-card ul{margin:0 0 14px;padding-left:1.25em}.about-card li{font-size:clamp(14.5px,2vh,17px);margin-bottom:5px}.about-overlay{align-items:flex-start;padding:clamp(16px,6vh,64px) 16px;overflow-y:auto}.about-overlay .about-card{position:relative;max-height:none;margin:auto;box-shadow:0 24px 60px #0006}.about-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:999px;border:0;background:var(--surface-2);color:var(--muted);font-size:15px;cursor:pointer;display:grid;place-items:center}.about-close:hover{color:var(--ink)}.about-close:active{transform:scale(.92)}.about-card h1{padding-right:44px}.about-dialogue{border-left:3px solid var(--accent);padding:4px 0 4px 16px;margin:0 0 16px}.about-dialogue p{margin-bottom:4px;font-size:clamp(14.5px,2vh,17px)}.about-dialogue .who{display:inline-block;min-width:3.2em;color:var(--muted);font-size:.78em;text-transform:uppercase;letter-spacing:.06em}.about-cue{color:var(--muted);font-style:italic;font-size:clamp(13px,1.8vh,15px)!important}.account-btn{font-weight:600}.who-btn{gap:12px;padding:6px 20px 6px 10px;text-align:left}.who-face{font-size:clamp(30px,4.6vh,42px);line-height:1}.who-text{display:flex;flex-direction:column;line-height:1.15}.who-name{font-size:clamp(15px,2.2vh,20px);font-weight:700}.who-level{font-family:var(--font-ui);font-size:clamp(10.5px,1.5vh,12.5px);font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.av-level{font-family:var(--font-ui);font-size:10.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:620px){.who-ages{display:none}}@media(prefers-reduced-motion:reduce){.drawing-face,.mic-btn.on,.mic-btn.busy,.mic-page.on,.mic-page.busy,.bigbtn.mic.on,.bigbtn.mic.busy,.bigbtn.say.saying,.sc.cur,.caret,.drawing-wash.late{animation:none!important}.polaroid.landed img{animation:none}.drawing-wash{transition-duration:.2s}}@media(max-width:700px){.games{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-card{padding:10px 8px;gap:3px;border-radius:18px;box-shadow:0 7px 0 -2px var(--base),0 8px 18px var(--block-shadow)}.game-icon{font-size:51px}.game-name{font-size:21px;line-height:1.15}.game-blurb{display:none}}@media(max-height:520px)and (orientation:landscape){.screen.home{padding-top:12px;gap:10px}.games{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.game-card{padding:6px;gap:2px;border-radius:14px;box-shadow:0 6px 0 -2px var(--base),0 6px 14px var(--block-shadow)}.game-icon{font-size:39px}.game-name{font-size:19px;line-height:1.1}.game-blurb{display:none}}.story-stage{justify-content:center;padding-top:58px;gap:clamp(8px,1.6vh,16px)}.story-ask{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vh,20px);width:min(680px,94vw)}.story-teacher{display:flex;align-items:flex-start;gap:12px;background:var(--glass-soft);border:3px solid var(--edge);border-radius:22px;padding:clamp(12px,2vh,20px) clamp(14px,2.4vw,24px);box-shadow:var(--shadow-sm);width:100%}.story-teacher-face{font-size:clamp(26px,4.5vh,44px);line-height:1}.story-question{margin:0;font-weight:700;color:var(--ink);font-size:clamp(17px,2.6vh,26px);line-height:1.3}.story-ask-foot{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.story-painting{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,16px);width:min(560px,94vw);text-align:center}.story-painting-title{margin:0;font-size:clamp(20px,3vh,30px);color:var(--ink)}.story-paint-blobs{flex-wrap:wrap;justify-content:center;max-width:300px}.story-case{display:flex;flex-direction:column;gap:clamp(8px,1.6vh,16px);width:min(980px,94vw)}.story-case-head{display:flex;align-items:baseline;gap:12px}.story-case-head h2{margin:0;font-size:clamp(20px,3vh,30px);color:var(--ink)}.story-case-empty{text-align:center}.story-shelf{display:grid;gap:clamp(8px,1.4vw,14px);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:10px 10px 16px;border-radius:14px;background:var(--glass-soft);border:3px solid var(--edge);box-shadow:var(--shadow-sm);max-height:min(62vh,560px);overflow-y:auto}.story-spine{display:flex;flex-direction:column;align-items:center;gap:6px;border:3px solid var(--edge);border-radius:12px;background:var(--paper);color:var(--ink);padding:10px 8px;cursor:pointer;text-align:center;box-shadow:var(--shadow-sm);transition:transform .12s ease}.story-spine:hover{transform:translateY(-2px)}.story-spine img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.story-spine-face{font-size:44px;line-height:1;padding:14px 0}.story-spine-title{font-weight:800;font-size:14.5px;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.story-spine-meta{font-family:var(--font-ui);font-size:11.5px;color:var(--muted)}.story-new{border-style:dashed;background:transparent;justify-content:center}.story-new-face{font-size:40px;line-height:1}.story-leaf.left,.story-leaf.right{align-items:center;justify-content:flex-start;background-image:linear-gradient(to right,var(--diary-paper),var(--diary-paper-2))}.story-art{width:100%;height:auto;max-height:56%;aspect-ratio:1;object-fit:cover;border-radius:10px;box-shadow:0 3px 10px #26324a2e;flex:0 1 auto;min-height:60px}.story-art-missing{min-height:120px}.story-art-missing{display:flex;align-items:center;justify-content:center;font-size:54px;background:#80808014}.story-text{margin:0;text-align:center;font-size:clamp(15px,2.4vh,24px);line-height:1.45;font-weight:600;overflow-y:auto;flex:none;max-height:42%}.story-foot{margin-top:auto;display:flex;align-items:center;gap:10px;font-family:var(--font-ui);color:var(--muted)}.story-pageno{font-size:13px;font-weight:700}.story-cover{justify-content:center;gap:clamp(10px,2vh,18px)}.story-title{margin:0;text-align:center;font-size:clamp(20px,3.4vh,34px);line-height:1.2}.story-byline{display:flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:14px;color:var(--muted)}.story-putaway{opacity:.75}.story-read-foot{display:flex;align-items:center;gap:14px}.one-page.story-stage .book-page{width:100%}.story-away{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.story-away-row{display:grid;gap:8px;width:100%;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.story-away-spine{opacity:.82}.story-setup{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,14px);width:min(640px,94vw);text-align:center}.story-setup-title{margin:0;font-size:clamp(17px,2.6vh,24px);color:var(--ink)}.story-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.story-chip{border:3px solid var(--edge);border-radius:999px;background:var(--paper);color:var(--ink);cursor:pointer;padding:7px 14px;font-weight:700;font-size:14px;box-shadow:var(--shadow-sm)}.story-chip.on{background:var(--pop);border-color:var(--pop);color:#fff}.story-modify-form{width:min(440px,90vw)}.story-modify-form input{width:100%}.tw-stage{justify-content:flex-start;overflow-y:auto;gap:14px;padding:70px 16px 24px;font-family:var(--font-ui)}.tw-tabs{display:flex;gap:4px;background:var(--glass);border:3px solid var(--edge);border-radius:999px;padding:4px;flex:none}.tw-tab{border:0;background:none;font:inherit;font-size:14px;font-weight:700;color:var(--muted);padding:7px 16px;border-radius:999px;cursor:pointer}.tw-tab.on{background:var(--accent);color:var(--on-accent)}.tw-hud{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;flex:none}.tw-stat{background:var(--surface);border-radius:14px;padding:8px 16px;min-width:96px;text-align:center;box-shadow:var(--shadow-card)}.tw-stat-v{display:block;font-size:26px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.tw-stat.big .tw-stat-v{font-size:40px;color:var(--accent)}.tw-stat-l{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.tw-sheet{width:min(900px,94vw);flex:none;position:relative;background:var(--surface);border-radius:18px;padding:22px 26px;box-shadow:var(--shadow-card);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(20px,3.4vh,32px);line-height:1.6}.tw-lines{height:calc(3 * 1.6em);overflow:hidden;position:relative}.tw-sheet.idle:after{content:"start typing";position:absolute;right:18px;bottom:10px;font-family:var(--font-ui);font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.tw-word{display:inline-block;white-space:nowrap}.tw-word.train{text-decoration:underline dotted var(--accent);text-underline-offset:.22em}.tw-ch{color:var(--ghost-faint);transition:color .08s ease}.tw-ch.sp{white-space:pre}.tw-ch.done{color:var(--ink)}.tw-ch.cur{color:var(--ink);background:var(--accent-soft);border-bottom:3px solid var(--accent);border-radius:3px 3px 0 0;animation:twCaret 1s ease-in-out infinite}@keyframes twCaret{50%{border-bottom-color:transparent}}.tw-sheet.bad .tw-ch.cur{background:var(--bad-bg);border-bottom-color:var(--bad);color:var(--bad);animation:none}.tw-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center;font-size:14px;color:var(--muted);flex:none}.tw-switch{display:inline-flex;gap:7px;align-items:center;cursor:pointer;font-weight:600;color:var(--ink)}.tw-switch input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.tw-seg{display:inline-flex;align-items:center;gap:0;border:1px solid var(--line-strong);border-radius:999px;overflow:hidden}.tw-seg-label{padding:0 10px 0 12px;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.tw-seg button{border:0;background:var(--surface);color:var(--muted);font:inherit;font-weight:600;padding:5px 12px;cursor:pointer}.tw-seg button.on{background:var(--accent);color:var(--on-accent)}.tw-focus{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;font-size:13.5px;color:var(--muted);flex:none}.tw-chip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;font-size:15px;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 11px}.tw-chip small{font-family:var(--font-ui);font-weight:500;font-size:12px;color:var(--muted);margin-left:5px}.tw-review{width:min(1000px,94vw);display:flex;flex-direction:column;gap:14px;padding-bottom:20px}.tw-review h3{font-size:15px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}.tw-review h3 .chart-sub{font-weight:600}.tw-empty{color:var(--muted);font-size:14px;text-align:center;padding:34px 0}.tw-crumb{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.tw-letters{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px 18px}.tw-letter{display:grid;grid-template-columns:2.2ch 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:5px;align-items:center;font-size:12.5px}.tw-letter-key{grid-row:span 2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:800;text-align:center;color:var(--ink);background:var(--surface-2);border-radius:8px;padding:4px 0}.tw-letter-why{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-letter-bar{height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden}.tw-letter-bar span{display:block;height:100%;background:var(--accent);border-radius:0 4px 4px 0}.tw-rows tr.pick{cursor:pointer}.tw-rows tr.pick:hover td{background:var(--surface-3)}.tbl td.num{font-variant-numeric:tabular-nums;text-align:right}.tbl th.num{text-align:right}body.touch .tw-stage{padding-top:60px;gap:8px}body.touch .tw-sheet{font-size:clamp(16px,2.6vh,24px);padding:12px 16px}body.touch .tw-stat{min-width:76px;padding:6px 10px}body.touch .tw-stat-v{font-size:20px}body.touch .tw-stat.big .tw-stat-v{font-size:28px}@media(max-width:620px){.tw-stat{min-width:72px;padding:6px 10px}.tw-stat-v{font-size:20px}.tw-stat.big .tw-stat-v{font-size:30px}.tw-sheet{padding:14px 16px}}