@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Devanagari Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-devanagari-devanagari-wght-normal-DWI_L5Cu.woff2)format("woff2-variations");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans Devanagari Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-devanagari-latin-ext-wght-normal-CLkupaxV.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Devanagari Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-devanagari-latin-wght-normal-Bxfr4UJH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#faf9f6;--card:#fff;--ink:#1e211c;--muted:#4a4f45;--line:#e2e0d8;--primary:#4a62a8;--primary-deep:#3d5290;--on-primary:#fff;--live:#d63d1c;--yellow:#ffd557;--sky:#9ed2f5;--blue-soft:#b4c0e6;--lilac:#c9b8fa;--peach:#ff9e85;--pebble:56% 44% 52% 48% / 48% 54% 46% 52%;--pebble-alt:46% 54% 44% 56% / 54% 46% 54% 46%;--shadow:0 1px 0 #1e211c0a, 0 8px 24px #1e211c0f;--settle:cubic-bezier(.22, .8, .3, 1);--pop:cubic-bezier(.3, 1.6, .5, 1);--safe-top:var(--host-safe-top,env(safe-area-inset-top,0px));--safe-right:var(--host-safe-right,env(safe-area-inset-right,0px));--safe-bottom:var(--host-safe-bottom,env(safe-area-inset-bottom,0px));--safe-left:var(--host-safe-left,env(safe-area-inset-left,0px));--font-display:"Bricolage Grotesque Variable", "Noto Sans Devanagari Variable", system-ui, sans-serif;--font-body:"Figtree Variable", "Noto Sans Devanagari Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-title:1.875rem;--fs-answer:1.5rem;--fs-label:1.0625rem;--fs-meta:.9375rem;--fs-button:1.1875rem;font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#141512;--card:#1e201c;--ink:#f3f0e8;--muted:#bdbaae;--line:#33362f;--primary:#9fb2ee;--primary-deep:#8ca1e0;--on-primary:#141512;--live:#ff8a6e;--shadow:0 1px 0 #0000004d, 0 8px 24px #00000059}}:root[data-theme=dark]{--paper:#141512;--card:#1e201c;--ink:#f3f0e8;--muted:#bdbaae;--line:#33362f;--primary:#9fb2ee;--primary-deep:#8ca1e0;--on-primary:#141512;--live:#ff8a6e;--shadow:0 1px 0 #0000004d, 0 8px 24px #00000059}*{box-sizing:border-box}body{background:var(--paper);min-height:100dvh;margin:0}button,input,a{font:inherit;color:inherit}:lang(hi),:lang(mr){letter-spacing:normal!important}.app{max-width:480px;padding-inline:var(--safe-left) var(--safe-right);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;overflow-x:clip}.screen-slide{animation:tk-screen-in .34s var(--settle);flex-direction:column;flex:1;display:flex}@keyframes tk-screen-in{0%{opacity:0;transform:translate(40px)}}.shell{flex-direction:column;flex:1;min-height:0;display:flex}.bar{min-height:64px;padding:calc(var(--safe-top) + 8px) 14px 8px;z-index:3;background:var(--paper);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid;position:sticky;top:0}.bar-centre{justify-content:center;min-width:0;display:flex}.bar-end{justify-content:flex-end;display:flex}.lockup{font-family:var(--font-display);letter-spacing:-.012em;align-items:center;gap:8px;padding-left:4px;font-size:1.125rem;font-weight:800;display:inline-flex}.icon-button{background:color-mix(in srgb, var(--ink) 8%, transparent);cursor:pointer;width:52px;height:52px;transition:transform .12s var(--pop);border:0;border-radius:50%;place-items:center;display:grid}.icon-button:active{transform:scale(.92)}.chip{min-height:44px;box-shadow:inset 0 0 0 2px var(--line);font-size:var(--fs-meta);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-weight:700;display:inline-flex}.main{flex-direction:column;flex:1;gap:20px;padding:4px 20px 16px;display:flex}.dock{z-index:2;padding:12px 20px calc(var(--safe-bottom) + 18px);background:linear-gradient(to bottom, color-mix(in srgb, var(--paper) 0%, transparent), var(--paper) 18px);gap:10px;display:grid;position:sticky;bottom:0}.pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pair .btn{white-space:normal;text-wrap:balance;text-align:center;min-width:0;padding:0 14px;line-height:1.15}.pair>:only-child{grid-column:1/-1}.offline{margin:calc(var(--safe-top) + 8px) 20px 0;background:color-mix(in srgb, var(--sky) 35%, var(--card));color:var(--ink);font-size:var(--fs-meta);border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:flex}.offline+.screen-slide .bar{padding-top:8px}.h-title{font-family:var(--font-display);font-size:var(--fs-title);text-wrap:balance;margin:0;font-weight:800;line-height:1.2}.h-title:lang(en){letter-spacing:-.02em}.center{text-align:center}.body{font-size:var(--fs-label);color:var(--muted);margin:0;line-height:1.55}.label{font-size:var(--fs-label);margin:0;font-weight:700}.meta{font-size:var(--fs-meta);color:var(--muted);margin:0;font-weight:500}.with-icon{align-items:center;gap:6px;display:flex}.big-number{font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:center;margin:0;font-size:3.5rem;font-weight:800;line-height:1}.btn{min-height:64px;font-size:var(--fs-button);white-space:nowrap;cursor:pointer;transition:transform .34s var(--pop), background-color .12s ease;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-weight:700;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transition-duration:.12s;transform:scale(.96)}.btn:disabled{opacity:.4;cursor:default}.btn svg{flex:none}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:active:not(:disabled){background:var(--primary-deep)}.btn-ghost{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 22%, transparent);background:0 0}.btn-quiet{min-height:56px;color:var(--muted);font-size:var(--fs-label);background:0 0;font-weight:600}@media (max-width:380px){.pair .btn{font-size:var(--fs-label);padding:0 14px}}:focus-visible{outline:2.5px solid var(--primary);outline-offset:3px}.pebble{--tone:var(--yellow);border-radius:var(--pebble);background:var(--tone);color:var(--ink);flex:none;align-self:center;place-items:center;margin-top:8px;display:grid}.pebble.tone-sky{--tone:var(--sky)}.pebble.tone-blue{--tone:var(--blue-soft)}.pebble.tone-lilac{--tone:var(--lilac);border-radius:var(--pebble-alt)}.pebble.tone-peach{--tone:var(--peach)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pebble.tone-yellow{--tone:#6b5520}:root:not([data-theme=light]) .pebble.tone-sky{--tone:#24435a}:root:not([data-theme=light]) .pebble.tone-blue{--tone:#2a3354}:root:not([data-theme=light]) .pebble.tone-lilac{--tone:#3b3360}:root:not([data-theme=light]) .pebble.tone-peach{--tone:#5c3328}}:root[data-theme=dark] .pebble.tone-yellow{--tone:#6b5520}:root[data-theme=dark] .pebble.tone-sky{--tone:#24435a}:root[data-theme=dark] .pebble.tone-blue{--tone:#2a3354}:root[data-theme=dark] .pebble.tone-lilac{--tone:#3b3360}:root[data-theme=dark] .pebble.tone-peach{--tone:#5c3328}.pebble-art{background:currentColor;width:78%;height:78%;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.pebble-svg{width:80%;height:80%}.pebble-svg .fill-card{fill:var(--card)}.bob{animation:2.8s ease-in-out infinite tk-bob}@keyframes tk-bob{50%{transform:translateY(-6px)rotate(-2deg)}}.list{gap:8px;display:grid}.row{background:var(--card);min-height:64px;box-shadow:inset 0 0 0 2px var(--line);text-align:left;cursor:pointer;border:0;border-radius:18px;align-items:center;gap:14px;padding:10px 16px;transition:box-shadow .16s,background-color .16s;display:flex}.row:active{background:color-mix(in srgb, var(--ink) 7%, var(--card))}.row.on{box-shadow:inset 0 0 0 2.5px var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--card))}.row-icon{color:var(--muted);flex:none}.row-text{flex:1;gap:2px;display:grid}.row-title{font-size:var(--fs-answer);font-weight:700;line-height:1.25}.row-sub{font-size:var(--fs-meta);color:var(--muted)}.tick{width:28px;height:28px;box-shadow:inset 0 0 0 2px var(--line);border-radius:50%;flex:none;place-items:center;display:grid}.row.on .tick{background:var(--primary);color:var(--on-primary);box-shadow:none;animation:tk-tick .28s var(--pop)}@keyframes tk-tick{0%{transform:scale(.3)}}.field{gap:8px;display:grid}.field input{font-size:var(--fs-label);background:var(--card);min-height:56px;box-shadow:inset 0 0 0 2px var(--line);border:0;border-radius:14px;padding:12px 16px}.field input:focus{box-shadow:inset 0 0 0 2.5px var(--primary);outline:none}.field input::placeholder{color:color-mix(in srgb, var(--muted) 70%, transparent)}.field .hint{font-size:var(--fs-meta);color:var(--muted);line-height:1.35}.welcome .field+.field{margin-top:14px}.notice{font-size:var(--fs-meta);background:color-mix(in srgb, var(--yellow) 35%, var(--card));border-radius:12px;align-items:center;gap:8px;margin:0;padding:10px 12px;font-weight:600;display:flex}.notice.error{background:color-mix(in srgb, var(--live) 12%, var(--card));color:var(--live)}.notice.calm{background:color-mix(in srgb, var(--sky) 30%, var(--card))}.notice.soft{background:color-mix(in srgb, var(--peach) 22%, var(--card));align-items:flex-start}.notice svg{flex:none}.notice-x{cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:44px;height:44px;margin:-10px -8px -10px auto;display:grid}.note{background:color-mix(in srgb, var(--sky) 22%, var(--card));font-size:var(--fs-meta);border-radius:12px;align-items:center;gap:10px;margin:0;padding:10px 12px;font-weight:600;line-height:1.35;display:flex}.note svg{flex:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spin{animation:.9s linear infinite tk-spin}@keyframes tk-spin{to{transform:rotate(360deg)}}.loading{color:var(--muted);flex:1;place-items:center;display:grid}.btn.icon-after{flex-direction:row-reverse}.btn.working svg{animation:.9s linear infinite tk-spin}.btn.danger{background:var(--live);color:#fff;box-shadow:none}.bar-spacer{width:52px}.row-title.small{font-size:var(--fs-label)}.ring{flex:none;place-items:center;display:inline-grid;position:relative}.ring>svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring circle{fill:none;stroke-linecap:round}.ring-track{stroke:var(--line)}.ring-fill{stroke:var(--primary);transition:stroke-dashoffset .3s var(--settle)}.ring.spinning>svg{animation:1.1s linear infinite tk-ring-spin}@keyframes tk-ring-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.ring.on-primary .ring-track{stroke:color-mix(in srgb, var(--on-primary) 30%, transparent)}.ring.on-primary .ring-fill{stroke:var(--on-primary)}.speak{background:color-mix(in srgb, var(--sky) 55%, var(--card));width:48px;height:48px;color:var(--ink);cursor:pointer;transition:transform .16s var(--pop);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.speak:active{transform:scale(.9)}.speak.on{background:var(--primary);color:var(--on-primary)}.speak.small{width:44px;height:44px;color:var(--muted);background:0 0}.speak.small.on{background:var(--primary);color:var(--on-primary)}.speaking{animation:.9s ease-in-out infinite alternate tk-speak}@keyframes tk-speak{to{transform:scaleY(.7)}}.sheet-scrim{z-index:20;background:#1415127a;justify-content:center;align-items:flex-end;animation:.2s tk-fade;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;max-width:480px;max-height:90dvh;box-shadow:0 -1px 0 var(--line), 0 -12px 40px #0000002e;padding:10px 20px calc(var(--safe-bottom) + 20px);animation:tk-rise .32s var(--settle);border-radius:28px 28px 0 0;gap:14px;display:grid;overflow-y:auto}.sheet-grip{background:var(--line);border-radius:3px;justify-self:center;width:44px;height:5px}.sheet-title{font-family:var(--font-display);font-size:var(--fs-answer);margin:0;font-weight:800;line-height:1.25}.sheet-list{gap:8px;display:grid}@keyframes tk-fade{0%{opacity:0}}@keyframes tk-rise{0%{transform:translateY(40%)}}.welcome .main{gap:18px}.welcome-head{gap:10px;display:grid}.welcome-head .pebble{margin-bottom:6px}.plan{gap:14px;margin:0;padding:0;list-style:none;display:grid;position:relative}.plan:before{content:"";border-left:2.5px dotted color-mix(in srgb, var(--ink) 28%, transparent);position:absolute;top:20px;bottom:20px;left:19px}.plan li{font-size:var(--fs-label);animation:tk-plan-in .42s var(--settle) both;animation-delay:calc(80ms + var(--i) * 70ms);align-items:center;gap:14px;font-weight:600;line-height:1.35;display:flex;position:relative}@keyframes tk-plan-in{0%{opacity:0;transform:translateY(8px)}}.plan-dot{border-radius:var(--pebble);color:#1e211c;background:var(--tone,var(--yellow));flex:none;place-items:center;width:40px;height:38px;display:grid}.tone-yellow{--tone:var(--yellow)}.tone-sky{--tone:var(--sky)}.tone-blue{--tone:var(--blue-soft)}.tone-lilac{--tone:var(--lilac)}.tone-peach{--tone:var(--peach)}.plan li:last-child .plan-dot{border-radius:var(--pebble-alt)}.capture .bar{flex:none;grid-template-columns:auto minmax(0,1fr) 0;gap:4px 6px}.capture .main{gap:18px}.capture .bar .icon-button{width:44px;height:44px}.capture .bar .bar-spacer{width:0}.bar-below{grid-column:1/-1;padding:0 6px}.steps{justify-content:center;gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.step{--step:var(--line);border-radius:999px;align-items:center;min-width:0;padding:6px 4px;display:flex}.step.tone-yellow{--step:var(--yellow)}.step.tone-sky{--step:var(--sky)}.step.tone-blue{--step:var(--blue-soft)}.step.now{background:color-mix(in srgb, var(--step) 55%, var(--card));flex:none;padding:6px 10px}.step-name{min-width:0;color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:.875rem;font-weight:700;line-height:1.2;display:flex}.step-name>span:not(.step-n){text-overflow:ellipsis;overflow:hidden}.step-name svg{color:var(--primary);flex:none}.step.past .step-name,.step.now .step-name{color:var(--ink)}.step.now .step-name{font-weight:800}.step-n{font-variant-numeric:tabular-nums;opacity:.75;flex:none;font-weight:700}.skip{min-height:48px;color:var(--muted);font-size:var(--fs-meta);cursor:pointer;background:0 0;border:0;justify-self:end;padding:0 12px;font-weight:700}.step-banner{background:color-mix(in srgb, var(--tone) 34%, var(--card));box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--tone) 50%, transparent);border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"art title speak""ask ask ask";align-items:center;gap:8px 12px;padding:12px 14px;display:grid}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .step-banner{background:color-mix(in srgb, var(--tone) 16%, var(--card));box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--tone) 30%, transparent)}}:root[data-theme=dark] .step-banner{background:color-mix(in srgb, var(--tone) 16%, var(--card));box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--tone) 30%, transparent)}.step-banner .pebble{grid-area:art;margin:0}.step-banner .h-title{font-size:var(--fs-answer);grid-area:title;line-height:1.15}.step-banner .speak{grid-area:speak}.ask-body{font-size:var(--fs-label);text-wrap:pretty;grid-area:ask;margin:0;font-weight:600;line-height:1.4}.step-banner>.meta{grid-column:1/-1}.examples{gap:10px;display:grid}.ex-head{flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;display:flex}.ex-tag{background:color-mix(in srgb, var(--tone) 55%, var(--card));color:var(--ink);font-size:var(--fs-meta);border-radius:999px;padding:3px 12px;font-weight:800}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ex-tag{background:color-mix(in srgb, var(--tone) 26%, var(--card))}}:root[data-theme=dark] .ex-tag{background:color-mix(in srgb, var(--tone) 26%, var(--card))}.ex-row{--ex-size:min(232px, 62vw);scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -20px;padding:2px 20px 8px;scroll-padding:0 20px;list-style:none;display:flex;overflow-x:auto}.ex-row::-webkit-scrollbar{display:none}.ex{width:var(--ex-size);scroll-snap-align:start;flex:none;align-content:start;gap:8px;display:grid}.ex-img{width:var(--ex-size);height:var(--ex-size);background:var(--line);border-radius:20px;display:block;position:relative;overflow:hidden}.ex-img img{object-fit:cover;width:100%;height:100%;display:block}.ex.good .ex-img{box-shadow:0 0 0 3px #2f8f5b}.ex.bad .ex-img{box-shadow:0 0 0 3px var(--live)}.ex.bad img{filter:saturate(.7)}.ex-verdict{color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:10px;left:10px;box-shadow:0 2px 6px #0000004d}.ex.good .ex-verdict{background:#2f8f5b}.ex.bad .ex-verdict{background:var(--live)}.ex-caption{font-size:var(--fs-meta);text-wrap:pretty;font-weight:700;line-height:1.3}.howto{gap:10px;display:grid}.howto ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.howto li{font-size:var(--fs-label);align-items:center;gap:12px;font-weight:600;line-height:1.4;display:flex}.howto-icon{background:color-mix(in srgb, var(--tone) 34%, var(--card));width:44px;height:44px;color:var(--ink);border-radius:14px;flex:none;place-items:center;display:grid}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .howto-icon{background:color-mix(in srgb, var(--tone) 18%, var(--card))}}:root[data-theme=dark] .howto-icon{background:color-mix(in srgb, var(--tone) 18%, var(--card))}.questions{gap:8px;display:grid}.questions ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.questions li{background:color-mix(in srgb, var(--sky) 26%, var(--card));border-radius:18px 18px 18px 6px;align-items:center;gap:10px;padding:8px 6px 8px 14px;display:flex;position:relative}.q-mark{color:color-mix(in srgb, var(--ink) 60%, var(--sky));flex:none;display:grid}.q-text{font-size:var(--fs-label);flex:1;font-weight:600;line-height:1.4}.added{gap:10px;scroll-margin-bottom:190px;display:grid}.strip{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:14px;margin:0;padding:6px 0 0;list-style:none;display:grid}.strip-item,.strip-slot{aspect-ratio:1;position:relative}.strip-item{animation:tk-tile-in .38s var(--pop)}@keyframes tk-tile-in{0%{opacity:0;transform:scale(.6)}}.strip-slot{border-radius:var(--pebble);color:color-mix(in srgb, var(--ink) 35%, transparent);border:2.5px dashed color-mix(in srgb, var(--ink) 22%, transparent);place-items:center;display:grid}.strip-slot:nth-child(2n){border-radius:var(--pebble-alt)}.strip-slot-add{border-radius:inherit;width:100%;height:100%;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--settle), background-color .12s var(--settle);background:0 0;border:0;place-items:center;padding:0;display:grid}.strip-slot-add:active{background:color-mix(in srgb, var(--ink) 6%, transparent);transform:scale(.94)}.strip-slot-add:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.tile-face{background:color-mix(in srgb, var(--ink) 10%, var(--card));color:inherit;cursor:inherit;border:0;border-radius:18px;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.tile-face img{object-fit:cover;width:100%;height:100%;display:block}.tile-blank{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.tile-kind{color:#fff;font-variant-numeric:tabular-nums;background:#141512a8;border-radius:999px;align-items:center;gap:3px;padding:2px 7px 2px 5px;font-size:.75rem;font-weight:800;display:inline-flex;position:absolute;bottom:6px;left:6px}.tile-state{display:grid;position:absolute;bottom:6px;right:6px}.phase-sending .tile-face:after,.phase-preparing .tile-face:after{content:"";background:#1415126b;position:absolute;inset:0}.phase-sending .tile-state,.phase-preparing .tile-state{z-index:1;place-items:center;inset:0}.tile-state .ring-track{stroke:#ffffff4d}.tile-state .ring-fill{stroke:#fff}.tile-ok,.tile-bad{background:var(--primary);width:24px;height:24px;color:var(--on-primary);box-shadow:0 0 0 2px var(--card);animation:tk-tick .28s var(--pop);border-radius:50%;place-items:center;display:grid}.tile-wait{color:#fff;background:#141512a8;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.tile-ok.soft{background:var(--card);color:var(--primary)}.tile-bad{background:var(--live);color:#fff}.phase-failed .tile-face img,.phase-stuck .tile-face img{opacity:.5;filter:grayscale(.7)}.tile-x{cursor:pointer;z-index:2;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:-10px;right:-10px}.tile-x svg{background:var(--ink);width:26px;height:26px;color:var(--paper);box-shadow:0 0 0 2px var(--paper);border-radius:50%;padding:5px}.count{font-size:var(--fs-label);color:var(--muted);align-items:center;gap:6px;margin:0;font-weight:700;display:flex}.count.enough{color:var(--primary)}.refusals{gap:8px;margin:0;padding:0;list-style:none;display:grid}.single{display:grid}.g-head{gap:6px;display:grid}.g-counts{font-size:var(--fs-label);color:var(--muted);font-variant-numeric:tabular-nums;gap:16px;margin:0;font-weight:700;display:flex}.g-counts span{align-items:center;gap:6px;display:inline-flex}.g-empty{justify-items:center;gap:12px;padding:24px 0;display:grid}.g-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin:0;padding:0;list-style:none;display:grid}.g-item{animation:tk-tile-in .38s var(--pop);align-content:start;gap:6px;display:grid}.g-open{aspect-ratio:4/5;cursor:pointer;transition:transform .16s var(--pop);background:0 0;border:0;border-radius:18px;padding:0;display:block;position:relative}.g-open:active{transform:scale(.97)}.g-open .tile-face{border-radius:18px}.g-open .tile-kind{padding:3px 8px 3px 6px;font-size:.8125rem;top:8px;bottom:auto;left:8px}.g-open .tile-state{top:8px;bottom:auto;right:8px}.g-open .tile-ok,.g-open .tile-bad{width:28px;height:28px}.g-words{color:#fff;text-align:left;-webkit-line-clamp:3;background:linear-gradient(#0000,#141512d1);border-radius:0 0 18px 18px;-webkit-box-orient:vertical;padding:28px 10px 10px;font-size:.875rem;font-weight:600;line-height:1.35;display:-webkit-box;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.g-words svg{opacity:.8;vertical-align:-1px}.g-in{background:var(--primary);color:var(--on-primary);border-radius:999px;padding:3px 9px;font-size:.75rem;font-weight:800;position:absolute;bottom:8px;left:8px}.g-words~.g-in{display:none}.g-add{aspect-ratio:4/5;border:2.5px dashed color-mix(in srgb, var(--ink) 24%, transparent);background:color-mix(in srgb, var(--yellow) 10%, transparent);width:100%;font-size:var(--fs-label);cursor:pointer;transition:transform .16s var(--pop);border-radius:18px;place-content:center;justify-items:center;gap:10px;padding:0;font-weight:700;display:grid}.g-add:active{transform:scale(.97)}.g-add-dot{border-radius:var(--pebble);background:var(--yellow);color:#1e211c;place-items:center;width:60px;height:56px;display:grid}.g-meta{color:var(--muted);flex-direction:column;align-items:flex-start;gap:4px;margin:0;font-size:.8125rem;display:flex}.g-tag{background:color-mix(in srgb, var(--tone) 55%, var(--card));color:var(--ink);border-radius:999px;align-items:center;padding:2px 9px;font-size:.8125rem;font-weight:700;display:inline-flex}.g-when{font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:600;display:inline-flex}.g-error{color:var(--live);margin:0;font-size:.8125rem;font-weight:600}.viewer{z-index:20;color:#f3f0e8;background:#121310;flex-direction:column;animation:.2s tk-fade;display:flex;position:fixed;inset:0}.viewer-bar{padding:calc(var(--safe-top) + 8px) 14px 8px;align-items:center;gap:12px;display:flex}.icon-button.on-dark{color:#fff;background:#ffffff1f}.viewer-facts{font-size:var(--fs-meta);color:#d9d6cc;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;font-weight:600;display:flex}.viewer-facts .g-tag{color:#1e211c;background:var(--tone)}.viewer-stage{flex:1;min-height:0;margin:8px 12px;position:relative}.viewer-stage img,.viewer-stage video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.viewer-said{gap:4px;padding:4px 20px 0;display:grid}.viewer-said .label{font-size:var(--fs-meta);color:#bdbaae}.said-text{font-size:var(--fs-label);max-height:4.5em;margin:0;line-height:1.5;overflow-y:auto}.viewer-dock{padding:12px 20px calc(var(--safe-bottom) + 18px);gap:10px;display:grid}.viewer-note{font-size:var(--fs-meta);color:#ffc2b2;margin:0;font-weight:600}.btn.on-dark{color:#fff;box-shadow:inset 0 0 0 2px #ffffff4d}.btn.on-dark.danger{box-shadow:none;background:#d63d1c}.app[data-screen=studio]{height:100dvh}.app[data-screen=studio] .screen-slide{min-height:0}.studio{flex-direction:column;flex:1;min-height:0;display:flex}.studio-bar{min-height:60px;padding-bottom:4px;position:static}.studio-bar:has(.studio-share){grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:8px}.studio-title{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:1.1875rem;font-weight:800;line-height:1.2;overflow:hidden}.save-btn{background:var(--primary);min-height:48px;color:var(--on-primary);font-size:var(--fs-label);white-space:nowrap;font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 14px;font-weight:700;display:inline-flex}.save-btn:disabled{opacity:.4;cursor:default}.stage{flex:none;justify-content:center;height:45dvh;min-height:240px;padding:4px 16px 10px;display:flex}.player{max-width:100%;height:100%;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent), 0 14px 30px -12px #1e211c73;background:#000;border-radius:20px;position:relative;overflow:hidden}.player-veil{background:color-mix(in srgb, var(--paper) 45%, transparent);-webkit-backdrop-filter:saturate(.4);backdrop-filter:saturate(.4);pointer-events:none;animation:.24s tk-fade;position:absolute;inset:0}.play{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.play-disc{color:#1e211c;width:68px;height:68px;transition:opacity .22s ease, transform .3s var(--pop);background:#faf9f6f0;border-radius:50%;place-items:center;padding-left:4px;display:grid;box-shadow:0 6px 20px #0000004d}.play.playing .play-disc{opacity:0;padding-left:0;transform:scale(.7)}.seek{touch-action:none;cursor:pointer;--p:0;height:32px;position:absolute;bottom:0;left:0;right:0}.seek:before{content:"";pointer-events:none;background:linear-gradient(#0000,#0000006b);position:absolute;inset:-16px 0 0}.seek:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}.seek-row{gap:2px;height:4px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.seek-row i{background:#ffffff61;border-radius:2px;flex-basis:0;min-width:1px}.seek-fill{clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0)}.seek-fill i{background:#fff}.player-note{background:var(--card);color:var(--ink);white-space:nowrap;box-shadow:var(--shadow);pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.8125rem;font-weight:700;display:inline-flex;position:absolute;top:12px;left:50%;translate:-50%}.making{min-height:0;padding:12px 24px calc(var(--safe-bottom) + 24px);flex-direction:column;flex:1;justify-content:safe center;align-items:center;gap:12px;display:flex;overflow-y:auto}.making .h-title{font-size:var(--fs-answer)}.making-art{position:relative}.msg.ai.pending .ai-mark{animation:1.8s ease-in-out infinite tk-working}@keyframes tk-working{50%{opacity:.6;transform:scale(.88)}}@media (prefers-reduced-motion:reduce){.msg.ai.pending .ai-mark{animation:none}}.plan-dot.tone-oorjo{background:var(--ink);color:var(--paper);border-radius:9px}.breathe{animation:3.2s ease-in-out infinite tk-breathe}@keyframes tk-breathe{50%{border-radius:var(--pebble-alt);transform:scale(1.045)}}.checklist{background:var(--card);width:100%;max-width:360px;box-shadow:inset 0 0 0 2px var(--line);border-radius:20px;gap:12px;margin:8px 0 0;padding:16px 18px;list-style:none;display:grid}.checklist li{font-size:var(--fs-label);animation:tk-plan-in .36s var(--settle) both;align-items:center;gap:12px;font-weight:600;line-height:1.35;display:flex}.checklist li.done{color:var(--muted)}.check-dot{background:var(--primary);width:26px;height:26px;color:var(--on-primary);border-radius:50%;flex:none;place-items:center;display:grid}.now .check-dot{background:color-mix(in srgb, var(--sky) 55%, var(--card))}.pulse{background:var(--primary);border-radius:50%;width:10px;height:10px;animation:1.3s ease-in-out infinite tk-pulse}@keyframes tk-pulse{50%{opacity:.5;transform:scale(1.6)}}.shimmer{background:linear-gradient(90deg, var(--ink) 0%, var(--ink) 35%, color-mix(in srgb, var(--ink) 35%, transparent) 50%, var(--ink) 65%, var(--ink) 100%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:2.2s linear infinite tk-shimmer}@keyframes tk-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}.making-next{max-width:300px;margin-top:4px}.making-actions{gap:6px;width:100%;max-width:360px;margin-top:8px;display:grid}.chat{border-top:2px solid var(--line);background:color-mix(in srgb, var(--ink) 2.5%, var(--paper));flex-direction:column;flex:1;min-height:0;display:flex}.messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;min-height:0;margin:0;padding:14px 14px 8px;list-style:none;display:flex;overflow-y:auto}.msg{animation:tk-msg-in .3s var(--settle)}@keyframes tk-msg-in{0%{opacity:0;transform:translateY(10px)}}.msg p{margin:0}.msg.me{align-self:flex-end;max-width:84%}.msg.me .bubble{background:var(--primary);color:var(--on-primary);font-size:var(--fs-label);border-radius:20px 20px 6px;padding:10px 14px;font-weight:500;line-height:1.4}.msg.ai{grid-template-columns:30px minmax(0,1fr) auto;align-items:start;gap:8px;max-width:100%;display:grid}.ai-mark{background:var(--ink);width:30px;height:30px;color:var(--paper);border-radius:7px;place-items:center;margin-top:4px;display:grid}.msg.ai .bubble{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);font-size:var(--fs-label);border-radius:6px 20px 20px;justify-self:start;gap:8px;padding:10px 14px;line-height:1.45;display:grid}.msg.ai.pending .bubble{align-items:center;gap:10px;font-weight:600;display:flex}.msg.failed .ai-mark{background:var(--peach);color:#1e211c;border-radius:var(--pebble)}.msg.failed .bubble{background:color-mix(in srgb, var(--peach) 16%, var(--card))}.typing{gap:4px;display:inline-flex}.typing i{background:var(--primary);border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite tk-dot}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes tk-dot{0%,60%,to{opacity:.4;transform:none}30%{opacity:1;transform:translateY(-4px)}}.changes{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.changes li{background:color-mix(in srgb, var(--primary) 12%, var(--card));color:var(--primary-deep);border-radius:999px;align-items:center;gap:4px;padding:3px 10px 3px 8px;font-size:.8125rem;font-weight:700;display:inline-flex}.chip-action{background:var(--paper);min-height:44px;box-shadow:inset 0 0 0 2px var(--line);font-size:var(--fs-meta);cursor:pointer;border:0;border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:0 16px 0 12px;font-weight:700;display:inline-flex}.chip-action:disabled{opacity:.6}.msg .speak.small{margin-top:-2px}.talk{padding:8px 12px calc(var(--safe-bottom) + 12px);background:var(--paper);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.ideas{scrollbar-width:none;gap:8px;margin:0 -12px;padding:2px 12px;display:flex;overflow-x:auto}.idea{background:color-mix(in srgb, var(--sky) 32%, var(--card));min-height:44px;font-size:var(--fs-meta);white-space:nowrap;cursor:pointer;animation:tk-msg-in .3s var(--settle) both;border:0;border-radius:999px;flex:none;padding:0 16px;font-weight:650}.idea:nth-child(2){animation-delay:60ms}.idea:nth-child(3){animation-delay:.12s}.idea:nth-child(4){animation-delay:.18s}.talk-row{align-items:center;gap:8px;display:flex}.mic{background:var(--primary);min-width:64px;height:64px;color:var(--on-primary);cursor:pointer;transition:transform .16s var(--pop), background-color .16s ease;border:0;border-radius:32px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0;display:inline-flex;position:relative}.mic:active:not(:disabled){transform:scale(.93)}.mic:disabled{opacity:.4;cursor:default}.mic.off{background:var(--card);color:var(--muted);box-shadow:inset 0 0 0 2px var(--line)}.mic.live{background:var(--live);color:#fff;padding:0 18px}.mic.live:before{content:"";border-radius:inherit;box-shadow:0 0 0 calc(4px + var(--level,0) * 12px) color-mix(in srgb, var(--live) 28%, transparent);transition:box-shadow 80ms linear;position:absolute;inset:0}.mic-time{font-variant-numeric:tabular-nums;font-weight:800}.talk-input{background:var(--card);min-width:0;min-height:52px;box-shadow:inset 0 0 0 2px var(--line);font-size:var(--fs-label);border:0;border-radius:26px;flex:1;padding:0 18px}.talk-input:focus{box-shadow:inset 0 0 0 2.5px var(--primary);outline:none}.talk-input::placeholder{color:color-mix(in srgb, var(--muted) 75%, transparent)}.talk-input:disabled{opacity:.7}.send{background:var(--primary);width:52px;height:52px;color:var(--on-primary);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.send:disabled{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--muted);cursor:default}.save-sheet{text-align:left;justify-items:stretch}.save-sheet>.pebble{justify-self:center}.save-ring{justify-self:center;margin:8px 0 4px}.save-pct{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800}.save-done{grid-template-columns:104px 1fr;align-items:center;gap:16px;display:grid}.save-done .pebble{align-self:start;margin:0 0 8px}.save-preview{aspect-ratio:9/16;object-fit:cover;background:#000;border-radius:14px;width:104px;display:block}.pebble.pop{animation:.64s cubic-bezier(.3,1.7,.5,1) tk-pebble-pop}@keyframes tk-pebble-pop{0%{transform:scale(.4)}60%{transform:scale(1.12)}}@media (max-height:760px){.welcome-head .pebble{width:112px!important;height:112px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.shimmer{color:var(--ink);background:0 0}}.send-failed{color:var(--danger,#b42318);justify-content:center;align-items:center;gap:6px;font-weight:650;display:flex}