@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-arabic-400-normal-B6c_9tGI.woff2) format("woff2"),url(/assets/rubik-arabic-400-normal-Dci85dQr.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-cyrillic-ext-400-normal-D-KNTwvG.woff2) format("woff2"),url(/assets/rubik-cyrillic-ext-400-normal-CTkTGo13.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-cyrillic-400-normal-C5G8_8ug.woff2) format("woff2"),url(/assets/rubik-cyrillic-400-normal-D5R8xuhl.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-hebrew-400-normal-Dp0lvSRB.woff2) format("woff2"),url(/assets/rubik-hebrew-400-normal-BQDoxs6C.woff) format("woff");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-latin-ext-400-normal-BtzQ7olK.woff2) format("woff2"),url(/assets/rubik-latin-ext-400-normal-E7wwwcV8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-latin-400-normal-j0pmKyiQ.woff2) format("woff2"),url(/assets/rubik-latin-400-normal-BV1Ho3GG.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--malachite: #00D744;--cyan: #00CEFF;--bush: #08231B;--charade: #282831;--gray: #E9E9E9;--white: #ffffff;font-family:Rubik,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--charade);background-color:var(--white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;min-width:320px;min-height:100vh;height:100vh;overflow:hidden;background-color:var(--white)}a{font-weight:500;color:var(--malachite);text-decoration:none}a:hover{color:#00c03d;text-decoration:underline}h1{font-family:Rubik,Arial,sans-serif;font-size:2em;line-height:1.1;color:var(--charade);margin:0}h2,h3,h4,h5,h6{font-family:Rubik,Arial,sans-serif;color:var(--charade);margin:0}p{margin:0}button{font-family:Rubik,Arial,sans-serif;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:var(--white);cursor:pointer;transition:all .2s ease}button:hover{border-color:var(--malachite)}button:focus,button:focus-visible{outline:2px solid var(--malachite);outline-offset:2px}input,textarea,select{font-family:Rubik,Arial,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray);border-radius:4px}::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6c757d}::selection{background-color:#00d74433;color:var(--charade)}.home-container{max-width:900px;margin:0 auto;padding:40px 20px;position:relative}.welcome-section{text-align:center;margin-bottom:40px}.welcome-title{font-family:Rubik,Arial,sans-serif;font-size:32px;font-weight:700;color:var(--charade);margin:0 0 12px}.welcome-subtitle{font-family:Rubik,Arial,sans-serif;font-size:16px;color:#6c757d;margin:0}.upload-area{background-color:var(--white);border:2px dashed var(--gray);border-radius:16px;padding:40px;text-align:center;box-shadow:0 2px 12px #0000000f,0 1px 4px #0000000a}.drop-zone{padding:40px;border-radius:12px;transition:all .3s ease;cursor:pointer}.drop-zone.dragging{background-color:#00d7440d;border-color:var(--malachite)}.drop-zone.has-file{background-color:#f8f9fa}.drop-zone-icon{margin-bottom:16px}.drop-zone-title{font-family:Rubik,Arial,sans-serif;font-size:18px;font-weight:600;color:var(--charade);margin:0 0 8px}.drop-zone-subtitle{font-family:Rubik,Arial,sans-serif;font-size:14px;color:#6c757d;margin:0 0 20px}.choose-files-btn{background-color:var(--malachite);color:var(--white);border:none;padding:12px 32px;font-family:Rubik,Arial,sans-serif;font-size:15px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.choose-files-btn:hover{background-color:#00c03d;transform:translateY(-1px)}.selected-file-info{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:var(--white);border:1px solid var(--gray);border-radius:8px}.file-details{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.file-name{font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;color:var(--charade)}.file-size{font-family:Rubik,Arial,sans-serif;font-size:12px;color:#6c757d}.file-actions{display:flex;align-items:center;gap:12px}.upload-now-btn{background-color:var(--malachite);color:var(--white);border:none;padding:8px 20px;font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.upload-now-btn:hover:not(:disabled){background-color:#00c03d}.upload-now-btn:disabled{opacity:.6;cursor:not-allowed}.remove-file-btn{background:none;border:none;cursor:pointer;padding:8px;color:#6c757d;transition:color .2s ease}.remove-file-btn:hover{color:var(--charade)}.url-input-container{margin-top:20px;position:relative}.url-input{width:100%;padding:14px 80px 14px 20px;font-family:Rubik,Arial,sans-serif;font-size:14px;border:1px solid var(--gray);border-radius:8px;background-color:var(--white);color:var(--charade);transition:border-color .2s ease;box-sizing:border-box}.url-input:focus{outline:none;border-color:var(--malachite)}.url-input::placeholder{color:#adb5bd}.url-clear-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;font-family:Rubik,Arial,sans-serif;font-size:14px;color:var(--charade);cursor:pointer;text-decoration:underline;padding:4px 8px}.url-clear-btn:hover{color:var(--malachite)}.upload-disclaimer{font-family:Rubik,Arial,sans-serif;font-size:13px;color:#6c757d;margin-top:24px;margin-bottom:0;text-align:center}.settings-toggle{display:block;margin:24px auto;background:none;border:1px solid var(--gray);padding:10px 20px;font-family:Rubik,Arial,sans-serif;font-size:14px;color:var(--charade);border-radius:8px;cursor:pointer;transition:all .2s ease}.settings-toggle:hover{border-color:var(--malachite);color:var(--malachite)}.settings-panel{background-color:#f8f9fa;border:1px solid var(--gray);border-radius:12px;padding:24px;margin-top:16px}.settings-section{margin-bottom:0}.settings-title{font-family:Rubik,Arial,sans-serif;font-size:16px;font-weight:600;color:var(--charade);margin:0 0 20px}.settings-row{display:flex;gap:20px;margin-bottom:16px}.settings-row:last-child{margin-bottom:0}.settings-field{flex:1}.settings-field label{display:block;font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;color:var(--charade);margin-bottom:6px}.settings-field input[type=text],.settings-field input[type=email]{width:100%;padding:10px 14px;font-family:Rubik,Arial,sans-serif;font-size:14px;border:1px solid var(--gray);border-radius:6px;background-color:var(--white);color:var(--charade);box-sizing:border-box}.settings-field input:focus{outline:none;border-color:var(--malachite)}.settings-field small{display:block;font-family:Rubik,Arial,sans-serif;font-size:12px;color:#6c757d;margin-top:4px}.checkbox-field{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-family:Rubik,Arial,sans-serif;font-size:14px;color:var(--charade)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--malachite);cursor:pointer}.video-preview-container{margin-top:24px;display:flex;justify-content:center}.video-preview-wrapper{position:relative;max-width:200px;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #0000001f}.video-preview-close{position:absolute;top:4px;right:4px;width:24px;height:24px;background-color:#0009;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--white);z-index:10;transition:background-color .2s ease;padding:0}.video-preview-close:hover{background-color:#000c}.video-preview-close svg{width:14px;height:14px}.video-preview{width:100%;display:block}.upload-progress-container{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:12px;padding:20px;margin-top:24px}.progress-header{display:flex;justify-content:space-between;font-family:Rubik,Arial,sans-serif;font-size:14px;color:var(--charade);margin-bottom:12px}.progress-bar-container{height:8px;background-color:#c8e6c9;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--malachite);border-radius:4px;transition:width .3s ease}.progress-details{font-family:Rubik,Arial,sans-serif;font-size:12px;color:#6c757d;margin-top:8px}.status-message{padding:16px 20px;border-radius:8px;font-family:Rubik,Arial,sans-serif;font-size:14px;margin-top:24px}.status-message.success{background-color:#d1e7dd;color:#0f5132;border:1px solid #badbcc}.status-message.info{background-color:#cff4fc;color:#055160;border:1px solid #b6effb}.status-message.error{background-color:#f8d7da;color:#842029;border:1px solid #f5c2c7}.error-alert{background-color:#f8d7da;border:1px solid #f5c2c7;border-radius:12px;padding:20px;margin-top:24px}.error-alert h4{font-family:Rubik,Arial,sans-serif;font-size:16px;font-weight:600;color:#842029;margin:0 0 12px}.error-alert p{font-family:Rubik,Arial,sans-serif;font-size:14px;color:#842029;margin:0 0 8px}.error-tip{font-size:13px;opacity:.9}.dismiss-btn{background:none;border:1px solid #842029;color:#842029;padding:6px 16px;font-family:Rubik,Arial,sans-serif;font-size:13px;border-radius:6px;cursor:pointer;margin-top:8px;transition:all .2s ease}.dismiss-btn:hover{background-color:#842029;color:var(--white)}.orchestration-info,.orchestration-status{background-color:#f8f9fa;border:1px solid var(--gray);border-radius:12px;padding:20px;margin-top:24px;text-align:left}.orchestration-info h4,.orchestration-status h4{font-family:Rubik,Arial,sans-serif;font-size:16px;font-weight:600;color:var(--charade);margin:0 0 16px}.orchestration-info p,.orchestration-status p{font-family:Rubik,Arial,sans-serif;font-size:14px;color:var(--charade);margin:0 0 8px}.orchestration-info a{color:var(--malachite);word-break:break-all}.check-status-btn{background-color:var(--charade);color:var(--white);border:none;padding:10px 20px;font-family:Rubik,Arial,sans-serif;font-size:14px;border-radius:6px;cursor:pointer;margin-top:12px;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s ease}.check-status-btn:hover:not(:disabled){background-color:#1a1a22}.check-status-btn:disabled{opacity:.6;cursor:not-allowed}.status-badge{display:inline-block;background-color:var(--cyan);color:var(--charade);padding:4px 12px;border-radius:4px;font-size:13px;font-weight:500}.output-section{margin-top:16px}.output-section h5{font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:600;color:var(--charade);margin:0 0 8px}.output-section pre{background-color:var(--white);border:1px solid var(--gray);border-radius:8px;padding:16px;font-size:12px;overflow-x:auto;max-height:200px}.proceed-btn{position:fixed;bottom:32px;right:32px;width:56px;height:56px;background-color:var(--malachite);color:var(--white);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #00d74466;transition:all .3s ease;z-index:100}.proceed-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 24px #00d74480}.proceed-btn:disabled{background-color:var(--gray);cursor:not-allowed;box-shadow:none}.proceed-btn.active:not(:disabled){animation:pulse-btn 2s infinite}@keyframes pulse-btn{0%,to{box-shadow:0 4px 20px #00d74466}50%{box-shadow:0 4px 30px #00d74499}}.spinner{width:20px;height:20px;border:2px solid var(--white);border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.settings-field input.input-warning{border-color:#ffc107;background-color:#fffdf5}.settings-field input.input-warning:focus{border-color:#ffc107;box-shadow:0 0 0 2px #ffc10733}.validation-warning{color:#856404!important;font-weight:500}.project-id-hint{font-family:Courier New,monospace;color:#6c757d}@media(max-width:768px){.home-container{padding:24px 16px}.welcome-title{font-size:24px}.upload-area,.drop-zone{padding:24px}.settings-row{flex-direction:column;gap:16px}.proceed-btn{bottom:24px;right:24px}}.settings-info-bar{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fff7e6,#fff4e0);border:1px solid #ffeeba;border-radius:12px;padding:12px 16px;margin-top:24px}.settings-info-icon{font-size:20px}.settings-info-text{font-family:Rubik,Arial,sans-serif;font-size:12px;color:#856404}.settings-info-text strong{font-weight:600}.settings-summary{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;background-color:#f8f9fa;border:1px solid var(--gray);border-radius:12px;padding:16px 24px;margin-top:24px}.settings-summary-item{font-family:Rubik,Arial,sans-serif;font-size:13px;color:var(--charade)}.settings-summary-item strong{color:#6c757d;font-weight:500;margin-right:6px}:root{--malachite: #00D744;--cyan: #00CEFF;--bush: #08231B;--charade: #282831;--gray: #E9E9E9;--white: #ffffff;--dark-bg: #1a1a1f;--panel-bg: #2a2a32}.podcast-container{padding:8px 0;width:100%}.podcast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.project-info{display:flex;align-items:center;gap:12px}.project-title{font-family:Rubik,Arial,sans-serif;font-size:18px;font-weight:600;color:var(--charade);margin:0;display:flex;align-items:center;gap:10px}.project-badge{background-color:var(--malachite);color:var(--white);font-size:10px;font-weight:500;padding:2px 8px;border-radius:10px}.error-banner{background-color:#f8d7da;border:1px solid #f5c2c7;color:#842029;padding:8px 12px;border-radius:6px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;font-family:Rubik,Arial,sans-serif;font-size:13px}.error-banner button{background:none;border:none;color:#842029;font-size:18px;cursor:pointer;padding:0 0 0 12px}.dev-tools-section{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #0f3460;border-radius:8px;padding:12px;margin-bottom:12px;font-family:Rubik,Arial,sans-serif}.dev-tools-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dev-tools-label{color:#e94560;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.dev-tools-toggle{background:none;border:none;color:#666;cursor:pointer;font-size:14px;padding:4px 8px;border-radius:4px;transition:all .2s}.dev-tools-toggle:hover{color:#e94560;background:#e945601a}.dev-tools-buttons{display:flex;gap:8px;flex-wrap:wrap}.dev-btn{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:4px}.dev-btn:disabled{opacity:.5;cursor:not-allowed}.dev-btn-cu{background:#3b82f6;color:#fff}.dev-btn-cu:hover:not(:disabled){background:#2563eb}.dev-btn-cu-failed{background:#6366f1;color:#fff}.dev-btn-cu-failed:hover:not(:disabled){background:#4f46e5}.dev-btn-stitch{background:#10b981;color:#fff}.dev-btn-stitch:hover:not(:disabled){background:#059669}.dev-btn-stitch-failed{background:#14b8a6;color:#fff}.dev-btn-stitch-failed:hover:not(:disabled){background:#0d9488}.purge-result{margin-top:10px;padding:8px 12px;border-radius:6px;font-size:12px;animation:fadeIn .3s ease}.purge-result.success{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.purge-result.error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.show-dev-tools-btn{position:fixed;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #0f3460;color:#e94560;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1000;box-shadow:0 4px 12px #0000004d}.show-dev-tools-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #e945604d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.video-section{display:flex;gap:16px;margin-bottom:8px;align-items:flex-start}.video-player-container{flex:1;background-color:transparent;border-radius:8px;overflow:visible;min-width:0}.video-wrapper{background-color:transparent;display:flex;align-items:center;justify-content:center;border-radius:8px 8px 0 0;overflow:hidden;position:relative;height:360px}.video-loading-overlay{position:absolute;inset:0;background-color:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10;color:var(--white);font-family:Rubik,Arial,sans-serif;font-size:14px}.video-loading-overlay .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}.video-player{max-width:100%;max-height:100%;height:100%;width:auto;object-fit:contain;border-radius:8px}.video-stats{display:flex;justify-content:center;gap:24px;padding:8px;background-color:var(--white);border-top:1px solid var(--gray);position:relative;overflow:visible;border-radius:0 0 8px 8px}.stat{text-align:center}.stat-value{display:block;font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:600;color:var(--charade)}.stat-value.cyan{color:var(--cyan)}.stat-label{display:block;font-family:Rubik,Arial,sans-serif;font-size:11px;color:#6c757d;margin-top:2px}.tab-bar{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--gray);margin-bottom:8px}.tab-label{font-family:Rubik,Arial,sans-serif;font-size:13px;font-weight:600;color:var(--charade);margin-right:12px}.tab-btn{background:none;border:none;padding:8px 20px;font-family:Rubik,Arial,sans-serif;font-size:13px;color:var(--charade);cursor:pointer;border-radius:16px;transition:all .2s ease}.tab-btn:hover{background-color:#f0f0f0}.tab-btn.active{background-color:var(--cyan);color:var(--charade);font-weight:500}.tab-bar-story-name{margin-left:auto;font-family:Rubik,Arial,sans-serif;font-size:15px;font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.edited-panel-story-name{display:none}.content-section{display:flex;gap:12px;min-height:420px;max-height:480px}.segments-panel{flex:1.3;min-width:0;background-color:var(--white);border:1px solid var(--gray);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.edited-panel{flex:1;min-width:0;background-color:var(--white);border:1px solid var(--gray);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--gray);background-color:#f8f9fa}.panel-header-left{display:flex;flex-direction:column;gap:1px}.panel-header h3{font-family:Rubik,Arial,sans-serif;font-size:13px;font-weight:600;color:var(--charade);margin:0}.panel-title-row{display:flex;align-items:center;gap:8px}.panel-title-row svg{color:#6c757d;flex-shrink:0}.back-link{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--malachite);font-family:Rubik,Arial,sans-serif;font-size:11px;cursor:pointer;padding:0;text-align:left;margin-top:4px}.back-link svg{width:12px;height:12px;stroke:var(--malachite)}.back-link:hover{text-decoration:underline}.segment-count{font-family:Rubik,Arial,sans-serif;font-size:12px;color:#6c757d;white-space:nowrap}.collapsible-section{border-bottom:1px solid var(--gray);background-color:#f8f9fa}.collapsible-header-row{display:flex;align-items:center;padding:10px 16px;gap:12px}.collapsible-header{display:flex;align-items:center;cursor:pointer;transition:background-color .2s ease}.collapsible-header:hover{background-color:#f0f0f0}.collapsible-title{display:flex;align-items:center;gap:8px}.collapsible-title h3{font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:600;color:var(--charade);margin:0}.collapsible-title svg{color:#6c757d;transition:transform .2s ease}.add-all-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--malachite);border-radius:16px;background-color:var(--white);color:var(--malachite);font-family:Rubik,Arial,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-all-btn:hover{background-color:var(--malachite);color:var(--white)}.add-all-btn svg{width:14px;height:14px}.add-all-btn:hover svg{stroke:var(--white)}.collapsible-header-row .segment-count{margin-left:auto}.titles-list{padding:8px;background-color:var(--white);max-height:180px;overflow-y:auto}.title-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid var(--gray);border-radius:6px;margin-bottom:6px;cursor:pointer;transition:all .2s ease}.title-item:last-child{margin-bottom:0}.title-item:hover{border-color:var(--malachite);background-color:#f8fff9}.title-item.selected{border-color:var(--malachite);background-color:#00d7441a}.title-content{flex:1;min-width:0}.title-text{display:block;font-family:Rubik,Arial,sans-serif;font-size:13px;font-weight:500;color:var(--charade);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-theme{display:block;font-family:Rubik,Arial,sans-serif;font-size:11px;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-priority{font-family:Rubik,Arial,sans-serif;font-size:11px;color:var(--cyan);font-weight:500;white-space:nowrap;margin-left:12px}.transcript-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.transcript-section .panel-header{background-color:#f8f9fa}.segments-list{flex:1;overflow-y:auto;padding:6px}.segment-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;margin-bottom:3px;transition:background-color .2s ease;border-left:3px solid var(--cyan);background-color:#fafafa}.segment-item:last-child{margin-bottom:0}.segment-item:hover{background-color:#f0f4f8}.segment-play-btn{flex-shrink:0;width:26px;height:26px;border-radius:50%;background-color:var(--white);border:1px solid var(--gray);display:flex;align-items:center;justify-content:center;padding:0}.segment-play-btn svg{width:12px;height:12px;fill:var(--charade)}.segment-play-btn:hover{border-color:var(--cyan);background-color:#00ceff1a}.segment-play-btn:hover svg{fill:var(--cyan)}.segment-play-btn.playing,.edited-play-btn.playing{background-color:var(--cyan);border-color:var(--cyan)}.segment-play-btn.playing svg,.edited-play-btn.playing svg{fill:var(--white)}.segment-item.playing,.edited-segment-item.playing{background-color:#00ceff14;border-left:3px solid var(--cyan)}.edited-play-btn{width:28px;height:28px;border-radius:50%;flex-shrink:0}.edited-play-btn svg{width:12px;height:12px;fill:var(--charade)}.edited-play-btn:hover svg{fill:var(--cyan)}.segment-content-wrapper{flex:1;min-width:0}.segment-time{font-family:Rubik,Arial,sans-serif;font-size:10px;color:var(--cyan);font-weight:500;margin-bottom:1px}.segment-time-range{display:flex;align-items:center;gap:3px;margin-bottom:2px}.segment-time-range .time-start{color:var(--cyan);font-family:Rubik,Arial,sans-serif;font-size:10px;font-weight:500}.segment-time-range .time-separator{color:#6c757d;font-size:9px}.segment-time-range .time-end{color:#ff6b35;font-family:Rubik,Arial,sans-serif;font-size:10px;font-weight:500}.segment-time-range .time-duration{color:#6c757d;font-family:Rubik,Arial,sans-serif;font-size:9px;font-style:italic}.segment-text{font-family:Rubik,Arial,sans-serif;font-size:12px;color:var(--charade);line-height:1.3}.segment-actions{display:flex;gap:4px;flex-shrink:0}.action-btn{background-color:var(--white);border:1px solid var(--gray);width:26px;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--charade);padding:0}.action-btn:disabled,.action-btn.disabled{opacity:.4;cursor:not-allowed}.action-btn:disabled:hover,.action-btn.disabled:hover{border-color:var(--gray);color:var(--charade)}.action-btn svg{width:14px;height:14px;flex-shrink:0}.action-btn.play svg{fill:var(--charade)}.action-btn:hover:not(:disabled):not(.disabled){border-color:var(--malachite);color:var(--malachite)}.action-btn:hover:not(:disabled):not(.disabled) svg{stroke:var(--malachite)}.action-btn.play:hover{border-color:var(--cyan);color:var(--cyan)}.action-btn.play:hover svg{fill:var(--cyan)}.action-btn.add{width:32px;height:32px;border-radius:6px;background-color:var(--white)}.action-btn.add svg{stroke:var(--charade)}.action-btn.add:hover{border-color:var(--malachite);background-color:var(--malachite);color:var(--white)}.action-btn.add:hover svg{stroke:var(--white)}.action-btn.remove:hover{border-color:#dc3545;background-color:#dc3545;color:var(--white)}.action-btn.remove:hover svg{stroke:var(--white)}.action-btn:disabled{opacity:.3;cursor:not-allowed}.empty-edited{flex:1;display:flex;align-items:center;justify-content:center;padding:30px;text-align:center}.empty-edited p{font-family:Rubik,Arial,sans-serif;font-size:13px;color:#6c757d;margin:0}.empty-state{padding:30px;text-align:center}.empty-state p{font-family:Rubik,Arial,sans-serif;font-size:13px;color:#6c757d;margin:0}.empty-state.small{padding:16px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;gap:10px}.loading-state.small{padding:16px}.loading-state .spinner{width:24px;height:24px;border:2px solid var(--gray);border-top-color:var(--malachite);border-radius:50%;animation:spin .8s linear infinite}.loading-state span{font-family:Rubik,Arial,sans-serif;font-size:13px;color:#6c757d}@keyframes spin{to{transform:rotate(360deg)}}.edited-segments-list{flex:1;overflow-y:auto;padding:6px}.edited-segment-item{display:flex;align-items:flex-start;gap:6px;padding:6px;background-color:#f8f9fa;border:1px solid var(--gray);border-radius:6px;margin-bottom:4px;cursor:grab;transition:all .2s ease}.edited-segment-item:active{cursor:grabbing}.edited-segment-item.dragging{opacity:.5;background-color:#e0f2fe;border:2px dashed var(--malachite)}.drag-handle{color:#adb5bd;cursor:grab;padding:2px}.drag-handle:active{cursor:grabbing}.edited-segment-content{flex:1;min-width:0}.edited-segment-time{font-family:Rubik,Arial,sans-serif;font-size:10px;color:var(--cyan);margin-bottom:1px}.edited-segment-text{font-family:Rubik,Arial,sans-serif;font-size:11px;color:var(--charade);line-height:1.25}.edited-segment-actions{display:flex;flex-direction:column;gap:2px}.edited-actions{display:flex;justify-content:flex-end;gap:6px;padding:8px;border-top:1px solid var(--gray);background-color:#f8f9fa}.play-all-btn{display:flex;align-items:center;gap:6px;background-color:var(--cyan);color:var(--white);border:none;padding:6px 16px;font-family:Rubik,Arial,sans-serif;font-size:12px;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s ease}.play-all-btn:hover{background-color:#00b8e6}.play-all-btn:disabled{background-color:#ccc;cursor:not-allowed}.play-all-btn.playing{background-color:#ff6b35}.play-all-btn.playing:hover{background-color:#e55a2b}.play-all-btn svg{width:12px;height:12px;fill:currentColor}.clear-btn{background:none;border:1px solid var(--gray);padding:6px 16px;font-family:Rubik,Arial,sans-serif;font-size:12px;color:var(--charade);border-radius:4px;cursor:pointer;transition:all .2s ease}.clear-btn:hover{border-color:#dc3545;color:#dc3545}.export-btn{background-color:var(--malachite);color:var(--white);border:none;padding:6px 16px;font-family:Rubik,Arial,sans-serif;font-size:12px;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.export-btn:hover{background-color:#00c03d}.no-project-state{display:flex;align-items:center;justify-content:center;min-height:400px;background-color:#f8f9fa;border:2px dashed var(--gray);border-radius:12px;margin-top:20px}.no-project-content{text-align:center;padding:30px}.no-project-content svg{color:#adb5bd;margin-bottom:16px}.no-project-content h2{font-family:Rubik,Arial,sans-serif;font-size:20px;font-weight:600;color:var(--charade);margin:0 0 10px}.no-project-content p{font-family:Rubik,Arial,sans-serif;font-size:14px;color:#6c757d;margin:0 0 6px}.no-project-content .hint{font-size:13px;color:#adb5bd;font-style:italic}@media(max-width:1200px){.content-section{flex-direction:column}.edited-panel{width:100%;min-width:100%;min-height:300px}}@media(max-width:900px){.video-section{flex-direction:column}}@media(max-width:768px){.podcast-container{padding:12px}.video-stats{flex-wrap:wrap;gap:16px}.tab-bar{flex-wrap:wrap}}.video-player-container.preview .video-wrapper.preview-wrapper{display:flex;align-items:center;justify-content:center;background-color:transparent;height:360px}.aspect-ratio-preview{background-color:#f5f5f5;border:2px dashed #d1d1d1;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.aspect-ratio-preview svg{color:#adb5bd}.aspect-ratio-stat{position:relative;z-index:200}.aspect-ratio-selector{position:relative}.aspect-ratio-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--cyan);border-radius:4px;cursor:pointer;padding:4px 8px}.aspect-ratio-btn .stat-value{font-size:14px}.aspect-ratio-btn svg{color:var(--cyan)}.aspect-ratio-dropdown{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);background-color:var(--white);border:1px solid var(--gray);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:80px;overflow:visible}.aspect-ratio-option{padding:8px 16px;font-family:Rubik,Arial,sans-serif;font-size:13px;color:var(--charade);cursor:pointer;text-align:center;transition:background-color .2s ease}.aspect-ratio-option:hover{background-color:#f8f9fa}.aspect-ratio-option.selected{background-color:#00ceff1a;color:var(--cyan);font-weight:500}.captions-stat{display:flex;flex-direction:column;align-items:center}.captions-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer}.captions-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--malachite)}.edited-segment-number{background-color:var(--malachite);color:var(--white);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Rubik,Arial,sans-serif;font-size:11px;font-weight:600;flex-shrink:0}.edited-segment-time{display:flex;align-items:center;gap:4px}.time-start{color:var(--cyan);font-family:Rubik,Arial,sans-serif;font-size:11px;font-weight:500}.time-separator{color:#6c757d;font-size:10px}.time-end{color:#ff6b35;font-family:Rubik,Arial,sans-serif;font-size:11px;font-weight:500}.time-duration{color:#6c757d;font-family:Rubik,Arial,sans-serif;font-size:10px;font-style:italic}.edited-segment-item{display:flex;align-items:center;gap:8px;padding:8px;background-color:#f8f9fa;border:1px solid var(--gray);border-radius:6px;margin-bottom:6px}.edited-segment-actions{display:flex;gap:4px;flex-shrink:0}.edited-segment-actions .action-btn{width:24px;height:24px}.edited-segment-actions .action-btn svg{width:12px;height:12px;stroke:var(--charade)}.edited-panel:has(.edited-segment-item){border-color:var(--malachite)}.edited-panel:has(.edited-segment-item) .panel-header{background-color:#00d7440d;border-bottom-color:#00d74433}.story-status{margin-top:12px;padding-top:12px;border-top:1px solid var(--gray)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-family:Rubik,Arial,sans-serif;font-size:12px;font-weight:500}.status-badge.success{background-color:#00d7441a;color:var(--malachite);border:1px solid var(--malachite)}.status-badge.error{background-color:#dc35451a;color:#dc3545;border:1px solid #dc3545}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--white);padding:24px;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;width:90%}.modal-content h3{font-family:Rubik,Arial,sans-serif;font-size:18px;font-weight:600;color:var(--charade);margin:0 0 8px}.modal-content p{font-family:Rubik,Arial,sans-serif;font-size:14px;color:#6c757d;margin:0 0 16px}.story-name-input{width:100%;padding:12px;font-family:Rubik,Arial,sans-serif;font-size:14px;border:1px solid var(--gray);border-radius:6px;margin-bottom:16px;box-sizing:border-box}.story-name-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 2px #00ceff33}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.cancel-btn{padding:10px 20px;font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;background:none;border:1px solid var(--gray);border-radius:6px;cursor:pointer;color:var(--charade);transition:all .2s ease}.cancel-btn:hover{background-color:#f8f9fa}.confirm-btn{padding:10px 20px;font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;background-color:var(--malachite);border:none;border-radius:6px;cursor:pointer;color:var(--white);transition:all .2s ease}.confirm-btn:hover{background-color:#00c03d}.confirm-btn:disabled{background-color:#ccc;cursor:not-allowed}.export-btn:disabled{background-color:#ccc;cursor:not-allowed}.stories-dropdown-container{position:relative;z-index:300}.stories-dropdown-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--white);border:1px solid var(--gray);border-radius:8px;cursor:pointer;font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;color:var(--charade);transition:all .2s ease}.stories-dropdown-btn:hover{border-color:var(--cyan);background-color:#f8f9fa}.stories-dropdown-btn svg{width:16px;height:16px;stroke:var(--charade)}.story-count{background-color:var(--cyan);color:var(--white);font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;transition:all .3s ease}.stories-dropdown-btn.has-new-story{border-color:var(--malachite);background-color:#00d7441a;animation:glow-pulse 1.5s ease-in-out infinite}.stories-dropdown-btn.has-new-story:hover{background-color:#00d74426}.story-count.pulse{background-color:var(--malachite);animation:count-pulse 1s ease-in-out infinite}.new-story-badge{background-color:var(--malachite);color:var(--white);font-size:10px;font-weight:600;padding:2px 6px;border-radius:8px;animation:badge-bounce .5s ease-in-out}@keyframes glow-pulse{0%,to{box-shadow:0 0 #00d74466}50%{box-shadow:0 0 8px 2px #00d74499}}@keyframes count-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes badge-bounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.stories-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:300px;max-width:400px;background-color:var(--white);border:1px solid var(--gray);border-radius:8px;box-shadow:0 4px 20px #00000026;overflow:hidden}.stories-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f8f9fa;border-bottom:1px solid var(--gray);font-family:Rubik,Arial,sans-serif;font-size:12px;font-weight:600;color:var(--charade);text-transform:uppercase;letter-spacing:.5px}.loading-indicator{font-weight:400;color:var(--cyan);text-transform:none}.no-stories{padding:24px 16px;text-align:center}.no-stories p{margin:0;font-family:Rubik,Arial,sans-serif;font-size:14px;color:var(--charade)}.no-stories .hint{font-size:12px;color:#6c757d;margin-top:4px}.stories-list{max-height:300px;overflow-y:auto}.story-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.story-item:hover{background-color:#f8f9fa}.story-item.selected{background-color:#00ceff1a;border-left:3px solid var(--cyan)}.story-item:last-child{border-bottom:none}.story-item-info{display:flex;flex-direction:column;gap:2px}.story-item-name{font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;color:var(--charade)}.story-item-meta,.story-item-date{font-family:Rubik,Arial,sans-serif;font-size:11px;color:#6c757d}.preview-video{max-width:100%;max-height:100%;height:100%;width:auto;object-fit:contain;border-radius:8px}.preview-wrapper{position:relative;background-color:transparent;height:360px}.story-creating-overlay{position:absolute;inset:0;z-index:10;background:#08231bbf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:8px}.story-creating-overlay .spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.2);border-top-color:#00d744;border-radius:50%;animation:spin .8s linear infinite}.story-creating-overlay span{font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;color:#fff;letter-spacing:.02em}.clear-preview-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background-color:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.clear-preview-btn:hover{background-color:#dc3545cc}.clear-preview-btn svg{width:14px;height:14px;stroke:var(--white)}.story-preview-info{padding:8px;background-color:#f8f9fa;border-radius:0 0 4px 4px;text-align:center}.story-preview-name{font-family:Rubik,Arial,sans-serif;font-size:12px;font-weight:500;color:var(--charade)}.video-processing-overlay{position:absolute;inset:0;background:linear-gradient(160deg,#08231b,#0c3022 60%,#0a2820);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:10;color:var(--white);font-family:Rubik,Arial,sans-serif;padding:24px;border-radius:8px 8px 0 0}.processing-pulse-rings{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.processing-pulse-rings svg{position:relative;z-index:2;animation:processingIconPulse 2.2s ease-in-out infinite}.pulse-ring{position:absolute;border-radius:50%;border:2px solid rgba(3,215,68,.35);animation:processingRingPulse 2.4s ease-out infinite}.pulse-ring.ring-1{width:80px;height:80px;animation-delay:0s}.pulse-ring.ring-2{width:58px;height:58px;animation-delay:.5s}.pulse-ring.ring-3{width:38px;height:38px;animation-delay:1s}@keyframes processingRingPulse{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.5);opacity:0}}@keyframes processingIconPulse{0%,to{opacity:.65}50%{opacity:1}}.processing-title{font-size:15px;font-weight:600;color:#03d744;letter-spacing:.03em}.processing-subtitle{font-size:12px;color:#ffffff8c;text-align:center;max-width:260px;line-height:1.55}.processing-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;text-align:center}.processing-state .spinner{width:36px;height:36px;border:3px solid rgba(3,215,68,.2);border-top-color:#03d744;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.processing-text{display:flex;flex-direction:column;gap:8px;max-width:280px}.processing-state-title{font-size:14px;font-weight:600;color:#1a1a1a;font-family:Rubik,Arial,sans-serif}.processing-state-msg{font-size:12px;color:#666;line-height:1.55;font-family:Rubik,Arial,sans-serif}.check-again-btn{padding:8px 22px;background:#03d744;color:#08231b;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,opacity .18s;font-family:Rubik,Arial,sans-serif;flex-shrink:0}.check-again-btn:hover:not(:disabled){background:#02bf3c}.check-again-btn:disabled{opacity:.55;cursor:not-allowed}.na-root{min-height:100vh;display:flex;flex-direction:column;background-color:#f0f2f5;font-family:Rubik,Arial,sans-serif}.na-header{height:64px;background:#fff;box-shadow:0 1px 4px #0000000f;display:flex;align-items:center;padding:0 32px}.na-logo{height:32px;display:block}.na-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 16px}.na-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:48px 44px;max-width:480px;width:100%;text-align:center}.na-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#00d74414;border-radius:50%;margin-bottom:24px}.na-title{font-size:24px;font-weight:700;color:#282831;margin:0 0 12px}.na-desc{font-size:15px;color:#6b7280;line-height:1.65;margin:0 0 32px}.na-desc strong{color:#282831;font-weight:600}.na-actions{display:flex;flex-direction:column;gap:12px}.na-btn-primary{display:block;width:100%;padding:13px 24px;background-color:#00d744;color:#fff;border:none;border-radius:10px;font-family:Rubik,Arial,sans-serif;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .2s ease,transform .15s ease;box-sizing:border-box}.na-btn-primary:hover{background-color:#00c03d;transform:translateY(-1px)}.na-btn-ghost{display:block;width:100%;padding:12px 24px;background:transparent;color:#6b7280;border:1.5px solid #e2e5ea;border-radius:10px;font-family:Rubik,Arial,sans-serif;font-size:15px;font-weight:500;cursor:pointer;transition:border-color .2s ease,color .2s ease}.na-btn-ghost:hover{border-color:#282831;color:#282831}.unauth-root{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5;font-family:Rubik,Arial,sans-serif}.unauth-header{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:64px;background-color:#fff;border-bottom:none;box-shadow:0 1px 4px #0000000f,0 2px 12px #0000000a;flex-shrink:0;position:sticky;top:0;z-index:100}.unauth-header-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.unauth-header-brand-name{font-family:Rubik,Arial,sans-serif;font-size:18px;font-weight:400;color:#282831;letter-spacing:-.2px}.unauth-header-brand-name strong{font-weight:700;color:#00d744}.unauth-header-nav{display:flex;align-items:center;gap:12px}.unauth-nav-link{font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;color:#6c757d;text-decoration:none;padding:8px 16px;border-radius:8px;transition:color .2s ease,background-color .2s ease}.unauth-nav-link:hover,.unauth-nav-link.active{color:#282831;background-color:#f5f5f5}.unauth-nav-cta{font-family:Rubik,Arial,sans-serif;font-size:13px;font-weight:500;color:#fff;background-color:#00d744;text-decoration:none;padding:7px 14px;border-radius:6px;border:none;display:inline-flex;align-items:center;cursor:pointer;transition:background-color .2s ease}.unauth-nav-cta:hover{background-color:#00c03d;color:#fff;text-decoration:none}.unauth-nav-cta:active{background-color:#00a832}.unauth-nav-cta.active{background-color:#00c03d}.unauth-nav-cta--disabled{background-color:#c8c8c8;color:#fff;cursor:not-allowed;pointer-events:none;font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;padding:9px 20px;border-radius:8px;text-decoration:none;display:inline-block}.unauth-body{display:flex;flex:1;overflow:hidden;min-height:calc(100vh - 64px)}.unauth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:48px 40px;background-color:#fff}.unauth-form-card{background-color:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f,0 8px 32px #00000014;border:1px solid rgba(0,0,0,.06);padding:48px 44px;width:100%;max-width:460px}.unauth-form-inner{width:100%}.unauth-brand-panel{flex:0 0 40%;min-width:40%;background-color:#282831;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:60px 48px}.unauth-panel-dots{position:absolute;opacity:.6}.unauth-panel-dots:first-of-type{top:-20px;right:-20px}.unauth-panel-dots:nth-of-type(2){bottom:80px;left:-20px;transform:rotate(180deg)}.unauth-panel-glow{position:absolute;bottom:-120px;left:50%;transform:translate(-50%);width:400px;height:300px;background:radial-gradient(ellipse at center,rgba(0,215,68,.22) 0%,transparent 70%);pointer-events:none}.unauth-brand-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:0}.unauth-brand-headline{font-family:Rubik,Arial,sans-serif;font-size:38px;font-weight:700;color:#fff;line-height:1.2;margin:28px 0 14px;letter-spacing:-.5px}.unauth-brand-headline span{color:#00d744}.unauth-brand-sub{font-family:Rubik,Arial,sans-serif;font-size:15px;color:#ffffff8c;line-height:1.6;margin:0 0 36px;max-width:320px}.unauth-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.unauth-feature-item{display:flex;align-items:center;gap:12px;font-family:Rubik,Arial,sans-serif;font-size:14px;color:#ffffffbf}.unauth-feature-icon{color:#00d744;font-size:10px;flex-shrink:0}@media(max-width:900px){.unauth-brand-panel{display:none}.unauth-header{padding:0 20px}.unauth-form-panel{padding:32px 20px}}@media(max-width:480px){.unauth-nav-cta{padding:8px 14px;font-size:13px}.unauth-nav-link{padding:8px 10px;font-size:13px}}.af-forgot-row{display:flex;justify-content:flex-end;margin-top:-8px}.af-text-link{font-family:Rubik,Arial,sans-serif;font-size:13px;color:var(--charade);text-decoration:none;transition:color .2s ease}.af-text-link:hover{color:var(--malachite);text-decoration:underline}.af-text-link--disabled{color:#adb5bd;cursor:not-allowed;pointer-events:none}.af-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:var(--white);border-radius:50%;animation:signin-spin .7s linear infinite;flex-shrink:0}@keyframes signin-spin{to{transform:rotate(360deg)}}.af-footer-link--disabled{color:#adb5bd;cursor:not-allowed;pointer-events:none;font-weight:500}.auth-snackbar{position:fixed;top:32px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:10px;min-width:320px;max-width:520px;padding:14px 18px;background:#fff1f1;color:#7f1d1d;border:1px solid #fca5a5;border-radius:10px;box-shadow:0 8px 32px #ef44441f,0 2px 8px #ef444414;font-family:Rubik,Arial,sans-serif;font-size:14px;line-height:1.5;animation:snack-in .25s cubic-bezier(.22,1,.36,1)}.auth-snackbar-icon{flex-shrink:0;display:flex;align-items:center;color:#ef4444}.auth-snackbar-message{flex:1}.auth-snackbar-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#f87171;padding:2px;border-radius:4px;transition:color .15s ease}.auth-snackbar-close:hover{color:#7f1d1d}@keyframes snack-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.af-heading{margin-bottom:28px}.af-title{font-family:Rubik,Arial,sans-serif;font-size:26px;font-weight:700;color:var(--charade);margin:0 0 6px}.af-subtitle{font-family:Rubik,Arial,sans-serif;font-size:14px;color:#6c757d;margin:0;line-height:1.5}.af-form{display:flex;flex-direction:column;gap:18px}.af-field{display:flex;flex-direction:column;gap:6px}.af-label{font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;color:var(--charade)}.af-input-wrap{position:relative;display:flex;align-items:center}.af-input{width:100%;padding:12px 44px 12px 14px;font-family:Rubik,Arial,sans-serif;font-size:14px;border:1px solid var(--gray);border-radius:8px;background-color:var(--white);color:var(--charade);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;outline:none}.af-input::placeholder{color:#adb5bd}.af-input:focus{border-color:var(--malachite);box-shadow:0 0 0 3px #00d7441f}.af-input.is-error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.af-input-icon{position:absolute;right:12px;color:#adb5bd;display:flex;align-items:center;pointer-events:none}.af-input-icon.is-clickable{pointer-events:auto;cursor:pointer;transition:color .2s ease}.af-input-icon.is-clickable:hover{color:var(--charade)}.af-field-error{font-family:Rubik,Arial,sans-serif;font-size:12px;color:#dc3545}.af-strength-bars{display:flex;gap:4px;margin-top:6px}.af-strength-bar{flex:1;height:4px;border-radius:2px;background-color:var(--gray);transition:background-color .3s ease}.af-strength-bar.weak{background-color:#dc3545}.af-strength-bar.fair{background-color:#fd7e14}.af-strength-bar.good{background-color:#ffc107}.af-strength-bar.strong{background-color:var(--malachite)}.af-strength-label{font-family:Rubik,Arial,sans-serif;font-size:12px;color:#6c757d;margin-top:4px}.af-btn-primary{width:100%;padding:13px 24px;font-family:Rubik,Arial,sans-serif;font-size:15px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--malachite);color:var(--white);margin-top:4px;text-decoration:none}.af-btn-primary:hover:not(:disabled){background-color:#00c03d;transform:translateY(-1px);box-shadow:0 4px 12px #00d7444d}.af-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.af-btn-primary:disabled{opacity:.6;cursor:not-allowed}.af-alert{padding:12px 16px;border-radius:8px;font-family:Rubik,Arial,sans-serif;font-size:14px;display:flex;align-items:flex-start;gap:10px;line-height:1.5;margin-bottom:20px}.af-alert.af-alert-error{background-color:#fff5f5;border:1px solid #ffd0d0;color:#c0392b}.af-alert.af-alert-success{background-color:#f0fff4;border:1px solid #c8f0d5;color:#1a7a40}.af-alert-icon{flex-shrink:0;margin-top:1px}.af-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:var(--white);border-radius:50%;animation:signup-spin .7s linear infinite;flex-shrink:0}@keyframes signup-spin{to{transform:rotate(360deg)}}.af-footer{text-align:center;margin-top:28px;font-family:Rubik,Arial,sans-serif;font-size:14px;color:#6c757d}.af-footer-link{color:var(--malachite);font-weight:500;text-decoration:none;transition:color .2s ease}.af-footer-link:hover{color:#00c03d;text-decoration:underline}.auth-back-row{display:flex;align-items:center;gap:6px;margin-bottom:24px}.auth-back-btn{background:none;border:none;padding:0;font-family:Rubik,Arial,sans-serif;font-size:14px;color:#6c757d;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .2s ease}.auth-back-btn:hover{color:var(--charade)}.auth-alert.success{background-color:#f0fff4;border:1px solid #c8f0d5;color:#1a7a40}.auth-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:var(--white);border-radius:50%;animation:forgot-spin .7s linear infinite;flex-shrink:0}@keyframes forgot-spin{to{transform:rotate(360deg)}}:root{--malachite: #00D744;--cyan: #00CEFF;--bush: #08231B;--charade: #282831;--gray: #E9E9E9;--white: #ffffff}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;padding:24px 16px;font-family:Rubik,Arial,sans-serif}.auth-card{background-color:var(--white);border-radius:16px;box-shadow:0 4px 24px #00000014;padding:48px 40px;width:100%;max-width:440px}.auth-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.auth-brand-logo{width:48px;height:48px;margin-bottom:12px}.auth-brand-name{font-family:Rubik,Arial,sans-serif;font-size:22px;font-weight:700;color:var(--charade);letter-spacing:-.3px}.auth-brand-name span{color:var(--malachite)}.auth-title{font-family:Rubik,Arial,sans-serif;font-size:24px;font-weight:700;color:var(--charade);margin:0 0 6px;text-align:center}.auth-subtitle{font-family:Rubik,Arial,sans-serif;font-size:14px;color:#6c757d;margin:0 0 32px;text-align:center;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;color:var(--charade)}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input{width:100%;padding:12px 44px 12px 14px;font-family:Rubik,Arial,sans-serif;font-size:14px;border:1px solid var(--gray);border-radius:8px;background-color:var(--white);color:var(--charade);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;outline:none}.auth-input::placeholder{color:#adb5bd}.auth-input:focus{border-color:var(--malachite);box-shadow:0 0 0 3px #00d7441f}.auth-input.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.auth-input.no-icon{padding-right:14px}.auth-input-icon{position:absolute;right:12px;color:#adb5bd;display:flex;align-items:center;pointer-events:none}.auth-input-icon.clickable{pointer-events:auto;cursor:pointer;transition:color .2s ease}.auth-input-icon.clickable:hover{color:var(--charade)}.auth-field-error{font-family:Rubik,Arial,sans-serif;font-size:12px;color:#dc3545}.auth-password-strength{display:flex;gap:4px;margin-top:2px}.auth-strength-bar{flex:1;height:4px;border-radius:2px;background-color:var(--gray);transition:background-color .3s ease}.auth-strength-bar.weak{background-color:#dc3545}.auth-strength-bar.fair{background-color:#fd7e14}.auth-strength-bar.good{background-color:#ffc107}.auth-strength-bar.strong{background-color:var(--malachite)}.auth-strength-label{font-family:Rubik,Arial,sans-serif;font-size:12px;color:#6c757d;margin-top:4px}.reset-requirements{margin:0;padding:0 0 0 18px;font-family:Rubik,Arial,sans-serif;font-size:13px;color:#6c757d;line-height:1.7}.reset-requirements li.met{color:var(--malachite)}.auth-btn{width:100%;padding:13px 24px;font-family:Rubik,Arial,sans-serif;font-size:15px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.auth-btn-primary{background-color:var(--malachite);color:var(--white);margin-top:4px}.auth-btn-primary:hover:not(:disabled){background-color:#00c03d;transform:translateY(-1px);box-shadow:0 4px 12px #00d7444d}.auth-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.auth-btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-alert{padding:12px 16px;border-radius:8px;font-family:Rubik,Arial,sans-serif;font-size:14px;display:flex;align-items:flex-start;gap:10px;line-height:1.5}.auth-alert.error{background-color:#fff5f5;border:1px solid #ffd0d0;color:#c0392b}.auth-alert-icon{flex-shrink:0;margin-top:1px}.auth-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:var(--white);border-radius:50%;animation:reset-spin .7s linear infinite;flex-shrink:0}@keyframes reset-spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:28px;font-family:Rubik,Arial,sans-serif;font-size:14px;color:#6c757d}.auth-footer a{color:var(--malachite);font-weight:500;text-decoration:none;transition:color .2s ease}.auth-footer a:hover{color:#00c03d;text-decoration:underline}@media(max-width:480px){.auth-card{padding:36px 24px}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:420px;pointer-events:none}.toast-item{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:10px;box-shadow:0 8px 32px #00000059;pointer-events:auto;animation:toast-slide-in .3s ease-out;border-left:4px solid}.toast-item.toast-exit{animation:toast-slide-out .3s ease-in forwards}.toast-success{background:#1a2e1a;border-left-color:#4caf50;color:#e0e0e0}.toast-error{background:#2e1a1a;border-left-color:#f44336;color:#e0e0e0}.toast-info{background:#1a1a2e;border-left-color:#2196f3;color:#e0e0e0}.toast-icon{font-size:20px;flex-shrink:0;margin-top:1px}.toast-body{flex:1;min-width:0}.toast-title{display:block;font-size:14px;font-weight:600;margin-bottom:2px}.toast-message{margin:0;font-size:12px;opacity:.85;word-break:break-word}.toast-close{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;padding:0 4px;opacity:.6;flex-shrink:0}.toast-close:hover{opacity:1}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}#root{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}