@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.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{--bg:#f6f6f8;--surface:#fff;--surface-2:#f1f1f5;--text:#16161d;--muted:#5d6070;--border:#e3e3ea;--accent:#4f46e5;--accent-strong:#4338ca;--accent-soft:#eef0ff;--on-accent:#fff;--like:#e11d48;--danger:#b91c1c;--danger-soft:#fdecec;--success:#15803d;--example-bg:#fff8e6;--example-border:#f3d58a;--example-text:#6b4a00;--focus:#2563eb;--shadow:0 1px 2px #10101d0f, 0 1px 1px #10101d0a;--radius:14px;--radius-sm:10px;--tabbar-h:60px;--col:640px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0e0f14;--surface:#17181f;--surface-2:#20212a;--text:#ececf2;--muted:#a3a6b6;--border:#2b2d38;--accent:#8b87ff;--accent-strong:#a5a2ff;--accent-soft:#23234a;--on-accent:#0e0f14;--like:#fb7185;--danger:#f87171;--danger-soft:#3a1717;--success:#4ade80;--example-bg:#2a2410;--example-border:#5c4b14;--example-text:#f5d98b;--focus:#93c5fd;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}h1,h2,h3,p{margin:0}a{color:var(--accent);text-underline-offset:2px;text-decoration-thickness:1px}button,input,textarea,select{font:inherit;color:inherit}img{max-width:100%;display:block}code{background:var(--surface-2);border-radius:6px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:8px 12px;position:absolute;top:-48px;left:8px}.skip-link:focus{top:8px}.muted{color:var(--muted)}.small{font-size:.85rem}.strong{color:var(--text);font-weight:600;text-decoration:none}.center{text-align:center}.app{min-height:100vh;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.topbar{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{max-width:var(--col);align-items:center;gap:12px;height:56px;margin:0 auto;padding:0 16px;display:flex}.brand{color:var(--accent);letter-spacing:-.02em;align-items:center;gap:8px;margin-right:auto;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.brand span{color:var(--text)}.tabbar{z-index:30;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.7rem;font-weight:500;text-decoration:none;display:flex}.tab.active .icon{stroke-width:2.4px}.tab-icon{display:inline-flex;position:relative}.badge{background:var(--like);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-10px}.main{max-width:var(--col);outline:none;margin:0 auto}.page{flex-direction:column;gap:14px;padding:12px 12px 32px;display:flex}@media (width>=720px){.app{padding-bottom:0}.tabbar{background:0 0;border:0;gap:4px;height:auto;padding:0;position:static}.tab{border-radius:10px;flex-direction:row;flex:none;gap:6px;padding:8px 10px;font-size:.9rem}.tab:hover{background:var(--surface-2);color:var(--text)}.page{padding:20px 0 48px}}@media (width<=719px){.topbar .signin{margin-left:auto}}.btn{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-small{min-height:32px;padding:0 12px;font-size:.85rem}.btn-ghost-dark{color:#fff;background:#ffffff26;border-color:#ffffff4d}.icon-only{flex:none;width:44px;min-height:44px;padding:0}.icon-btn{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:#7f7f7f26}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.label{margin-bottom:6px;font-size:.92rem;font-weight:600;display:block}.input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:44px;color:var(--text);padding:10px 12px;font-size:1rem}textarea.input{resize:vertical;line-height:1.45}.input:focus-visible{outline:3px solid var(--focus);outline-offset:0;border-color:#0000}.input-invalid{border-color:var(--danger)}.input-file{padding:8px}.input-file::file-selector-button{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:999px;margin-right:12px;padding:6px 14px;font-weight:600}.hint{color:var(--muted);margin-top:6px;font-size:.85rem}.form-error{color:var(--danger);margin-top:6px;font-size:.88rem}.form-error:empty{display:none}.counter{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.counter-over{color:var(--danger);font-weight:700}.form-row{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-head{flex-wrap:wrap;align-items:center;gap:6px;padding:12px 14px 0;font-size:.9rem;display:flex}.author{color:var(--text);align-items:center;gap:8px;min-width:0;font-weight:600;text-decoration:none;display:inline-flex}.author-name{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.dot{color:var(--muted)}.card-topic{margin-left:auto}.card-main{color:inherit;padding:12px 14px 4px;text-decoration:none;display:block}.card-link:hover .card-title{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.card-link:focus-visible{outline-offset:-3px;border-radius:0}.part{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:.75rem;font-weight:700}.card-title{letter-spacing:-.01em;margin-bottom:8px;font-size:1.2rem;line-height:1.3}.card-detail .card-title{font-size:1.45rem}.card-body{font-size:1rem;line-height:1.6}.example{border-radius:var(--radius-sm);background:var(--example-bg);border:1px solid var(--example-border);color:var(--example-text);margin-top:12px;padding:10px 12px}.example-label{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:4px;margin-bottom:2px;font-size:.75rem;font-weight:700;display:inline-flex}.example p{color:var(--text)}.source-line{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:6px;margin:8px 14px 0;padding:8px 10px;font-size:.85rem;text-decoration:none;display:flex}a.source-line:hover{color:var(--text)}.source-line .icon{flex:none}.card-actions{align-items:center;gap:2px;padding:6px 6px 8px;display:flex}.action{min-height:40px;color:var(--text);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.action:hover:not(:disabled){background:var(--surface-2)}.action:disabled{opacity:.6;cursor:progress}.action-liked{color:var(--like)}.action-liked .icon{animation:.25s ease-out pop}.action-end{color:var(--muted);margin-left:auto}.action-label{font-size:.85rem}@keyframes pop{50%{transform:scale(1.25)}}.share-wrap{position:relative}.share-fallback{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:6px;width:min(300px,80vw);padding:10px;font-size:.85rem;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 8px 24px #00000026}.share-fallback input{border:1px solid var(--border);background:var(--surface-2);border-radius:6px;width:100%;padding:6px 8px}.share-fallback .btn{align-self:flex-end}.feed{flex-direction:column;gap:12px;display:flex}.sequence-start{margin-top:14px}.rec-reason{color:var(--muted);align-items:center;gap:6px;margin:0 4px 6px;font-size:.85rem;font-weight:600;display:flex}.load-more{flex-direction:column;align-items:center;gap:6px;padding:8px 0;display:flex}.feed-end{text-align:center;color:var(--muted);padding:12px 0;font-size:.9rem}.anchor{scroll-margin-top:72px}.chips,.suggest-topics{scrollbar-width:none;gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.suggest-topics{flex-wrap:wrap;overflow:visible}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--text);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:0 14px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.chip-small{background:var(--accent-soft);min-height:26px;color:var(--accent-strong);border-color:#0000;padding:0 10px;font-size:.78rem}.tabs{border-bottom:1px solid var(--border);display:flex}.tab-btn{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;font-weight:600}.tab-btn.active{color:var(--text);border-bottom-color:var(--text)}.tab-btn:hover{color:var(--text)}.state{text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:10px;padding:40px 16px;display:flex}.state-text{color:var(--muted);max-width:42ch}.state-error{border-style:solid;border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex:none;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{flex-direction:column;gap:10px;margin-bottom:12px;padding:14px;display:flex}.sk{background:linear-gradient(90deg, var(--surface-2), var(--border), var(--surface-2));background-size:200% 100%;border-radius:6px;animation:1.3s ease-in-out infinite shimmer}.sk-row{border-radius:999px;width:50%;height:28px}.sk-title{width:70%;height:22px}.sk-line{height:14px}.sk-line.short{width:60%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.toast-region{left:50%;bottom:calc(var(--tabbar-h) + 16px + env(safe-area-inset-bottom));z-index:60;pointer-events:none;position:fixed;transform:translate(-50%)}@media (width>=720px){.toast-region{bottom:24px}}.toast{background:var(--text);color:var(--surface);white-space:nowrap;border-radius:999px;padding:10px 18px;font-size:.92rem;font-weight:600;animation:.2s ease-out toast-in;box-shadow:0 6px 20px #0003}.toast-error{background:var(--danger);color:#fff;white-space:normal;max-width:90vw}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.banner{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--success) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--success) 40%, var(--border));padding:12px 14px;font-weight:600}.alert{border-radius:var(--radius-sm);background:var(--danger-soft);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);color:var(--text);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.alert strong{color:var(--danger)}.pending{border-radius:var(--radius-sm);background:var(--accent-soft);align-items:center;gap:12px;padding:12px 14px;display:flex}.pending>div{flex-direction:column;display:flex}.page-head{flex-direction:column;gap:6px;padding:4px 2px;display:flex}.page-head h1{letter-spacing:-.02em;font-size:1.6rem;line-height:1.2}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.78rem;font-weight:700}.eyebrow a{text-decoration:none}.section-title{margin:8px 2px 2px;font-size:1.05rem}.crumbs{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:.85rem;display:flex}.crumbs a{color:var(--muted)}.seq-meta{flex-direction:column;gap:8px;margin-top:4px;display:flex}.seq-meta .source-line{margin:0}.toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);gap:4px;margin:6px 0 0;padding:10px 14px 10px 34px;font-size:.92rem;display:grid}.toc a{color:var(--text)}.seq-nav{grid-template-columns:1fr 1fr;gap:10px;display:grid}.seq-link{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);flex-direction:column;gap:2px;padding:10px 12px;font-size:.92rem;font-weight:600;text-decoration:none;display:flex}.seq-link .muted{align-items:center;gap:2px;font-weight:500;display:inline-flex}.seq-next{text-align:right;grid-column:2;align-items:flex-end}.seq-link:hover{border-color:var(--accent)}.post-tools{justify-content:flex-end;display:flex}.comments{flex-direction:column;gap:12px;scroll-margin-top:72px;display:flex}.comment-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.comment{align-items:flex-start;gap:10px;display:flex}.comment-meta{align-items:baseline;gap:8px;font-size:.92rem;display:flex}.comment-text{white-space:pre-wrap;overflow-wrap:anywhere}.comment-form,.signin-inline{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.signin-inline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.form{flex-direction:column;gap:16px;padding:16px;display:flex}.form-fields{border:0;flex-direction:column;gap:16px;min-width:0;margin:0;padding:0;display:flex}.field{border:0;min-width:0;margin:0;padding:0}.segmented{background:var(--surface-2);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented label{min-height:42px;color:var(--muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;font-size:.92rem;font-weight:600;display:flex}.segmented label.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented label:has(input:focus-visible){outline:3px solid var(--focus)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.panel-title{font-size:.95rem}.people{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.person{justify-content:space-between;align-items:center;gap:10px;display:flex}.person-link{min-width:0;color:var(--text);align-items:center;gap:10px;padding:4px 0;text-decoration:none;display:flex}.person-link>span:not(.avatar){flex-direction:column;min-width:0;display:flex}.person-button{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:6px}.person-button:hover{background:var(--surface-2)}.person-button .person-name{flex:1}.person-name{font-weight:600}.hint.center{text-align:center}.avatar{background:var(--surface-2);border-radius:50%;flex:none;display:inline-flex;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-fallback{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}.avatar-ring{background:var(--surface);padding:3px;overflow:visible}.avatar-ring:before{content:"";z-index:-1;border-radius:50%;position:absolute;inset:-3px}.avatar-ring img,.avatar-ring .avatar-fallback{border-radius:50%}.avatar-ring-new:before{background:conic-gradient(from 200deg,#f59e0b,#ec4899,#6366f1,#f59e0b)}.avatar-ring-seen:before{background:var(--border)}.stories{margin:0 -12px}.stories-list{scrollbar-width:none;gap:14px;margin:0;padding:6px 12px 4px;list-style:none;display:flex;overflow-x:auto}.stories-list::-webkit-scrollbar{display:none}.stories-list li{flex:none;position:relative}.story-bubble{cursor:pointer;isolation:isolate;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;width:72px;padding:4px 0;display:flex}.story-avatar{display:inline-flex;position:relative}.story-plus,.story-add-more{border:2px solid var(--surface);background:var(--accent);width:22px;height:22px;color:var(--on-accent);text-align:center;border-radius:50%;font-size:15px;font-weight:700;line-height:18px;position:absolute;bottom:-2px;right:-2px}.story-add-more{cursor:pointer;z-index:2;padding:0;top:46px;bottom:auto;right:4px}.story-name{text-overflow:ellipsis;white-space:nowrap;max-width:72px;color:var(--text);font-size:.75rem;overflow:hidden}@media (width>=720px){.stories{margin:0}}.story-overlay{z-index:80;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.story-frame{color:#fff;flex-direction:column;width:100%;max-width:440px;height:100%;max-height:820px;display:flex;position:relative;overflow:hidden}@media (width>=720px){.story-frame{border-radius:18px;height:92vh}}.theme-sunrise{background:linear-gradient(160deg,#f97316,#db2777)}.theme-ocean{background:linear-gradient(160deg,#0ea5e9,#1e3a8a)}.theme-forest{background:linear-gradient(160deg,#22c55e,#134e4a)}.theme-ink{background:linear-gradient(160deg,#334155,#020617)}.theme-plum{background:linear-gradient(160deg,#a855f7,#4c1d95)}.story-progress{gap:4px;padding:12px 12px 0;display:flex}.story-seg{background:#ffffff59;border-radius:2px;flex:1;height:3px;overflow:hidden}.story-seg-fill{background:#fff;width:0;height:100%;display:block}.story-seg-fill.done{width:100%}.story-seg-fill.active{animation:linear forwards story-fill}.story-seg-fill.paused{animation-play-state:paused}@keyframes story-fill{to{width:100%}}.story-top{z-index:3;align-items:center;gap:4px;padding:8px 6px 0 12px;display:flex;position:relative}.story-author{color:#fff;align-items:center;gap:8px;min-width:0;margin-right:auto;font-weight:600;text-decoration:none;display:flex}.story-time{opacity:.8;font-size:.85rem;font-weight:400}.story-content{z-index:2;pointer-events:none;flex-direction:column;flex:1;justify-content:center;gap:20px;padding:24px 56px;display:flex;position:relative}.story-text{text-align:center;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(1.3rem,5vw,1.7rem);font-weight:700;line-height:1.3}.story-post{pointer-events:auto;color:#fff;background:#ffffff2e;border-radius:12px;flex-direction:column;align-self:center;gap:2px;max-width:100%;padding:10px 14px;font-weight:600;text-decoration:none;display:flex}.muted-on-dark{opacity:.85;font-size:.78rem;font-weight:500}.story-nav{color:#fff;cursor:pointer;z-index:1;opacity:.7;background:0 0;border:0;align-items:center;width:30%;padding:0 8px;display:flex;position:absolute;top:72px;bottom:64px}.story-nav-prev{left:0}.story-nav-next{justify-content:flex-end;right:0}.story-nav:disabled{opacity:.2}.story-nav:hover:not(:disabled){opacity:1}.story-footer{z-index:3;padding:12px 16px calc(16px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;display:flex;position:relative}.story-footer span{align-items:center;gap:6px;display:inline-flex}.modal-backdrop{z-index:70;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:100%;max-width:480px;max-height:92vh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;flex-direction:column;gap:8px;display:flex;overflow-y:auto}@media (width>=720px){.modal-backdrop{align-items:center}.modal{border-radius:18px}}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{font-size:1.15rem}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.story-preview{color:#fff;text-align:center;overflow-wrap:anywhere;border-radius:14px;justify-content:center;align-items:center;min-height:140px;margin-bottom:6px;padding:20px;font-size:1.15rem;font-weight:700;display:flex}.themes{border:0;flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0;padding:0;display:flex}.themes legend{width:100%}.theme-swatch{cursor:pointer;width:36px;height:36px;box-shadow:0 0 0 1px var(--border);border:3px solid #0000;border-radius:50%}.theme-swatch input{opacity:0;position:absolute}.theme-swatch.selected{border-color:var(--surface);box-shadow:0 0 0 2px var(--text)}.theme-swatch:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.profile-head{align-items:flex-start;gap:16px;padding:6px 2px;display:flex}.profile-info{flex-direction:column;gap:8px;min-width:0;display:flex}.profile-info h1{overflow-wrap:anywhere;font-size:1.4rem;line-height:1.2}.stats{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.stats strong{color:var(--text)}.profile-actions{flex-wrap:wrap;gap:8px;display:flex}.source-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:0;list-style:none}.source-item{overflow-wrap:anywhere;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.source-item+.source-item{border-top:1px solid var(--border)}.status{background:var(--surface-2);border-radius:999px;flex:none;padding:3px 9px;font-size:.75rem;font-weight:700}.status-ready{color:var(--success)}.status-failed{color:var(--danger);background:var(--danger-soft)}.status-pending{color:var(--accent)}.inbox{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.inbox li+li{border-top:1px solid var(--border)}.inbox-item{color:var(--text);align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.inbox-item:hover{background:var(--surface-2)}.inbox-text{flex-direction:column;flex:1;min-width:0;display:flex}.inbox-name{font-weight:600}.inbox-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.inbox-item.unread .inbox-name,.inbox-item.unread .inbox-preview{color:var(--text);font-weight:700}.inbox-meta{color:var(--muted);flex-direction:column;flex:none;align-items:flex-end;gap:6px;font-size:.78rem;display:flex}.unread-dot{background:var(--accent);border-radius:50%;width:10px;height:10px}.chat{height:calc(100dvh - 56px - var(--tabbar-h) - env(safe-area-inset-bottom));flex-direction:column;display:flex}@media (width>=720px){.chat{border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--surface);height:calc(100dvh - 56px)}}.chat-head{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:6px;padding:8px 10px;display:flex}.chat-title{font-size:1rem}.chat-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:4px;padding:12px;display:flex;overflow-y:auto}.chat-time{text-align:center;color:var(--muted);margin:10px 0 4px;font-size:.75rem}.bubble-row{display:flex}.bubble-row.mine{justify-content:flex-end}.bubble{background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px;max-width:78%;padding:8px 12px;line-height:1.4}.mine .bubble{background:var(--accent);color:var(--on-accent)}.chat-form{border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.chat-input{resize:none;border-radius:22px;flex:1;min-height:44px;max-height:140px;padding:10px 16px}.chat-error{width:100%;margin:0}.config-error{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);max-width:560px;margin:40px auto;padding:24px}.config-error ul{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.story-seg-fill.active{opacity:.6;width:100%;animation:none}}.auth-error{border-radius:var(--radius-sm);background:var(--danger-soft);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);overflow-wrap:anywhere;margin:12px 12px 0;padding:12px 14px}.auth-error strong{color:var(--danger)}@media (width>=720px){.auth-error{margin:16px 0 0}}:root{--bg:#fff8ef;--surface:#fff;--surface-2:#f6efe4;--text:#1e1a2e;--muted:#6b6680;--border:#ede3d4;--border-strong:#ddd0bc;--accent:#6c4cf5;--accent-strong:#5536d9;--accent-shadow:#4325b8;--accent-soft:#efeaff;--on-accent:#fff;--sun:#ffc23d;--sun-deep:#e09a00;--sun-ink:#3a2700;--flame:#ff7a1a;--flame-soft:#fff0e2;--mint:#16b88a;--like:#ff3d6b;--success:#12945f;--example-bg:#fff6dc;--example-border:#f6d98a;--example-text:#6b4a00;--focus:#2563eb;--shadow:0 1px 0 #1e1a2e0a;--radius:22px;--radius-sm:14px;--col:680px;--tabbar-h:66px;--font:"Nunito Variable", "Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t:var(--accent);--t-deep:var(--accent-strong)}@media (prefers-color-scheme:dark){:root{--bg:#14121d;--surface:#1e1b2b;--surface-2:#29253a;--text:#f4f1ff;--muted:#aaa4c4;--border:#322d45;--border-strong:#433c5c;--accent:#9a84ff;--accent-strong:#b3a3ff;--accent-shadow:#5a43c7;--accent-soft:#2a2450;--on-accent:#14121d;--sun:#ffc23d;--sun-deep:#b57d00;--sun-ink:#2b1d00;--flame:#ff9442;--flame-soft:#3a2616;--like:#ff6b8c;--success:#4ade80;--example-bg:#2e2714;--example-border:#5c4b14;--example-text:#f5d98b;--focus:#93c5fd}}body{font-family:var(--font);background:var(--bg);font-size:16px}h1,h2,h3{letter-spacing:-.01em;font-weight:900}.topbar{background:color-mix(in srgb, var(--bg) 92%, transparent);border-bottom:2px solid var(--border)}.topbar-inner{max-width:1040px;height:60px}.brand{font-size:1.35rem;font-weight:900}.brand-mark{color:var(--accent);display:inline-flex;transform:rotate(-6deg)}.topbar-end{align-items:center;gap:8px;display:flex}.streak-pill{border:2px solid var(--border);background:var(--surface);min-height:34px;color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:0 12px 0 10px;font-weight:900;text-decoration:none;display:inline-flex}.streak-pill.lit{color:var(--flame);border-color:color-mix(in srgb, var(--flame) 35%, var(--border));background:var(--flame-soft)}.tabbar{border-top:2px solid var(--border);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.tab{border-radius:14px;font-size:.7rem;font-weight:800}.tab.active{color:var(--accent)}.tab-create-btn{background:var(--accent);width:48px;height:40px;color:var(--on-accent);box-shadow:0 3px 0 var(--accent-shadow);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.tab-create .icon rect{stroke:none}.tab-create.active{color:var(--accent)}@media (width<=719px){.tab-create .tab-label{font-size:.66rem}}.main{max-width:var(--col)}.page{gap:18px;padding:16px 16px 40px}@media (width>=720px){.topbar-end{margin-left:4px}.tab{padding:8px 12px;font-size:.92rem}.tab.active{background:var(--accent-soft)}.tab-create-btn{width:26px;height:26px;box-shadow:none;border-radius:8px}.tab-create-btn .icon{width:18px;height:18px}.page{padding:28px 0 56px}}.eyebrow{letter-spacing:.08em;font-size:.8rem;font-weight:900}.page-head h1{font-size:1.9rem;line-height:1.15}.section-title{margin:0;font-size:1.2rem;font-weight:900}.sub-title{margin:6px 0 0;font-size:1rem;font-weight:900}.section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.see-all{align-items:center;gap:2px;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.home-section{flex-direction:column;gap:12px;display:flex}.home-hello{flex-direction:column;gap:2px;display:flex}.home-hello h1{font-size:1.75rem;line-height:1.15}.home-hello .eyebrow{color:var(--muted);text-transform:none;letter-spacing:0;font-size:1rem}@media (width>=720px){.home-hello h1{font-size:2.2rem}}.btn{border:2px solid var(--border-strong);background:var(--surface);min-height:44px;box-shadow:0 3px 0 var(--border-strong);border-radius:14px;padding:0 18px;font-weight:800;transition:transform 60ms,box-shadow 60ms,background .15s}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--border-strong);transform:translateY(2px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 3px 0 var(--accent-shadow)}.btn-primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.btn-primary:active:not(:disabled){box-shadow:0 1px 0 var(--accent-shadow)}.btn-sun{background:var(--sun);border-color:var(--sun);color:var(--sun-ink);box-shadow:0 4px 0 var(--sun-deep)}.btn-sun:hover:not(:disabled){background:#ffcf5c}.btn-sun:active:not(:disabled){box-shadow:0 1px 0 var(--sun-deep)}.btn-white{color:#1e1a2e;background:#fff;border-color:#fff;box-shadow:0 3px #0000002e}.btn-white:hover:not(:disabled){background:#f4f1ff}.btn-ghost-dark{background:#ffffff24;border-color:#ffffff8c;box-shadow:0 3px #00000026}.btn-ghost-dark:hover:not(:disabled){background:#ffffff3d}.btn-small{border-radius:12px;min-height:36px;padding:0 14px;font-size:.88rem}.btn-block{width:100%}.input{border:2px solid var(--border-strong);border-radius:14px;min-height:48px;font-weight:600}.input::placeholder{color:color-mix(in srgb, var(--muted) 75%, transparent);font-weight:500}.label{font-weight:800}.search-field{align-items:center;display:flex;position:relative}.search-field>.icon{color:var(--muted);pointer-events:none;position:absolute;left:14px}.search-field .input{border-radius:999px;padding-left:44px}.chip{border:2px solid var(--border);min-height:36px;font-weight:800}.chip:hover{border-color:var(--accent)}.chip.active{background:var(--text);border-color:var(--text);color:var(--bg)}.tabs{background:var(--surface-2);border:0;border-radius:16px;gap:4px;padding:4px}.tab-btn{min-height:40px;color:var(--muted);border:0;border-radius:12px;font-weight:800}.tab-btn.active{background:var(--surface);color:var(--text);box-shadow:0 2px 0 var(--border-strong)}.topic-tag{background:color-mix(in srgb, var(--t) 16%, var(--surface));min-height:26px;color:color-mix(in srgb, var(--t-deep) 80%, var(--text));letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-self:flex-start;align-items:center;padding:0 10px;font-size:.76rem;font-weight:900;text-decoration:none;display:inline-flex}.topic-tag.as-text{background:0 0;min-height:0;padding:0}.topic-badge{color:#fff;border-radius:30%;flex:none;justify-content:center;align-items:center;font-weight:900;display:inline-flex;transform:rotate(-4deg)}.topic-art{width:100%;height:100%;display:block}.today-card{color:#fff;background:radial-gradient(circle at 92% 8%,#ffffff2e 0 56px,#0000 57px),radial-gradient(circle at 8% 110%,#ffc23d59 0 70px,#0000 71px),linear-gradient(140deg,#6c4cf5,#8d6bff);border-radius:28px;flex-direction:column;gap:16px;padding:18px;display:flex;box-shadow:0 6px #4325b8}.today-card.met{background:radial-gradient(circle at 92% 8%,#fff3 0 56px,#0000 57px),linear-gradient(140deg,#12a77c,#2fcf9d);box-shadow:0 6px #0b7c5b}.today-top{align-items:center;gap:16px;display:flex}.today-text{flex-direction:column;gap:4px;min-width:0;display:flex}.today-text h2{font-size:1.3rem}.today-text p{color:#ffffffe6;font-weight:600;line-height:1.4}.streak-line{align-items:center;gap:4px;margin-top:2px;display:inline-flex}.today-card .streak-line{color:#fff}.streak-line.lit .icon{color:var(--sun)}.streak-line strong{font-weight:900}.goal-ring{flex:none;display:inline-flex;position:relative}.goal-ring-track{stroke:#ffffff40}.goal-ring-fill{stroke:var(--sun);transition:stroke-dashoffset .6s cubic-bezier(.3,1.4,.5,1)}.goal-ring-label{justify-content:center;align-items:baseline;padding-top:32%;font-weight:900;display:flex;position:absolute;inset:0}.goal-ring-label strong{font-size:1.7rem;line-height:1}.goal-ring-label span{opacity:.8;font-size:.9rem}.week-strip{grid-template-columns:repeat(7,1fr);gap:4px;margin:0;padding:0;list-style:none;display:grid}.week-strip li{flex-direction:column;align-items:center;gap:4px;display:flex}.week-dot{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.week-strip .on .week-dot{background:var(--sun);color:var(--sun-ink)}.week-strip .today .week-dot{outline-offset:2px;outline:2.5px solid}.week-day{opacity:.85;font-size:.75rem;font-weight:800}.today-card.guest{background:radial-gradient(circle at 95% 0,#ffffff40 0 70px,#0000 71px),linear-gradient(140deg,#ff6b5b,#ff8f5c);box-shadow:0 6px #d64535}.guest-art{width:72px;height:72px;color:var(--sun);background:#ffffff38;border-radius:24px;flex:none;justify-content:center;align-items:center;display:inline-flex;transform:rotate(-8deg)}.guest-actions{flex-wrap:wrap;gap:10px;display:flex}.guest-actions .btn:not(.btn-sun){color:#fff;background:#ffffff29;border-color:#ffffff8c;box-shadow:0 3px #00000026}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -16px;padding:2px 16px 8px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}@media (width>=720px){.rail{margin:0;padding:2px 0 8px}}.lesson-mini{scroll-snap-align:start;border:2px solid var(--border);background:var(--surface);width:236px;box-shadow:0 4px 0 var(--border);color:var(--text);border-radius:20px;flex-direction:column;flex:none;text-decoration:none;transition:transform .15s;display:flex;overflow:hidden}.lesson-mini:hover{transform:translateY(-2px)}.lesson-mini-art{height:84px;display:block;overflow:hidden}.lesson-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.lesson-card:hover .lesson-cover-img{transform:scale(1.03)}.lesson-mini-body{flex-direction:column;gap:6px;padding:10px 12px 12px;display:flex}.lesson-mini-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:900;line-height:1.25;display:-webkit-box;overflow:hidden}.progress{background:color-mix(in srgb, var(--t) 16%, var(--surface-2));border-radius:999px;height:8px;display:block;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--t);height:100%;transition:width .4s;display:block}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (width>=560px){.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.topic-tile{background:var(--surface);border:2px solid color-mix(in srgb, var(--t) 30%, var(--border));height:100%;box-shadow:0 4px 0 color-mix(in srgb, var(--t) 40%, var(--border));color:var(--text);border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .15s;display:flex;overflow:hidden}.topic-tile:hover{transform:translateY(-3px)rotate(-.5deg)}.topic-tile-art{aspect-ratio:16/10;height:auto}.topic-tile-text{flex-direction:column;gap:2px;padding:10px 12px 12px;display:flex}.topic-tile-name{overflow-wrap:anywhere;font-weight:900;line-height:1.2}.topic-tile-meta{color:var(--muted);font-size:.8rem;font-weight:700}.sk-tile{aspect-ratio:4/3;border-radius:20px}.topic-hero{color:#fff;min-height:240px;box-shadow:0 6px 0 var(--t-deep);border-radius:28px;align-items:flex-end;display:flex;position:relative;overflow:hidden}.topic-hero-art{position:absolute;inset:0}.topic-hero-text{background:linear-gradient(#0000,#140e2873);flex-direction:column;gap:6px;width:100%;padding:56px 20px 20px;display:flex;position:relative}.topic-hero h1{overflow-wrap:anywhere;text-shadow:0 2px #00000026;font-size:2.1rem;line-height:1.1}.eyebrow.on-art{color:#ffffffe6}.topic-hero-meta{opacity:.95;font-weight:800}.topic-hero-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.lesson-list{flex-direction:column;gap:18px;display:flex}.lesson-card{background:var(--surface);border:2px solid var(--border);box-shadow:0 5px 0 var(--border);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.lesson-card .rec-reason{background:color-mix(in srgb, var(--t) 10%, var(--surface));color:color-mix(in srgb, var(--t-deep) 75%, var(--text));margin:0;padding:10px 16px;font-weight:800}.lesson-cover{aspect-ratio:16/7;display:block;position:relative}.lesson-cover .topic-art{transition:transform .4s}.lesson-card:hover .lesson-cover .topic-art{transform:scale(1.03)}.lesson-cover{overflow:hidden}.lesson-cover-meta{gap:6px;display:flex;position:absolute;bottom:12px;left:12px}.pill-on-art{color:#1e1a2e;background:#fffffff0;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:900;display:inline-flex}.done-badge{background:var(--mint);color:#fff;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:900;display:inline-flex;position:absolute;top:12px;right:12px}.lesson-body{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.lesson-title{font-size:1.3rem;line-height:1.2}.lesson-title a{color:var(--text);text-decoration:none}.lesson-title a:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.lesson-preview{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.lesson-preview strong{color:var(--text)}.lesson-progress{align-items:center;gap:10px;display:flex}.lesson-progress .progress{flex:1}.lesson-foot{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:4px;display:flex}.lesson-foot .author{font-size:.92rem;font-weight:800}.lesson-counts{gap:10px;font-weight:800;display:inline-flex}.lesson-counts>span{align-items:center;gap:3px;display:inline-flex}.lesson-cta{margin-left:auto}.skeleton-card .sk-cover{aspect-ratio:16/7;border-radius:0}.app-immersive{padding-bottom:0}.main-immersive{outline:none}.player{--stage-bg:color-mix(in srgb, var(--t) 16%, var(--bg));background:radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--t) 22%, transparent) 0 160px, transparent 161px), radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--t) 18%, transparent) 0 120px, transparent 121px), var(--stage-bg);flex-direction:column;min-height:100dvh;display:flex}.player>*{width:100%;max-width:600px;margin-inline:auto}.player-loading,.player-error{justify-content:center;align-items:center;gap:16px;padding:24px 16px}.player-top{z-index:5;background:var(--stage-bg);align-items:center;gap:10px;padding:10px 12px 6px;display:flex;position:sticky;top:0}.player-close{color:var(--text);flex:none}.segments{flex:1;gap:5px;margin:0;padding:0;list-style:none;display:flex}.segments li{flex:1}.segments button{cursor:pointer;background:0 0;border:0;width:100%;height:22px;padding:8px 0;display:block}.segments button:before{content:"";background:color-mix(in srgb, var(--text) 14%, transparent);border-radius:999px;height:7px;transition:background .25s;display:block}.segments .done button:before{background:var(--t-deep)}.segments .current button:before{background:linear-gradient(90deg, var(--t) 0 100%);box-shadow:0 0 0 2px color-mix(in srgb, var(--t) 30%, transparent)}.player-count{min-width:3ch;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;flex:none;font-size:.9rem;font-weight:900}.player-meta{align-items:center;gap:8px;min-width:0;padding:2px 16px 0;display:flex}.player-lesson-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-size:.9rem;font-weight:800;overflow:hidden}.player-banner{background:var(--surface);border:2px solid color-mix(in srgb, var(--mint) 45%, var(--border));width:calc(100% - 32px);color:var(--text);border-radius:16px;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;font-weight:800;display:flex}.player-banner .icon{color:var(--mint);flex:none}.player-stage{touch-action:pan-y;flex:1;align-items:flex-start;padding:12px 16px;display:flex;overflow:hidden}.bite-wrap{width:100%;transition:transform .2s}.enter-next{animation:.32s cubic-bezier(.2,.9,.3,1.1) bite-in-next}.enter-prev{animation:.32s cubic-bezier(.2,.9,.3,1.1) bite-in-prev}@keyframes bite-in-next{0%{opacity:0;transform:translate(40px)rotate(2deg)}}@keyframes bite-in-prev{0%{opacity:0;transform:translate(-40px)rotate(-2deg)}}.bite{background:var(--surface);border:2px solid color-mix(in srgb, var(--t) 28%, var(--border));box-shadow:0 6px 0 color-mix(in srgb, var(--t) 45%, var(--border));border-radius:28px;flex-direction:column;display:flex;overflow:hidden}.bite-content{flex-direction:column;gap:14px;padding:16px 20px 22px;display:flex}.bite-media{background:color-mix(in srgb, var(--t) 10%, var(--surface));border-bottom:2px solid color-mix(in srgb, var(--t) 22%, var(--border));margin:0}.bite-media-art{height:120px}.bite-media-frame{isolation:isolate;height:clamp(170px,30vh,280px);position:relative;overflow:hidden}.bite-media-frame:before{content:"";z-index:-1;background:var(--media-bg) center / cover no-repeat;filter:blur(18px)saturate(1.2);opacity:.45;position:absolute;inset:-20px}.bite-media-frame img,.bite-media-frame video{object-fit:contain;width:100%;height:100%;display:block}.bite-media-video .bite-media-frame{background:#000}.media-badge{color:#fff;pointer-events:none;background:#141028b8;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.74rem;font-weight:900;display:inline-flex;position:absolute;top:10px;left:10px}.bite-media figcaption{color:var(--muted);flex-direction:column;gap:2px;padding:8px 20px 10px;font-size:.8rem;line-height:1.35;display:flex}.media-caption{color:color-mix(in srgb, var(--text) 80%, var(--muted));font-weight:700}.media-credit{font-size:.72rem}.media-credit a{color:inherit}.bite-toprow{justify-content:space-between;align-items:center;gap:10px;display:flex}.listen-btn{border:2px solid var(--border);background:var(--surface);min-height:32px;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 12px;font-size:.82rem;font-weight:800;display:inline-flex}.listen-btn:hover,.listen-btn.on{color:color-mix(in srgb, var(--t-deep) 80%, var(--text));border-color:color-mix(in srgb, var(--t) 45%, var(--border))}.bite-count{background:color-mix(in srgb, var(--t) 18%, var(--surface));color:color-mix(in srgb, var(--t-deep) 80%, var(--text));letter-spacing:.03em;border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:.8rem;font-weight:900}.bite-title{overflow-wrap:anywhere;font-size:1.75rem;line-height:1.15}.bite-key{background:color-mix(in srgb, var(--t) 9%, var(--surface));border-left:5px solid var(--t);border-radius:18px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.bite-key-label{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--t-deep) 80%, var(--text));align-items:center;gap:4px;font-size:.74rem;font-weight:900;display:inline-flex}.bite-lead{font-size:1.2rem;font-weight:800;line-height:1.5}.bite-points{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bite-points li{padding-left:26px;font-size:1.1rem;font-weight:600;line-height:1.6;position:relative}.bite-points li:before{content:"";background:var(--t);border-radius:4px;width:10px;height:10px;position:absolute;top:.55em;left:4px;transform:rotate(45deg)}mark.hl{background:linear-gradient(transparent 55%, color-mix(in srgb, var(--sun) 55%, transparent) 55%);color:inherit;border-radius:2px;padding:0 1px}.bite-example{background:color-mix(in srgb, var(--sun) 18%, var(--surface));border:2px dashed color-mix(in srgb, var(--sun) 60%, var(--border));border-radius:20px;padding:14px 16px}.bite-example-label{letter-spacing:.05em;text-transform:uppercase;color:var(--example-text);align-items:center;gap:6px;margin-bottom:4px;font-size:.8rem;font-weight:900;display:inline-flex}.bite-example p{font-size:1.05rem;font-weight:600;line-height:1.55}.bite-byline{border-top:2px dashed var(--border);flex-wrap:wrap;align-items:center;gap:8px 12px;padding-top:12px;display:flex}.bite-byline .author{font-size:.92rem;font-weight:800}.bite .source-line{border-radius:12px;margin:0;font-weight:700}.player-bottom{padding:10px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg, color-mix(in srgb, var(--stage-bg) 0%, transparent), var(--stage-bg) 14px);z-index:4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex;position:sticky;bottom:0}.bite-actions{align-items:center;gap:2px;display:flex}.bite-actions .action{font-weight:800}.player-nav{flex:220px;justify-content:flex-end;gap:10px;display:flex}.btn-nav{flex:none;width:52px;padding:0}.btn-nav-main{border-radius:16px;flex:1;max-width:260px;min-height:52px;font-size:1.05rem}.player .btn-primary{background:var(--t-deep);border-color:var(--t-deep);color:#fff;box-shadow:0 4px 0 color-mix(in srgb, var(--t-deep) 65%, #000)}.player .btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--t-deep) 88%, #000);border-color:color-mix(in srgb, var(--t-deep) 88%, #000)}.player .btn-primary:active:not(:disabled){box-shadow:0 1px 0 color-mix(in srgb, var(--t-deep) 65%, #000)}@media (width<=479px){.player-nav{flex-basis:100%}.btn-nav-main{max-width:none}.bite-title{font-size:1.5rem}.bite-content{padding:14px 16px 20px}.bite-lead{font-size:1.12rem}.bite-points li{font-size:1.04rem}}.player-stage-end{padding:8px 16px 40px;display:block}.recap{text-align:center;flex-direction:column;align-items:center;gap:14px;animation:.4s cubic-bezier(.2,.9,.3,1.1) bite-in-next;display:flex}.recap h1{font-size:2.1rem;line-height:1.1}.recap-sub{color:var(--muted);max-width:36ch;font-weight:700}.recap-badge{width:140px;height:140px;box-shadow:0 6px 0 var(--t-deep);border-radius:40px;margin-top:12px;animation:.6s cubic-bezier(.2,1.6,.4,1) badge-pop;position:relative;overflow:hidden;transform:rotate(-6deg)}@keyframes badge-pop{0%{opacity:0;transform:scale(.4)rotate(-30deg)}}.recap-art{position:absolute;inset:0}.recap-art>*{width:100%;height:100%}.recap-check{color:#fff;background:#14102840;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.recap-check .icon{stroke-width:3.4px;filter:drop-shadow(0 3px #0003)}.recap-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.recap-stat{background:var(--surface);border:2px solid var(--border);box-shadow:0 4px 0 var(--border);color:var(--muted);border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding:14px 6px;font-size:.82rem;font-weight:800;display:flex}.recap-stat strong{color:var(--text);font-size:1.6rem;line-height:1.1}.recap-stat .goal-ring-track{stroke:var(--surface-2)}.recap-stat .goal-ring-label{color:var(--text);padding-top:30%}.recap-stat .goal-ring-label strong{font-size:1.15rem}.recap-stat-icon.flame{color:var(--flame)}.recap-stat-icon.trophy{color:var(--sun-deep)}.recap-guest{background:var(--surface);border:2px solid var(--border);border-radius:20px;flex-direction:column;align-items:center;gap:10px;width:100%;padding:16px;font-weight:700;display:flex}.recap-takeaways,.recap-next{text-align:left;flex-direction:column;gap:10px;width:100%;display:flex}.recap-takeaways ol{counter-reset:bite;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.recap-takeaways li{counter-increment:bite}.recap-takeaways a{background:var(--surface);border:2px solid var(--border);color:var(--text);border-radius:16px;align-items:center;gap:12px;padding:10px 12px;font-weight:800;text-decoration:none;display:flex}.recap-takeaways a:before{content:counter(bite);background:var(--t);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:inline-flex}.recap-takeaways a:hover{border-color:var(--t)}.recap-next .lesson-mini{flex-direction:row;width:100%}.recap-next .lesson-mini-art{flex:none;width:110px;height:auto}.recap-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.post-page .bite{margin-top:2px}.post-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.post-page .post-tools{justify-content:flex-start}.seq-link{border:2px solid var(--border);border-radius:16px;font-weight:800}.crumbs{font-weight:700}.create-hero{color:#fff;background:radial-gradient(circle at 100% 0,#fff3 0 60px,#0000 61px),linear-gradient(140deg,#16b88a,#2fd0a5);border-radius:26px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 6px #0d8c69}.create-hero h1{font-size:1.7rem;line-height:1.1}.create-hero p{opacity:.95;margin-top:4px;font-weight:600}.create-hero-icon{width:60px;height:60px;color:var(--sun);background:#ffffff38;border-radius:20px;flex:none;justify-content:center;align-items:center;display:inline-flex;transform:rotate(-8deg)}.create-steps{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.create-steps li{background:var(--surface);border:2px solid var(--border);border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 12px 6px 6px;font-size:.85rem;font-weight:800;display:inline-flex}.create-steps span{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;display:inline-flex}.create-form{background:var(--surface);border:2px solid var(--border);box-shadow:0 5px 0 var(--border);border-radius:24px;flex-direction:column;gap:16px;padding:18px;display:flex}.source-tiles{grid-template-columns:1fr;gap:10px;display:grid}@media (width<=559px){.source-tiles .source-tile{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:0 12px;padding:10px 12px;display:grid}.source-tiles .source-tile-icon{grid-row:1/span 2;margin:0}}@media (width>=560px){.source-tiles{grid-template-columns:repeat(3,1fr)}}.topic-mode-note{background:var(--accent-soft);border-radius:16px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.92rem;font-weight:700;line-height:1.45;display:flex}.topic-mode-note .icon{color:var(--accent);flex:none;margin-top:1px}.source-tile{border:2px solid var(--border-strong);box-shadow:0 3px 0 var(--border-strong);background:var(--surface);cursor:pointer;border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;transition:transform 60ms;display:flex;position:relative}.source-tile input{opacity:0;pointer-events:none;position:absolute}.source-tile:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.source-tile.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 3px 0 var(--accent)}.source-tile-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;display:inline-flex}.tile-topic{background:#7c5cff}.tile-pdf{background:#ff6b5b}.tile-link{background:#2f9bff}.source-tile-name{font-weight:900}.source-tile-hint{color:var(--muted);font-size:.8rem;font-weight:700}.pending{background:var(--accent-soft);border:0;border-radius:18px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}.pending-steps{color:var(--muted);flex-direction:column;gap:8px;margin:0;padding:0;font-weight:800;list-style:none;display:flex}.pending-steps li{align-items:center;gap:10px;display:flex}.pending-steps .now,.pending-steps .done{color:var(--text)}.pending-dot{border:2.5px solid var(--border-strong);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.pending-steps .done .pending-dot{background:var(--mint);border-color:var(--mint);color:#fff}.pending-steps .now .pending-dot{border-color:var(--accent);border-top-color:#0000;animation:.8s linear infinite spin}.learner-panel{background:var(--surface);border:2px solid var(--border);box-shadow:0 5px 0 var(--border);border-radius:24px;flex-direction:column;gap:12px;padding:16px;display:flex}.learner-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width>=560px){.learner-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.learner-stat{background:var(--surface-2);color:var(--muted);border-radius:18px;flex-direction:column;gap:2px;padding:12px;font-size:.82rem;font-weight:800;display:flex}.learner-stat .icon{color:var(--accent);margin-bottom:4px}.learner-stat.lit .icon{color:var(--flame)}.learner-stat strong{color:var(--text);font-size:1.5rem;line-height:1.1}.learner-panel .week-strip{color:var(--text)}.learner-panel .week-dot{background:var(--surface-2)}.learner-panel .rail{margin:0;padding:2px 0 8px}.source-item{align-items:center;gap:12px;display:flex}.source-item-text{flex:1;min-width:0}.source-list{border:2px solid var(--border);border-radius:20px}.status{font-weight:800}.card,.panel{border:2px solid var(--border);box-shadow:0 4px 0 var(--border);border-radius:22px}.state{border:2px dashed var(--border-strong);border-radius:24px}.state-title{font-size:1.2rem;font-weight:900}.state-error{border-style:solid}.toast{border-radius:16px;font-weight:800;box-shadow:0 4px #00000040}body:has(.app-immersive) .toast-region{top:64px;bottom:auto}.sk-cover{display:block}.feed-end{font-weight:700}.rec-reason{font-weight:800}@media (prefers-reduced-motion:reduce){.enter-next,.enter-prev,.recap,.recap-badge{animation:none}.topic-tile:hover,.lesson-mini:hover,.lesson-card:hover .lesson-cover .topic-art{transform:none}}