@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;700&display=swap";:root{--matrix-black: #050505;--matrix-dark: #0a0a0a;--matrix-green: #00FF41;--matrix-green-dim: #008F11;--matrix-green-bright: #D1FFD7;--matrix-red: #ff2a2a;--clean-white: #ffffff;--clean-bg: #e5e7eb;--clean-text: #111827;--clean-text-dim: #4b5563;--clean-accent: #059669;--blue: #0080ff;--blue-glow: #00ffff;--error-red: #ff2a2a;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius: 16px;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .2s cubic-bezier(.25, .46, .45, .94);--transition-normal: .3s cubic-bezier(.25, .46, .45, .94);--bg-app: var(--matrix-black);--text-primary: #e0e0e0;--text-secondary: #94a3b8;--text-accent: var(--matrix-green);--text-glow: 0 0 5px var(--matrix-green);--glass-bg: rgba(10, 10, 10, .7);--glass-border: rgba(0, 255, 65, .2);--glass-blur: 12px;--card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--card-hover-bg: rgba(10, 10, 10, .4);--card-hover-border: var(--matrix-green);--card-hover-shadow: 0 0 20px rgba(0, 255, 65, .2);--card-bg: #000;--card-border: #333;--input-bg: rgba(0, 5, 0, .3);--input-border: rgba(0, 255, 65, .1);--input-text: var(--matrix-green);--input-placeholder: rgba(0, 255, 65, .3);--input-focus-bg: rgba(0, 20, 0, .5);--input-focus-shadow: 0 0 15px rgba(0, 255, 65, .1);--input-indicator: rgba(0, 255, 65, .4);--rain-color: var(--matrix-green);--rain-bg-trail: rgba(5, 5, 5, .05);--scrollbar-track: var(--matrix-black);--scrollbar-thumb: var(--matrix-green-dim);--scrollbar-thumb-hover: var(--matrix-green);--workspace-header-bg: #000;--workspace-header-border: var(--matrix-green);--tab-text: #444;--tab-active-text: #000;--tab-active-bg: var(--matrix-green);--btn-border: #444}[data-theme=light]{--bg-app: var(--clean-bg);--text-primary: var(--clean-text);--text-secondary: var(--clean-text-dim);--text-accent: var(--clean-accent);--text-glow: none;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .1);--glass-blur: 12px;--card-shadow: 0 10px 40px -10px rgba(0, 0, 0, .1);--card-hover-bg: rgba(255, 255, 255, .95);--card-hover-border: var(--clean-accent);--card-hover-shadow: 0 10px 40px -5px rgba(0, 0, 0, .15);--card-bg: #ffffff;--card-border: #e5e7eb;--input-bg: #ffffff;--input-border: #e5e7eb;--input-text: var(--clean-text);--input-placeholder: #9ca3af;--input-focus-bg: #ffffff;--input-focus-shadow: 0 0 0 2px rgba(5, 150, 105, .2);--input-indicator: var(--clean-text-dim);--rain-color: #111827;--rain-bg-trail: rgba(255, 255, 255, .2);--scrollbar-track: #f9fafb;--scrollbar-thumb: #d1d5db;--scrollbar-thumb-hover: var(--clean-accent);--workspace-header-bg: #ffffff;--workspace-header-border: var(--clean-accent);--tab-text: #9ca3af;--tab-active-text: #ffffff;--tab-active-bg: var(--clean-accent);--btn-border: #e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.font-mono{font-family:var(--font-mono)}.text-matrix{color:var(--text-accent)}.text-glow{text-shadow:var(--text-glow)}@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)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px var(--matrix-green-dim)}50%{box-shadow:0 0 20px var(--matrix-green)}}.unified-card{width:100%;max-width:1035px;min-height:690px;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--card-shadow);transition:all .3s ease}.unified-card:hover{box-shadow:var(--card-hover-shadow)}.card-header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border)}.neo-logo{font-family:var(--font-mono);font-size:1.75rem;font-weight:700;letter-spacing:-1px;color:var(--text-accent)}.header-controls{display:flex;gap:.75rem;align-items:center}.control-pill{display:flex;border-radius:50px;padding:3px;gap:3px;background:var(--input-bg);border:1px solid var(--input-border)}.control-btn{padding:.4rem .85rem;border:none;border-radius:50px;font-family:var(--font-mono);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--text-secondary)}.control-btn:hover{color:var(--text-primary)}.control-btn.active{background:var(--text-accent);color:var(--bg-app)}.main-tabs{display:flex;border-bottom:1px solid var(--glass-border)}.main-tab{flex:1;padding:1rem 1.5rem;border:none;background:transparent;font-family:var(--font-mono);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary)}.main-tab:hover:not(.active){color:var(--text-primary)}.main-tab.active{color:var(--text-accent)}.main-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--text-accent)}.total-cost{font-family:var(--font-mono);font-size:.75rem;padding:.4rem .8rem;border-radius:20px;background:#00ff411a;color:var(--text-accent)}.tab-content-wrapper{flex:1;padding:2rem;display:flex;flex-direction:column}.tab-panel{display:none;flex:1;flex-direction:column}.tab-panel.active{display:flex}.create-subtabs{display:flex;justify-content:center;margin-bottom:1.5rem}.subtab-pill{display:flex;border-radius:50px;padding:4px;gap:4px;background:var(--input-bg);border:1px solid var(--input-border)}.subtab-btn{padding:.6rem 1.5rem;border:none;border-radius:50px;font-family:var(--font-mono);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--text-secondary)}.subtab-btn:hover:not(.active){color:var(--text-primary)}.subtab-btn.active{background:var(--text-accent);color:var(--bg-app)}.create-content,.input-panel,.suggested-panel{flex:1;display:flex;flex-direction:column}.main-input{width:100%;padding:1.25rem 1.5rem;border-radius:50px;font-size:1rem;font-family:var(--font-mono);transition:all .2s ease;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text)}.main-input:focus{outline:none;border-color:var(--text-accent);box-shadow:var(--input-focus-shadow)}.main-input::placeholder{color:var(--input-placeholder)}.literal-mode-switch{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.literal-mode-switch input[type=checkbox]{display:none}.switch-slider{position:relative;width:44px;height:24px;background:#00ff4126;border:1px solid rgba(0,255,65,.3);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.switch-slider:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#00ff4199;border-radius:50%;box-shadow:0 0 8px #00ff4166;transition:all .3s cubic-bezier(.4,0,.2,1)}.literal-mode-switch input:checked+.switch-slider{background:var(--text-accent);border-color:var(--text-accent)}.literal-mode-switch input:checked+.switch-slider:after{transform:translate(20px);background:var(--bg-app);box-shadow:0 2px 4px #0000004d}.literal-mode-switch:hover .switch-slider{background:#00ff4140;border-color:#00ff4180}.literal-mode-switch input:checked:hover+.switch-slider{background:var(--text-accent);filter:brightness(1.1)}.switch-text{display:flex;flex-direction:column;gap:.1rem}.switch-label{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap}[data-theme=light] .switch-slider{background:#78788029;border:1px solid rgba(120,120,128,.3)}[data-theme=light] .switch-slider:after{background:#fff;box-shadow:0 2px 4px #00000026}[data-theme=light] .literal-mode-switch:hover .switch-slider{background:#7878803d;border-color:#78788066}[data-theme=light] .literal-mode-switch input:checked+.switch-slider:after{background:#fff}.selectors-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.topic-selector{padding:.85rem 2.5rem .85rem 1.25rem;border-radius:50px;font-family:var(--font-mono);font-size:.8rem;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--input-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300ff41' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;border:1px solid var(--input-border);color:var(--input-text);transition:all .2s ease}.topic-selector:focus{outline:none;border-color:var(--text-accent);box-shadow:var(--input-focus-shadow)}.topic-selector:disabled{opacity:.5;cursor:not-allowed}.topic-selector option{background:var(--bg-app);color:var(--text-primary);padding:12px}.topics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;margin-bottom:1rem}.topic-card{padding:1.75rem 1.25rem 1.25rem;border-radius:16px;cursor:pointer;transition:all .2s ease;font-size:.9rem;line-height:1.5;position:relative;background:linear-gradient(135deg,rgba(0,255,65,.04) 0%,transparent 100%);border:1px solid var(--glass-border)}.topic-card:hover{border-color:var(--text-accent);transform:translateY(-2px);box-shadow:0 8px 25px #00ff411a}.topic-card.selected{border-color:var(--text-accent);background:linear-gradient(135deg,#00ff4126,#00ff410d);box-shadow:0 0 20px #00ff4133,inset 0 0 30px #00ff410d;transform:scale(1.02)}.topic-card.selected .topic-num{opacity:1}.topic-num{position:absolute;top:8px;left:14px;font-family:var(--font-mono);font-size:.6rem;color:var(--text-accent);opacity:.5}.regen-btn{padding:.85rem 1.5rem;background:transparent;border:1px dashed var(--glass-border);border-radius:50px;font-family:var(--font-mono);font-size:.8rem;cursor:pointer;transition:all .2s ease;color:var(--text-accent)}.regen-btn:hover:not(:disabled){background:#00ff4114;border-style:solid;border-color:var(--text-accent)}.regen-btn:disabled{opacity:.5;cursor:not-allowed}.suggestions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem}.loading-spinner{width:32px;height:32px;border:2px solid var(--glass-border);border-top-color:var(--text-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.suggestions-error{background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:12px;padding:1rem;color:#f66;font-family:var(--font-mono);font-size:.8rem;margin-bottom:1rem}.suggestions-empty{text-align:center;padding:3rem;color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem}.unused-topics-header{font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--text-accent);margin-bottom:1rem;padding:.5rem 0;display:flex;align-items:center;gap:.5rem;opacity:.8}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.history-title{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-primary)}.history-filter{padding:.5rem 1rem;border-radius:50px;font-family:var(--font-mono);font-size:.75rem;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text)}.history-filter::placeholder{color:var(--input-placeholder)}.history-filter:focus{outline:none;border-color:var(--text-accent)}.history-list{flex:1;overflow-y:auto}.history-empty{text-align:center;padding:3rem;color:var(--text-secondary);font-family:var(--font-mono)}.history-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:16px;margin-bottom:.75rem;cursor:pointer;transition:all .2s ease;background:var(--input-bg);border:1px solid var(--input-border)}.history-item:hover{border-color:var(--text-accent)}.history-info{flex:1}.history-topic{font-weight:500;margin-bottom:.25rem;font-size:.9rem;color:var(--text-primary)}.history-meta{font-size:.75rem;color:var(--text-secondary);display:flex;gap:1rem}.history-status{padding:.25rem .6rem;border-radius:20px;font-family:var(--font-mono);font-size:.65rem;font-weight:600;margin-right:.75rem}.history-status.status-started{background:#00ff4126;color:var(--text-accent);border:1px solid rgba(0,255,65,.3)}[data-theme=light] .history-status.status-started{background:#dcfce7;color:#166534;border:1px solid #86efac;box-shadow:0 1px 3px #16653426}.history-status.status-completed{background:#00c8ff26;color:#00c8ff;border:1px solid rgba(0,200,255,.3)}[data-theme=light] .history-status.status-completed{background:#cffafe;color:#0e7490;border:1px solid #67e8f9;box-shadow:0 1px 3px #0e749026}.history-resume{padding:.4rem .8rem;background:transparent;border:1px solid var(--text-accent);border-radius:50px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-accent);cursor:pointer;transition:all .2s ease}.history-resume:hover{background:var(--text-accent);color:var(--bg-app)}.footer-controls{padding:1.5rem 2rem;border-top:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.duration-group{display:flex;align-items:center;gap:.75rem}.dur-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.dur-pills{display:flex;gap:.35rem}.dur-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--input-border);background:transparent;font-family:var(--font-mono);font-size:.7rem;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.dur-btn:hover:not(:disabled):not(.active){border-color:var(--text-accent);color:var(--text-accent)}.dur-btn.active{background:var(--text-accent);color:var(--bg-app);border-color:var(--text-accent);transform:scale(1.1)}.dur-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn{padding:.9rem 2.5rem;background:var(--text-accent);border:none;border-radius:50px;font-family:var(--font-mono);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease;color:var(--bg-app)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #00ff414d}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:9999;flex-direction:column}.loader-container{width:80%;max-width:600px;text-align:center;color:#00ff41;font-family:Share Tech Mono,monospace}.loading-title{font-size:3rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.2rem;text-shadow:0 0 10px #00ff41;background-color:#003b00;padding:.5rem 1rem;display:inline-block}.progress-bar-wrapper{width:100%;height:2px;background-color:#030;margin-bottom:3rem;position:relative;overflow:hidden}.progress-bar{width:100%;height:100%;background-color:#00ff41;box-shadow:0 0 10px #00ff41;animation:progress-indeterminate 2s infinite linear;transform-origin:left}@keyframes progress-indeterminate{0%{transform:scaleX(0)}50%{transform:scaleX(.5)}to{transform:scaleX(1);transform-origin:right}}.timers-container{display:flex;flex-direction:row;gap:2rem;justify-content:center;align-items:flex-start;margin-top:3rem;width:100%;max-width:800px}.timer-item{display:flex;flex-direction:column;align-items:center;flex:1;padding:1.5rem 1rem;position:relative;background:#000a0066;border:1px solid rgba(0,50,0,.5);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:all .3s ease}.timer-item:first-child{border:1px solid #00ff41;box-shadow:0 0 10px #00ff411a,inset 0 0 20px #00ff410d;background:linear-gradient(135deg,#001400cc,#000500e6)}.timer-item:last-child{border:1px solid #ff0000;box-shadow:0 0 10px #ff00001a,inset 0 0 20px #ff00000d;background:linear-gradient(135deg,#140000cc,#050000e6);margin-top:0;transform:none}.timer-label{font-size:.75rem;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.15rem;position:relative;z-index:2;font-weight:600}.timer-label-estimated{color:#4aff75;text-shadow:0 0 5px rgba(0,255,65,.5)}.timer-label-elapsed{color:#ff4a4a;text-shadow:0 0 5px rgba(255,0,0,.5)}.timer-value{font-size:2.8rem;font-weight:700;line-height:1;position:relative;z-index:2;font-family:Share Tech Mono,monospace}.timer-value-estimated{color:#00ff41;text-shadow:0 0 15px rgba(0,255,65,.6)}.timer-value-elapsed{color:red;text-shadow:0 0 15px rgba(255,0,0,.6)}.timer-item:before{content:"";position:absolute;top:0;left:0;width:30px;height:30px;border-top:2px solid currentColor;border-left:2px solid currentColor;opacity:.7}.timer-item:after{content:"";position:absolute;bottom:0;right:0;width:30px;height:30px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;opacity:.7}.timer-item:first-child{color:#00ff41}.timer-item:last-child{color:red}.glitch-active{position:relative;animation:glitch-skew 1s infinite linear alternate-reverse}.glitch-active:before,.glitch-active:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.glitch-active:before{left:2px;text-shadow:-2px 0 #00ff41;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-active:after{left:-2px;text-shadow:-2px 0 #0000ff;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(14px,9999px,86px,0)}20%{clip:rect(93px,9999px,14px,0)}40%{clip:rect(48px,9999px,69px,0)}60%{clip:rect(2px,9999px,92px,0)}80%{clip:rect(62px,9999px,20px,0)}to{clip:rect(38px,9999px,7px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0)}20%{clip:rect(6px,9999px,9px,0)}40%{clip:rect(32px,9999px,17px,0)}60%{clip:rect(89px,9999px,86px,0)}80%{clip:rect(8px,9999px,10px,0)}to{clip:rect(52px,9999px,35px,0)}}@keyframes glitch-skew{0%{transform:skew(3deg)}10%{transform:skew(-2deg)}20%{transform:skew(1deg)}30%{transform:skew(3deg)}40%{transform:skew(-1deg)}50%{transform:skew(2deg)}60%{transform:skew(0)}70%{transform:skew(1deg)}80%{transform:skew(-3deg)}90%{transform:skew(2deg)}to{transform:skew(0)}}.result-container{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--space-md);animation:fadeIn .3s ease-out}.dashboard-grid{flex:1;display:grid;grid-template-areas:"metrics" "hero" "content";grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr);gap:1rem}.neo-terminal-card{background:var(--card-bg);border:1px solid var(--card-border);padding:var(--space-md);position:relative;box-shadow:none;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.neo-terminal-card:hover{border-color:var(--text-accent)}.card-label{position:absolute;top:-8px;left:12px;background:var(--card-bg);padding:0 6px;color:var(--text-accent);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;transition:background-color var(--transition-normal)}.hero-zone{grid-area:hero;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-height:120px;border:none;background:transparent;padding:0}.hero-content{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.4;text-shadow:var(--text-glow);white-space:normal}.metrics-zone{grid-area:metrics;display:flex;gap:1rem;justify-content:flex-start}.metric-tile{width:150px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card-bg);padding:0}.topic-tile{width:auto;flex-grow:1;align-items:flex-start;padding-left:1.5rem;min-width:0}.topic-tile .metric-value{font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.metric-value{font-size:1.8rem;font-weight:700;color:var(--text-accent);line-height:1}.metric-sub{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;margin-top:4px}.content-split{grid-area:content;display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}.analysis-text{font-size:1rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;font-family:var(--font-mono)}.context-text{font-size:1rem;line-height:1.6;color:var(--text-primary);font-family:var(--font-mono)}.actions-footer{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:auto;padding-top:var(--space-lg);border-top:1px solid var(--btn-border)}.terminal-btn{background:transparent;border:1px solid var(--btn-border);color:var(--text-secondary);padding:8px 16px;font-family:var(--font-mono);text-transform:uppercase;font-size:.8rem;cursor:pointer;transition:all .2s}.terminal-btn:hover,.terminal-btn.primary{border-color:var(--text-accent);color:var(--text-accent)}.terminal-btn.primary:hover{background:var(--text-accent);color:var(--bg-app)}.cost-display-bar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;margin-bottom:1rem;margin-top:.5rem;background:var(--glass-bg, rgba(0, 0, 0, .6));border:1px solid var(--glass-border, #333);color:var(--text-secondary, #888);font-family:monospace;font-size:.8rem;box-sizing:border-box;border-radius:4px}[data-theme=dark] .cost-display-bar{color:var(--text-accent)}.cost-display-bar .model-name{color:var(--text-accent);font-weight:700}.phase2-container{display:flex;flex-direction:column;gap:2rem;align-items:center;width:100%;animation:fadeIn .5s ease-out;padding-bottom:2rem}.phase2-header-grid{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:1.5rem}.phase2-metric-box{position:relative;border:1px solid var(--card-border);padding:1.5rem;display:flex;flex-direction:column;background:var(--card-bg);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.phase2-metric-label{position:absolute;top:-8px;left:12px;background:var(--card-bg);padding:0 6px;color:var(--text-accent);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;transition:background-color var(--transition-normal)}.phase2-metric-value{font-size:1.1rem;color:var(--text-primary);line-height:1.4}.phase2-metric-value.highlight{color:var(--text-accent);font-size:1rem}.treatments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;margin-bottom:2rem}@media (max-width: 1024px){.treatments-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.treatment-card{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--card-border);padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer;min-height:450px;box-shadow:var(--card-shadow)}.treatment-card:hover{box-shadow:var(--card-hover-shadow);border-color:var(--card-hover-border);background:var(--card-hover-bg);transform:translateY(-2px)}.treatment-card.selected{box-shadow:0 0 0 2px var(--text-accent),0 0 30px #00ff4140;border-color:var(--text-accent)}.treatment-section{padding:1.5rem}.treatment-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--btn-border);padding-bottom:1rem;margin-bottom:1rem}.treatment-vibe{font-family:Courier New,monospace;font-size:.85rem;color:var(--text-accent);border:1px solid var(--btn-border);padding:.5rem;margin-bottom:1rem;display:inline-block}.treatment-explanation{font-size:.95rem;color:var(--text-secondary);line-height:1.6;flex-grow:1}.selected-badge{position:absolute;top:-10px;right:20px;background:var(--text-accent);color:var(--bg-app);padding:4px 12px;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;opacity:0;transform:translateY(10px);transition:all .3s}.treatment-card.selected .selected-badge{opacity:1;transform:translateY(0)}.phase2-actions{display:flex;justify-content:center;width:100%;padding:1rem;position:sticky;bottom:0;background:var(--bg-app);border-top:1px solid var(--btn-border);z-index:10}.phase3-container{display:flex;flex-direction:column;gap:2rem;padding-bottom:4rem;max-width:1000px;margin:0 auto;animation:fadeIn .5s ease-out}.phase3-header{text-align:center;border:1px solid var(--card-border);background:var(--card-bg);padding:2rem;position:relative;box-shadow:var(--card-shadow);transition:background-color var(--transition-normal)}.phase3-label{font-family:Courier New,Courier,monospace;color:var(--text-secondary);font-size:.8rem;letter-spacing:2px;margin-bottom:.5rem;opacity:.8}.phase3-hook{font-family:Share Tech Mono,monospace;color:var(--text-primary);font-size:1.8rem;margin:0;line-height:1.2;text-shadow:var(--text-glow)}.phase3-scenes-list{display:flex;flex-direction:column;gap:1.5rem}.scene-card{border:1px solid var(--card-border);background:var(--card-bg);transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--card-shadow)}.scene-card:hover{border-color:var(--text-accent);box-shadow:var(--card-hover-shadow);background:var(--card-hover-bg);transform:translateY(-2px)}.scene-header{display:flex;justify-content:space-between;align-items:center;background:var(--input-bg);padding:.75rem 1.5rem;border-bottom:1px solid var(--card-border)}.scene-number{font-family:Share Tech Mono,monospace;font-size:1.2rem;color:var(--text-accent);font-weight:700}.scene-setting{font-family:Courier New,Courier,monospace;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.scene-content{padding:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.scene-content{grid-template-columns:1fr;gap:1.5rem}}.scene-visuals{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:var(--text-accent);font-size:.7rem;font-weight:700;letter-spacing:1px}.detail-value{color:var(--text-primary);font-size:.95rem;line-height:1.4}.scene-audio{display:flex;flex-direction:column;justify-content:center;gap:1rem;border-left:1px solid var(--card-border);padding-left:2rem;height:100%}@media (max-width: 768px){.scene-audio{border-left:none;padding-left:0;border-top:1px solid var(--card-border);padding-top:1.5rem;height:auto}}.dialogue-box{position:relative;background:var(--input-bg);padding:1.5rem;border-radius:4px;text-align:center;border:1px solid var(--input-border)}.dialogue-marker{position:absolute;top:-10px;left:10px;font-size:2rem;color:var(--text-accent);font-family:serif;opacity:.5}.scene-dialogue{color:var(--text-primary);font-style:italic;font-size:1.1rem;line-height:1.5;margin:0;padding-left:.5rem}.audio-meta-left{display:flex;flex-direction:column;gap:1rem}.code-font{font-family:Courier New,Courier,monospace;font-size:.85rem;color:var(--text-secondary)}.phase3-outro{border:1px solid var(--card-border);background:var(--card-bg);padding:2rem;text-align:center;box-shadow:var(--card-shadow)}.outro-text{font-family:Share Tech Mono,monospace;color:var(--text-accent);font-size:1.2rem;letter-spacing:1px}.phase3-actions{display:flex;justify-content:center;margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.phase4-container{padding:1rem;max-width:95vw;margin:0 auto;animation:fadeIn .5s ease-in-out}.asset-character{color:var(--text-primary);font-weight:700;font-size:1.1rem;display:block;line-height:1.3}.phase4-actions{display:flex;justify-content:center;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--btn-border)}.asset-prompt-box::-webkit-scrollbar{width:6px}.asset-prompt-box::-webkit-scrollbar-track{background:var(--scrollbar-track)}.asset-prompt-box::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.prompt-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.copy-btn{position:absolute;bottom:.5rem;right:.5rem;background:var(--bg-app);border:1px solid var(--btn-border);color:var(--text-accent);font-family:Courier New,monospace;font-size:.7rem;padding:2px 6px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;opacity:.8}.copy-btn:hover{background:var(--input-focus-bg);box-shadow:0 0 5px #0f03;opacity:1}.copy-btn.copied{background:var(--text-accent);color:var(--bg-app);border-color:var(--text-accent)}.scene-card-p4{position:relative;background:var(--card-bg, rgba(255, 255, 255, .04));border:1px solid var(--card-border, rgba(255, 255, 255, .08));border-radius:12px;padding:.75rem;transition:all .2s ease;display:flex;flex-direction:column;overflow:hidden}[data-theme=light] .scene-card-p4{background:#fafafa;border-color:#e5e7eb}.scene-card-p4:hover{border-color:var(--text-accent, rgba(34, 197, 94, .3));transform:translateY(-2px)}.scene-card-p4 .scene-order-num{position:absolute;top:-8px;left:-8px;width:24px;height:24px;background:var(--text-accent, #22c55e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #22c55e66}.scene-card-p4 .scene-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.scene-card-p4 .scene-badge{font-size:.65rem;font-weight:600;color:var(--text-accent, #22c55e);text-transform:uppercase}.scene-card-p4 .header-controls{display:flex;align-items:center;gap:4px}.scene-card-p4 .selected-image-display{position:relative;width:100%;border-radius:8px;overflow:hidden;background:#000;margin:.5rem 0}.scene-card-p4 .selected-image-display img{width:100%;display:block;aspect-ratio:9 / 16;object-fit:cover}.scene-card-p4 .prompt-display{padding:.75rem;background:var(--input-bg, rgba(0, 0, 0, .3));border-radius:8px;aspect-ratio:9 / 16;position:relative;overflow:hidden}.scene-card-p4 .prompt-text{font-size:.7rem;color:var(--text-secondary, rgba(255, 255, 255, .7));line-height:1.5;height:100%;overflow-y:auto;font-family:Courier New,monospace}.scene-card-p4 .prompt-display .copy-btn{position:absolute;top:8px;right:8px;background:#00000080;border:1px solid var(--text-accent, #22c55e);color:var(--text-accent, #22c55e);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.7rem}.scene-card-p4 .prompt-display .copy-btn.copied{background:var(--text-accent, #22c55e);color:#000}.scene-card-p4 .variant-switcher{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:4px 8px;background:#0009;border-radius:12px}.scene-card-p4 .variant-dot{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;padding:0;transition:all .15s ease}.scene-card-p4 .variant-dot.active{background:var(--text-accent, #22c55e);border-color:var(--text-accent, #22c55e)}.scene-card-p4 .variant-dot.prompt-dot{font-size:12px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.scene-card-p4 .scene-setting{font-size:.7rem;color:var(--text-secondary, rgba(255, 255, 255, .5));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto;padding-top:.5rem}.scene-card-p4 .favorite-btn{position:absolute;top:10px;right:10px;background:#00000080;border:none;color:#444;font-size:1.5rem;cursor:pointer;z-index:5;padding:4px;border-radius:50%;transition:all .2s}.scene-card-p4 .favorite-btn.active{color:var(--text-accent, #22c55e)}.scene-card-p4 .error-toast{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:.5rem;color:#ef4444;font-size:.7rem;margin-bottom:.5rem}.actions-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;padding:.5rem;border-radius:8px;border:1px solid #333;margin-top:1rem;gap:.5rem}.model-select-btn span{transition:color .2s}.model-dropdown{position:absolute;bottom:110%;left:50%;transform:translate(-50%);background:#000;border:1px solid var(--text-accent);border-radius:4px;z-index:20;min-width:100px;box-shadow:0 0 15px #000c}.model-option{padding:.4rem .8rem;cursor:pointer;color:#888;font-size:.8rem;border-bottom:1px solid #222;text-align:center}.model-option:hover{background:#00ff411a;color:var(--text-accent)}.model-option.selected{color:var(--text-accent);background:#00ff410d}.footer-view-btn:hover:not(:disabled){color:var(--text-accent);transform:rotate(180deg);background:transparent;box-shadow:none}.copy-btn{background:transparent;border:1px solid #333;color:#666;font-size:.9rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border-radius:4px;margin-left:.5rem}.full-image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:9999;display:flex;justify-content:center;align-items:center;padding:2rem;animation:fadeIn .2s ease}.full-image-container{position:relative;max-width:90vw;max-height:90vh;box-shadow:0 0 30px #00ff414d;border-radius:8px;border:1px solid var(--text-accent);background:#000}.full-size-image{max-width:100%;max-height:90vh;display:block;border-radius:4px}.close-modal-btn{position:absolute;top:-40px;right:0;background:transparent;border:none;color:var(--text-accent);font-size:2rem;cursor:pointer;line-height:1;transition:all .2s}.close-modal-btn:hover{color:#fff;transform:scale(1.1);text-shadow:0 0 10px rgba(0,255,65,.8)}.phase5-container{padding:1rem;max-width:95vw;margin:0 auto;animation:fadeIn .5s ease-in-out;overflow-x:hidden}.assets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:3rem}.scene-card-p5{position:relative;background:var(--card-bg, rgba(255, 255, 255, .04));border:1px solid var(--card-border, rgba(255, 255, 255, .08));border-radius:12px;padding:.75rem;transition:all .2s ease;display:flex;flex-direction:column;overflow:hidden}[data-theme=light] .scene-card-p5{background:#fafafa;border-color:#e5e7eb}.scene-card-p5:hover{border-color:var(--text-accent, rgba(34, 197, 94, .3));transform:translateY(-2px)}.scene-card-p5 .scene-order-num{position:absolute;top:-8px;left:-8px;width:24px;height:24px;background:var(--text-accent, #22c55e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #22c55e66}.scene-card-p5 .scene-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.scene-card-p5 .scene-badge{font-size:.65rem;font-weight:600;color:var(--text-accent, #22c55e);text-transform:uppercase}.scene-card-p5 .header-controls{display:flex;align-items:center;gap:4px}.scene-card-p5 .selected-video-display{position:relative;width:100%;border-radius:8px;overflow:hidden;background:#000;margin:.5rem 0}.scene-card-p5 .selected-video-display video{width:100%;display:block;aspect-ratio:9 / 16;object-fit:cover}.scene-card-p5 .prompt-display{padding:.75rem;background:var(--input-bg, rgba(0, 0, 0, .3));border-radius:8px;aspect-ratio:9 / 16;position:relative;overflow:hidden}.scene-card-p5 .prompt-text{font-size:.7rem;color:var(--text-secondary, rgba(255, 255, 255, .7));line-height:1.5;height:100%;overflow-y:auto;font-family:Courier New,monospace}.scene-card-p5 .prompt-display .copy-btn{position:absolute;top:8px;right:8px;background:#00000080;border:1px solid var(--text-accent, #22c55e);color:var(--text-accent, #22c55e);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.7rem}.scene-card-p5 .prompt-display .copy-btn.copied{background:var(--text-accent, #22c55e);color:#000}.scene-card-p5 .variant-switcher{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:4px 8px;background:#0009;border-radius:12px}.scene-card-p5 .variant-dot{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;padding:0;transition:all .15s ease}.scene-card-p5 .variant-dot.active{background:var(--text-accent, #22c55e);border-color:var(--text-accent, #22c55e)}.scene-card-p5 .variant-dot.prompt-dot{font-size:12px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.scene-card-p5 .scene-setting{font-size:.7rem;color:var(--text-secondary, rgba(255, 255, 255, .5));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto;padding-top:.5rem}.scene-card-p5 .favorite-btn{position:absolute;top:10px;right:10px;background:#00000080;border:none;color:#444;font-size:1.5rem;cursor:pointer;z-index:5;padding:4px;border-radius:50%;transition:all .2s}.scene-card-p5 .favorite-btn.active{color:var(--text-accent, #22c55e)}.asset-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;overflow:hidden;transition:all .3s ease;position:relative;display:flex;flex-direction:column;box-shadow:var(--card-shadow)}.asset-card:hover{border-color:var(--text-accent);box-shadow:var(--card-hover-shadow);background:var(--card-hover-bg);transform:translateY(-2px)}.asset-type-badge{position:absolute;top:0;right:0;background:var(--text-accent);color:var(--bg-app);padding:.2rem .8rem;font-size:.7rem;font-weight:700;letter-spacing:.05em;z-index:2}.asset-header{padding:.75rem;background:var(--input-bg);border-bottom:1px solid var(--card-border);min-height:4rem;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.asset-scene-num{color:var(--text-accent);font-family:Courier New,monospace;font-size:.8rem;display:block;margin-bottom:.3rem}.asset-character{color:var(--text-primary);font-weight:700;font-size:1.1rem;display:block;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.asset-content{padding:1rem;flex-grow:1;display:flex;flex-direction:column}.asset-prompt-box{background:var(--input-bg);border:1px solid var(--input-border);padding:.8rem;font-family:Courier New,monospace;font-size:.8rem;color:var(--text-secondary);flex-grow:1;white-space:pre-wrap;overflow-y:auto;max-height:200px;line-height:1.4}.asset-prompt-label{display:block;color:var(--text-accent);font-size:.7rem;margin-bottom:.5rem;text-transform:uppercase}.actions-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;padding:.5rem;border-radius:8px;border:1px solid #333;width:100%;gap:.5rem}[data-theme=light] .actions-row{background:#f9fafb;border-color:#e5e7eb}.split-btn-group{display:flex;align-items:center;gap:.5rem;flex:1}.gen-action-btn{background:transparent;border:1px solid var(--text-accent);color:var(--text-accent);padding:.3rem .6rem;border-radius:4px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.3rem;font-family:Courier New,monospace;font-weight:700;transition:all .2s}.gen-action-btn:hover:not(:disabled){background:var(--text-accent);color:var(--bg-app);box-shadow:0 0 8px #00ff4166}.gen-action-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#555;color:#666}.model-select-btn{display:flex;align-items:center;background:#111;padding:.3rem .6rem;border-radius:20px;border:1px solid #333;font-size:.7rem;color:#666;gap:.5rem;cursor:pointer;transition:all .2s}[data-theme=light] .model-select-btn{background:#f0f0f0;border:1px solid #ccc;box-shadow:inset 0 1px 3px #0000001a}.model-select-btn:hover{border-color:#555}[data-theme=light] .model-select-btn:hover{border-color:#999}.model-text-active{color:var(--text-accent);text-shadow:0 0 5px var(--text-accent);font-weight:700}[data-theme=light] .model-text-active{text-shadow:none}.model-text-inactive{color:#555}[data-theme=light] .model-text-inactive{color:#999}.footer-view-btn{background:transparent;border:none;color:#888;font-size:1.2rem;cursor:pointer;width:auto;height:auto;padding:0 .5rem;transition:all .2s;display:flex;align-items:center}.footer-view-btn:hover:not(:disabled){color:var(--text-accent);transform:rotate(180deg)}.footer-view-btn:disabled{opacity:.3;cursor:not-allowed;color:#444}.copy-btn{background:transparent;border:1px solid #333;color:#666;font-size:.9rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border-radius:4px;position:absolute;top:5px;right:5px}.copy-btn.copied{border-color:var(--text-accent);color:var(--text-accent);background:transparent}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:8px}.loading-spinner{font-size:2rem;animation:spin 1s infinite linear;margin-bottom:.5rem}.asset-media-box{display:flex;justify-content:center;align-items:center;position:relative;width:100%;flex:1;min-height:200px;background:#000;border-radius:4px;overflow:hidden;border:1px solid #333}.generated-media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;border:none;display:block}.favorite-btn{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#444;font-size:2rem;width:auto;height:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:5;padding:0;line-height:1}.favorite-btn:hover{background:transparent;transform:scale(1.2);color:var(--text-accent);text-shadow:0 0 8px rgba(0,255,65,.4)}.favorite-btn.active{color:var(--text-accent);text-shadow:0 0 15px rgba(0,255,65,.8)}.model-select-btn.disabled{opacity:.4;cursor:not-allowed;border-color:#444;pointer-events:none}.safety-filter-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;cursor:help;z-index:5;background:#ff643226;border:1px solid rgba(255,100,50,.3);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;animation:pulse-warning 2s infinite}.safety-filter-badge:hover:after{content:attr(title);position:absolute;top:100%;left:50%;transform:translate(-50%);background:#000000f2;color:#ff6b35;padding:.75rem;border-radius:6px;font-size:.75rem;white-space:normal;width:200px;text-align:center;margin-top:8px;border:1px solid rgba(255,100,50,.3);z-index:100}@keyframes pulse-warning{0%,to{box-shadow:0 0 #ff643266}50%{box-shadow:0 0 15px 5px #ff643233}}.safety-filter-row{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.4rem .6rem;background:#ff64321a;border:1px solid rgba(255,100,50,.25);border-radius:6px}.safety-icon{font-size:1rem;cursor:help}.sanitize-btn{padding:.25rem .5rem;font-size:.65rem;font-weight:600;background:#ffc83226;border:1px solid rgba(255,200,50,.4);border-radius:4px;color:#ffc832;cursor:pointer;transition:all .2s ease;font-family:Courier New,monospace}.sanitize-btn:hover:not(:disabled){background:#ffc8324d;border-color:#ffc832;transform:translateY(-1px)}.sanitize-btn:disabled{opacity:.6;cursor:wait}.phase6-container{padding:1.5rem;max-width:1400px;margin:0 auto}.phase6-empty{text-align:center;padding:3rem 2rem;background:var(--card-bg, rgba(255, 255, 255, .03));border-radius:12px;border:1px dashed var(--card-border, rgba(255, 255, 255, .1))}.phase6-empty p{color:var(--text-secondary, rgba(255, 255, 255, .7));margin:.5rem 0}[data-theme=light] .phase6-empty{background:#00000005;border-color:#0000001a}[data-theme=light] .phase6-empty p{color:#666}.clip-count-badge{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:#ffc83226;border:1px solid rgba(255,200,50,.3);border-radius:20px;color:#ffc832;font-size:.875rem}[data-theme=light] .clip-count-badge{background:#eab3081a;border-color:#eab3084d;color:#b45309}.phase6-instructions{text-align:center;margin-bottom:1.5rem;color:var(--text-secondary, rgba(255, 255, 255, .6));font-size:.9rem}[data-theme=light] .phase6-instructions{color:#666}.scene-order-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}.scene-order-card{position:relative;background:var(--card-bg, rgba(255, 255, 255, .04));border:1px solid var(--card-border, rgba(255, 255, 255, .08));border-radius:12px;padding:.75rem;cursor:grab;transition:all .2s ease;display:flex;flex-direction:column}[data-theme=light] .scene-order-card{background:#fafafa;border-color:#e5e7eb}.scene-order-card:hover{background:#ffffff14;border-color:var(--text-accent, rgba(100, 200, 255, .3));transform:translateY(-2px)}[data-theme=light] .scene-order-card:hover{background:#f5f5f5;border-color:#10b981}.scene-order-card.dragging{opacity:.5;transform:scale(.98)}.scene-order-card.excluded{opacity:.45;border-color:#ef44444d;background:#ef44440d;cursor:default}.scene-order-card.excluded:before{content:"EXCLUDED";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:.9rem;font-weight:700;color:#ef444480;letter-spacing:.1em;z-index:10;pointer-events:none}[data-theme=light] .scene-order-card.excluded{background:#ef444408}.scene-order-num{position:absolute;top:-8px;left:-8px;width:24px;height:24px;background:var(--text-accent, #22c55e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #22c55e66}[data-theme=light] .scene-order-num{background:#10b981;box-shadow:0 2px 6px #10b9814d}.scene-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.scene-badge{font-size:.65rem;font-weight:600;color:var(--text-accent, #22c55e);text-transform:uppercase;letter-spacing:.05em}[data-theme=light] .scene-badge{color:#10b981}.header-controls{display:flex;align-items:center;gap:4px}.exclude-btn{width:22px;height:22px;border:1px solid var(--text-accent, rgba(34, 197, 94, .5));background:transparent;border-radius:4px;color:var(--text-accent, #22c55e);cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.exclude-btn:hover{background:var(--text-accent, rgba(34, 197, 94, .1))}.exclude-btn.active{border-color:#ef444480;color:#ef4444;background:#ef44441a}[data-theme=light] .exclude-btn{border-color:#10b981;color:#10b981}[data-theme=light] .exclude-btn.active{border-color:#dc2626;color:#dc2626;background:#dc26261a}.order-buttons{display:flex;gap:2px}.order-btn{width:20px;height:20px;border:1px solid var(--card-border, rgba(255, 255, 255, .15));background:#ffffff0d;border-radius:3px;color:var(--text-secondary, rgba(255, 255, 255, .6));cursor:pointer;font-size:.65rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease}[data-theme=light] .order-btn{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.order-btn:hover:not(:disabled){background:#ffffff26;color:#fff}[data-theme=light] .order-btn:hover:not(:disabled){background:#e5e7eb;color:#111827}.order-btn:disabled{opacity:.3;cursor:not-allowed}.selected-video-display{position:relative;width:100%;border-radius:8px;overflow:hidden;background:#000;margin:.5rem 0}.selected-video-display video{width:100%;display:block;aspect-ratio:9 / 16;object-fit:cover}.variant-switcher{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:4px 8px;background:#0009;border-radius:12px}.variant-dot{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;padding:0;transition:all .15s ease}.variant-dot:hover{border-color:#fff}.variant-dot.active{background:var(--text-accent, #22c55e);border-color:var(--text-accent, #22c55e)}[data-theme=light] .variant-dot.active{background:#10b981;border-color:#10b981}.scene-setting{font-size:.7rem;color:var(--text-secondary, rgba(255, 255, 255, .5));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto;padding-top:.5rem}[data-theme=light] .scene-setting{color:#6b7280}.trim-video-display{position:relative;width:100%;border-radius:8px;overflow:hidden;background:#000;margin:.5rem 0}.trim-video-display video{width:100%;display:block;aspect-ratio:9 / 16;object-fit:cover}.time-overlay{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-family:Courier New,monospace;font-weight:700}.video-progress-bar{position:absolute;bottom:0;left:0;right:0;height:16px;background:#000000b3;transition:height .2s}.video-progress-bar:hover{height:24px}.progress-fill{position:absolute;top:0;left:0;height:100%;background:#ffffff4d;pointer-events:none}.playhead{position:absolute;top:0;width:3px;height:100%;background:#fff;transform:translate(-50%);box-shadow:0 0 4px #00000080;pointer-events:none}.marker{position:absolute;top:0;width:6px;height:100%;border-radius:3px;transform:translate(-50%);cursor:ew-resize;z-index:5}.marker-in{background:#3b82f6;box-shadow:0 0 8px #3b82f680}.marker-out{background:var(--text-accent, #22c55e);box-shadow:0 0 8px #22c55e80}.selected-range{position:absolute;top:0;height:100%;background:var(--text-accent, #22c55e);opacity:.3;pointer-events:none}.trim-controls{padding:.5rem;background:#0000004d;border-radius:8px;margin-bottom:.5rem}[data-theme=light] .trim-controls{background:#f3f4f6}.trim-buttons{display:flex;gap:4px;margin-bottom:.5rem}.trim-btn{flex:1;padding:8px 4px;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:#fff;border-radius:4px;cursor:pointer;font-size:.7rem;font-weight:700;transition:all .2s}.trim-btn:hover{background:#ffffff1a}[data-theme=light] .trim-btn{background:#fff;border-color:#d1d5db;color:#374151}.play-btn{background:var(--text-accent, #22c55e);border-color:var(--text-accent, #22c55e);color:#fff;font-size:1rem}.play-btn:hover{opacity:.9}.mark-in-btn{border-color:#3b82f6;color:#3b82f6}.mark-in-btn:hover{background:#3b82f633}.mark-out-btn{border-color:var(--text-accent, #22c55e);color:var(--text-accent, #22c55e)}.mark-out-btn:hover{background:#22c55e33}.reset-btn{flex:.5;color:#888}.trim-times{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;font-family:Courier New,monospace}.time-label{min-width:40px}.time-label.in{color:#3b82f6;text-align:left}.time-label.out{color:var(--text-accent, #22c55e);text-align:right}.trim-duration{background:#ffffff1a;padding:2px 8px;border-radius:4px;color:#fff;font-weight:700}[data-theme=light] .trim-duration{background:#e5e7eb;color:#1f2937}[data-theme=light] .time-label{color:#6b7280}.fusion-actions{text-align:center;margin:2rem 0}.fusion-generate-btn{padding:1rem 2.5rem;font-size:1rem;font-weight:600;background:var(--text-accent, #22c55e);border:none;border-radius:12px;color:#000;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}[data-theme=light] .fusion-generate-btn{background:#10b981;color:#fff}.fusion-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #22c55e59}.fusion-generate-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fusion-results{margin-top:2rem;padding:1.5rem;background:#22c55e0d;border:1px solid rgba(34,197,94,.2);border-radius:16px}[data-theme=light] .fusion-results{background:#10b9810d;border-color:#10b98133}.fused-videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.fusion-result{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;text-align:center}[data-theme=light] .fusion-result{background:#fff;border-color:#e5e7eb}[data-theme=light] .fusion-result{background:#10b9810d;border-color:#10b98133}.result-header{color:var(--text-accent, #22c55e);font-size:1.25rem;margin:0 0 1rem}[data-theme=light] .result-header{color:#10b981}.result-video-container{max-width:400px;margin:0 auto 1rem;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #0006}[data-theme=light] .result-video-container{box-shadow:0 8px 30px #00000026}.fused-video{width:100%;display:block}.result-meta{display:flex;justify-content:center;gap:.75rem;color:var(--text-secondary, rgba(255, 255, 255, .6));font-size:.875rem;margin-bottom:1rem}[data-theme=light] .result-meta{color:#6b7280}.download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:var(--text-accent, #22c55e);text-decoration:none;font-weight:600;transition:all .15s ease}[data-theme=light] .download-btn{background:#10b9811a;border-color:#10b9814d;color:#10b981}.download-btn:hover{background:#22c55e40;transform:translateY(-1px)}.error-toast{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem 1rem;color:#ef4444;margin-bottom:1rem;text-align:center}[data-theme=light] .error-toast{background:#dc262614;border-color:#dc262633;color:#dc2626}.complete-actions{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}[data-theme=light] .complete-actions{border-top-color:#e5e7eb}.mark-complete-btn{padding:.875rem 2rem;font-size:.9rem;font-weight:600;background:transparent;border:2px solid var(--text-accent, #22c55e);border-radius:50px;color:var(--text-accent, #22c55e);cursor:pointer;transition:all .2s ease}.mark-complete-btn:hover:not(:disabled){background:var(--text-accent, #22c55e);color:#000}[data-theme=light] .mark-complete-btn{border-color:#10b981;color:#10b981}[data-theme=light] .mark-complete-btn:hover:not(:disabled){background:#10b981;color:#fff}.mark-complete-btn:disabled{cursor:not-allowed;opacity:.7}.mark-complete-btn.completed{background:var(--text-accent, #22c55e);color:#000;cursor:default}[data-theme=light] .mark-complete-btn.completed{background:#10b981;color:#fff}@media (max-width: 768px){.scene-order-grid{grid-template-columns:repeat(2,1fr)}.fusion-generate-btn{width:100%;justify-content:center}}@media (max-width: 480px){.scene-order-grid{grid-template-columns:1fr}}.subtitle-options{background:var(--card-bg, rgba(255, 255, 255, .04));border:1px solid var(--card-border, rgba(255, 255, 255, .08));border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem}[data-theme=light] .subtitle-options{background:#fafafa;border-color:#e5e7eb}.subtitle-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer}.subtitle-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--text-accent, #22c55e);cursor:pointer}.toggle-label{font-size:.95rem;font-weight:600;color:var(--text-primary, white)}[data-theme=light] .toggle-label{color:#1f2937}.subtitle-style-picker{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.style-label{font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .6));font-weight:500}[data-theme=light] .style-label{color:#6b7280}.style-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.style-btn{padding:.4rem .75rem;font-size:.75rem;font-weight:600;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:var(--text-secondary, rgba(255, 255, 255, .7));cursor:pointer;transition:all .15s ease}[data-theme=light] .style-btn{background:#fff;border-color:#d1d5db;color:#4b5563}.style-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}[data-theme=light] .style-btn:hover{background:#f3f4f6;border-color:#10b981;color:#10b981}.style-btn.active{background:var(--text-accent, #22c55e);border-color:var(--text-accent, #22c55e);color:#000}[data-theme=light] .style-btn.active{background:#10b981;border-color:#10b981;color:#fff}@media (max-width: 600px){.subtitle-options{flex-direction:column;align-items:flex-start}.subtitle-style-picker,.style-buttons{width:100%}.style-btn{flex:1;text-align:center}}.workspace-container{width:100%;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-app);color:var(--text-accent);font-family:var(--font-mono);transition:background-color var(--transition-normal)}.workspace-header{display:flex;justify-content:space-between;align-items:center;background:var(--workspace-header-bg);border-bottom:1px solid var(--workspace-header-border);position:sticky;top:0;z-index:50;padding:0 var(--space-xl);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.workspace-tabs{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;overflow-x:auto;background:transparent;border-bottom:none}.tab-btn{background:transparent;border:1px solid transparent;color:var(--tab-text);padding:var(--space-sm) var(--space-lg);font-family:var(--font-mono);text-transform:uppercase;font-size:.9rem;cursor:not-allowed;transition:all .2s;white-space:nowrap}.tab-btn.enabled{cursor:pointer;color:var(--text-secondary);border-color:var(--btn-border)}.tab-btn.enabled:hover{color:var(--text-accent);border-color:var(--text-accent);box-shadow:0 0 5px #00ff4133}.tab-btn.active{color:var(--tab-active-text);background:var(--tab-active-bg);border-color:var(--tab-active-bg);font-weight:700;box-shadow:0 0 10px #00ff4166}.total-cost-display{background:transparent;border:1px solid var(--text-accent);color:var(--text-accent);font-family:var(--font-mono);font-size:1rem;padding:.5rem 1rem;margin-right:1rem;display:inline-block;text-transform:uppercase;font-weight:700;letter-spacing:.05em;border-radius:0;transition:all .2s ease}.total-cost-display.clickable-cost{cursor:pointer}.total-cost-display.clickable-cost:hover{background:#00ff411a;box-shadow:0 0 10px #00ff4133}.total-cost-display.clickable-cost:active{background:#00ff4133;transform:translateY(1px)}.next-btn{background:transparent;border:1px solid var(--text-accent);color:var(--text-accent);font-family:var(--font-mono);font-size:1rem;padding:.5rem 1.5rem;cursor:pointer;text-transform:uppercase;transition:all .3s ease;font-weight:700;letter-spacing:.05em;animation:pulse 2s infinite}.next-btn:hover{background:var(--text-accent);color:var(--bg-app);box-shadow:0 0 15px #00ff4180}.next-btn.disabled{opacity:.3;cursor:not-allowed;border-color:var(--tab-text);color:var(--tab-text);animation:none;box-shadow:none}.next-btn.disabled:hover{background:transparent;color:var(--tab-text)}.workspace-content{flex:1;padding:var(--space-xl);overflow-y:auto;max-width:1400px;width:100%;margin:0 auto;animation:fadeIn .3s ease-out}.workspace-tabs::-webkit-scrollbar{height:4px}.workspace-tabs::-webkit-scrollbar-track{background:#0000004d}.workspace-tabs::-webkit-scrollbar-thumb{background:var(--text-accent);border-radius:2px}.split-screen-container{display:flex;width:100vw;height:100vh;overflow:hidden}.split-pane{flex:1;position:relative;cursor:pointer;transition:flex .5s ease;display:flex;justify-content:center;align-items:center;overflow:hidden}.left-pane{background:#000}.right-pane{background:#f0f0f0;border-left:2px solid #000}.pane-content{z-index:10;pointer-events:none}.pill-wrapper{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:20px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.pill-wrapper:hover{transform:scale(1.1) translateY(-10px)}.pill{width:70px;height:180px;border-radius:40px;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);overflow:hidden;box-shadow:inset 10px 10px 20px #fff3,inset -10px -10px 20px #00000080,0 15px 35px #00000080;transition:all .4s ease}.pill.red{background:radial-gradient(circle at 30% 30%,#ff6b6b,red,maroon);box-shadow:0 0 30px #f006,inset 5px 5px 15px #fff6}.pill.red:hover{box-shadow:0 0 60px #f00c,inset 5px 5px 20px #fff9}.pill.blue{background:radial-gradient(circle at 30% 30%,#4facfe,#00f2fe,#001f80);box-shadow:0 0 30px #0064ff66,inset 5px 5px 15px #fff6}.pill.blue:hover{box-shadow:0 0 60px #0064ffcc,inset 5px 5px 20px #fff9}.pill:after{content:"";position:absolute;top:20px;right:20px;width:15px;height:50px;background:linear-gradient(to bottom,#ffffffe6,#ffffff1a);border-radius:20px;filter:blur(1px);opacity:.8}.pill:before{content:"";position:absolute;bottom:20px;left:20px;width:10px;height:30px;background:#fff6;border-radius:20px;filter:blur(2px);transform:rotate(15deg)}.pill-label{font-family:var(--font-mono);font-size:1.2rem;text-transform:uppercase;letter-spacing:3px;font-weight:800;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.5)}.left-pane .pill-label{color:#4facfe}.right-pane .pill-label{color:#ff6b6b}.error-overlay{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:100}.error-msg{color:var(--error-red);font-family:var(--font-mono);font-size:.9rem;text-align:center;background:#000000e6;padding:10px 20px;border-radius:8px;border:1px solid var(--error-red)}.logout-btn-container{position:fixed;top:20px;right:20px;z-index:100;display:flex;align-items:center;gap:1rem}.user-email{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-secondary);padding:8px 16px;border-radius:4px;font-family:var(--font-mono);font-size:.8rem;cursor:default;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.logout-btn{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-secondary);padding:8px 16px;border-radius:4px;font-family:var(--font-mono);font-size:.8rem;cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.logout-btn:hover{background:var(--input-focus-bg);border-color:var(--text-accent);color:var(--text-accent);box-shadow:0 0 10px #00ff4133}.admin-btn{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-secondary);padding:8px 12px;border-radius:4px;font-size:1.1rem;cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-btn:hover{background:var(--input-focus-bg);border-color:var(--text-accent);color:var(--text-accent);box-shadow:0 0 10px #00ff4133}.dashboard-container{width:100%;margin:0;position:relative;background:var(--glass-bg, rgba(0, 0, 0, .7));border:1px solid var(--glass-border, rgba(255, 255, 255, .1));backdrop-filter:blur(var(--glass-blur, 10px));-webkit-backdrop-filter:blur(var(--glass-blur, 10px));border-radius:var(--radius, 16px);box-shadow:var(--card-shadow, 0 4px 30px rgba(0, 0, 0, .1));padding:2rem;animation:fadeIn .8s ease-out;display:flex;flex-direction:column;height:auto;max-height:500px;transition:max-height .3s ease;overflow:hidden}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid var(--glass-border);padding-bottom:.5rem;flex-shrink:0}.dashboard-title{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:-1px;display:flex;gap:.5rem;align-items:center}.glitch-text{position:relative;color:var(--text-accent)}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--glass-bg)}.glitch-text:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(24px,550px,90px,0);animation:glitch 3s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(85px,550px,140px,0);animation:glitch 2s infinite linear alternate-reverse}.dashboard-controls{display:flex;gap:1rem;align-items:center}.dashboard-search{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);padding:6px 16px;font-family:var(--font-mono);font-size:.8rem;border-radius:999px;outline:none;transition:all .2s}.dashboard-search:focus{border-color:var(--text-accent);box-shadow:0 0 10px #00ff4133}.total-cost-badge{background:var(--input-bg);border:1px solid var(--text-accent);color:var(--text-accent);padding:6px 16px;font-family:var(--font-mono);font-size:.8rem;font-weight:700;border-radius:999px;box-shadow:0 0 5px #00ff4133}.table-wrapper{overflow-y:auto;overflow-x:hidden;flex:1;background:transparent;border:none;scrollbar-width:thin;scrollbar-color:var(--text-accent) transparent}.table-wrapper::-webkit-scrollbar{width:2px}.table-wrapper::-webkit-scrollbar-track{background:transparent}.table-wrapper::-webkit-scrollbar-thumb{background-color:var(--matrix-green);border-radius:0}[data-theme=light] .table-wrapper::-webkit-scrollbar-thumb{background-color:#ccc}.runs-table{width:100%;border-collapse:collapse;font-family:Courier New,monospace;font-size:.9rem}.runs-table th{text-align:left;padding:1rem;color:var(--secondary-color);border-bottom:1px solid var(--secondary-color);cursor:pointer;-webkit-user-select:none;user-select:none}.runs-table th:hover{color:var(--primary-color)}.runs-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);color:#eee}[data-theme=light] .runs-table td{color:#111;border-bottom:1px solid rgba(0,0,0,.1)}.runs-table tr:hover{background:#ffffff0d}[data-theme=light] .runs-table tr:hover{background:#0000000d}.td-topic{font-weight:700;color:var(--primary-color)!important;max-width:450px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-cost{font-weight:700}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-started{background-color:var(--text-accent, #00ff41);box-shadow:0 0 8px #00ff4180}.status-completed{background-color:#00c8ff;box-shadow:0 0 8px #00c8ff80}[data-theme=light] .status-started{background-color:#10b981;box-shadow:0 0 6px #10b98166}[data-theme=light] .status-completed{background-color:#0891b2;box-shadow:0 0 6px #0891b266}.status-failed{background-color:red}.resume-btn{background:transparent;border:1px solid var(--text-secondary);color:var(--text-secondary);padding:4px 12px;cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:700;border-radius:999px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);text-transform:uppercase}.resume-btn:hover:not(:disabled){border-color:var(--text-accent);color:var(--text-accent);box-shadow:0 0 8px var(--text-accent);transform:scale(1.05)}.resume-btn:disabled{opacity:.5;cursor:not-allowed}.resuming-row{animation:pulse 1s infinite}@keyframes pulse{0%{background:#00ff411a}50%{background:#00ff4133}to{background:#00ff411a}}.admin-users-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;padding-top:5vh;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-users-panel{background:var(--bg-secondary, #0a0a0a);border:1px solid var(--accent-primary, #00FF41);border-radius:12px;width:95%;max-width:1200px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 40px #00ff411a;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(0,255,65,.2);background:#00ff4108}.admin-header h2{margin:0;font-size:1.5rem;color:var(--accent-primary, #00FF41);font-family:JetBrains Mono,monospace}.admin-header-actions{display:flex;gap:1rem;align-items:center}.add-user-btn{padding:.6rem 1.2rem;border:1px solid var(--accent-primary, #00FF41);background:transparent;color:var(--accent-primary, #00FF41);border-radius:6px;cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .2s ease}.add-user-btn:hover{background:#00ff4126;box-shadow:0 0 15px #00ff4133}.close-btn{width:36px;height:36px;border:none;background:transparent;color:#888;font-size:1.5rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#ffffff1a;color:#fff}.admin-error{margin:1rem 2rem;padding:1rem;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:6px;color:#ff6b6b}.admin-loading{padding:3rem;text-align:center;color:#888;font-size:1.1rem}.users-table-container{overflow-x:auto;flex:1;padding:0 1rem 1rem}.users-table{width:100%;border-collapse:collapse;font-size:.9rem}.users-table th{text-align:left;padding:1rem .75rem;border-bottom:1px solid rgba(0,255,65,.3);color:var(--accent-primary, #00FF41);font-weight:500;font-family:JetBrains Mono,monospace;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.users-table td{padding:.85rem .75rem;border-bottom:1px solid rgba(255,255,255,.05);color:#ccc}.users-table tbody tr:hover{background:#00ff4108}.admin-row{background:#00ff4105}.email-cell{font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.you-badge{padding:.2rem .5rem;background:#00ff4126;border-radius:4px;font-size:.7rem;color:var(--accent-primary, #00FF41);text-transform:uppercase}.cost-cell{color:#888}.low-balance{color:#ff6b6b!important;font-weight:500}.date-cell{color:#666;font-size:.8rem}.actions-cell{display:flex;gap:.5rem}.edit-btn,.delete-btn{width:32px;height:32px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#888;border-radius:6px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-btn:hover{border-color:var(--accent-primary, #00FF41);color:var(--accent-primary, #00FF41);background:#00ff411a}.delete-btn:hover{border-color:#ff6b6b;color:#ff6b6b;background:#ff6b6b1a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1100}.modal{background:var(--bg-secondary, #0a0a0a);border:1px solid var(--accent-primary, #00FF41);border-radius:12px;padding:2rem;min-width:360px;max-width:90vw}.modal h3{margin:0 0 1.5rem;color:var(--accent-primary, #00FF41);font-size:1.25rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:#888;font-size:.9rem}.form-group input[type=email],.form-group input[type=number]{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#fff;border-radius:6px;font-size:1rem;font-family:inherit;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--accent-primary, #00FF41);box-shadow:0 0 0 2px #00ff411a}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary, #00FF41);cursor:pointer}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.cancel-btn{padding:.7rem 1.25rem;border:1px solid rgba(255,255,255,.2);background:transparent;color:#888;border-radius:6px;cursor:pointer;font-family:inherit;transition:all .2s ease}.cancel-btn:hover{background:#ffffff0d;color:#fff}.submit-btn{padding:.7rem 1.5rem;border:none;background:var(--accent-primary, #00FF41);color:#000;border-radius:6px;cursor:pointer;font-family:inherit;font-weight:500;transition:all .2s ease}.submit-btn:hover{box-shadow:0 0 20px #00ff414d}.confirm-modal p{color:#ccc;margin:.5rem 0}.edit-email,.confirm-email{font-family:JetBrains Mono,monospace;color:var(--accent-primary, #00FF41);font-size:.9rem;margin-bottom:1rem}.delete-confirm-btn{padding:.7rem 1.5rem;border:none;background:#ff6b6b;color:#fff;border-radius:6px;cursor:pointer;font-family:inherit;font-weight:500;transition:all .2s ease}.delete-confirm-btn:hover{background:#f44;box-shadow:0 0 20px #ff44444d}[data-theme=light] .admin-users-overlay{background:#ffffffe6}[data-theme=light] .admin-users-panel{background:#fff;border-color:#111;box-shadow:0 4px 30px #00000026}[data-theme=light] .admin-header{background:#00000005;border-bottom-color:#0000001a}[data-theme=light] .admin-header h2{color:#111}[data-theme=light] .add-user-btn{border-color:#111;color:#111}[data-theme=light] .add-user-btn:hover{background:#0000000d}[data-theme=light] .users-table th{color:#111;border-bottom-color:#0000001a}[data-theme=light] .users-table td{color:#333;border-bottom-color:#0000000d}[data-theme=light] .modal{background:#fff;border-color:#111}[data-theme=light] .modal h3{color:#111}[data-theme=light] .form-group input{background:#f5f5f5;border-color:#ddd;color:#111}[data-theme=light] .you-badge{background:#00000014;color:#111}.app-container{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.error-message{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);color:#f44;background:#140000e6;padding:1rem 2rem;border:1px solid #ff4444;border-radius:4px;font-family:var(--font-mono);text-shadow:0 0 5px #ff0000;box-shadow:0 0 20px #f003;z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.unified-view{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1100px;margin:0 auto}