:root{--bg: #14161a;--surface: #1c1f26;--surface-raised: #23262e;--surface-hover: #2a2e37;--border: #2c2f38;--text: #f2f1ed;--text-muted: #8b909a;--text-faint: #565b66;--record: #ff4438;--record-dim: #ff443822;--teal: #35c9b0;--teal-dim: #35c9b01f;--amber: #f5a623;--amber-dim: #f5a6231f;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 10px;--radius-sm: 6px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit;color:inherit}a{color:inherit}button{cursor:pointer;border:none;background:none}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}::selection{background:var(--record-dim);color:var(--text)}h1,h2,h3{font-family:var(--font-display);margin:0;letter-spacing:-.01em}.mono{font-family:var(--font-mono)}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:18px}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--record);box-shadow:0 0 0 3px var(--record-dim)}.topbar-actions{display:flex;align-items:center;gap:12px}.pill{font-size:12px;font-family:var(--font-mono);padding:4px 10px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted)}.pill.active{color:var(--teal);border-color:var(--teal);background:var(--teal-dim)}.pill.free{color:var(--amber);border-color:var(--amber);background:var(--amber-dim)}.btn{padding:9px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:background .15s ease,transform .1s ease}.btn-primary{background:var(--record);color:#16110f;font-weight:600}.btn-primary:hover{background:#ff5a4f}.btn-primary:active{transform:scale(.98)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--text-faint)}.btn-teal{background:var(--teal);color:#0c211d;font-weight:600}.btn-teal:hover{background:#4bd9c1}.auth-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.auth-card h1{font-size:24px;margin-bottom:6px}.auth-card p.sub{color:var(--text-muted);font-size:14px;margin:0 0 24px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:6px}.field input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px}.field input:focus-visible{outline:2px solid var(--teal);outline-offset:0}.error-text{color:var(--record);font-size:13px;margin:8px 0 0}.switch-line{margin-top:18px;font-size:13px;color:var(--text-muted);text-align:center}.switch-line button{color:var(--teal);font-weight:500}.dash{flex:1;display:grid;grid-template-columns:240px 1fr}.sidebar{border-right:1px solid var(--border);padding:20px 16px;background:var(--surface)}.sidebar h3{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:10px;font-family:var(--font-body);font-weight:600}.folder-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;color:var(--text-muted)}.folder-item:hover,.folder-item.active{background:var(--surface-hover);color:var(--text)}.dash-main{padding:28px}.dash-main-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.script-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.script-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:border-color .15s ease}.script-card:hover{border-color:var(--text-faint)}.script-card h4{font-family:var(--font-display);font-size:15px;margin:0 0 8px}.script-card .meta{font-size:12px;color:var(--text-faint);font-family:var(--font-mono)}.empty-state{border:1px dashed var(--border);border-radius:var(--radius);padding:48px 24px;text-align:center;color:var(--text-muted)}.editor-shell{flex:1;display:flex;flex-direction:column;background:var(--bg)}.editor-top{display:flex;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.title-input{background:transparent;border:none;font-family:var(--font-display);font-size:17px;font-weight:600;flex:1;padding:4px 0}.runtime-badge{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:14px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg)}.runtime-badge .value{color:var(--teal);font-weight:600}.timeline-wrap{padding:14px 24px 10px;background:var(--surface);border-bottom:1px solid var(--border)}.timeline-ruler{position:relative;height:46px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.timeline-track{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.timeline-segment{position:relative;border-right:1px solid var(--border);height:100%;transition:background .15s ease}.timeline-segment.zone-hook{background:linear-gradient(180deg,var(--record-dim),transparent)}.timeline-segment.flag-cta{box-shadow:inset 0 -3px 0 var(--record)}.timeline-segment.flag-rehook{box-shadow:inset 0 -3px 0 var(--teal)}.timeline-segment.flag-interrupt{box-shadow:inset 0 -3px 0 var(--amber)}.timeline-marker{position:absolute;bottom:4px;left:6px;font-size:9px;font-family:var(--font-mono);color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.timeline-flags-legend{display:flex;gap:16px;margin-top:8px;font-size:11px;color:var(--text-faint);font-family:var(--font-mono)}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.timeline-warnings{margin-top:8px;display:flex;flex-direction:column;gap:4px}.timeline-warning{font-size:12px;color:var(--amber);display:flex;align-items:center;gap:6px}.editor-body{flex:1;overflow-y:auto;padding:20px 24px 80px;display:flex;flex-direction:column;gap:10px}.segment-row{display:grid;grid-template-columns:64px 1fr 260px 32px;gap:10px;align-items:start}.segment-time{font-family:var(--font-mono);font-size:12px;color:var(--text-faint);padding-top:12px;text-align:right}.segment-script,.segment-notes{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;font-size:14px;line-height:1.55;resize:none;min-height:64px;width:100%}.segment-script{font-family:var(--font-body)}.segment-notes{font-family:var(--font-mono);font-size:12.5px;color:var(--text-muted);background:var(--bg)}.segment-notes::placeholder{color:var(--text-faint)}.segment-controls{display:flex;flex-direction:column;gap:4px;padding-top:4px}.flag-btn{font-size:9px;font-family:var(--font-mono);padding:3px 6px;border-radius:4px;border:1px solid var(--border);color:var(--text-faint);text-transform:uppercase;text-align:left}.flag-btn.on-hook{color:var(--record);border-color:var(--record);background:var(--record-dim)}.flag-btn.on-rehook{color:var(--teal);border-color:var(--teal);background:var(--teal-dim)}.flag-btn.on-interrupt{color:var(--amber);border-color:var(--amber);background:var(--amber-dim)}.flag-btn.on-cta{color:var(--record);border-color:var(--record);background:var(--record-dim)}.remove-segment{color:var(--text-faint);font-size:18px;padding-top:8px}.remove-segment:hover{color:var(--record)}.add-segment-btn{align-self:flex-start;margin-top:4px;font-size:13px;color:var(--text-muted);border:1px dashed var(--border);padding:10px 16px;border-radius:var(--radius-sm)}.add-segment-btn:hover{color:var(--text);border-color:var(--text-faint)}.teleprompter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:50;display:flex;flex-direction:column}.teleprompter-controls{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--border)}.teleprompter-text{flex:1;overflow:hidden;position:relative}.teleprompter-inner{font-family:var(--font-display);font-size:40px;line-height:1.6;padding:45vh 12% 60vh;color:var(--text)}.teleprompter-inner p{margin:0 0 28px}.speed-control{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.speed-control input[type=range]{width:120px}.billing-wrap{max-width:560px;margin:0 auto;padding:48px 24px}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:16px}.plan-card .price{font-family:var(--font-display);font-size:32px;margin:8px 0 16px}.plan-card .price span{font-size:14px;color:var(--text-muted);font-family:var(--font-body)}.feature-list{list-style:none;padding:0;margin:0 0 20px}.feature-list li{padding:6px 0;font-size:14px;color:var(--text-muted);display:flex;gap:8px}.feature-list li:before{content:"—";color:var(--teal)}