:root{--color-bg:#000;--color-panel:#0d0d0d;--color-border:#222;--color-primary:#4b8dcb;--color-secondary:#cbe2f6;--color-text:#f5f7fa;--color-muted:#9aa4b2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.site{flex-direction:column;min-height:100%;display:flex}.site-bar{background:var(--color-primary);height:43px}.site-header{border-bottom:1px solid var(--color-border);background:#000;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:relative}.site-logo{width:60%;max-width:340px;height:auto}.app-shell{flex:1;width:100%;max-width:640px;margin:0 auto;padding:24px 16px 64px}.app-header h1{color:var(--color-secondary);margin:0;font-size:1.6rem}.site-footer{background:var(--color-primary);color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:18px 16px;font-size:.9rem;display:flex}.site-footer-divider{opacity:.6}.link-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;text-decoration:underline}.link-btn:hover{opacity:.8}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-panel);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:560px;max-height:80vh;padding:20px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-header h2{color:var(--color-secondary);margin:0}.modal-close{color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.modal-body p{color:var(--color-text);line-height:1.5}.login-row{align-items:center;gap:8px;display:flex}.panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:12px;margin-bottom:20px;padding:20px}.panel h2{color:var(--color-secondary);margin-top:0;font-size:1.1rem}.intro-text{color:var(--color-text);margin-bottom:24px}.intro-text h2{color:var(--color-secondary);margin:0 0 8px;font-size:1.2rem}.intro-text p{margin:0 0 12px;line-height:1.5}.intro-text ul{margin:0 0 12px;padding-left:20px;line-height:1.5}.intro-text li{margin-bottom:6px}.intro-signature{color:var(--color-muted);font-style:italic}.timer-display{text-align:center;border:1px solid var(--color-border);background:radial-gradient(circle at top,#4b8dcb26,#0000 70%);border-radius:16px;margin-bottom:24px;padding:32px 16px}.timer-segment-label{letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary);margin-bottom:8px;font-size:1.4rem}.timer-seconds{color:var(--color-secondary);font-size:5rem;font-weight:700;line-height:1}.timer-total-remaining{color:var(--color-muted);margin-top:12px;font-size:.9rem}.segment-builder{flex-direction:column;gap:10px;display:flex}.segment-card{border:1px solid var(--color-border);border-radius:10px;min-width:0;padding:10px}.segment-row{grid-template-columns:minmax(0,1fr) 70px auto auto auto auto;align-items:center;gap:6px;display:grid}.segment-chime-row{align-items:center;gap:8px;min-width:0;margin-top:8px;display:flex}.segment-chime-row .chime-select-row{flex:1;min-width:0}.segment-row input[type=text]{width:100%;min-width:0}.segment-row input[type=number]{width:70px}.segment-row select{width:100%;min-width:0}input[type=text],input[type=number],input[type=file],select{border:1px solid var(--color-border);color:var(--color-text);box-sizing:border-box;background:#111;border-radius:8px;width:100%;max-width:100%;padding:8px 10px;font-size:.95rem}input[type=file]{padding:6px}input[type=range]{accent-color:var(--color-primary)}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:opacity .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#04121f}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:var(--color-secondary);color:#04121f}.btn-secondary:hover:not(:disabled){opacity:.9}.btn-ghost{border:1px solid var(--color-border);color:var(--color-secondary);background:0 0;padding:8px 12px}.btn-ghost:hover:not(:disabled){border-color:var(--color-primary)}.session-controls{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.session-controls label{color:var(--color-muted);font-size:.85rem}.control-buttons{gap:10px;display:flex}.picker-list{flex-direction:column;gap:8px;display:flex}.picker-row{border:1px solid var(--color-border);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;display:flex}.picker-row.selected{border-color:var(--color-primary);background:#4b8dcb1f}.picker-select{color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;min-width:0;padding:6px 0;font-size:.95rem}.chime-select-row{align-items:center;gap:8px;min-width:0;display:flex}.chime-select-row select{flex:1;min-width:0}.volume-row{color:var(--color-muted);align-items:center;gap:10px;margin-top:12px;font-size:.85rem;display:flex}.volume-row input[type=range]{flex:1}.muted-text{color:var(--color-muted);font-size:.9rem}.error-text{color:#e57373;font-size:.85rem}.admin-panel{border-color:var(--color-primary)}.admin-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;min-width:0;display:grid}@media (width<=560px){.admin-grid{grid-template-columns:minmax(0,1fr)}.segment-row{grid-template-columns:minmax(0,1fr) 60px auto auto auto}}.upload-form{flex-direction:column;gap:8px;min-width:0;margin-bottom:16px;display:flex}.library-list{min-width:0}.library-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.upload-form h4,.library-list h4{color:var(--color-secondary);margin:0 0 4px;font-size:.95rem}.library-row{border:1px solid var(--color-border);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:6px 10px;display:flex}.library-row-actions{gap:6px;display:flex}