:root{--bg:#fff;--ink:#111;--ink-2:#555;--ink-3:#8f8f8f;--line:#e6e6e6;--panel:#f4f4f4;--hl:#ffe45c;--ok:#b7e4a8;--radius:18px;--col:480px;--bar:96px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);font-family:Nunito,ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--ink);margin:0}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overscroll-behavior-y:none;font-size:17px;font-weight:600;line-height:1.35}button{font:inherit;color:inherit;cursor:pointer}img{display:block}.app{max-width:var(--col);min-height:100dvh;margin:0 auto;position:relative}.screen{padding:calc(12px + var(--safe-t)) 16px calc(var(--bar) + var(--safe-b) + 24px)}.screen.no-bar{padding-bottom:calc(24px + var(--safe-b))}.topbar{align-items:center;gap:10px;min-height:52px;margin-bottom:8px;display:flex}.topbar h1{flex:1;margin:0;font-size:22px;font-weight:800}.topbar .spacer{flex:1}.iconbtn{background:0 0;border:none;border-radius:14px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:800;display:grid}.iconbtn:active{background:var(--panel)}.iconbtn.lib{background:var(--panel);border-radius:50%;position:relative}.pill.lib{border:none;min-height:40px}.kid-title{align-items:center;gap:10px;display:inline-flex}.pill{background:var(--panel);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:15px;font-weight:800;display:inline-flex}.btn{border:2px solid var(--ink);background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:64px;padding:14px 18px;font-size:20px;font-weight:800;display:flex}.btn:active{transform:scale(.985)}.btn.primary{background:var(--ink);color:#fff}.btn.quiet{border-color:var(--line)}.btn:disabled{opacity:.35}.btn.google{color:var(--ink);text-decoration:none}.or{color:var(--ink-2);align-items:center;gap:12px;font-size:15px;font-weight:700;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.btn-row{gap:12px;display:flex}.gate-card{z-index:60;background:var(--bg);padding:calc(24px + var(--safe-t)) 24px calc(24px + var(--safe-b));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.gate-card h1{margin:0;font-size:26px;font-weight:800}.gate-card p{color:var(--ink-2);max-width:320px;margin:0}.gate-card .btn{width:auto;margin-top:8px;padding:14px 32px;text-decoration:none}.bottombar{width:100%;max-width:var(--col);height:calc(var(--bar) + var(--safe-b));padding:0 16px calc(var(--safe-b) + 16px);pointer-events:none;z-index:20;background:linear-gradient(#fff0,#fff 35%);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottombar>*{pointer-events:none}.bottombar button{pointer-events:auto}.bottombar .left{justify-self:start}.bottombar .right{justify-self:end}.bigbtn{background:var(--ink);color:#fff;border:none;border-radius:50%;place-items:center;width:76px;height:76px;font-size:30px;display:grid;position:relative;box-shadow:0 8px 24px #0003}.bigbtn:active{transform:scale(.96)}.bigbtn-wrap{display:inline-block;position:relative}.bigbtn-wrap .caption{color:var(--ink-3);white-space:nowrap;font-size:12px;font-weight:800;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.bigbtn-wrap .device{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:220px;font-size:11px;font-weight:600;position:absolute;bottom:calc(100% + 4px);left:50%;overflow:hidden;transform:translate(-50%)}.bigbtn.nomic{background:var(--ink-3)}.bigbtn.go{color:#fff;background:#1f9d55;box-shadow:0 8px 24px #1f9d5559}.bigbtn.go svg{margin-left:4px}.bigbtn.muted{color:var(--ink);border:3px solid var(--ink);background:#fff}.bigbtn.nudge{animation:1.2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-4px)}}.btn-pair{gap:8px;display:flex}.btn-pair .sidebtn{padding:8px 12px}.sidebtn.pulse{animation:1.1s ease-in-out infinite nudge}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.bigbtn.grow{transform-origin:50% 100%;transition:transform .4s cubic-bezier(.34,1.56,.64,1);transform:scale(1.25);box-shadow:0 10px 28px #00000047}.bigbtn.grow:active{transform:scale(1.18)}.bigbtn.grow svg,.sidebtn.grow svg{animation:.9s ease-in-out infinite arrow-go}.sidebtn.grow svg{width:26px;height:26px}@keyframes arrow-go{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.screen.fit{height:100dvh;padding-bottom:calc(var(--bar) + var(--safe-b));flex-direction:column;display:flex;overflow:hidden}.screen.fit .topbar{flex:none}.reader-screen .reader-img{width:min(100%, calc(100dvh - var(--bar) - var(--safe-b) - var(--safe-t) - 52px - 210px));flex:none}.reader-screen .reader-text{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding-bottom:8px;overflow-y:auto}.quiz-screen .quiz-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;margin:0 -8px;padding:0 8px 8px;overflow-y:auto}.bigbtn.listening{background:#d33;animation:1s ease-in-out infinite pulse}.bigbtn.thinking{background:var(--ink-3)}.bigbtn .lvl{transform:scale(var(--lvl,1));pointer-events:none;border:3px solid #d3333359;border-radius:50%;transition:transform 80ms;position:absolute;inset:-6px}.sidebtn{border:2px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:6px;min-height:52px;padding:8px 14px;font-size:18px;font-weight:800;display:flex}.sidebtn:disabled{opacity:.3}.sidepair{gap:8px;display:flex}.sidebtn.busy svg{animation:1s linear infinite spin}.sidebtn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.sidebtn svg,.btn svg,.pill svg{flex:none}.iconbtn.lib small{margin-left:2px;font-size:12px}.inline-icon{vertical-align:-3px;margin-left:4px;display:inline-block}.bigbtn svg{display:block}.bigbtn .dots{font-size:28px;line-height:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.feed{flex-direction:column;gap:22px;display:flex}.card{text-align:left;background:0 0;border:none;width:100%;padding:0;display:block}.cover{aspect-ratio:1;border-radius:var(--radius);background:var(--panel);position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%}.cover .badge{background:#ffffffeb;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:800;position:absolute;top:12px;right:12px}.cover .ribbon{background:var(--ink);color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:calc(100% - 24px);padding:6px 12px;font-size:14px;font-weight:800;position:absolute;top:12px;left:12px;overflow:hidden}.shelf-divider{color:var(--ink-3);align-items:center;gap:10px;margin:4px 2px 0;font-size:15px;font-weight:800;display:flex}.shelf-divider:before,.shelf-divider:after{content:"";background:var(--line);border-radius:2px;flex:1;height:2px}.card h2{margin:12px 4px 2px;font-size:22px;font-weight:800}.card p{color:var(--ink-2);margin:0 4px;font-size:16px}.empty{text-align:center;color:var(--ink-3);padding:40px 10px}.card .level{background:var(--panel);color:var(--ink-2);border-radius:999px;margin:8px 4px 0;padding:4px 10px;font-size:13px;font-weight:800;display:inline-block}.newstory{border:3px solid var(--ink);border-radius:var(--radius);background:var(--hl);text-align:center;width:100%;margin-bottom:22px;padding:14px 14px 16px;display:block}.newstory:active{transform:scale(.985)}.newstory .strip{--slot:calc((100cqw - 30px) / 4);--step:calc(-4 * (var(--slot) + 10px));align-items:center;min-height:84px;display:flex;overflow:hidden;container-type:inline-size}.newstory .reel{flex:none;gap:10px;width:max-content;display:flex}.newstory .reel.sliding{animation:.72s cubic-bezier(.42,0,.18,1) forwards reel-slide}@keyframes reel-slide{0%{transform:none}to{transform:translateX(var(--step))}}.newstory .ico{flex:0 0 var(--slot);aspect-ratio:1;background:#fff;border-radius:14px;place-items:center;display:grid;overflow:hidden}.newstory .ico img{object-fit:contain;width:100%;height:100%}.newstory .ico .emoji{font-size:40px;line-height:1}.newstory .label{justify-content:center;align-items:center;gap:10px;margin-top:12px;font-size:26px;font-weight:800;display:flex}@media (prefers-reduced-motion:reduce){.newstory .reel.sliding{transform:translateX(var(--step));animation:none}}.tiles{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tile{aspect-ratio:1;border:2px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;display:flex;overflow:hidden}.tile img{aspect-ratio:1;object-fit:contain;border-radius:12px;width:68%}.tile .emoji{font-size:44px;line-height:1}.tile span{font-size:15px;font-weight:800}.tile.selected{border-color:var(--ink);background:var(--hl);box-shadow:inset 0 0 0 2px var(--ink)}.tile.reading,.opt.reading,.sortcard.reading{outline:4px solid var(--ink);outline-offset:3px}.brief{background:var(--panel);border-radius:16px;min-height:52px;margin:12px 0 8px;padding:12px 16px;font-size:18px;font-weight:700}.brief .muted{color:var(--ink-3)}.longrow{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:12px;min-height:56px;padding:10px 16px;font-size:18px;font-weight:800;display:flex}.longrow .ico{text-align:center;width:30px;font-size:24px}.longrow .pro-switch{margin-left:auto}.longrow.on{border-color:var(--ink);background:var(--hl)}.progress{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.progress>i{background:var(--ink);border-radius:4px;height:100%;transition:width .4s;display:block}.progress.thin{height:6px}.making-cover{aspect-ratio:1;border-radius:var(--radius);background:var(--panel);position:relative;overflow:hidden}.making-cover img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.2s}.making-cover img.in{opacity:1}.making-cover .placeholder{color:var(--ink-3);place-items:center;font-size:44px;display:grid;position:absolute;inset:0}.making-cover img{z-index:1;position:relative}.scribble{width:76%;max-width:340px;height:auto}.scribble .ink{animation:3.6s linear infinite ink-wipe}.scribble .ink path{stroke-dasharray:100 200;stroke-dashoffset:104px}.scribble .l1{animation:3.6s linear infinite write-1}.scribble .l2{animation:3.6s linear infinite write-2}.scribble .l3{animation:3.6s linear infinite write-3}.scribble .pen{animation:3.6s linear infinite pen-writes}.scribble .lead{fill:var(--ink)}.scribble .body{fill:var(--hl);stroke:var(--ink);stroke-width:1.2px;stroke-linejoin:round}.scribble .cap{fill:var(--ink-3)}@keyframes ink-wipe{0%,86%{opacity:1}94%,to{opacity:0}}@keyframes write-1{0%{stroke-dashoffset:104px}25%,94%{stroke-dashoffset:0}95%,to{stroke-dashoffset:104px}}@keyframes write-2{0%,28%{stroke-dashoffset:104px}53%,94%{stroke-dashoffset:0}95%,to{stroke-dashoffset:104px}}@keyframes write-3{0%,56%{stroke-dashoffset:104px}81%,94%{stroke-dashoffset:0}95%,to{stroke-dashoffset:104px}}@keyframes pen-writes{0%{transform:translate(20px,30px)}25%{transform:translate(100px,30px)}28%{transform:translate(20px,46px)}53%{transform:translate(100px,46px)}56%{transform:translate(20px,62px)}81%,90%{transform:translate(78px,62px)}to{transform:translate(20px,30px)}}.brushing{width:76%;max-width:340px;height:auto}.brushing .paint{animation:3.9s linear infinite ink-wipe}.brushing .paint path{stroke-dasharray:100 200;stroke-dashoffset:104px}.brushing .s1{stroke:var(--hl);animation:3.9s linear infinite paint-1}.brushing .s2{stroke:#aebfe4;animation:3.9s linear infinite paint-2}.brushing .s3{stroke:#c2e8ce;animation:3.9s linear infinite paint-3}.brushing .brush{animation:3.9s linear infinite brush-sweeps}.brushing .handle{fill:var(--ink)}.brushing .ferrule{fill:var(--ink-3)}.brushing .bristles{fill:var(--hl);stroke:var(--ink);stroke-width:1px;stroke-linejoin:round;animation:3.9s linear infinite brush-dips}@keyframes paint-1{0%{stroke-dashoffset:104px}26%,94%{stroke-dashoffset:0}95%,to{stroke-dashoffset:104px}}@keyframes paint-2{0%,30%{stroke-dashoffset:104px}56%,94%{stroke-dashoffset:0}95%,to{stroke-dashoffset:104px}}@keyframes paint-3{0%,60%{stroke-dashoffset:104px}86%,94%{stroke-dashoffset:0}95%,to{stroke-dashoffset:104px}}@keyframes brush-sweeps{0%{transform:translate(22px,30px)}26%{transform:translate(98px,30px)}30%{transform:translate(98px,46px)}56%{transform:translate(22px,46px)}60%{transform:translate(22px,62px)}86%,92%{transform:translate(98px,62px)}to{transform:translate(22px,30px)}}@keyframes brush-dips{0%,26%{fill:var(--hl)}30%,56%{fill:#aebfe4}60%,92%{fill:#c2e8ce}to{fill:var(--hl)}}.making-start .cue{animation:.9s ease-in-out infinite cue-nudge;display:inline-block}@keyframes cue-nudge{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.scribble .ink,.scribble .ink path,.scribble .pen{animation:none}.scribble .ink path{stroke-dashoffset:0}.scribble .pen{transform:translate(78px,62px)}.brushing .paint,.brushing .paint path,.brushing .brush,.brushing .bristles{animation:none}.brushing .paint path{stroke-dashoffset:0}.brushing .brush{transform:translate(98px,62px)}.making-start .cue{animation:none}}.stage{color:var(--ink-2);min-height:24px;margin:14px 0 8px;font-size:17px}.making-thumbs{gap:6px;margin:12px 0 0;display:flex}.making-thumbs .thumb{aspect-ratio:1;background:var(--panel);color:var(--ink-3);border-radius:10px;flex:1;place-items:center;font-size:13px;font-weight:800;display:grid;overflow:hidden}.making-thumbs .thumb img{object-fit:cover;width:100%;height:100%;animation:.45s thumb-in}@keyframes thumb-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.making-start{min-height:88px;margin-top:20px;font-size:27px}.making-start:disabled{min-height:64px;font-size:19px}.reader-img{aspect-ratio:1;border-radius:var(--radius);background:var(--panel);width:100%;margin:0 auto;position:relative;overflow:hidden}.reader-img img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.reader-img img.in{opacity:1}.reader-img .prev-zone{width:22%;height:100%;position:absolute;top:0;left:0}.reader-img .drawing{color:var(--ink-3);place-items:center;font-size:18px;display:grid;position:absolute;inset:0}.story-text{margin:14px 4px 0;font-size:clamp(20px,6vw,25px);font-weight:700;line-height:1.45}.w{border-radius:7px;margin:0 -1px;padding:0 3px;transition:background .1s;display:inline-block}.w.active{background:var(--hl)}.w.vocab{text-underline-offset:5px;-webkit-text-decoration:underline #c8c8c8;text-decoration:underline #c8c8c8;text-decoration-thickness:2px}.w:active{background:var(--line)}.minutes{color:var(--ink-3);align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.minutes .progress{flex:1}@media (orientation:landscape) and (width>=700px){:is(.app:has(>.screen.reader-screen),.app:has(.screen.reader-screen)){max-width:1120px}.screen.fit.reader-screen{--reader-side:calc(100dvh - var(--safe-t) - 12px - 60px - var(--safe-b) - 8px);padding:calc(12px + var(--safe-t)) max(24px, env(safe-area-inset-right,0px)) var(--safe-b) max(24px, env(safe-area-inset-left,0px));grid-template:"top top""img text"minmax(0,1fr)"img bar"/minmax(0,1fr) minmax(0,1fr);column-gap:28px;display:grid}.reader-screen .topbar{grid-area:top}.reader-screen .reader-img{width:min(100%, var(--reader-side));grid-area:img;align-self:start}.reader-screen .reader-text{grid-area:text}.reader-screen .story-text,.reader-screen .ask{margin-top:0}.reader-screen .story-text{font-size:clamp(25px,2.4vw,30px)}.reader-screen .bottombar{width:auto;max-width:none;height:var(--bar);background:0 0;grid-area:bar;padding:0 0 16px;position:static;transform:none}.reader-screen .sheet{left:auto;right:calc(max(0px, (100vw - 1120px) / 2) + max(24px, env(safe-area-inset-right,0px)));width:calc((min(100vw, 1120px) - 28px - max(24px, env(safe-area-inset-left,0px)) - max(24px, env(safe-area-inset-right,0px))) / 2);max-width:none;transform:none}}.scrim{z-index:30;background:#0000002e;position:fixed;inset:0}.sheet{width:100%;max-width:var(--col);padding:18px 20px calc(20px + var(--safe-b));z-index:31;background:#fff;border-radius:24px 24px 0 0;animation:.22s ease-out up;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 40px #00000026}@keyframes up{0%{opacity:0;transform:translate(-50%,40px)}to{opacity:1;transform:translate(-50%)}}.sheet .close{width:44px;height:44px;color:var(--ink-2);background:0 0;border:none;border-radius:12px;place-items:center;display:grid;position:absolute;top:8px;right:6px}.sheet .head{align-items:center;gap:12px;padding-right:44px;display:flex}.sheet .word{flex:1;font-size:34px;font-weight:800}.sheet .meaning{margin:12px 0 4px;font-size:21px;font-weight:700}.sheet .example{color:var(--ink-2);margin:0 0 4px;font-size:17px}.sheet .fact{color:var(--ink-3);margin:8px 0 0;font-size:15px}.sheet.menu h3{margin:4px 0 14px;padding-right:44px;font-size:24px;font-weight:800}.sheet.menu p{color:var(--ink-2);margin:0 0 14px;font-size:18px}.sheet.menu .opts{flex-direction:column;gap:10px;display:flex}.sheet.menu .btn{justify-content:flex-start;min-height:58px;font-size:19px}.sheet.menu .btn.on{background:var(--hl)}.sheet.menu .btn.center{justify-content:center}.sheet.menu textarea{box-sizing:border-box;width:100%;min-height:96px;font:inherit;border:2px solid var(--line);color:var(--ink);resize:vertical;background:#fff;border-radius:14px;padding:12px;font-size:18px;font-weight:600}.sheet.menu textarea:focus{border-color:var(--ink);outline:none}.sheet.menu .noterow{align-items:center;gap:14px;margin-top:14px;display:flex}.sheet.menu .noterow .btn{flex:1;justify-content:center}.sheet.menu .feedback{margin:10px 0 0}@media (width<=340px){.topbar .mode-btn span{display:none}}.speak{border:2px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:56px;height:56px;font-size:22px;display:grid}.speak.on{border-color:var(--ink);background:var(--hl)}.q-prompt{margin:12px 4px 18px;font-size:25px;font-weight:800;line-height:1.35}.q-sentence{color:var(--ink-2);margin:0 4px 18px;font-size:24px;font-weight:700}.q-sentence b{color:var(--ink);background:var(--hl);border-radius:6px;padding:0 6px}.opts{flex-direction:column;gap:12px;display:flex}.opts.tiles3{flex-direction:row}.pool-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:10px;display:grid}.pool-row{background:var(--surface);border:1px solid var(--hair);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.pool-row.hidden{opacity:.45}.pool-row img,.pool-row .pool-emoji{object-fit:contain;border-radius:8px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:26px;display:flex}.pool-row .pool-text{flex:1;min-width:0}.pool-row .pool-text b{display:block}.pool-row .pool-text span{color:var(--ink3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.pool-row .pro-link{flex:none;font-size:12px}.opts.row{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.opts.row.n3>:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.opts.row .tile img{width:76%}.opts.row .tile>span:last-child{font-size:17px}@media (width>=600px){.opts.row{grid-template-columns:repeat(var(--n,2), 1fr)}.opts.row.n3>:last-child{grid-column:auto;width:auto}}.optrow{align-items:center;gap:10px;display:flex}.optrow .opt{flex:1;min-width:0}.optcol{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.optcol .opt{width:100%}.speak.small{flex:none;width:44px;height:44px}.choices{flex-direction:column;gap:12px;margin-top:14px;display:flex}.choices .brief{margin:0 0 4px}.opt{border:2px solid var(--line);text-align:left;background:#fff;border-radius:16px;align-items:center;gap:14px;width:100%;min-height:68px;padding:14px 18px;font-size:21px;font-weight:800;transition:transform .1s,background .15s,border-color .15s;display:flex}.opt .ico{text-align:center;width:34px;font-size:26px}.opt .box{border:2px solid var(--ink);border-radius:8px;place-items:center;width:26px;height:26px;font-size:16px;display:grid}.opt.selected{border-color:var(--ink);background:var(--hl);box-shadow:inset 0 0 0 2px var(--ink)}.opt .tick{color:var(--ink);place-items:center;margin-left:auto;display:grid}.btn.submit{background:var(--hl);border-color:var(--hl);color:var(--ink)}.btn.submit:disabled{background:var(--panel);border-color:var(--panel);opacity:.7}.w.read{color:var(--ink-3)}.w.err{background:var(--hl);color:var(--ink)}.w.cur{box-shadow:inset 0 -3px 0 var(--ink-3);border-radius:4px}.w.pending{color:var(--ink)}.w.ok{background:var(--hl)}.w.close{background:#ffd9a3}.w.missed{background:#ffc9c9}.mode-btn{border:2px solid var(--ink);background:#fff;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:6px 12px;font-size:15px;font-weight:800;display:inline-flex}.mode-btn.read{background:var(--ink);color:#fff}.read-panel{margin:10px 4px 0}.read-panel .score{align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.read-panel .tips{color:var(--ink-2);margin:6px 0 0;padding:0;font-size:15px;list-style:none}.read-panel .tips li{padding:4px 0}.read-panel .tips b{color:var(--ink)}.opt.correct{background:var(--hl);border-color:var(--hl)}.opt.wrong{border-color:var(--ink-3);animation:.45s shake}.opt.dim{opacity:.45}.opt.tile{text-align:center;flex-direction:column;justify-content:center;gap:4px}.sortlist{touch-action:pan-y;-webkit-user-select:none;user-select:none;flex-direction:column;gap:12px;display:flex}.sortcard{border:2px solid var(--line);text-align:left;background:#fff;border-radius:16px;align-items:center;gap:12px;width:100%;min-height:68px;padding:10px 12px 10px 10px;font-size:20px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:flex}.sortcard .num{background:var(--panel);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.sortcard img{aspect-ratio:1;object-fit:contain;pointer-events:none;border-radius:10px;flex:none;width:56px}.sortcard .ico{text-align:center;flex:none;width:40px;font-size:28px}.sortcard .label{flex:1;min-width:0}.sortcard .grip{color:var(--ink-3);touch-action:none;flex:none;place-items:center;margin:-10px -12px -10px auto;padding:14px 12px;display:grid}.sortcard.picked{border-color:var(--ink);background:var(--hl);box-shadow:inset 0 0 0 2px var(--ink)}.sortcard.dragging{z-index:2;transition:none;animation:none;position:relative;box-shadow:0 10px 28px #0000002e}.sortcard.ok{background:var(--ok);border-color:var(--ok)}.sortcard.ok .num{background:#fff}.sortcard.wrong{border-color:var(--ink-3);animation:.45s shake}.sidebtn.submit{background:var(--hl);border-color:var(--hl);color:var(--ink)}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.feedback{min-height:28px;color:var(--ink-2);margin:14px 4px 0;font-size:17px}.results{text-align:center;padding-top:24px}.results .bigstar{color:#f2c94c;font-size:110px;line-height:1;animation:.8s cubic-bezier(.2,.9,.3,1.3) pop;display:inline-block}@keyframes pop{0%{opacity:0;transform:scale(0)rotate(-30deg)}60%{opacity:1;transform:scale(1.15)rotate(6deg)}to{transform:scale(1)rotate(0)}}.results h2{margin:12px 0 4px;font-size:34px;font-weight:800}.results p{color:var(--ink-2);margin:0 0 6px;font-size:18px}.results .actions{flex-direction:column;gap:12px;margin-top:26px;display:flex}.results .thumbs{justify-content:center;gap:28px;margin:18px 0 6px;display:flex}.results .thumb{border:3px solid var(--ink);width:76px;height:76px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;display:grid}.results .thumb.on{background:var(--hl)}.results .thumb:disabled{opacity:1}.results .talk{flex-direction:column;align-items:center;gap:10px;margin-top:8px;display:flex}.results .talk .btn{width:auto;min-height:48px;padding:8px 22px;font-size:18px}.results .quote{font-style:italic}.star-fly{z-index:60;pointer-events:none;font-size:30px;animation:.75s cubic-bezier(.3,.6,.2,1) forwards fly;position:fixed}@keyframes fly{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(.4);opacity:.2}}.bump{animation:.4s bump}@keyframes bump{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.starcount{align-items:center;gap:8px;margin:2px 4px 18px;font-size:22px;font-weight:800;display:flex}.starcount b{font-size:30px}.daygroup{margin-bottom:20px}.dayhead{text-align:left;width:100%;color:var(--ink-3);background:0 0;border:none;padding:4px 4px 8px;font-size:17px;font-weight:800;display:block}.storyrow{border:none;border-top:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:12px;width:100%;padding:10px 4px;display:flex}.storyrow:active{background:var(--panel)}.storyrow.unfinished{opacity:.55}.storyrow .thumb{background:var(--panel);border-radius:14px;flex:none;width:68px;height:68px;overflow:hidden}.storyrow .thumb img{object-fit:cover;width:100%;height:100%}.storyrow .txt{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.storyrow .txt b{font-size:19px;font-weight:800}.storyrow .line{color:var(--ink-2);align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.storyrow .stars{color:#f2c94c;display:inline-flex}.storyrow .score{color:var(--ink-2)}.history .empty p{margin:0 0 18px}.dev{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:500}.dev table{border-collapse:collapse;width:100%}.dev td,.dev th{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px}.dev pre{white-space:pre-wrap;background:var(--panel);border-radius:10px;max-height:60vh;padding:10px;overflow:auto}.dev .thumbs{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.dev .thumbs img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.form{flex-direction:column;gap:14px;margin-top:14px;display:flex}.form h2{margin:0;font-size:22px}.field{color:var(--ink-2);flex-direction:column;gap:6px;font-size:14px;font-weight:800;display:flex}.field input,.form input,.form select{font:inherit;border:2px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:14px;padding:12px 14px;font-size:18px;font-weight:700}.field input:focus,.form input:focus,.form select:focus{border-color:var(--ink);outline:none}.small{font-size:14px}.devcode{background:var(--hl);border-radius:10px;padding:8px 12px;display:inline-block}.kidrow{border:2px solid var(--line);border-radius:16px;align-items:flex-start;gap:12px;padding:12px;display:flex}.kidrow .grow{flex-direction:column;flex:1;gap:8px;display:flex}.grow{flex:1}.avatar-pick{border:none;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;font-size:34px;display:grid}.avatar-pick.small{width:44px;height:44px;font-size:24px}.swatches{gap:8px;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:28px;height:28px}.swatch.on{border-color:var(--ink)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-size:15px;font-weight:800}.chip.on{border-color:var(--ink);background:var(--ink);color:#fff}.picklist{flex-direction:column;gap:10px;margin-top:12px;display:flex}.pick{border:2px solid var(--line);text-align:left;width:100%;font:inherit;color:inherit;background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.pick.on{border-color:var(--ink);background:var(--panel)}.pick.fixed{background:#fff;border-style:dashed}.pick-box{border:2px solid var(--ink-3);color:#fff;background:#fff;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;display:grid}.pick.on .pick-box{border-color:var(--ink);background:var(--ink)}.pick.fixed .pick-box{border-color:var(--ink-3);background:var(--ink-3)}.pick-emoji{text-align:center;flex:none;width:28px;font-size:22px}.pick-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pick-text b{font-size:17px;font-weight:800}.pick-n{background:var(--ink);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;flex:none;place-items:center;min-width:26px;height:26px;padding:0 8px;font-size:13px;font-weight:800;display:grid}.chip.fixed{color:var(--ink-2);background:var(--panel);border-style:dashed}.linkbtn{color:var(--ink-2);background:0 0;border:none;align-self:center;padding:10px 0;font-size:15px;font-weight:800;text-decoration:underline}.summary p{align-items:center;gap:8px;margin:6px 0;display:flex}.about-kid{background:var(--panel);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.about-kid b{font-size:18px}.landing .brand{color:var(--ink-2);align-items:center;gap:8px;margin-top:8px;font-weight:800;display:inline-flex}.landing h1{margin:14px 0 12px;font-size:34px;line-height:1.15}.landing .hero p{color:var(--ink-2);margin:0 0 18px;font-size:18px}.landing .cta{flex-direction:column;gap:10px;display:flex}.landing .covers{cursor:pointer;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0;display:grid}.landing .points{color:var(--ink-2);flex-direction:column;gap:12px;font-size:16px;display:flex}.landing .points b{color:var(--ink)}.demo .brand{align-items:center;gap:8px;display:inline-flex}.demo-lede{color:var(--ink-2);margin:0 0 16px;font-size:17px}.who h1{text-align:center;margin:40px 0 24px;font-size:30px}.faces{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.face{aspect-ratio:1;border:none;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.face .emoji{font-size:64px;line-height:1}.face .name{font-size:22px;font-weight:800}.face:active{transform:scale(.97)}.grownups{min-height:48px;margin-top:28px;font-size:16px}.consent{flex-direction:column;gap:10px;margin-top:10px;display:flex}.consent .pick{cursor:pointer}.consent .pick-text b{font-size:15px;line-height:1.35}.consent a{color:inherit;text-decoration:underline}.who .consent-card{flex-direction:column;gap:14px;max-width:520px;margin:0 auto;display:flex}.who .consent-card h1{margin:32px 0 0}.who .consent-card .btn{margin-top:6px}@media (width>=900px){:is(.app:has(>.screen.wide),.app:has(.screen.wide)){max-width:1120px}.screen.wide{padding:28px 32px}.landing .hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;display:grid}.landing h1{font-size:44px}.landing .cta{flex-direction:row}.landing .cta .btn{width:auto;padding:14px 24px}.landing .points{grid-template-columns:repeat(2,1fr);gap:16px 28px;margin-top:32px;display:grid}}.makesheet h3{margin:0 8px 4px 0;padding-right:36px;font-size:19px}.makesheet h4{color:var(--ink-2);margin:14px 0 8px;font-size:14px}.makesheet .chips{max-height:168px;overflow-y:auto}.makesheet .typerow{gap:8px;margin-top:8px;display:flex}.makesheet .typerow input{min-width:0;font:inherit;border:2px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;flex:1;padding:10px 12px;font-size:16px;font-weight:700}.makesheet .typerow input:focus{border-color:var(--ink);outline:none}.makesheet .btn{margin-top:14px}.sheet.makesheet{max-height:88dvh;overflow-y:auto}.makesheet .make-text{resize:vertical;width:100%;min-height:96px;line-height:1.4}.makesheet .typerow{margin-bottom:4px}.makesheet .pro-segment{flex-wrap:wrap;margin-top:0}.makesheet .feedback{margin:8px 0 0}@media (width>=640px){.pro .sheet.makesheet{border-radius:14px;max-width:520px;max-height:86dvh;animation:.18s ease-out sheet-in;top:50%;bottom:auto;transform:translate(-50%,-50%);box-shadow:0 24px 60px #00000038}}@keyframes sheet-in{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.pro .sheet.makesheet{animation:none}}.deletesheet h3{margin:0 8px 8px 0;padding-right:36px;font-size:19px}.deletesheet p{margin:8px 0;font-size:14px}.deletesheet ul{margin:6px 0 10px;padding-left:20px;font-size:14px}.deletesheet li{margin:4px 0}.deletesheet .pro-field,.deletesheet .pro-btn-row{margin-top:14px}.toast{left:50%;bottom:calc(24px + var(--safe-b));z-index:40;background:var(--ink);color:#fff;border-radius:14px;max-width:min(92vw,420px);padding:12px 16px;font-size:15px;font-weight:800;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0003}.fade-in{animation:.3s fadein}@keyframes fadein{0%{opacity:0}to{opacity:1}}.muted{color:var(--ink-3)}.center{text-align:center}:is(html:has(.pro),body:has(.pro)){background:#f7f7f8}.pro{--accent:#2456c7;--page:#f7f7f8;--surface:#fff;--hair:#e4e4e7;--soft:#f1f1f4;--ink2:#55555c;--ink3:#8a8a92;--bad:#a3241f;background:var(--page);color:var(--ink);-webkit-user-select:text;user-select:text;font-size:15px;font-weight:500;line-height:1.45}.pro .pro-muted{color:var(--ink3)}.pro-tiny{font-size:12px}.pro-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin:18px 0 8px;font-size:11px;font-weight:700}.pro-title{margin:0;font-size:24px;font-weight:700;line-height:1.2}.pro-h2{margin:0;font-size:18px;font-weight:700}.pro-error{color:var(--bad);margin:8px 0;font-size:13px;font-weight:600}.pro-note{color:var(--accent);margin:8px 0;font-size:13px;font-weight:600}.pro-explain{color:var(--ink2);margin:18px 0 8px;font-size:13px}.pro-empty{margin:8px 0;font-size:14px}.pro-doc{max-width:680px;margin:0 auto}.pro-doc h2{margin:28px 0 8px;font-size:19px;font-weight:700}.pro-doc h3{margin:18px 0 6px;font-size:15px;font-weight:700}.pro-doc p{margin:8px 0}.pro-doc ul,.pro-doc ol{margin:8px 0;padding-left:20px}.pro-doc li{margin:6px 0}.pro-doc a{color:var(--accent)}.pro code{color:var(--ink2);background:var(--soft);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.pro-btn{border:1px solid var(--hair);background:var(--surface);min-height:36px;color:var(--ink);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.pro-btn:hover:not(:disabled){border-color:#c9c9d1}.pro-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.pro-btn.danger{color:var(--bad);border-color:#dcbcbc}.pro-btn.danger:hover:not(:disabled){background:var(--bad);border-color:var(--bad);color:#fff}.pro-btn.wide{width:100%}.pro-btn:disabled{opacity:.45;cursor:default}.pro-btn-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pro-link{font:inherit;color:var(--accent);background:0 0;border:none;padding:2px 0;font-size:14px;font-weight:600;text-decoration:none}.pro-link:hover:not(:disabled){text-decoration:underline}.pro-link:disabled{color:var(--ink3);cursor:default}.pro-sidelink{font:inherit;color:var(--ink2);text-align:left;background:0 0;border:none;padding:6px 0;font-size:14px;font-weight:600}.pro-sidelink:hover{color:var(--accent)}.pro-icon{border:1px solid var(--hair);background:var(--surface);border-radius:6px;width:28px;height:28px;font-size:13px}.pro-icon:disabled{opacity:.35;cursor:default}.pro-back{border:1px solid var(--hair);background:var(--surface);border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid}.pro-gate{background:var(--surface);border:1px solid var(--hair);border-radius:10px;flex-direction:column;gap:10px;max-width:340px;margin:6vh auto 0;padding:24px;display:flex}.pro-gate .pro-label{margin:0}.pro-gate .pro-link{align-self:center}.pro-gate p{margin:0}.pro-topbar{align-items:center;gap:10px;min-height:40px;margin-bottom:12px;display:flex}.pro-topbar-title{font-size:17px;font-weight:700}.pro-rail{display:none}.pro-main{flex:1;min-width:0}.pro-head{border-bottom:1px solid var(--hair);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.pro-head-text .pro-label{margin:0 0 2px}.pro-foot{border-top:1px solid var(--hair);flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;padding-top:14px;display:flex}.pro-tabs{border-bottom:1px solid var(--hair);gap:20px;margin:0 0 18px;display:flex}.pro-tab{font:inherit;color:var(--ink3);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 0;font-size:14px;font-weight:600}.pro-tab.on{color:var(--ink);border-bottom-color:var(--accent)}.pro-switcher{margin-bottom:16px}@media (width>=900px){.pro-topbar,.pro-foot,.pro-switcher{display:none}.pro-grid{align-items:flex-start;gap:36px;display:flex}.pro-rail{flex-direction:column;flex:none;gap:20px;width:228px;display:flex;position:sticky;top:28px}}.pro-rail-top{align-items:center;gap:8px;display:flex}.pro-rail-top .pro-label{margin:0}.pro-family{margin:0;font-size:16px;font-weight:700}.pro-nav{flex-direction:column;gap:2px;display:flex}.pro-navitem{text-align:left;width:100%;color:var(--ink2);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:14px;font-weight:600;display:flex}.pro-navitem:hover{background:var(--soft)}.pro-navitem.on{color:var(--accent);background:#e9edf8}.pro-navitem.off{color:var(--ink3)}.pro-navitem .pro-face{width:24px;height:24px;font-size:14px}.pro-rail-foot{border-top:1px solid var(--hair);flex-direction:column;align-items:flex-start;gap:0;padding-top:14px;display:flex}.pro-rail-foot p{margin:8px 0 0}.pro-card{background:var(--surface);border:1px solid var(--hair);border-radius:10px;margin-bottom:16px;padding:16px}.pro-card>.pro-label:first-child,.pro-section>.pro-label:first-child{margin-top:0}.pro-card.danger{border-color:#e6cccc}.pro-card.archived{background:#fafafb}.pro-cards{gap:16px;display:grid}.pro-section{margin-bottom:30px}.pro-kidhead{align-items:center;gap:10px;display:flex}.pro-kidhead .pro-h2{flex:1;min-width:0}.pro-face{border:none;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.pro-face.big{width:48px;height:48px;font-size:26px}.pro-tag{border:1px solid var(--hair);background:var(--soft);color:var(--ink2);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.pro-tag.ok{color:#14532d;background:#d7f2df;border-color:#c2e8ce}.pro-stats{background:var(--hair);border:1px solid var(--hair);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:14px;display:grid;overflow:hidden}.pro-stats.four{grid-template-columns:repeat(2,1fr)}.pro-stats>div{background:var(--surface);padding:10px 12px}.pro-stats b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;display:block}.pro-stats span{color:var(--ink3);font-size:11px;font-weight:600}.pro-liked{margin:10px 0 0}.pro-quotes{margin:6px 0 0;padding:0;font-size:14px;font-style:italic;list-style:none}.pro-quotes li{padding:3px 0}.pro-hidden{background:var(--surface);border:1px solid var(--hair);border-radius:10px;margin:0;padding:0;list-style:none}.pro-hidden li{border-top:1px solid var(--hair);align-items:center;gap:12px;padding:10px 12px;display:flex}.pro-hidden li:first-child{border-top:none}.pro-hidden img,.pro-hidden-nocover{object-fit:cover;background:var(--soft);border-radius:8px;flex:none;width:44px;height:44px}.pro-hidden-text{flex-direction:column;flex:1;min-width:0;font-size:14px;display:flex}.pro-working{margin:0;padding:0;list-style:none}.pro-working li{border-top:1px solid var(--hair);padding:5px 0;font-size:14px}.pro-working li:first-child{border-top:none}.pro-cardlinks{border-top:1px solid var(--hair);gap:16px;margin-top:14px;padding-top:12px;display:flex}.pro-making{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.pro-makingrow{border:1px solid var(--hair);background:var(--surface);border-radius:8px;align-items:flex-start;gap:10px;padding:10px;display:flex}.pro-makingrow.bad{border-color:#e6cccc}.pro-makingrow>img,.pro-makingrow>.pro-thumb-ph{object-fit:cover;background:var(--soft);border-radius:6px;flex:none;place-items:center;width:40px;height:40px;display:grid}.pro-makingrow-text{flex:1;gap:4px;min-width:0;font-size:13px;display:grid}.pro-makingrow-text>b{overflow-wrap:anywhere;font-weight:700}.pro-makingrow-text .pro-error{margin:0}.pro-makingrow-text .pro-link.inline{justify-self:start}.pro-makingrow .pro-icon{flex:none}.pro-graph{grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;display:grid}.pro-graph.loading{background:var(--soft);border-radius:8px;min-height:104px}.pro-graph.small.loading{min-height:80px}.pro-bar{background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:0;display:flex}.pro-bar-track{background:var(--soft);border-radius:6px;justify-content:center;align-items:flex-end;width:100%;height:72px;display:flex;overflow:hidden}.pro-graph.small .pro-bar-track{height:48px}.pro-bar-track i{background:#aebfe4;border-radius:6px 6px 0 0;width:100%;display:block}.pro-bar.today .pro-bar-track i{background:var(--accent)}.pro-bar.on .pro-bar-track{outline:2px solid var(--accent);outline-offset:1px}.pro-bar-n{font-variant-numeric:tabular-nums;min-height:15px;font-size:12px;font-weight:700}.pro-bar-day{color:var(--ink3);font-size:11px;font-weight:600}.pro-activity .pro-empty,.pro-activity>.pro-tiny{margin:10px 0 0}.pro-daypanel{border:1px solid var(--hair);background:#fbfbfc;border-radius:8px;margin-top:12px;padding:12px}.pro-daypanel .pro-label{margin:0 0 8px}.pro-chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.pro-chip{color:var(--ink2);background:#eceef4;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.pro-storyrow{border:none;border-top:1px solid var(--hair);text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:8px 0;display:flex}.pro-storyrow:first-of-type{border-top:none}.pro-storyrow img,.pro-thumb-ph{object-fit:cover;background:var(--soft);border-radius:6px;flex:none;place-items:center;width:40px;height:40px;display:grid}.pro-storyrow-text{flex-direction:column;min-width:0;display:flex}.pro-storyrow b{font-size:14px;font-weight:600}.pro-fields{gap:12px;display:grid}.pro-field{color:var(--ink2);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.pro-input,.pro-select{border:1px solid var(--hair);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:8px;padding:8px 10px;font-size:14px;font-weight:500}.pro-input:focus,.pro-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2456c71f}.pro-picks{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pro-swatch{border:2px solid #0000;border-radius:50%;width:22px;height:22px}.pro-swatch.on{border-color:var(--ink)}.pro-segment{border:1px solid var(--hair);border-radius:8px;margin-top:10px;display:inline-flex;overflow:hidden}.pro-seg{border:none;border-left:1px solid var(--hair);background:var(--surface);min-width:46px;padding:8px 12px;font-size:14px;font-weight:600}.pro-seg:first-child{border-left:none}.pro-seg.on{background:var(--accent);color:#fff}.pro-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 6px;display:flex}.pro-search{flex:1;min-width:200px}.pro-inviterow{gap:8px;display:grid}.pro-toggle{align-items:flex-start;gap:10px;font-size:14px;display:flex}.pro-toggle input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin-top:2px}.pro-details{background:var(--surface);border:1px solid var(--hair);border-radius:10px;margin-top:8px;padding:12px 16px}.pro-details summary{cursor:pointer;font-size:14px;font-weight:600}.pro-details>:not(summary){margin-top:12px}.pro-deflist{margin:0;font-size:14px}.pro-deflist dt{letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-top:10px;font-size:11px;font-weight:700}.pro-deflist dd{margin:2px 0 0}.pro-order{margin:12px 0 0;padding:0;list-style:none}.pro-order li{border-top:1px solid var(--hair);align-items:center;gap:10px;padding:9px 0;display:flex}.pro-order li:first-child{border-top:none}.pro-order.off li b,.pro-order.fixed li b{color:var(--ink2);font-weight:600}.pro-order-n{width:18px;color:var(--ink3);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.pro-order-text{flex-direction:column;flex:1;min-width:0;display:flex}.pro-order-text b{font-size:14px;font-weight:600}.pro-order-ctl{flex:none;align-items:center;gap:6px;display:flex}.pro-danger-row{border-top:1px solid var(--hair);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.pro-danger-row:first-of-type{border-top:none}.pro-danger-row>span{flex-direction:column;display:flex}.pro-danger-row b{font-size:14px;font-weight:600}.pro-card.danger .pro-field{max-width:300px;margin-top:12px}.pro-card.danger .pro-btn.danger{margin-top:12px}.pro-switch{cursor:pointer;flex:none;align-items:center;display:inline-flex;position:relative}.pro-switch input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.pro-switch-track{background:#cfd0d6;border-radius:999px;width:40px;height:24px;transition:background .15s;display:block}.pro-switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;margin:2px;transition:transform .15s;display:block;box-shadow:0 1px 2px #00000040}.pro-switch.on .pro-switch-track{background:var(--accent)}.pro-switch.on .pro-switch-knob{transform:translate(16px)}.pro-switch.disabled{cursor:default;opacity:.55}.pro-switch input:focus-visible+.pro-switch-track{box-shadow:0 0 0 3px #2456c740}@media (prefers-reduced-motion:reduce){.pro-switch-track,.pro-switch-knob{transition:none}}.pro-divider{letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin:26px 0 0;font-size:11px;font-weight:700}.pro-focus{background:var(--surface);border:1px solid var(--hair);border-radius:10px;margin:12px 0;padding:14px 16px}.pro-focus.off{background:#fafafb}.pro-focus.off .pro-h2{color:var(--ink2)}.pro-focus-head{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;display:flex}.pro-obj{border-top:1px solid var(--hair);padding:10px 0}.pro-obj:first-of-type{border-top:none}.pro-obj-head{text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:0;display:flex}.pro-obj-can{flex:1;min-width:0;font-size:14px;font-weight:600}.pro-obj-num{color:var(--ink3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:600}.pro-caret{color:var(--ink3);font-size:11px}.pro-obj-sub{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.pro-books{flex-wrap:wrap;gap:6px;display:flex}.pro-book{border:1px solid var(--hair);background:var(--surface);border-radius:999px;align-items:center;gap:6px;max-width:220px;padding:3px 10px 3px 3px;font-size:12px;font-weight:600;display:flex}.pro-book img,.pro-book .pro-thumb-ph{border-radius:50%;flex:none;width:22px;height:22px;font-size:12px}.pro-book span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pro-obj-more{border:1px solid var(--hair);background:#fbfbfc;border-radius:8px;margin-top:10px;padding:10px;overflow-x:auto}.pro-obj-more .pro-table{font-size:13px}.pro-obj-more .pro-btn{margin-top:10px}.pro-tries span{white-space:nowrap;margin-right:8px;display:inline-block}.pro-tries .no{color:var(--ink2)}.pro-state{color:var(--ink2);white-space:nowrap;background:#ececf0;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.pro-state.introduced{color:#5c4600;background:#fdefc0}.pro-state.practicing{color:#1e3a8a;background:#dbeafe}.pro-state.validated{color:#14532d;background:#d7f2df}.pro-tablewrap{background:var(--surface);border:1px solid var(--hair);border-radius:10px;overflow-x:auto}.pro-table{border-collapse:collapse;width:100%;font-size:14px}.pro-table th{border-bottom:1px solid var(--hair);text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);white-space:nowrap;padding:9px 12px;font-size:11px;font-weight:700}.pro-table td{border-bottom:1px solid var(--hair);vertical-align:top;padding:9px 12px}.pro-table tr:last-child td{border-bottom:none}.pro-table tr.dim td{color:var(--ink3)}.pro-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pro-actions{flex-wrap:wrap;gap:12px;display:flex}.pro-status{color:var(--ink2);white-space:nowrap;background:#ececf0;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.pro-status.ok{color:#14532d;background:#d7f2df}.pro-status.warm{color:#5c4600;background:#fdefc0}.pro-status.off{text-decoration:line-through}.pro .sheet{border-radius:12px 12px 0 0;box-shadow:0 -8px 30px #00000024}.pro .makesheet h3{font-size:17px;font-weight:700}.pro .makesheet h4{letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin:16px 0 8px;font-size:11px;font-weight:700}.pro .chip{border:1px solid var(--hair);border-radius:8px;min-height:32px;padding:6px 12px;font-size:13px;font-weight:600}.pro .chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.pro .makesheet .typerow input{border:1px solid var(--hair);border-radius:8px;padding:8px 10px;font-size:14px;font-weight:500}.pro .makesheet .typerow input:focus{border-color:var(--accent)}.pro .toast{border-radius:8px;font-size:14px;font-weight:600}@media (width>=640px){.pro-stats.four{grid-template-columns:repeat(4,1fr)}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.code-boxes{cursor:text;justify-content:center;gap:8px;margin:8px 0;display:flex;position:relative}.code-input{opacity:0;background:0 0;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.code-box{border:1px solid var(--hair);background:var(--surface);width:44px;height:58px;color:var(--ink);border-radius:10px;justify-content:center;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:28px;font-weight:700;display:flex}.code-input:focus+.code-box,.code-box.on{border-color:var(--accent);box-shadow:0 0 0 3px #2456c71f}.pro code.pro-code{letter-spacing:8px;text-indent:8px;text-align:center;border:1px solid var(--hair);background:var(--soft);color:var(--ink);border-radius:12px;margin:10px 0;padding:16px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:40px;font-weight:800;display:block}.pro-go-url{color:var(--accent);white-space:nowrap;-webkit-user-select:all;user-select:all;background:#e9edf8;border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:700;display:inline-block}.pro-devices{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.pro-devices li{border:1px solid var(--hair);background:var(--surface);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.pro-devices li.off{opacity:.5}.pro-devices .pro-device-text{flex:1;min-width:0}@media (width>=900px){.pro-cards{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));align-items:start}.pro-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-inviterow{grid-template-columns:1.1fr .8fr 1.7fr auto auto;align-items:center}}@media (width<=639px){.pro-obj-head{flex-wrap:wrap;row-gap:4px}.pro-obj-can{flex-basis:100%}.pro-obj-num{flex:1}.pro-focus-head{flex-wrap:wrap}}@media (width<=899px){.pro-head-text{display:none}.pro-head{border-bottom:none;justify-content:flex-end;margin-bottom:14px;padding-bottom:0}.pro-head:empty{display:none}}.alldone{border:3px solid var(--ink);border-radius:var(--radius);background:var(--hl);text-align:center;margin-bottom:22px;padding:22px 16px 18px}.alldone .alldone-star{color:#f2c94c;font-size:64px;line-height:1;display:block}.alldone h2{margin:8px 0 4px;font-size:28px;font-weight:800}.alldone p{color:var(--ink-2);margin:0 0 6px;font-size:18px}.alldone .alldone-stars{color:var(--ink);align-items:center;gap:6px;font-weight:800;display:inline-flex}.alldone-grownups{border:1px solid var(--line);color:var(--ink-3);background:#fff;border-radius:999px;margin-top:10px;padding:8px 14px;font-size:14px;font-weight:600}.pinpad{flex-direction:column;align-items:center;gap:10px;margin-top:12px;display:flex}.pinpad p{color:var(--ink);margin:0;font-weight:800}.pinpad .pin{border:2px solid var(--ink);letter-spacing:6px;text-align:center;background:#fff;border-radius:12px;width:170px;padding:10px;font-size:24px}.pinpad .btn-row{width:100%}.pinpad .btn{min-height:52px;font-size:18px}.pinpad .pin-err{color:#b00020;font-size:15px}.card.dim,.newstory.dim{opacity:.4;pointer-events:none}.newstory.capped{opacity:.55}.newstory.capped .label{font-size:20px}.pro-today{margin-top:10px}.pro-cap{margin-bottom:16px}.pro-cap p{margin:0 0 6px}.pro-cap .progress{background:var(--hair)}.pro-cap .progress>i{background:var(--ink)}.pro-table .num.over{color:var(--bad);font-weight:700}.pro-allowance{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.pro-input.small{width:72px;padding:4px 6px}.pro-grants{color:var(--ink3);margin:4px 0 0;padding-left:18px;font-size:12px}.pro-limit{gap:10px;margin-top:10px;display:grid}.pro-limit-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pro-limit .pro-segment{margin-top:0}.pro-radio{align-items:center;gap:8px;min-width:130px;font-size:14px;font-weight:600;display:inline-flex}.pro-link.inline{padding:0;display:inline}@keyframes spin{to{transform:rotate(360deg)}}.pro-plan-line{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;font-size:14px;display:flex}.pro-plan-line .pro-status{font-size:12px}.pro-ledger{margin:10px 0 0;padding:0;font-size:14px;list-style:none}.pro-ledger li{border-top:1px solid var(--hair);gap:10px;padding:7px 0;display:flex}.pro-ledger li:first-child{border-top:none}.pro-ledger .when{color:var(--ink3);font-variant-numeric:tabular-nums;flex:0 0 64px}.pro-ledger .delta{text-align:right;font-variant-numeric:tabular-nums;flex:0 0 34px;font-weight:700}.pro-ledger .delta.neg{color:var(--ink3)}.pro-cap .pro-cap-extra{margin-top:8px}.offer-card{flex-direction:column;gap:12px;display:flex}.offer-card>p{margin:0}.offer-lead{color:var(--ink-2);margin:0;font-size:17px}.offer-lead b{color:var(--ink)}.offer-perks{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.offer-perks li{color:var(--ink-2);align-items:flex-start;gap:10px;font-size:16px;line-height:1.35;display:flex}.offer-tick{background:var(--hl);width:22px;height:22px;color:var(--ink);border-radius:50%;flex:none;place-items:center;margin-top:0;display:grid}.offer-plans{gap:12px;margin-top:8px;display:grid}.offer-plan{border:2px solid var(--line);width:100%;min-height:72px;color:var(--ink);text-align:left;font:inherit;background:#fff;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex;position:relative}.offer-plan.on{border-color:var(--ink)}.offer-plan:disabled{opacity:.5;cursor:default}.offer-radio{border:2px solid var(--ink-3);background:#fff;border-radius:50%;flex:none;width:22px;height:22px;transition:border .15s}.offer-plan.on .offer-radio{border:7px solid var(--ink)}.offer-plan-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.offer-plan-text b{font-size:18px;font-weight:800}.offer-plan-text small,.offer-plan-price small{color:var(--ink-2);font-size:13px;font-weight:600}.offer-plan-price{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.offer-plan-price b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.offer-best{background:var(--hl);color:var(--ink);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;position:absolute;top:-12px;right:14px}.offer-cta{border:2px solid var(--ink);background:var(--ink);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:60px;margin-top:4px;padding:14px 18px;font-size:19px;font-weight:800;display:flex}.offer-cta:active:not(:disabled){transform:scale(.985)}.offer-cta:disabled{opacity:.35;cursor:default}.offer-fine{text-align:center;color:var(--ink-2);margin:0;font-size:13px;line-height:1.4}.offer-fine b{color:var(--ink)}.offer .pro-error{color:#b00;font-weight:700}.pro .offer-card{margin-top:12px}.pro .offer-perks li{color:var(--ink2);font-size:14px}.pro .offer-plans{gap:10px;margin-top:4px}.pro .offer-plan{border:1.5px solid var(--hair);background:var(--surface);border-radius:12px;min-height:60px;padding:12px 14px}.pro .offer-plan.on{border-color:var(--accent)}.pro .offer-radio{border-color:#c9c9d1}.pro .offer-plan.on .offer-radio{border-color:var(--accent)}.pro .offer-plan-text b{font-size:15px;font-weight:700}.pro .offer-plan-price b{font-size:17px;font-weight:700}.pro .offer-plan-text small,.pro .offer-plan-price small,.pro .offer-fine{color:var(--ink3);font-size:12px}.pro .offer-best{color:#14532d;background:#d7f2df;font-weight:700;top:-10px}.pro .offer-cta{border:1px solid var(--accent);background:var(--accent);border-radius:8px;min-height:40px;margin-top:0;padding:8px 14px;font-size:14px;font-weight:600}.pro .offer-cta:disabled{opacity:.45}.pro .offer-fine{text-align:left}.grownups-hint{max-width:420px;margin:4px auto 14px;display:block}p.grownups-hint{color:var(--ink-3)}.pro-filters{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 6px;display:flex}.pro-filters .pro-segment{margin-top:0}.pro-filters .pro-input{flex:1;width:auto;min-width:200px}.opts-batches{background:var(--surface);border:1px solid var(--hair);border-radius:10px;margin:0;padding:0;list-style:none}.opts-batch{border-top:1px solid var(--hair);padding:8px 12px}.opts-batch:first-child{border-top:none}.opts-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.opts-hero{font-weight:600}.opts-line{color:var(--ink3);margin:4px 0 0;font-size:13px;line-height:1.7}.opts-line b{color:var(--ink);white-space:nowrap;margin-right:10px}.opts-line .opts-other{white-space:nowrap;margin-right:10px}.opts-more{margin-right:10px;font-size:13px}.ask{flex-direction:column;gap:8px;margin:8px 4px 0;display:flex}.ask .ask-prompt{margin:0;font-size:clamp(19px,5.6vw,23px);font-weight:800;line-height:1.3}.ask .ask-prompt .inline-icon{vertical-align:middle}.ask .opts.row{--tile:96px;grid-template-columns:repeat(var(--n,2), var(--tile));justify-content:center;gap:10px}.ask .opts.row.n3>:last-child{grid-column:auto;justify-self:auto;width:auto}.ask .opt.tile{border-radius:16px;min-height:0;padding:6px;font-size:16px}.ask .opt.tile img{width:64%}.ask .opt.tile .emoji{font-size:34px}.ask .opts.row .tile>span:last-child{font-size:15px;line-height:1.15}.ask .ask-heard{min-height:0;margin:0}@media (width<=340px){.ask .opts.row{--tile:84px}}.ask-mic{display:inline-block;position:relative}