:root{--core-color:#3964fe;--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--bg-page:#fff;--bg-surface:#f7f7f8;--bg-input:#fff;--border-color:#8080804d;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--shadow-color:#0000001a;--hover-color:#3964fe;--hover-bgcolor:#e4edfd;--bubble-bgcolor:#eef3fd;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--tag-bg:#e8e8e8;--tag-text:#333;--tag-hover-bg:#d0d0d0;--card-title-bg:#fff}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--bg-page:#1a1a1a;--bg-surface:#1b1b1c;--bg-input:#2d2d2d;--border-color:#ffffff26;--text-primary:#e5e5e5;--text-secondary:#a0a0a0;--shadow-color:#0006;--hover-color:#fff;--hover-bgcolor:#353638;--core-color:#3964fe;--bubble-bgcolor:#2c2c2e;--tag-bg:#3a3a3a;--tag-text:#eee;--tag-hover-bg:#4a4a4a;--card-title-bg:#2c2c2c;--error-color:#ff6b6b}::-webkit-scrollbar-thumb{background:#5a5a5a}::-webkit-scrollbar-thumb:hover{background:#7a7a7a}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;height:100%;margin:0 auto;display:flex;overflow-x:hidden}html,body{width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}button{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}*{scrollbar-width:thin;scrollbar-color:#c1c1c1 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}::-webkit-scrollbar-corner{background:0 0}.page-container{width:100%;height:100dvh;color:var(--text-h);background:var(--bg-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--bg-page);z-index:1001;border-right:1px solid #8080804d;flex-direction:column;flex-shrink:0;width:260px;height:100%;transition:transform .3s;display:flex}@media (width<=999px){.sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 12px #00000026}.sidebar.sidebar-visible{transform:translate(0)}}.topic-tag{background-color:var(--tag-bg);color:var(--tag-text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;padding:4px 12px;font-size:12px;transition:background-color .2s}.topic-tag:hover{background-color:var(--tag-hover-bg)}@media (width>=1000px){.sidebar{box-shadow:none;position:relative;transform:none!important}}.sidebar-header{border-bottom:1px solid #8080804d;flex-direction:column;gap:12px;padding:16px 16px 12px;display:flex}.logo{color:var(--text-h);font-size:18px;font-weight:600}.new-chat-btn{color:var(--text-h);cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500;transition:opacity .2s}.new-chat-btn:hover{opacity:.7}.history-list{flex-direction:column;flex:1;padding:8px 12px;display:flex;overflow-y:auto}.history-item{cursor:pointer;border-radius:8px;padding:9px 6px 9px 10px;transition:background .15s}.history-item:hover,.history-item-active{background-color:var(--hover-bgcolor);color:var(--hover-color)}.history-title{white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:14px;overflow:hidden}.history-preview{opacity:.6;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.history-time{opacity:.4;margin-top:4px;font-size:10px}.sidebar-footer{align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.sidebar-footer:hover{background-color:var(--hover-bgcolor);cursor:pointer}.status-dot{align-items:center;gap:6px;display:flex}.status-indicator{border-radius:50%;width:8px;height:8px;display:inline-block}.sidebar-overlay{z-index:1000;opacity:0;pointer-events:none;background:#0000004d;transition:opacity .3s;display:none;position:fixed;inset:0}.sidebar-overlay.overlay-visible{opacity:1;pointer-events:auto;display:block}@media (width>=1000px){.sidebar-overlay{display:none!important}}.hamburger-btn{cursor:pointer;color:var(--text-h);background:0 0;border:none;padding:4px 8px;font-size:24px;line-height:30px;display:none}@media (width<=999px){.hamburger-btn{display:inline-block}}.main-area{background:0 0;flex:1;justify-content:center;align-items:stretch;height:100%;display:flex;overflow:hidden}.chat-container{background:0 0;flex-direction:column;width:100%;max-width:840px;height:100%;display:flex}.chat-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 20px;display:flex}.chat-title-wrapper{align-items:center;gap:8px;display:flex}.chat-title{color:var(--text-h);font-size:16px;font-weight:600}.clear-btn{color:var(--text-h);cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:6px 14px;font-size:13px;transition:opacity .2s}.clear-btn:hover{opacity:.7}.message-list{flex-direction:column;flex:1;gap:16px;padding:20px 20px 10px;display:flex;overflow-y:auto}.message-row{align-items:flex-start;gap:10px;display:flex;position:relative}.message-row-user{justify-content:flex-end}.message-row-assistant{justify-content:flex-start}.bubble{word-break:break-word;white-space:pre-wrap;background:0 0;border-radius:18px;padding:10px 16px;font-size:15px;line-height:1.6}.bubble-user{background-color:var(--bubble-bgcolor);text-align:left;border-bottom-right-radius:4px;max-width:50%}.bubble-assistant{text-align:left;border-bottom-left-radius:4px;max-width:95%}.thinking{color:gray}.error{color:#ff4500}.bubble-loading{justify-content:center;align-items:center;gap:6px;width:60px;height:30px;display:flex}.dot{background-color:#333;border-radius:50%;width:.3rem;height:.3rem;animation:1.4s ease-in-out infinite both dot-bounce;display:inline-block}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}@keyframes dot-bounce{0%,80%,to{opacity:.2;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.timestamp{opacity:.5;text-align:right;margin-top:4px;font-size:11px}.typing-dots{letter-spacing:4px;font-size:20px;line-height:1}.input-area{box-sizing:border-box;background:0 0;border-radius:24px;flex-shrink:0;align-items:flex-end;gap:12px;width:90%;margin:0 auto 8px;display:flex;position:relative}.textarea{resize:none;background:var(--bg-input);color:var(--text-h);border:1px solid #80808066;border-radius:24px;outline:none;flex:1;width:100%;height:4rem;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s}.textarea.disabled{height:1.5rem}.send-btn{text-align:center;color:#fff;cursor:pointer;background-color:#4668f8;border:none;border-radius:24px;width:34px;height:34px;font-size:15px;line-height:38px;position:absolute;bottom:.5rem;right:.8rem}.send-btn:hover:not(:disabled){opacity:.8}.send-btn:disabled{opacity:.5;cursor:not-allowed}.preview-wrap{background:#000;width:224px;height:400px}.action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:12px 4px 0;display:flex;position:absolute;bottom:-35px;left:15px}.action-left,.action-right{align-items:center;gap:10px;display:flex}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:50px;padding:4px 10px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-accept{color:#fff;background:#4f6ef7;box-shadow:0 2px 6px #4f6ef740}.btn-accept:hover:not(:disabled){background:#3b5de7;transform:translateY(-1px);box-shadow:0 4px 12px #4f6ef759}.btn-accept:active:not(:disabled){transform:translateY(0)}.btn-accept:disabled{background:#a8b8f0}.btn-rework{color:#475569;background:#f8fafc;border:1.5px solid #dce2ec}.btn-rework:hover:not(:disabled){background:#f1f4f9;border-color:#b8c4d4;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.btn-rework:active:not(:disabled){transform:translateY(0)}.btn-rework:disabled{color:#94a3b8;background:#f1f4f9;border-color:#e2e8f0}.shots-container{flex-direction:column;gap:12px;display:flex}.shot-card{background:#f8f9fa;border-radius:12px;padding:12px 16px;box-shadow:0 2px 4px #0000000d}.shot-header{color:var(--core-color);justify-content:space-between;margin-bottom:6px;font-size:1rem;display:flex}.shot-index{color:var(--core-color);font-weight:600}.shot-audio{border-bottom:1px dashed #dee2e6;margin-bottom:6px;padding:6px 0;font-size:.95rem;font-weight:500}.shot-layers{flex-wrap:wrap;gap:6px;display:flex}.layer-tag{background:#e9ecef;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:.8rem;display:inline-flex}.layer-start{color:#868e96;margin-left:4px;font-size:.7rem}.message-card{background:var(--bg-input);border:1.5px solid #d0c6f0;border-radius:12px;margin-top:8px;padding:18px 14px 14px;transition:box-shadow .2s;position:relative}.message-card:hover{box-shadow:0 2px 8px #6c5ce726}.message-card-title{color:var(--core-color);letter-spacing:.3px;background:#fff;border-radius:4px;font-size:.85rem;font-weight:600;line-height:1.6;position:absolute;top:-12px;left:14px;box-shadow:0 1px 3px #0000000f}.bubble-assistant .message-card{border-color:#d0c6f0}.script{flex-direction:column;gap:4px;display:flex}.thinking-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin-bottom:6px;display:flex}.thinking-done{color:var(--core-color)}.thinking-label{align-items:center;font-weight:500;display:flex}.toggle-icon{color:#868e96;font-size:14px;line-height:1;transition:transform .2s}.clarify-header{color:var(--text-h);margin-bottom:12px;font-weight:700}.clarify-question{margin-bottom:16px}.clarify-question-text{color:var(--text-primary);margin-bottom:6px}.clarify-options{flex-wrap:wrap;gap:8px;display:flex}.clarify-option-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-primary);cursor:pointer;border-radius:16px;padding:4px 12px;font-size:14px;transition:background .2s,color .2s,border-color .2s}.clarify-option-btn:hover:not(:disabled){border-color:var(--core-color)}.clarify-option-btn.selected{background:var(--core-color);color:#fff;border-color:var(--core-color)}.clarify-option-btn:disabled{opacity:.6;cursor:default}.clarify-submit-btn{color:#fff;cursor:default;border:none;border-radius:4px;padding:6px 20px;font-size:14px;transition:background .2s}.clarify-submit-btn.enabled{background:var(--core-color);cursor:pointer}.clarify-submit-btn.enabled:hover{filter:brightness(.9)}.clarify-submit-btn.disabled{background:var(--border);color:var(--text-secondary)}.clarify-submit-btn.submitted{background:var(--border);color:var(--text-secondary);cursor:default}.auth-card{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:40px 36px 32px;transition:box-shadow .3s;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a}.auth-card:hover{box-shadow:0 8px 40px #00000014}.auth-card h1{color:#1a1a2e;letter-spacing:-.3px;margin-bottom:6px;font-size:26px;font-weight:600}.auth-card .subtitle{color:#8c8fa3;margin-bottom:28px;font-size:15px;font-weight:400}.error-msg,.success-msg{border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;animation:.3s fadeSlideIn;display:flex}.error-msg{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.success-msg{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.auth-card form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:#2d2d44;letter-spacing:.2px;text-align:left;font-size:13px;font-weight:500}.form-group input{color:#1a1a2e;background:#fafbfc;border:1.5px solid #e4e7ef;border-radius:10px;outline:none;padding:11px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder{color:#b0b4c8;font-size:14px;font-weight:400}.form-group input:focus{background:#fff;border-color:#3b7cff;box-shadow:0 0 0 4px #3b7cff1a}.form-group input:disabled{color:#8c8fa3;cursor:not-allowed;background:#f1f3f7}.btn-primary{color:#fff;cursor:pointer;letter-spacing:.3px;background:#1a1a2e;border:none;border-radius:10px;margin-top:6px;padding:13px 20px;font-family:inherit;font-size:16px;font-weight:500;transition:background .2s,transform .1s,box-shadow .2s}.btn-primary:hover:not(:disabled){background:#2d2d44;box-shadow:0 4px 16px #1a1a2e1f}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#c5c8d6}.toggle-mode{text-align:center;color:#8c8fa3;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:14px;display:flex}.toggle-mode button{color:#3b7cff;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,color .15s}.toggle-mode button:hover:not(:disabled){color:#2a5fd4;background:#3b7cff14}.toggle-mode button:disabled{color:#b0b4c8;cursor:not-allowed}.auth-card .token-display{color:#3b7cff;word-break:break-all;background:#f5f8ff;border:1px solid #e8edf9;border-radius:10px;margin-top:18px;padding:12px 14px;font-family:SF Mono,Menlo,monospace;font-size:12px;line-height:1.5}@media (width<=480px){.auth-card{border-radius:16px;padding:28px 20px 24px}.auth-card h1{font-size:22px}.auth-card .subtitle{margin-bottom:22px;font-size:14px}.form-group input{padding:10px 12px;font-size:14px}.btn-primary{padding:12px 16px;font-size:15px}.toggle-mode{gap:4px;font-size:13px}.toggle-mode button{font-size:13px}}@media (width<=360px){.auth-card{padding:20px 16px 18px}.auth-card h1{font-size:20px}.form-group input{padding:9px 10px;font-size:13px}.btn-primary{padding:10px 14px;font-size:14px}}