:root{--bg-primary: #0d0d12;--bg-secondary: #16161f;--bg-card: #1c1c28;--bg-input: #22222e;--border: #2a2a3a;--text-primary: #e8e8ed;--text-secondary: #8888a0;--text-muted: #55556a;--accent: #6c5ce7;--accent-hover: #7c6df7;--accent-dim: rgba(108, 92, 231, .15);--success: #00b894;--warning: #fdcb6e;--danger: #e17055;--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--shadow: 0 2px 12px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100dvh;overscroll-behavior:none;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}.app-shell{display:flex;min-height:100dvh}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;outline:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:1rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .8rem;outline:none;transition:border-color .2s;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent)}.container{width:100%;max-width:480px;margin:0 auto;padding:0 1rem}.container--wide{width:100%;max-width:900px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.2rem;border-radius:var(--radius);font-weight:600;font-size:.9rem;transition:background .2s,opacity .2s;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-input)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.85}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-block{width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem}.page-header{padding:1rem 0 .5rem}.page-header h1{font-size:1.4rem;font-weight:700}.page-header p{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.hero{width:100%;padding:3rem 1.5rem 2.5rem;text-align:center;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border)}.hero__title{font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;letter-spacing:-.02em;margin:0;color:var(--text-primary)}.hero__tagline{font-size:1rem;color:var(--text-secondary);margin:.5rem 0 0;max-width:420px;margin-left:auto;margin-right:auto;line-height:1.5}.browse-grid{display:grid;gap:.75rem}@media(min-width:600px){.browse-grid{grid-template-columns:repeat(2,1fr)}}.label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot--active{background:var(--success)}.status-dot--inactive{background:var(--text-muted)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:60px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;overflow:hidden;transition:width .25s ease}.sidebar:hover{width:220px;overflow-y:auto}.sidebar__brand{padding:1rem .5rem;font-size:0;font-weight:700;color:var(--text-primary);letter-spacing:.02em;border-bottom:1px solid var(--border);white-space:nowrap;text-align:center;min-height:52px;display:flex;align-items:center;justify-content:center}.sidebar__brand:after{content:"SC";font-size:.85rem;font-weight:700;color:var(--accent)}.sidebar:hover .sidebar__brand{font-size:1rem;padding:1.25rem 1rem 1rem;text-align:left;justify-content:flex-start}.sidebar:hover .sidebar__brand:after{content:none}.sidebar__links{display:flex;flex-direction:column;gap:2px;padding:.5rem .25rem}.sidebar:hover .sidebar__links{padding:.5rem}.sidebar__link{display:flex;align-items:center;gap:.65rem;padding:.6rem;justify-content:center;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;color:var(--text-muted);text-decoration:none;transition:background .15s,color .15s}.sidebar:hover .sidebar__link{justify-content:flex-start;padding:.6rem .75rem}.sidebar__link:hover{background:var(--bg-input);color:var(--text-primary)}.sidebar__link.active{background:var(--accent-dim);color:var(--accent)}.sidebar__link-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.sidebar__link-icon svg{display:block}.sidebar__link-label{white-space:nowrap;opacity:0;width:0;overflow:hidden;transition:opacity .2s ease .05s,width .2s ease}.sidebar:hover .sidebar__link-label{opacity:1;width:auto}.app-shell .page-content{flex:1;margin-left:60px;padding-bottom:2rem;min-height:100dvh;transition:margin-left .25s ease}.app-shell--full .page-content{margin-left:0}@media(max-width:768px){.sidebar,.sidebar:hover{width:60px}.sidebar:hover .sidebar__brand{font-size:0;padding:1rem .5rem;text-align:center;justify-content:center}.sidebar:hover .sidebar__brand:after{content:"SC"}.sidebar:hover .sidebar__link{justify-content:center;padding:.6rem}.sidebar:hover .sidebar__link-label{opacity:0;width:0}.app-shell .page-content{margin-left:60px}}.list-gap>*+*{margin-top:.6rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 1.5s ease-in-out infinite}.spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-right:.4rem}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.progress{height:4px;background:var(--bg-input);border-radius:2px;overflow:hidden}.progress-indeterminate{position:relative}.progress-indeterminate:after{content:"";position:absolute;left:0;top:0;bottom:0;width:30%;background:var(--accent);border-radius:2px;animation:progress-indeterminate 1.5s ease-in-out infinite}.btn-generate-wrap .btn{position:relative}.btn-generate-progress{position:absolute;left:0;bottom:0;height:4px;background:#ffffff80;border-radius:0 0 var(--radius) 0;transition:width .2s ease-out;pointer-events:none}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:.6rem;top:0;bottom:0;width:2px;background:var(--border)}.timeline-block{position:relative;margin-bottom:.75rem}.timeline-block:before{content:"";position:absolute;left:-1.65rem;top:1rem;width:10px;height:10px;border-radius:50%;background:var(--border);border:2px solid var(--bg-primary);z-index:1}.timeline-block--speech:before{background:var(--accent)}.timeline-block--pause:before{background:var(--warning)}.timeline-block--audio:before{background:var(--success)}.block-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;transition:border-color .2s,box-shadow .2s}.block-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim)}.block-card__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.block-card__type-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;border-radius:var(--radius-sm);line-height:1}.block-card__type-badge--speech{color:var(--accent);background:var(--accent-dim)}.block-card__type-badge--pause{color:var(--warning);background:#fdcb6e1f}.block-card__type-badge--audio{color:var(--success);background:#00b8941f}.block-card__number{font-size:.7rem;color:var(--text-muted);font-weight:600}.block-card__actions{display:flex;gap:.25rem;align-items:center}.block-card__actions button{padding:.25rem .4rem;font-size:.75rem;color:var(--text-muted);border-radius:var(--radius-sm);transition:background .15s,color .15s}.block-card__actions button:hover{background:var(--bg-input);color:var(--text-primary)}.block-card__actions button.delete-btn:hover{background:#e1705526;color:var(--danger)}.block-card__body{margin-top:.4rem}.duration-bar{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.duration-bar__track{flex:1;height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden}.duration-bar__fill{height:100%;border-radius:3px;transition:width .3s ease}.duration-bar__fill--pause{background:var(--warning)}.duration-bar__fill--speech{background:var(--accent)}.duration-bar__fill--audio{background:var(--success)}.duration-bar__label{font-size:.7rem;color:var(--text-muted);white-space:nowrap;min-width:2.5rem;text-align:right}.pause-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--bg-input);outline:none;border:none;padding:0}.pause-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--warning);cursor:pointer}.pause-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--warning);cursor:pointer;border:none}.add-block-bar{display:flex;gap:.4rem;padding:.75rem 0;justify-content:center}.add-block-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem 1rem;border-radius:var(--radius);font-size:.8rem;font-weight:600;border:1px dashed var(--border);color:var(--text-secondary);background:transparent;transition:border-color .2s,color .2s,background .2s;cursor:pointer}.add-block-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.session-duration{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);font-size:.8rem;color:var(--text-secondary)}.session-duration__value{font-weight:700;color:var(--text-primary);font-size:.9rem}.recording-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--radius-sm);background:#e170551a;border:1px solid rgba(225,112,85,.3)}.recording-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:pulse 1s ease-in-out infinite}.waveform-mini{width:100%;height:40px;border-radius:var(--radius-sm);background:var(--bg-input)}.create-session-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.create-session-card .field-group{margin-bottom:.75rem}.create-session-card .field-group:last-child{margin-bottom:0}.type-chips{display:flex;gap:.4rem}.type-chip{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem .5rem;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:.8rem;font-weight:600}.type-chip:hover{border-color:var(--accent)}.type-chip--active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.type-chip__label{font-size:.7rem;font-weight:400;color:var(--text-muted)}.session-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;transition:border-color .2s}.session-card:hover{border-color:var(--accent)}.session-card__title{font-weight:600;font-size:1rem}.session-card__meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;color:var(--text-muted)}.session-card__meta .published-badge{color:var(--success);font-weight:600}.session-card__actions{display:flex;gap:.4rem;margin-top:.6rem;flex-wrap:wrap}.listener-tracker__empty{font-size:.8rem;color:var(--text-muted);padding:.5rem 0}.listener-tracker__list{display:flex;flex-direction:column;gap:.4rem}.listener-tracker__item{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .65rem;transition:border-color .2s}.listener-tracker__item:hover{border-color:var(--accent)}.listener-tracker__row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.listener-tracker__name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.listener-tracker__mode{display:flex;align-items:center;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.listener-tracker__block{font-size:.75rem;color:var(--text-secondary);margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-block[draggable]{cursor:grab}.timeline-block[draggable]:active{cursor:grabbing}.timeline-block--drag-over{border-top:2px solid var(--accent)}.timeline-block--drag-over .block-card{opacity:.6}.block-card__grip{display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text-muted);cursor:grab;padding:0 .15rem;-webkit-user-select:none;user-select:none;opacity:.5;transition:opacity .15s}.block-card:hover .block-card__grip{opacity:1}.block-card__preview-text{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px;font-weight:400}.collapse-btn{padding:.25rem .4rem;font-size:.65rem;color:var(--text-muted);border-radius:var(--radius-sm);transition:background .15s,color .15s}.collapse-btn:hover{background:var(--bg-input);color:var(--text-primary)}.insert-bar{display:flex;justify-content:center;align-items:center;padding:.2rem 0;min-height:24px;position:relative}.insert-bar__trigger{width:24px;height:24px;border-radius:50%;border:1px dashed var(--border);background:transparent;color:var(--text-muted);font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,color .2s,background .2s;opacity:.4;line-height:1}.insert-bar:hover .insert-bar__trigger{opacity:1}.insert-bar__trigger:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);opacity:1}.insert-bar__menu{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:center;padding:.3rem 0}.insert-bar__btn{padding:.3rem .7rem;font-size:.72rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.insert-bar__btn:hover{border-color:var(--accent);color:var(--text-primary);background:var(--bg-input)}.insert-bar__btn--speech:hover{border-color:var(--accent);color:var(--accent)}.insert-bar__btn--pause:hover{border-color:var(--warning);color:var(--warning)}.insert-bar__btn--audio:hover{border-color:var(--success);color:var(--success)}.insert-bar__btn--ai:hover{border-color:#a29bfe;color:#a29bfe}.insert-bar__btn--cancel{border:none;color:var(--text-muted);background:transparent}.insert-bar__btn--cancel:hover{color:var(--danger);background:transparent;border-color:transparent}.compact-block{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;font-size:.78rem;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);margin-bottom:.2rem}.compact-block__num{font-size:.65rem;color:var(--text-muted);font-weight:600;min-width:1.6rem}.compact-block__badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .4rem;border-radius:var(--radius-sm);line-height:1.2;flex-shrink:0}.compact-block__badge--speech{color:var(--accent);background:var(--accent-dim)}.compact-block__badge--pause{color:var(--warning);background:#fdcb6e1f}.compact-block__badge--audio{color:var(--success);background:#00b8941f}.compact-block__text{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.ai-generator-card{border-color:#a29bfe;border-style:solid}.script-editor-layout{display:flex;gap:1rem;max-width:1400px;margin:0 auto;padding:0 1rem;align-items:flex-start}.script-editor-main{flex:1;min-width:0}.transcript-panel{position:sticky;top:1rem;width:300px;min-width:240px;max-height:calc(100dvh - 2rem);overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.75rem;flex-shrink:0;margin-top:4.5rem}.transcript-panel__title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.transcript-panel__empty{font-size:.8rem;color:var(--text-muted);padding:1rem .5rem}.transcript-panel__body{display:flex;flex-direction:column;gap:.15rem}.transcript-line{padding:.3rem .5rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;font-size:.78rem;line-height:1.45}.transcript-line:hover{background:var(--bg-input)}.transcript-line--active{background:var(--accent-dim);border-left:2px solid var(--accent)}.transcript-line--pause,.transcript-line--audio{font-style:italic}.transcript-line__marker{color:var(--text-muted);font-size:.74rem}.transcript-line--pause .transcript-line__marker{color:var(--warning)}.transcript-line--audio .transcript-line__marker{color:var(--success)}.transcript-line__speaker{font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;margin-right:.35rem}.transcript-line__speaker--subconscious{color:var(--accent)}.transcript-line__speaker--director{color:var(--success)}.transcript-line__text{color:var(--text-primary)}.timeline-block--highlight>.block-card{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}@media(max-width:900px){.script-editor-layout{flex-direction:column}.transcript-panel{position:static;width:100%;max-height:200px;margin-top:0}}