@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif;color:#1d211e;background:#f6f4ef;font-synthesis:none;--ink: #1d211e;--muted: #7d827c;--line: #e8e5dc;--paper: #fffefa;--cream: #f6f4ef;--coral: #e86d58;--coral-dark: #cc5948;--mint: #c8dfd3;--mint-dark: #3c7964;--gold: #e7c887;--shadow: 0 16px 44px rgba(35, 38, 31, .07)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%}html{overflow-x:hidden}body{margin:0;background:var(--cream);overflow-x:clip}button,input,textarea,select{min-width:0;font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.app-shell{width:100%;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 12% 0%,rgba(235,225,201,.3),transparent 32%),var(--cream)}.page-view{display:none}.page-view.active{display:block}.topbar{min-height:78px;padding:env(safe-area-inset-top,0) max(42px,env(safe-area-inset-right,0)) 0 max(42px,env(safe-area-inset-left,0));display:flex;align-items:center;gap:54px;border-bottom:1px solid rgba(220,217,207,.9);background:#fffefac4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:5}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}.brand-lockup b{display:block;font-size:17px;letter-spacing:0}.brand-lockup span{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;margin-top:2px}.brand-mark{width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:var(--ink);color:#fffdf5;display:grid;place-items:center;font-size:11px;font-weight:800;letter-spacing:0;box-shadow:4px 4px 0 var(--coral)}.brand-lockup.compact .brand-mark{width:30px;height:30px;flex-basis:30px;border-radius:9px}.main-nav{display:flex;align-self:stretch;gap:22px}.nav-item{border:0;background:none;color:#94978f;display:flex;align-items:center;gap:8px;padding:4px 1px 0;position:relative;font-size:13px;font-weight:600;white-space:nowrap}.nav-item.active{color:var(--ink)}.nav-item.active:after{content:"";height:3px;border-radius:3px;background:var(--coral);position:absolute;left:0;right:0;bottom:-1px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:14px;flex-shrink:0}.connection-pill{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fffefa;color:#888b84;border-radius:99px;padding:7px 12px;font-size:11px;white-space:nowrap}.connection-pill.live{color:var(--mint-dark);border-color:#c9dfd3;background:#f0f8f2}.status-dot{display:inline-block;width:7px;height:7px;flex:0 0 7px;background:#b8bcb4;border-radius:50%}.status-dot.live,.connection-pill.live .status-dot{background:#57ae83;box-shadow:0 0 0 4px #57ae8321}.workspace,.settings-page{width:100%;max-width:1440px;margin:auto;padding:54px max(42px,env(safe-area-inset-right,0)) max(70px,calc(env(safe-area-inset-bottom,0) + 32px)) max(42px,env(safe-area-inset-left,0))}.workspace{container:workspace / inline-size}.settings-page{max-width:1240px}.hero-row,.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:34px}.hero-row>div:first-child,.page-title>div:first-child{min-width:0}.eyebrow{font-family:DM Mono,monospace;color:#a3a69d;font-size:10px;letter-spacing:.16em;font-weight:500}.hero-row h1,.page-title h1{margin:9px 0 5px;font-size:33px;letter-spacing:0;font-weight:700;overflow-wrap:anywhere}.subline,.page-title p{color:var(--muted);margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.hero-actions{display:flex;gap:10px;align-items:center;margin-top:19px;flex-shrink:0}.button{min-height:38px;border:0;border-radius:10px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;line-height:1.25;transition:.2s ease}.button svg{flex-shrink:0}.button.primary{background:var(--ink);color:#fffdf7;box-shadow:0 5px 14px #1d211e1f}.button.primary:hover{background:#323830;transform:translateY(-1px)}.button.secondary{background:#f0eee8;color:#545b53;border:1px solid #e5e2d8}.button.dark{background:var(--ink);color:#fffefa;min-height:32px}.button.danger{background:#fff0ed;color:#bf5544;border:1px solid #f4d3cc}.button.ghost-danger{color:#c85a48;background:transparent;border:1px solid #edc9c1}.button.full{width:100%}.icon-button{border:1px solid var(--line);background:var(--paper);color:#72766e;width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center}.icon-button:hover{border-color:#d4d0c5;color:var(--ink)}.icon-button.quiet{border:0;background:transparent}.icon-button.small{width:28px;height:28px;flex-basis:28px}.icon-button.tiny{width:25px;height:25px;flex-basis:25px;margin-left:auto}.text-button{border:0;background:none;color:#7a8077;display:flex;align-items:center;gap:5px;padding:5px;font-size:11px;white-space:nowrap}.connect-panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px 26px;box-shadow:var(--shadow);position:relative;margin-bottom:24px;container:connect / inline-size}.connect-copy{display:flex;align-items:flex-start;gap:15px}.connect-copy>div:last-child{min-width:0}.signal-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:#e9f3ed;color:var(--mint-dark)}.connect-copy h2{margin:5px 0;font-size:19px;letter-spacing:0;overflow-wrap:anywhere}.connect-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.connect-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:20px;max-width:680px}.field{display:flex;flex-direction:column;gap:7px;color:#7b8078;font-size:11px;font-weight:700;min-width:0}.field small{color:#8da496;font-weight:500;margin-left:6px;overflow-wrap:anywhere}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#fcfbf7;border-radius:9px;color:var(--ink);outline:none;padding:10px 12px;font-size:12px;font-weight:500;resize:vertical;transition:.18s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#bfc9bc;box-shadow:0 0 0 3px #c8dfd359}.input-icon{position:relative;min-width:0}.input-icon>svg{position:absolute;left:11px;top:11px;color:#a3a79f}.input-icon input{padding-left:34px}.candidate-list{margin-top:18px;border-top:1px solid var(--line);padding-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:10px}.candidate{width:100%;min-width:0;border:1px solid var(--line);background:#fff;border-radius:12px;display:flex;align-items:center;gap:10px;padding:8px 11px;text-align:left}.candidate:hover{border-color:#b9d7c6;background:#f6fbf7}.candidate>div{min-width:0}.candidate img{width:32px;height:32px;flex:0 0 32px;border-radius:10px;object-fit:cover}.candidate b,.candidate span{display:block;overflow-wrap:anywhere}.candidate b{font-size:12px}.candidate span{color:var(--muted);font-size:10px;margin-top:3px}.candidate svg{margin-left:auto;flex-shrink:0;color:#9b9f97}.session-strip{margin-bottom:24px;container:session / inline-size}.session-strip-inner{min-height:72px;background:var(--paper);border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:minmax(170px,1.5fr) auto repeat(4,minmax(82px,.65fr)) minmax(0,1.3fr);align-items:center;gap:18px;padding:14px 20px;box-shadow:var(--shadow)}.anchor-mini{display:flex;align-items:center;gap:9px;min-width:0}.anchor-mini>div:last-child{min-width:0}.anchor-mini img,.avatar-fallback{width:38px;height:38px;flex:0 0 38px;border-radius:12px;object-fit:cover}.avatar-fallback{display:grid;place-items:center;background:#edeadf;color:#999f95}.anchor-mini b,.anchor-mini span{display:block;overflow-wrap:anywhere}.anchor-mini b{font-size:12px}.anchor-mini span{font-size:10px;color:var(--muted);margin-top:3px}.strip-divider{height:30px;border-left:1px solid var(--line)}.session-stat{display:flex;flex-direction:column;gap:4px;min-width:0}.session-stat span{color:#9a9e97;font-size:10px}.session-stat b{font-size:13px;overflow-wrap:anywhere}.accent-text{color:var(--mint-dark)}.strip-error{display:flex;align-items:center;gap:6px;min-width:0;color:#b96151;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.strip-error svg{flex-shrink:0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:24px;align-items:start}.panel{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);min-height:min(480px,60dvh);overflow:hidden;container:panel / inline-size}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 23px 16px;border-bottom:1px solid var(--line)}.panel-head>div:first-child{min-width:0}.panel-head h2{margin:7px 0 0;font-size:17px;letter-spacing:0}.head-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.event-filter{position:relative;flex:0 0 auto}.event-filter-trigger{min-height:30px;border:0;border-radius:7px;background:#f4f2ec;color:#6f756d;display:inline-flex;align-items:center;gap:5px;padding:7px 8px;font-size:10px;font-weight:600;white-space:nowrap}.event-filter-trigger[aria-expanded=true]{background:#e9f3ed;color:var(--mint-dark)}.event-filter-menu{position:absolute;top:calc(100% + 7px);right:0;z-index:8;width:144px;padding:5px;border:1px solid var(--line);border-radius:9px;background:#fffefa;box-shadow:0 10px 24px #23261f24}.event-filter-option{width:100%;min-height:30px;border:0;border-radius:6px;background:transparent;color:#596057;display:flex;align-items:center;gap:8px;padding:6px 7px;text-align:left;font-size:11px;font-weight:600}.event-filter-option:hover{background:#f4f7f3}.event-filter-option>svg{margin-left:auto;color:var(--mint-dark)}.event-filter-option input{width:13px;height:13px;margin:0;accent-color:var(--mint-dark)}.auto-scroll-toggle{position:relative;display:inline-flex;align-items:center;gap:6px;color:#747a72;font-size:10px;font-weight:600;white-space:nowrap;cursor:pointer}.auto-scroll-toggle input{position:absolute;left:0;width:26px;height:14px;margin:0;opacity:0;cursor:pointer;z-index:1}.auto-scroll-track{width:26px;height:14px;flex:0 0 26px;border-radius:7px;background:#d8d9d3;position:relative;transition:background .15s ease}.auto-scroll-track:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fffefa;box-shadow:0 1px 2px #23261f33;transition:transform .15s ease}.auto-scroll-toggle input:checked+.auto-scroll-track{background:var(--mint-dark)}.auto-scroll-toggle input:checked+.auto-scroll-track:after{transform:translate(12px)}.auto-scroll-toggle input:focus-visible+.auto-scroll-track{outline:2px solid #93bca2;outline-offset:2px}.live-count{color:#5f9c78;font-size:10px;display:flex;align-items:center;gap:6px;white-space:nowrap}.feed-list,.suggestion-list{max-height:min(570px,62dvh);overflow:auto;overscroll-behavior:contain}.feed-list::-webkit-scrollbar,.suggestion-list::-webkit-scrollbar{width:5px}.feed-list::-webkit-scrollbar-thumb,.suggestion-list::-webkit-scrollbar-thumb{background:#dedbd1;border-radius:9px}.danmaku-row{min-height:53px;display:grid;grid-template-columns:62px 46px minmax(0,1fr) 20px;gap:10px;align-items:start;padding:8px 23px;border-bottom:1px solid #f0eee8}.row-time{color:#b1b3ac;font:10px DM Mono,monospace;padding-top:3px;white-space:nowrap}.event-tag{color:#8d928a;font-size:9px;border-radius:5px;background:#f2f0e9;padding:4px 5px;text-align:center;white-space:nowrap}.danmaku-row.chat .event-tag{color:#b26352;background:#fff0eb}.row-body{display:flex;align-items:baseline;gap:7px;min-width:0;font-size:12px;line-height:1.55}.row-body b{color:#6c746a;flex-shrink:0;font-size:11px;overflow-wrap:anywhere}.row-body span{min-width:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word}.row-icon{color:#c6c8c1;margin-top:4px}.suggestion-panel{background:#fbfaf6}.queue-meter{margin:12px 23px 0;padding:9px 11px;background:#f3f0e8;color:#989b93;border-radius:8px;font-size:10px;display:flex;gap:7px;flex-wrap:wrap}.queue-meter b{color:#686f66}.queue-sep{color:#d0cdc4}.suggestion-list{padding:12px 14px}.suggestion-card{min-width:0;background:#fffefa;border:1px solid var(--line);border-radius:12px;padding:12px 13px;margin-bottom:9px}.suggestion-card.generating{border-color:#d4e5da;box-shadow:0 0 0 3px #c8dfd333}.suggestion-card.failed{border-color:#f1d0c9}.suggestion-meta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px;color:#a0a49c;font-size:10px;min-width:0}.suggestion-meta>span:nth-child(2){white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.5}.suggestion-status{display:flex;align-items:center;gap:5px;color:#7ca28a;white-space:nowrap}.failed .suggestion-status{color:#bd6757}.suggestion-content{padding:12px 0 6px;color:#323732;font-size:14px;line-height:1.65;min-height:39px;overflow-wrap:anywhere}.suggestion-foot{color:#b7b8b1;font:9px DM Mono,monospace}.muted{color:#a9aca5;font-size:11px}.typing{display:flex;gap:4px;align-items:center;height:20px}.typing i{display:block;width:5px;height:5px;border-radius:50%;background:#a6c6b1;animation:typing 1.1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.spotlight{margin-top:24px;border-radius:15px;background:var(--ink);color:#fffefa;padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 14px 26px #1d211e24;container:spotlight / inline-size}.spotlight-icon{width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:#5e7868;display:grid;place-items:center;color:#eaf5ed}.spotlight>div:nth-child(2){flex:1;min-width:0}.spotlight .eyebrow{color:#9bb4a4;display:block;margin-bottom:5px}.spotlight strong{font-size:14px;font-weight:600;white-space:normal;overflow-wrap:anywhere;display:block;line-height:1.5}.empty-state{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#b0b2ab;padding:20px;text-align:center}.empty-state b{color:#8b9088;font-size:12px}.empty-state span{font-size:11px;overflow-wrap:anywhere}.page-title{align-items:center}.secure-badge{color:#5e9474;background:#ecf7ef;border:1px solid #d4ead9;border-radius:99px;font-size:10px;display:flex;align-items:center;gap:6px;padding:8px 11px;white-space:nowrap;flex-shrink:0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:22px;align-items:start}.settings-card{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:24px;box-shadow:var(--shadow);container:settings-card / inline-size}.settings-card.compact-card{grid-column:1 / -1}.settings-card-head{display:flex;gap:12px;align-items:center;margin-bottom:23px}.settings-card-head>div:last-child{min-width:0}.settings-card-head h2{margin:0 0 4px;font-size:16px;letter-spacing:0}.settings-card-head p{margin:0;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.section-icon{width:35px;height:35px;flex:0 0 35px;border-radius:11px;display:grid;place-items:center}.section-icon.coral{background:#fff0eb;color:#c86654}.section-icon.mint{background:#e9f4ed;color:#4e9171}.section-icon.gold{background:#fbf3dc;color:#ab8136}.settings-card>.field{margin-bottom:15px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));align-items:end;gap:12px;margin-bottom:15px}.model-button{justify-self:stretch}.model-options{display:flex;gap:6px;flex-wrap:wrap;margin:-5px 0 16px}.model-options button{max-width:100%;border:1px solid #dce7df;color:#5c876d;background:#f2f9f3;border-radius:6px;padding:5px 7px;font-size:10px;overflow-wrap:anywhere}.toggle-field{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 9px;color:#686f67;font-size:11px;font-weight:600}.toggle-field input{accent-color:var(--mint-dark);width:15px;height:15px}.context-setup{margin-bottom:24px}.context-setup-head{align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.context-setup-head>div:nth-child(2){min-width:0}.context-setup-head .eyebrow{display:block;margin-bottom:5px}.context-setup-status{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:700;white-space:nowrap}.context-setup-status.ready{color:var(--mint-dark);background:#ecf7ef}.context-setup-status.pending{color:#9a7130;background:#fbf3dc}.context-setup-status.pending .status-dot{background:#d3a856}.context-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.context-span-2,.context-compact-fields{grid-column:1 / -1}.context-compact-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.context-toggle{min-height:38px;border:1px solid var(--line);background:#fcfbf7;border-radius:9px;padding:0 12px}.context-setup-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.context-setup-actions>span{min-width:0;overflow-wrap:anywhere}.context-setup-actions .button-row{justify-content:flex-end;flex:0 0 auto}.listening-history{padding:0;margin-bottom:24px;overflow:hidden;container:listening-history / inline-size}.listening-history-head{margin:0;padding:20px 23px 17px;border-bottom:1px solid var(--line)}.listening-history-head>div:nth-child(2){min-width:0}.listening-history-head .eyebrow{display:block;margin-bottom:5px}.listening-history-count{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}.listening-history-list{width:100%}.listening-history-row{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:14px;min-height:104px;padding:14px 20px;border-bottom:1px solid #f0eee8}.listening-history-row:last-child{border-bottom:0}.listening-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#bd5f4e;background:#f8e4dd;font-size:11px;font-weight:700;margin-top:1px}.listening-history-content{display:grid;gap:8px;min-width:0}.listening-identity{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;min-width:0}.listening-nickname{min-width:0;color:#3d433d;font-size:12px;font-weight:700;overflow-wrap:anywhere}.listening-nickname>span{color:var(--muted);font-weight:500}.listening-douyin-id{min-width:0;color:#777d75;font-size:11px;overflow-wrap:anywhere}.listening-douyin-id.missing{color:#a58a63}.listening-title{color:#343934;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.listening-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-width:0}.listening-meta{display:flex;align-items:center;gap:10px;min-width:0;color:#8b9088;font-size:10px}.listening-meta span{white-space:nowrap}.listening-reuse{min-height:34px;padding:0 11px;color:#bd5c4b;background:#fffefa;white-space:nowrap}.listening-reuse:disabled{color:#9b9e97;background:#f3f1eb;cursor:not-allowed}.listening-history-empty{min-height:94px;display:flex;align-items:center;justify-content:center;gap:7px;color:#a1a59e;font-size:11px}.secret-state{display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:#fbfaf5;padding:11px 12px;border-radius:10px;margin-bottom:17px}.secret-state>div{min-width:0}.secret-state .status-dot{flex-shrink:0}.secret-state.configured .status-dot{background:#57ae83}.secret-state b,.secret-state span{display:block;overflow-wrap:anywhere}.secret-state b{font-size:11px}.secret-state span{margin-top:3px;color:var(--muted);font-size:10px}.button-row{display:flex;flex-wrap:wrap;gap:9px}.retention-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-bottom:18px;border-bottom:1px solid var(--line);color:#767b73;font-size:11px}.retention-row>span{margin-right:7px;font-weight:700}.retention-option{border:1px solid var(--line);background:#f8f6f0;color:#767b73;border-radius:8px;padding:6px 11px;font-size:10px}.retention-option.active{background:#e9f4ed;border-color:#cbe0d2;color:#4d876c;font-weight:700}.history-list{margin-top:10px}.history-row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(78px,100px) minmax(78px,100px) 34px;align-items:center;gap:12px;min-height:54px;border-bottom:1px solid #f0eee8;font-size:10px;color:#858a82}.history-row>div{min-width:0}.history-row div b,.history-row div span{display:block;overflow-wrap:anywhere}.history-row div b{color:#434943;font-size:11px}.history-row div span{margin-top:4px}.history-empty{color:#a6aaa3;text-align:center;padding:30px;font-size:11px}.toast{position:fixed;right:max(28px,env(safe-area-inset-right,0));bottom:max(25px,calc(env(safe-area-inset-bottom,0) + 12px));max-width:calc(100vw - 32px);background:var(--ink);color:#fffefa;border-radius:10px;padding:11px 15px;display:flex;align-items:center;gap:8px;font-size:12px;box-shadow:0 12px 35px #0000002b;z-index:20;overflow-wrap:anywhere}.toast svg{color:#9cceb0;flex-shrink:0}.auth-layout{width:100%;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);background:var(--paper)}.auth-visual{min-width:0;background:var(--ink);color:#fffefa;padding:max(42px,env(safe-area-inset-top,0)) 58px max(42px,env(safe-area-inset-bottom,0));display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-visual:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;border:1px solid rgba(255,255,255,.08);right:-230px;bottom:-220px;box-shadow:0 0 0 55px #ffffff06,0 0 0 110px #ffffff05}.auth-visual:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#e86d5829;left:-120px;top:34%;filter:blur(8px)}.auth-visual .brand-mark{background:#fffefa;color:var(--ink);box-shadow:4px 4px 0 var(--coral)}.brand-lockup:not(.compact) b{color:#fffefa}.brand-lockup:not(.compact) span{color:#99a39a}.visual-copy{margin-top:auto;margin-bottom:23%;position:relative;z-index:1}.visual-copy .eyebrow{color:#98ad9f}.visual-copy h1{font-size:54px;line-height:1.13;letter-spacing:0;margin:19px 0 17px}.visual-copy h1 em{color:#e68876;font-style:normal}.visual-copy p{color:#a3ada5;font-size:15px}.signal-line{position:absolute;left:58px;bottom:max(54px,env(safe-area-inset-bottom,0));display:flex;gap:6px;align-items:center}.signal-line span{display:block;width:26px;height:3px;background:#4f5e52;border-radius:3px}.signal-line span:nth-child(2),.signal-line span:nth-child(5){width:52px;background:#768e7a}.signal-line span:nth-child(4){width:90px;background:var(--coral)}.auth-card{width:min(365px,calc(100% - 40px));align-self:center;justify-self:center;padding:max(30px,env(safe-area-inset-top,0)) 0 max(30px,env(safe-area-inset-bottom,0))}.auth-card-head{margin-bottom:31px}.auth-card-head h2{font-size:29px;letter-spacing:0;margin:10px 0 8px}.auth-card-head p{color:var(--muted);font-size:12px;margin:0}.auth-card .field{margin-bottom:18px}.auth-foot{color:#abb0a8;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;margin-top:24px;text-align:center}.form-error{color:#b35b4c;background:#fff1ed;border:1px solid #f2d1c9;border-radius:9px;padding:10px 11px;font-size:11px;display:flex;gap:7px;align-items:center;margin-bottom:15px}.splash{min-height:100vh;min-height:100dvh;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted);font-size:12px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@container connect (max-width: 520px){.connect-form{grid-template-columns:1fr}.connect-form .button{width:100%}}@container session (max-width: 820px){.session-strip-inner{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 16px}.anchor-mini{grid-column:1 / -1}.strip-divider{display:none}.strip-error{grid-column:1 / -1}}@container session (max-width: 520px){.session-strip-inner{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 16px;border-radius:14px}}@container panel (max-width: 560px){.panel-head{padding:17px 16px 14px;flex-wrap:wrap;gap:11px}.panel-head h2{font-size:16px}.head-controls{width:100%;justify-content:space-between}.event-filter{max-width:calc(100% - 92px)}.feed-list,.suggestion-list{max-height:min(570px,56dvh)}.danmaku-row{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"time event icon" "body body body";column-gap:8px;row-gap:5px;padding:10px 14px 11px}.row-time{grid-area:time;padding-top:0}.event-tag{grid-area:event}.row-icon{grid-area:icon;justify-self:end;margin-top:1px}.row-body{grid-area:body;display:grid;gap:2px}.row-body b,.row-body span{width:100%}.queue-meter{margin:10px 14px 0}.suggestion-list{padding:10px}.suggestion-card{padding:11px 12px}.suggestion-meta{grid-template-columns:minmax(0,1fr) auto}.suggestion-meta>span:nth-child(2){grid-column:1 / -1;grid-row:2}.suggestion-meta .icon-button{grid-column:2;grid-row:1}.suggestion-content{font-size:13px;line-height:1.6}}@container workspace (max-width: 520px){.spotlight{align-items:flex-start;flex-wrap:wrap;padding:15px 16px;gap:10px}.spotlight>div:nth-child(2){flex-basis:calc(100% - 46px)}.spotlight .button{margin-left:auto}}@container settings-card (max-width: 520px){.settings-card-head{margin-bottom:18px}.settings-card>.field{margin-bottom:13px}.form-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:11px;margin-bottom:13px}.model-options{margin-top:0}.toggle-field{padding:0}.context-setup-head{align-items:flex-start;flex-wrap:wrap}.context-setup-status{margin-left:47px}.context-fields,.context-compact-fields{grid-template-columns:1fr}.context-span-2,.context-compact-fields{grid-column:auto}.context-toggle{padding:0 10px}.context-setup-actions{align-items:stretch;flex-direction:column}.context-setup-actions .button-row{justify-content:stretch}.button-row .button{flex:1 1 140px}.retention-row>span{width:100%;margin-right:0}.retention-option{flex:1 1 64px}.history-row{grid-template-columns:minmax(0,1fr) 34px;gap:8px;min-height:59px}.history-row>span{display:none}.history-row .icon-button{justify-self:end}}@container settings-card (max-width: 390px){.form-row{grid-template-columns:1fr}.model-button{width:100%}.context-setup-status{margin-left:0}.context-setup-actions .button-row{display:grid;grid-template-columns:1fr}}@container listening-history (max-width: 520px){.listening-history-head{padding:17px 16px 14px;flex-wrap:wrap;gap:11px}.listening-history-count{margin-left:47px}.listening-history-row{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:13px 14px}.listening-avatar{width:36px;height:36px}.listening-identity{gap:4px 10px}.listening-footer,.listening-meta{gap:8px}.listening-reuse{padding:0 9px}}@container listening-history (max-width: 340px){.listening-history-count{margin-left:0}}@media(max-width:1200px){.topbar{padding-left:max(28px,env(safe-area-inset-left,0));padding-right:max(28px,env(safe-area-inset-right,0));gap:32px}.workspace,.settings-page{padding-left:max(28px,env(safe-area-inset-left,0));padding-right:max(28px,env(safe-area-inset-right,0))}.visual-copy h1{font-size:45px}.auth-visual{padding-left:42px}.signal-line{left:42px}}@media(max-width:760px){.topbar{min-height:64px;padding:max(12px,env(safe-area-inset-top,0)) max(16px,env(safe-area-inset-right,0)) 0 max(16px,env(safe-area-inset-left,0));gap:0;flex-wrap:wrap;align-items:center}.brand-lockup{gap:9px}.brand-mark{width:30px;height:30px;flex-basis:30px;border-radius:9px}.brand-lockup b{font-size:15px}.brand-lockup span{font-size:9px}.top-actions{gap:7px}.connection-pill{padding:7px 9px;font-size:10px}.icon-button{width:32px;height:32px;flex-basis:32px}.main-nav{order:3;width:100%;height:38px;gap:22px;margin-top:10px;border-top:1px solid var(--line)}.nav-item{padding-top:8px;font-size:12px}.nav-item.active:after{bottom:-1px}.workspace,.settings-page{padding:28px max(16px,env(safe-area-inset-right,0)) max(48px,calc(env(safe-area-inset-bottom,0) + 28px)) max(16px,env(safe-area-inset-left,0))}.hero-row,.page-title{flex-direction:column;gap:15px;margin-bottom:22px}.hero-row h1,.page-title h1{font-size:29px;margin-top:8px}.subline,.page-title p{font-size:12px}.hero-actions{width:100%;margin-top:0;gap:8px}.hero-actions .button{flex:1}.connect-panel{padding:18px 16px;border-radius:15px;margin-bottom:16px}.connect-copy{gap:11px}.signal-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px}.connect-copy h2{font-size:17px;margin-top:4px}.candidate-list{gap:8px;margin-top:15px;padding-top:12px}.dashboard-grid,.settings-grid{gap:16px}.session-strip{margin-bottom:16px}.panel{border-radius:15px}.settings-page{padding-top:28px}.page-title{align-items:flex-start}.settings-card{padding:18px 16px;border-radius:15px}.auth-layout{display:flex;flex-direction:column;min-height:100dvh}.auth-visual{min-height:220px;padding:max(24px,env(safe-area-inset-top,0)) max(20px,env(safe-area-inset-right,0)) 34px max(20px,env(safe-area-inset-left,0))}.visual-copy{margin-top:auto;margin-bottom:0}.visual-copy h1{font-size:33px;margin:12px 0 8px}.visual-copy p{font-size:12px;line-height:1.55;margin:0}.signal-line{left:max(20px,env(safe-area-inset-left,0));bottom:17px}.signal-line span{width:18px}.signal-line span:nth-child(2),.signal-line span:nth-child(5){width:34px}.signal-line span:nth-child(4){width:58px}.auth-card{width:100%;align-self:stretch;padding:30px max(20px,env(safe-area-inset-right,0)) max(42px,calc(env(safe-area-inset-bottom,0) + 24px)) max(20px,env(safe-area-inset-left,0))}.auth-card-head{margin-bottom:25px}.auth-card-head h2{font-size:26px}.auth-foot{margin-top:20px}}@media(max-width:420px){.brand-lockup span{display:none}.connection-pill{padding:7px 8px}.connection-pill span:not(.status-dot){display:none}.main-nav{gap:18px}.workspace,.settings-page{padding-left:max(13px,env(safe-area-inset-left,0));padding-right:max(13px,env(safe-area-inset-right,0))}.hero-row h1,.page-title h1{font-size:27px}.button{padding-left:12px;padding-right:12px}}@media(max-height:720px)and (min-width:761px){.workspace,.settings-page{padding-top:32px;padding-bottom:42px}.hero-row,.page-title{margin-bottom:24px}.feed-list,.suggestion-list{max-height:54dvh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}