:root{--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--space-xxxl: 48px;--reading-width: 680px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;--motion-swift: .18s;--motion-flow: .32s;--motion-settle: .5s;--font: system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif}[data-theme=dark]{--ink: #0b0f14;--raised: #141b24;--overlay: #1a2330;--accent: #2dd4bf;--accent-ink: #062b28;--text-primary: #e8edf3;--text-secondary: #a7b3c2;--amber: #e8b34b;--danger: #e26d6d;--danger-wash: #2a1518;--hairline: rgba(232, 237, 243, .08);--hairline-strong: rgba(232, 237, 243, .12);--composer-shadow: rgba(0, 0, 0, .35);--skeleton: #141b24}[data-theme=light]{--ink: #f6f8fa;--raised: #ffffff;--overlay: #ffffff;--accent: #0e7c6f;--accent-ink: #ffffff;--text-primary: #10161d;--text-secondary: #4a5866;--amber: #9a6b14;--danger: #b33737;--danger-wash: #f9e8e8;--hairline: rgba(16, 22, 29, .08);--hairline-strong: rgba(16, 22, 29, .12);--composer-shadow: rgba(16, 22, 29, .08);--skeleton: #e6ebf0}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--ink);color:var(--text-primary);-webkit-font-smoothing:antialiased}button{font-family:inherit}.app{display:flex;height:100dvh;overflow:hidden}.sidebar{width:300px;flex:0 0 300px;border-inline-end:1px solid var(--hairline);background:var(--ink);display:flex;flex-direction:column;z-index:30}.main{flex:1;min-width:0;display:flex;flex-direction:column}.thread-scroll{flex:1;overflow-y:auto;padding:var(--space-xl) var(--space-lg) var(--space-lg)}.thread-inner{max-width:var(--reading-width);margin:0 auto;display:flex;flex-direction:column}.scrim{display:none}.account-header{padding:var(--space-lg) var(--space-lg) var(--space-xs)}.account-name{font-size:17px;font-weight:700}.account-line{font-size:14px;color:var(--text-secondary);margin-top:2px}.account-credits{display:inline-block;margin-top:var(--space-sm);font-size:12px;font-weight:600;padding:2px 10px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.sidebar-actions{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.btn{border:1px solid var(--hairline-strong);background:var(--raised);color:var(--text-primary);border-radius:var(--radius-md);padding:9px 12px;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--motion-swift)}.btn:hover{background:var(--overlay)}.btn-primary{background:var(--accent);border-color:transparent;color:var(--accent-ink);font-weight:600;flex:1;justify-content:center}.btn-primary:hover{filter:brightness(1.06);background:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.nav-list{display:flex;gap:2px;padding:0 var(--space-lg)}.nav-item{flex:1;background:none;border:none;color:var(--text-secondary);font-size:13px;padding:8px 4px;border-radius:var(--radius-sm);cursor:pointer;border-bottom:2px solid transparent}.nav-item.active{color:var(--text-primary);border-bottom-color:var(--accent)}.conv-list{flex:1;overflow-y:auto;padding:var(--space-sm) var(--space-md)}.conv-section{font-size:12px;font-weight:500;color:var(--text-secondary);padding:var(--space-md) var(--space-sm) var(--space-xs)}.conv-item{width:100%;text-align:start;background:none;border:none;border-radius:var(--radius-md);padding:9px var(--space-md);cursor:pointer;color:var(--text-primary)}.conv-item:hover{background:var(--raised)}.conv-item.active{background:color-mix(in srgb,var(--accent) 12%,transparent)}.conv-title{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-item.active .conv-title{font-weight:600}.conv-sub{font-size:12px;color:var(--text-secondary)}.build-stamp{text-align:center;font-size:12px;color:var(--text-secondary);padding:var(--space-sm)}.chat-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--hairline);background:var(--ink)}.menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:20px;cursor:pointer;padding:4px 8px}.chat-title{font-size:17px;font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-label{font-size:12px;color:var(--text-secondary)}.pill-select{background:var(--raised);color:var(--text-primary);border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);padding:6px 12px;font-size:13px;cursor:pointer;max-width:200px}.user-card{align-self:flex-end;max-width:80%;background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius-lg) var(--radius-lg) 6px var(--radius-lg);padding:8px 12px;margin:4px 0;font-size:15px;line-height:1.5}.user-card.failed{background:var(--danger-wash);border-color:var(--danger)}.user-card .sending{font-size:12px;color:var(--text-secondary)}.retry-btn{background:none;border:none;cursor:pointer;color:var(--amber);font-size:13px;padding:4px 0 0}.assistant{padding:12px 0;animation:enter var(--motion-flow) ease-out}@keyframes enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.kicker{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.assistant-body{font-size:16px;line-height:1.6;white-space:pre-wrap}.assistant-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.icon-btn{background:none;border:1px solid var(--hairline);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:13px;padding:5px 12px;cursor:pointer}.icon-btn:hover{color:var(--text-primary);border-color:var(--hairline-strong)}.icon-btn.playing{color:var(--accent);border-color:var(--accent)}.typing{padding:12px 0}.dots{display:flex;gap:4px;margin-bottom:8px}.dots span{width:7px;height:7px;border-radius:50%;background:var(--text-secondary);animation:pulse 1s infinite alternate}.dots span:nth-child(2){animation-delay:.18s}.dots span:nth-child(3){animation-delay:.36s}@keyframes pulse{0%{opacity:.3}to{opacity:1}}.skeleton-bar{height:14px;border-radius:var(--radius-sm);background:var(--skeleton);margin-bottom:4px}.tool-card{border:1px solid var(--hairline-strong);border-radius:var(--radius-md);background:var(--raised);padding:10px 12px;margin:8px 0;font-size:14px;display:flex;gap:8px;align-items:center}.tool-card .spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--hairline-strong);border-top-color:var(--accent);animation:spin .8s linear infinite;flex:0 0 14px}@keyframes spin{to{transform:rotate(360deg)}}.tool-card.done{color:var(--text-secondary)}.media-block{border:1px solid var(--hairline-strong);border-radius:var(--radius-md);overflow:hidden;margin:8px 0;background:var(--raised);max-width:480px}.media-visual{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--overlay),var(--ink));color:var(--text-secondary);font-size:14px;position:relative}.media-visual.video{aspect-ratio:16 / 9}.media-block img.media-visual,.media-block video.media-visual{width:100%;display:block;aspect-ratio:auto;background:var(--ink)}.media-block video.media-visual{aspect-ratio:16 / 9;background:#000}.media-visual.done{background:linear-gradient(135deg,#0e3b36,#123);color:#fff}.media-foot{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:var(--text-secondary)}.progress{height:3px;background:var(--hairline);border-radius:2px;overflow:hidden}.progress i{display:block;height:100%;background:var(--accent);animation:slide 1.4s infinite ease-in-out}@keyframes slide{0%{width:20%;margin-inline-start:0}50%{width:50%;margin-inline-start:30%}to{width:20%;margin-inline-start:80%}}.empty{text-align:center;padding:var(--space-xxxl) var(--space-lg)}.empty-mark{display:flex;gap:6px;justify-content:center;margin-bottom:var(--space-lg)}.empty-mark i{width:6px;border-radius:3px;background:var(--accent)}.empty h1{font-size:28px;margin:0 0 8px;letter-spacing:-.3px}.empty p{color:var(--text-secondary);margin:0 0 var(--space-xl)}.suggestions{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.composer-wrap{padding:var(--space-md) var(--space-lg) var(--space-lg);background:var(--ink)}.composer-inner{max-width:var(--reading-width);margin:0 auto}.composer{display:flex;align-items:flex-end;gap:var(--space-sm);background:var(--overlay);border:1px solid var(--hairline-strong);border-radius:26px;padding:6px 6px 6px 16px;box-shadow:0 8px 24px var(--composer-shadow)}.composer textarea{flex:1;background:none;border:none;outline:none;resize:none;color:var(--text-primary);font-family:inherit;font-size:15px;line-height:1.5;max-height:150px;padding:8px 0}.composer textarea::placeholder{color:var(--text-secondary)}.mic-btn{width:44px;height:44px;border-radius:50%;border:none;background:none;color:var(--text-primary);font-size:19px;cursor:pointer;flex:0 0 44px}.mic-btn.recording{color:var(--danger);animation:pulse 1s infinite alternate}.mic-btn:disabled{opacity:.4;cursor:default}.send-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--accent);color:var(--accent-ink);font-size:18px;cursor:pointer;flex:0 0 44px}.send-btn:disabled{opacity:0;pointer-events:none}.composer-meta{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);align-items:center;flex-wrap:wrap}.rec-indicator{font-size:13px;color:var(--danger)}.voice-autoplay{font-size:13px;color:var(--accent)}.wave{display:inline-flex;gap:3px;align-items:center;height:20px}.wave i{width:3px;border-radius:2px;background:currentColor;animation:wave .9s infinite ease-in-out}.wave i:nth-child(2){animation-delay:.15s}.wave i:nth-child(3){animation-delay:.3s}.wave i:nth-child(4){animation-delay:.45s}.wave i:nth-child(5){animation-delay:.6s}@keyframes wave{0%,to{height:6px}50%{height:18px}}.center-view{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);overflow-y:auto}.card{width:100%;max-width:440px;background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-xl)}.card.wide{max-width:640px}.login-mark{width:64px;height:64px;border-radius:20px;background:var(--overlay);border:1px solid var(--hairline-strong);display:flex;gap:5px;align-items:center;justify-content:center;margin-bottom:var(--space-lg)}.login-mark i{width:5px;border-radius:3px;background:var(--accent)}.card h1{font-size:24px;margin:0 0 4px}.card .sub{color:var(--text-secondary);margin:0 0 var(--space-xl);font-size:14px}.card .stack{display:flex;flex-direction:column;gap:var(--space-md)}.full{width:100%;justify-content:center}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:10px 0;border-bottom:1px solid var(--hairline)}.row-between:last-child{border-bottom:none}.muted{color:var(--text-secondary);font-size:13px}.tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.tab{border:1px solid var(--hairline-strong);background:none;color:var(--text-secondary);border-radius:var(--radius-pill);padding:7px 14px;font-size:13px;cursor:pointer}.tab.active{color:var(--accent-ink);background:var(--accent);border-color:transparent;font-weight:600}.voice-row{display:flex;gap:var(--space-md);align-items:center;padding:10px 4px;border-bottom:1px solid var(--hairline);width:100%;background:none;border-top:none;border-inline:none;color:var(--text-primary);cursor:pointer;text-align:start;font-size:14px}.avatar{width:44px;height:44px;border-radius:50%;flex:0 0 44px;background:var(--overlay);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600}.badge{font-size:11px;padding:2px 8px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.plan{border:1px solid var(--hairline-strong);border-radius:var(--radius-md);padding:var(--space-lg);font-size:14px}.plan.current{border-color:var(--accent)}.plan h3{margin:0 0 4px}.plan .price{font-size:22px;font-weight:700;margin:4px 0 8px}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal{background:var(--raised);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:560px;max-height:80dvh;overflow-y:auto;padding:var(--space-lg)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 860px){.sidebar{position:fixed;inset-block:0;inset-inline-start:0;bottom:0;transform:translate(-105%);transition:transform var(--motion-settle);box-shadow:0 0 40px #0006}[dir=rtl] .sidebar{transform:translate(105%)}.sidebar.open{transform:none}.scrim.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#00000073}.menu-btn{display:block}.plan-grid{grid-template-columns:1fr}.thread-scroll{padding:var(--space-lg) var(--space-md) var(--space-md)}.user-card{max-width:88%}.voice-label{display:none}}