:root{--brand-primary: #FF6B35;--brand-primary-light: #FF8555;--brand-primary-dark: #E85A2A;--brand-gradient: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);--brand-gradient-hover: linear-gradient(135deg, #FF8555 0%, #FFAA33 100%);--bg-base: #0c0c0e;--bg-elevated: #141416;--bg-surface: #1c1c1f;--bg-card: rgba(255, 255, 255, .02);--bg-card-hover: rgba(255, 255, 255, .04);--bg-overlay: rgba(0, 0, 0, .85);--bg-glass: rgba(20, 20, 22, .9);--bg-ambient: radial-gradient(ellipse 100% 80% at 50% -30%, rgba(99, 102, 241, .08), transparent 50%), radial-gradient(ellipse 60% 60% at 100% 0%, rgba(139, 92, 246, .05), transparent 40%), radial-gradient(ellipse 50% 50% at 0% 100%, rgba(59, 130, 246, .04), transparent 40%);--bg-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");--bg-shimmer: linear-gradient( 135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .02) 50%, rgba(255, 255, 255, 0) 100% );--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .4);--text-subtle: rgba(255, 255, 255, .25);--text-inverse: #050506;--border-subtle: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--border-hover: rgba(255, 255, 255, .15);--border-focus: var(--brand-primary);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .6);--shadow-xl: 0 24px 80px rgba(0, 0, 0, .7);--shadow-glow: 0 0 60px rgba(255, 107, 53, .15);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--shadow-card-hover: 0 24px 64px rgba(0, 0, 0, .5);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--sidebar-width: 260px;--header-height: 64px;--color-success: #22C55E;--color-warning: #EAB308;--color-error: #EF4444;--color-info: #3B82F6;--story-romance: #F472B6;--story-romance-bg: rgba(244, 114, 182, .12);--story-mystery: #FBBF24;--story-mystery-bg: rgba(251, 191, 36, .12);--story-otome: #C084FC;--story-otome-bg: rgba(192, 132, 252, .12);--story-survival: #F87171;--story-survival-bg: rgba(248, 113, 113, .12);--story-strategy: #4ADE80;--story-strategy-bg: rgba(74, 222, 128, .12);--glass-bg: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .02) 100%);--glass-bg-solid: rgba(255, 255, 255, .04);--glass-bg-hover: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .03) 100%);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--glass-blur: 20px;--glass-blur-strong: 40px;--glass-shadow: 0 4px 24px -1px rgba(0, 0, 0, .25), 0 0 1px rgba(0, 0, 0, .3);--glass-shadow-hover: 0 8px 40px -4px rgba(0, 0, 0, .35), 0 0 1px rgba(0, 0, 0, .3);--glass-glow: inset 0 1px 0 rgba(255, 255, 255, .06), inset 0 0 20px rgba(255, 255, 255, .02);--glass-highlight: linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, transparent 40%);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "PingFang SC", sans-serif;--font-mono: "SF Mono", "Fira Code", "Monaco", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--text-primary);background:var(--bg-base);min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:var(--radius-full);border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#ffffff26;border:3px solid transparent;background-clip:padding-box}::selection{background:#ff6b354d;color:var(--text-primary)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--detroit-cyan: #f9a8d4;--detroit-cyan-light: #fbcfe8;--detroit-cyan-dark: #ec4899;--detroit-blue: #f472b6;--detroit-blue-light: #fce7f3;--detroit-blue-dark: #9d174d;--bg-primary: #0f0a12;--bg-secondary: #1a1520;--bg-card: rgba(26, 21, 32, .85);--bg-card-hover: rgba(40, 30, 50, .9);--bg-overlay: rgba(15, 10, 18, .95);--text-primary: #f5f0f7;--text-secondary: #c4b5d0;--text-muted: #8b7a99;--text-accent: var(--detroit-cyan);--border-color: rgba(249, 168, 212, .15);--border-glow: rgba(249, 168, 212, .4);--glow-cyan: 0 0 20px rgba(249, 168, 212, .3);--glow-cyan-strong: 0 0 40px rgba(249, 168, 212, .5);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: var(--detroit-cyan);--char-guqinghan: #a855f7;--char-xiatian: #f472b6;--char-linwei: #ef4444;--char-tangtang: #22d3ee;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--font-main: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Microsoft YaHei", sans-serif;--font-mono: "SF Mono", "Fira Code", monospace}[data-theme=light]{--bg-primary: #fdf2f8;--bg-secondary: #fce7f3;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: rgba(252, 231, 243, .95);--bg-overlay: rgba(253, 242, 248, .98);--text-primary: #1f1225;--text-secondary: #6b5570;--text-muted: #9d8ba3;--border-color: rgba(236, 72, 153, .2);--border-glow: rgba(236, 72, 153, .4);--glow-cyan: 0 0 20px rgba(236, 72, 153, .2);--glow-cyan-strong: 0 0 40px rgba(236, 72, 153, .3)}[data-theme=light] .detroit-bg{background:linear-gradient(rgba(236,72,153,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(236,72,153,.05) 1px,transparent 1px),radial-gradient(ellipse at 20% 20%,rgba(249,168,212,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(249,168,212,.08) 0%,transparent 70%);background-size:50px 50px,50px 50px,100% 100%,100% 100%,100% 100%}[data-theme=light] .detroit-bg:before{background:linear-gradient(180deg,transparent 0%,rgba(236,72,153,.03) 50%,transparent 100%)}[data-theme=light] .detroit-input{background:#fffc}[data-theme=light] .detroit-btn--primary{color:#fff}[data-theme=light] .dialogue-box{background:var(--bg-card)}[data-theme=light] .dialogue-box .scene-overlay{background:linear-gradient(to bottom,#fdf2f84d,#fdf2f899,#fdf2f8d9)}[data-theme=light] .dialogue-box .dialogue-header{background:#ffffffd9}[data-theme=light] .dialogue-box .input-area{background:#ffffffe6}[data-theme=light] .dialogue-box .message-input{background:#fce7f380}[data-theme=light] .dialogue-box .message-item.assistant{background:#ec489914}[data-theme=light] .dialogue-box .message-item.user{background:#ec48991f}[data-theme=light] .dialogue-box .typing-indicator{background:#ec489914}[data-theme=light]{--judgment-card-bg: rgba(255, 255, 255, .9);--judgment-header-bg: rgba(236, 72, 153, .08);--judgment-item-bg: rgba(252, 231, 243, .6)}[data-theme=light] .scene-selector .current-scene{background:var(--bg-card)}[data-theme=light] .scene-selector .scene-display{background:#ec48990f}[data-theme=light] .scene-selector .scene-thumbnail{border-color:#ec489933}[data-theme=light] .scene-selector .scene-thumbnail img{opacity:.9}[data-theme=light] .scene-selector .modal-content{background:var(--bg-card)}[data-theme=light] .scene-selector .scene-option{background:#fce7f380}[data-theme=light] .scene-selector .scene-option:hover{background:#ec48991a}[data-theme=light] .scene-selector .scene-option.active{background:#ec489926}[data-theme=light] .scene-overlay .current-scene{background:#ffffffe6!important}[data-theme=light] .scene-overlay .current-scene .scene-display{background:#ec489914}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6}.detroit-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background:linear-gradient(rgba(249,168,212,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(249,168,212,.03) 1px,transparent 1px),radial-gradient(ellipse at 20% 20%,rgba(249,168,212,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(236,72,153,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(249,168,212,.03) 0%,transparent 70%);background-size:50px 50px,50px 50px,100% 100%,100% 100%,100% 100%}.detroit-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(249,168,212,.02) 50%,transparent 100%);animation:scanline 8s linear infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.detroit-btn{position:relative;padding:14px 32px;background:transparent;border:1px solid var(--detroit-cyan);color:var(--detroit-cyan);font-family:var(--font-main);font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:all var(--transition-normal) ease}.detroit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(249,168,212,.2),transparent);transition:left var(--transition-slow) ease}.detroit-btn:hover{background:#f9a8d41a;box-shadow:var(--glow-cyan);text-shadow:0 0 10px var(--detroit-cyan)}.detroit-btn:hover:before{left:100%}.detroit-btn--primary{background:var(--detroit-cyan);color:var(--bg-primary)}.detroit-btn--primary:hover{background:var(--detroit-cyan-light);box-shadow:var(--glow-cyan-strong)}.detroit-btn--corner{clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px))}.detroit-card{position:relative;background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-normal) ease}.detroit-card:before,.detroit-card:after{content:"";position:absolute;width:20px;height:20px;border:1px solid var(--detroit-cyan);opacity:.5;transition:opacity var(--transition-normal) ease}.detroit-card:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.detroit-card:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.detroit-card:hover{border-color:var(--border-glow);box-shadow:var(--glow-cyan)}.detroit-card:hover:before,.detroit-card:hover:after{opacity:1}.detroit-input{width:100%;padding:14px 18px;background:#0006;border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-main);font-size:14px;transition:all var(--transition-normal) ease}.detroit-input:focus{outline:none;border-color:var(--detroit-cyan);box-shadow:var(--glow-cyan),inset 0 0 20px #f9a8d40d}.detroit-input::placeholder{color:var(--text-muted)}.detroit-choice-wheel{position:relative;width:300px;height:300px}.detroit-choice-item{position:absolute;display:flex;align-items:center;justify-content:center;padding:12px 24px;background:#f9a8d40d;border:1px solid var(--border-color);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all var(--transition-normal) ease}.detroit-choice-item:hover{background:#f9a8d426;border-color:var(--detroit-cyan);color:var(--detroit-cyan);transform:scale(1.05)}.detroit-choice-item.active{background:#f9a8d433;border-color:var(--detroit-cyan);color:var(--detroit-cyan);box-shadow:var(--glow-cyan)}.detroit-progress{position:relative;height:4px;background:#f9a8d41a;overflow:hidden}.detroit-progress:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress, 0%);background:linear-gradient(90deg,var(--detroit-cyan-dark),var(--detroit-cyan));transition:width var(--transition-slow) ease}.detroit-progress:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:var(--detroit-cyan-light);box-shadow:0 0 10px var(--detroit-cyan);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.detroit-status{display:flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:1px}.detroit-status__dot{width:8px;height:8px;border-radius:50%;background:var(--detroit-cyan);box-shadow:0 0 10px var(--detroit-cyan);animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.detroit-status--success .detroit-status__dot{background:var(--success);box-shadow:0 0 10px var(--success)}.detroit-status--warning .detroit-status__dot{background:var(--warning);box-shadow:0 0 10px var(--warning)}.detroit-status--danger .detroit-status__dot{background:var(--danger);box-shadow:0 0 10px var(--danger)}.detroit-title{font-size:2.5rem;font-weight:300;letter-spacing:8px;text-transform:uppercase;color:var(--text-primary);text-shadow:0 0 30px rgba(249,168,212,.3)}.detroit-subtitle{font-size:.875rem;font-weight:400;letter-spacing:4px;text-transform:uppercase;color:var(--detroit-cyan)}.detroit-label{font-size:.75rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.detroit-typewriter{overflow:hidden;border-right:2px solid var(--detroit-cyan);white-space:nowrap;animation:typing 3s steps(40) 1s forwards,blink .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--detroit-cyan)}}.detroit-dialogue{position:relative;padding:20px 24px;background:var(--bg-card);border-left:3px solid var(--detroit-cyan)}.detroit-dialogue:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--detroit-cyan),transparent)}.detroit-dialogue__speaker{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--detroit-cyan);margin-bottom:8px}.detroit-dialogue__text{font-size:15px;line-height:1.8;color:var(--text-primary)}.detroit-fade-in{animation:detroitFadeIn var(--transition-slow) ease forwards}@keyframes detroitFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detroit-slide-in{animation:detroitSlideIn var(--transition-slow) ease forwards}@keyframes detroitSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.detroit-glitch{animation:glitch .3s linear}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.detroit-hologram{animation:hologram 4s ease-in-out infinite}@keyframes hologram{0%,to{opacity:1}50%{opacity:.95}52%{opacity:.8}54%{opacity:.95}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#f9a8d40d}::-webkit-scrollbar-thumb{background:#f9a8d44d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#f9a8d480}@media(max-width:1200px){:root{--transition-slow: .3s}}@media(max-width:768px){.detroit-title{font-size:1.75rem;letter-spacing:4px}.detroit-btn{padding:12px 24px;font-size:13px}}.settings-drawer-overlay[data-v-f6ca9205]{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end}.settings-drawer[data-v-f6ca9205]{width:420px;max-width:100%;height:100%;background:#0a0a0b;display:flex;flex-direction:column;box-shadow:-4px 0 24px #00000080}.settings-drawer.drawer-wide[data-v-f6ca9205]{width:520px}.drawer-header[data-v-f6ca9205]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.drawer-title[data-v-f6ca9205]{font-size:18px;font-weight:600;color:#fff;margin:0}.close-btn[data-v-f6ca9205]{width:32px;height:32px;background:#ffffff0f;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.close-btn[data-v-f6ca9205]:hover{background:#ffffff1a;color:#fff}.drawer-tabs[data-v-f6ca9205]{display:flex;gap:4px;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.tab-btn[data-v-f6ca9205]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#ffffff80;cursor:pointer;transition:all .15s ease}.tab-btn[data-v-f6ca9205]:hover{background:#ffffff0d;color:#fffc}.tab-btn.active[data-v-f6ca9205]{background:#ffffff1a;color:#fff}.tab-btn svg[data-v-f6ca9205]{opacity:.7}.tab-btn.active svg[data-v-f6ca9205]{opacity:1}.drawer-content[data-v-f6ca9205]{flex:1;overflow-y:auto}.tab-content[data-v-f6ca9205]{padding:20px 24px}.settings-section[data-v-f6ca9205]{margin-bottom:32px}.section-title[data-v-f6ca9205]{font-size:12px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px}.setting-item[data-v-f6ca9205]{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}.setting-item[data-v-f6ca9205]:last-child{border-bottom:none}.setting-label[data-v-f6ca9205]{font-size:14px;font-weight:500;color:#ffffffe6}.setting-info[data-v-f6ca9205]{display:flex;flex-direction:column;gap:2px}.setting-desc[data-v-f6ca9205]{font-size:12px;color:#fff6}.avatar-setting[data-v-f6ca9205]{display:flex;align-items:center;gap:12px}.current-avatar[data-v-f6ca9205]{width:48px;height:48px;background:linear-gradient(135deg,#ffffff26,#ffffff14);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff}.change-avatar-btn[data-v-f6ca9205]{padding:8px 14px;background:#ffffff14;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#fffc;cursor:pointer;transition:all .15s ease}.change-avatar-btn[data-v-f6ca9205]:hover{background:#ffffff1f}.setting-input-group[data-v-f6ca9205]{display:flex;flex-direction:column;gap:6px;flex:1;max-width:220px}.setting-input[data-v-f6ca9205]{width:100%;padding:10px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:14px;color:#fff;transition:all .15s ease}.setting-input[data-v-f6ca9205]:focus{outline:none;border-color:#fff3;background:#ffffff14}.setting-input[data-v-f6ca9205]:disabled{opacity:.5;cursor:not-allowed}.setting-input[data-v-f6ca9205]::placeholder{color:#ffffff4d}.input-hint[data-v-f6ca9205]{font-size:11px;color:#ffffff59}.action-btn[data-v-f6ca9205]{padding:8px 14px;background:#ffffff14;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#fffc;cursor:pointer;transition:all .15s ease}.action-btn[data-v-f6ca9205]:hover{background:#ffffff1f}.switch[data-v-f6ca9205]{position:relative;width:44px;height:24px;flex-shrink:0}.switch input[data-v-f6ca9205]{opacity:0;width:0;height:0}.slider[data-v-f6ca9205]{position:absolute;cursor:pointer;inset:0;background:#ffffff26;border-radius:24px;transition:.2s}.slider[data-v-f6ca9205]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider[data-v-f6ca9205]{background:#4ade80}.switch input:checked+.slider[data-v-f6ca9205]:before{transform:translate(20px)}.theme-selector[data-v-f6ca9205]{display:flex;gap:8px}.theme-option[data-v-f6ca9205]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .15s ease}.theme-option[data-v-f6ca9205]:hover{background:#ffffff14}.theme-option.active[data-v-f6ca9205]{background:#ffffff1a;border-color:#fff3}.theme-icon[data-v-f6ca9205]{font-size:20px}.theme-name[data-v-f6ca9205]{font-size:11px;color:#ffffffb3}.setting-select[data-v-f6ca9205]{padding:10px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:14px;color:#fff;cursor:pointer;min-width:140px}.setting-select[data-v-f6ca9205]:focus{outline:none;border-color:#fff3}.setting-select option[data-v-f6ca9205]{background:#1a1a1a;color:#fff}.slider-setting[data-v-f6ca9205]{flex:1;max-width:200px}.range-slider[data-v-f6ca9205]{width:100%;height:4px;background:#ffffff26;border-radius:2px;outline:none;-webkit-appearance:none}.range-slider[data-v-f6ca9205]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer}.slider-labels[data-v-f6ca9205]{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:#fff6}.danger-zone .section-title[data-v-f6ca9205]{color:#ff646499}.danger-info[data-v-f6ca9205]{display:flex;flex-direction:column;gap:2px}.danger-label[data-v-f6ca9205]{font-size:14px;font-weight:500;color:#ffffffe6}.danger-desc[data-v-f6ca9205]{font-size:12px;color:#fff6}.danger-btn[data-v-f6ca9205]{padding:8px 14px;background:#ff646426;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#ff6464e6;cursor:pointer;transition:all .15s ease}.danger-btn[data-v-f6ca9205]:hover{background:#ff646440}.drawer-footer[data-v-f6ca9205]{padding:20px 0 0;border-top:1px solid rgba(255,255,255,.06);margin-top:20px}.save-btn[data-v-f6ca9205]{width:100%;padding:12px 24px;background:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#0a0a0b;cursor:pointer;transition:all .15s ease}.save-btn[data-v-f6ca9205]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.save-btn[data-v-f6ca9205]:disabled{opacity:.5;cursor:not-allowed}.help-search[data-v-f6ca9205]{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff0f;border-radius:12px;margin-bottom:24px}.help-search svg[data-v-f6ca9205]{color:#fff6;flex-shrink:0}.help-search-input[data-v-f6ca9205]{flex:1;background:transparent;border:none;font-size:14px;color:#fff;outline:none}.help-search-input[data-v-f6ca9205]::placeholder{color:#fff6}.help-categories[data-v-f6ca9205]{display:flex;flex-direction:column;gap:8px}.help-category[data-v-f6ca9205]{background:#ffffff0a;border-radius:12px;overflow:hidden}.category-header[data-v-f6ca9205]{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;transition:background .15s ease}.category-header[data-v-f6ca9205]:hover{background:#ffffff0a}.category-info[data-v-f6ca9205]{display:flex;align-items:center;gap:12px}.category-icon[data-v-f6ca9205]{font-size:18px}.category-name[data-v-f6ca9205]{font-size:14px;font-weight:500;color:#ffffffe6}.category-header svg[data-v-f6ca9205]{color:#fff6;transition:transform .2s ease}.category-header svg.rotated[data-v-f6ca9205]{transform:rotate(180deg)}.category-items[data-v-f6ca9205]{padding:0 16px 12px}.help-item[data-v-f6ca9205]{display:block;padding:10px 12px;color:#fff9;text-decoration:none;font-size:13px;border-radius:6px;transition:all .15s ease}.help-item[data-v-f6ca9205]:hover{background:#ffffff0f;color:#ffffffe6}.help-footer[data-v-f6ca9205]{margin-top:32px}.contact-support[data-v-f6ca9205]{padding:24px;background:#ffffff0a;border-radius:16px;text-align:center}.contact-support h4[data-v-f6ca9205]{font-size:15px;font-weight:600;color:#fff;margin:0 0 6px}.contact-support p[data-v-f6ca9205]{font-size:13px;color:#ffffff80;margin:0 0 20px}.support-actions[data-v-f6ca9205]{display:flex;gap:10px;justify-content:center}.support-btn[data-v-f6ca9205]{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#0a0a0b;cursor:pointer;transition:all .15s ease}.support-btn[data-v-f6ca9205]:hover{opacity:.9}.support-btn.secondary[data-v-f6ca9205]{background:#ffffff1a;color:#fff}.support-btn.secondary[data-v-f6ca9205]:hover{background:#ffffff26}.expand-enter-active[data-v-f6ca9205],.expand-leave-active[data-v-f6ca9205]{transition:all .2s ease;overflow:hidden}.expand-enter-from[data-v-f6ca9205],.expand-leave-to[data-v-f6ca9205]{opacity:0;max-height:0}.expand-enter-to[data-v-f6ca9205],.expand-leave-from[data-v-f6ca9205]{max-height:300px}.drawer-enter-active[data-v-f6ca9205],.drawer-leave-active[data-v-f6ca9205]{transition:all .3s cubic-bezier(.4,0,.2,1)}.drawer-enter-from[data-v-f6ca9205],.drawer-leave-to[data-v-f6ca9205]{opacity:0}.drawer-enter-from .settings-drawer[data-v-f6ca9205],.drawer-leave-to .settings-drawer[data-v-f6ca9205]{transform:translate(100%)}@media(max-width:480px){.settings-drawer[data-v-f6ca9205]{width:100%}.drawer-tabs[data-v-f6ca9205]{padding:12px 16px}.tab-content[data-v-f6ca9205]{padding:16px}.theme-selector[data-v-f6ca9205]{flex-wrap:wrap}.support-actions[data-v-f6ca9205]{flex-direction:column}}.sidebar[data-v-795dbf59]{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background:linear-gradient(180deg,#121214f7,#0c0c0efc);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));display:flex;flex-direction:column;z-index:100;border-right:1px solid rgba(255,255,255,.05);transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed[data-v-795dbf59]{width:72px}.sidebar[data-v-795dbf59]:before{content:"";position:absolute;inset:0;background-image:var(--bg-noise);opacity:.03;pointer-events:none;border-radius:inherit}.sidebar-header[data-v-795dbf59]{padding:24px 20px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar.collapsed .sidebar-header[data-v-795dbf59]{padding:24px 16px 28px;justify-content:center}.logo[data-v-795dbf59]{text-decoration:none}.logo-text[data-v-795dbf59]{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.02em;transition:font-size .3s ease}.sidebar.collapsed .logo-text[data-v-795dbf59]{font-size:20px}.collapse-btn[data-v-795dbf59]{width:28px;height:28px;background:#ffffff0d;border:none;border-radius:6px;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.collapse-btn[data-v-795dbf59]:hover{background:#ffffff1a;color:#fffc}.sidebar.collapsed .collapse-btn[data-v-795dbf59]{display:none}.nav[data-v-795dbf59]{flex:1;padding:0 16px;overflow-y:auto}.sidebar.collapsed .nav[data-v-795dbf59]{padding:0 12px}.nav-section[data-v-795dbf59]{margin-bottom:32px}.nav-label[data-v-795dbf59]{display:block;padding:0 12px;margin-bottom:12px;font-size:11px;font-weight:600;color:#ffffff59;text-transform:uppercase;letter-spacing:.1em}.nav-item[data-v-795dbf59]{display:flex;align-items:center;gap:14px;padding:11px 14px;margin-bottom:2px;border-radius:10px;color:#ffffff80;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.sidebar.collapsed .nav-item[data-v-795dbf59]{justify-content:center;padding:12px}.nav-item[data-v-795dbf59]:hover{background:#ffffff0d;color:#ffffffd9}.nav-item.active[data-v-795dbf59]{background:#ffffff12;color:#fff}.nav-item.active[data-v-795dbf59]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:18px;background:#fffc;border-radius:0 1px 1px 0}.sidebar.collapsed .nav-item.active[data-v-795dbf59]:before{display:none}.nav-item.disabled[data-v-795dbf59]{opacity:.35;cursor:not-allowed}.nav-item.disabled[data-v-795dbf59]:hover{background:transparent;color:#fff9}.nav-icon[data-v-795dbf59]{display:flex;align-items:center;justify-content:center;width:22px;height:22px}.nav-text[data-v-795dbf59]{flex:1}.nav-item.create-item[data-v-795dbf59]{margin-top:4px}.nav-item.create-item.active[data-v-795dbf59]:before{display:block}.beta-tag[data-v-795dbf59]{padding:3px 7px;background:#ffffff1a;border-radius:4px;font-size:9px;font-weight:600;color:#ffffff80;letter-spacing:.04em;text-transform:uppercase}.sidebar-footer[data-v-795dbf59]{position:relative;padding:20px 20px 24px}.sidebar.collapsed .sidebar-footer[data-v-795dbf59]{padding:20px 12px 24px}.user-bar[data-v-795dbf59]{display:flex;align-items:center;gap:12px}.sidebar.collapsed .user-bar[data-v-795dbf59]{justify-content:center}.user-avatar[data-v-795dbf59]{width:32px;height:32px;background:#ffffff1f;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fffc;flex-shrink:0}.user-name[data-v-795dbf59]{font-size:13px;font-weight:500;color:#ffffffb3;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-plan-tag[data-v-795dbf59]{padding:3px 6px;background:#ffffff0f;border-radius:4px;font-size:10px;font-weight:500;color:#ffffff59;letter-spacing:.02em}.user-bar[data-v-795dbf59]{cursor:pointer;padding:8px;margin:-8px;border-radius:10px;transition:background .15s ease}.user-bar[data-v-795dbf59]:hover{background:#ffffff0d}.user-bar.active[data-v-795dbf59]{background:#ffffff14}.expand-icon[data-v-795dbf59]{display:flex;align-items:center;justify-content:center;color:#ffffff4d;transition:transform .2s ease;margin-left:auto}.expand-icon.rotated[data-v-795dbf59]{transform:rotate(180deg)}.user-panel[data-v-795dbf59]{position:absolute;bottom:100%;left:12px;right:12px;margin-bottom:8px;background:#1c1c1efa;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;box-shadow:0 -4px 24px #0006,0 0 0 1px #ffffff0d inset;z-index:200}.user-panel.panel-collapsed[data-v-795dbf59]{left:8px;right:auto;width:260px}.panel-header[data-v-795dbf59]{display:flex;align-items:center;gap:14px;padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.panel-avatar[data-v-795dbf59]{width:44px;height:44px;background:linear-gradient(135deg,#ffffff26,#ffffff14);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#ffffffe6;flex-shrink:0}.panel-user-info[data-v-795dbf59]{flex:1;min-width:0}.panel-user-name[data-v-795dbf59]{font-size:15px;font-weight:600;color:#fffffff2;margin-bottom:3px}.panel-user-email[data-v-795dbf59]{font-size:12px;color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-section[data-v-795dbf59]{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.plan-card[data-v-795dbf59]{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ffffff0a;border-radius:10px}.plan-info[data-v-795dbf59]{display:flex;flex-direction:column;gap:2px}.plan-label[data-v-795dbf59]{font-size:11px;color:#fff6}.plan-name[data-v-795dbf59]{font-size:14px;font-weight:600;color:#ffffffe6}.upgrade-btn[data-v-795dbf59]{padding:6px 14px;background:#ffffff1a;border:none;border-radius:6px;font-size:12px;font-weight:500;color:#fffc;cursor:pointer;transition:all .15s ease}.upgrade-btn[data-v-795dbf59]:hover{background:#ffffff26;color:#fff}.panel-menu[data-v-795dbf59]{display:flex;flex-direction:column;gap:2px}.menu-item[data-v-795dbf59]{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#ffffffb3;cursor:pointer;transition:all .15s ease;text-align:left}.menu-item[data-v-795dbf59]:hover{background:#ffffff0f;color:#fffffff2}.menu-item svg[data-v-795dbf59]{color:#ffffff80;flex-shrink:0}.menu-item:hover svg[data-v-795dbf59]{color:#fffc}.panel-footer[data-v-795dbf59]{padding:12px 14px}.logout-btn[data-v-795dbf59]{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#ff6464cc;cursor:pointer;transition:all .15s ease;text-align:left}.logout-btn[data-v-795dbf59]:hover{background:#ff64641a;color:#ff6464}.logout-btn svg[data-v-795dbf59]{color:#ff646499}.logout-btn:hover svg[data-v-795dbf59]{color:#ff6464}.panel-overlay[data-v-795dbf59]{position:fixed;inset:0;z-index:150}.panel-enter-active[data-v-795dbf59],.panel-leave-active[data-v-795dbf59]{transition:all .2s cubic-bezier(.4,0,.2,1)}.panel-enter-from[data-v-795dbf59],.panel-leave-to[data-v-795dbf59]{opacity:0;transform:translateY(8px) scale(.98)}@media(max-width:768px){.sidebar[data-v-795dbf59]{display:none}}#app{position:relative;width:100%;min-height:100vh;overflow-y:auto;display:flex}.app-content{flex:1;min-height:100vh}.app-content.with-sidebar{margin-left:var(--sidebar-width, 240px);transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.app-content.with-sidebar.sidebar-collapsed{margin-left:72px}@media(max-width:480px){#app{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;min-height:auto;overflow:hidden}}@media(max-width:768px){.app-content.with-sidebar{margin-left:0}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.page-enter-active,.page-leave-active{transition:opacity .5s ease,transform .5s ease}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}