:root{color-scheme:dark;--bg:#0b0f13;--panel:#171d24;--line:#2c3540;--text:#eef4f8;--muted:#82909f;--red:#e21b35;--blue:#28aee8;--green:#20d184;font-family:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);height:100vh;display:flex;flex-direction:column;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}body>header{height:66px;flex:0 0 66px;display:flex;align-items:center;gap:15px;padding:8px 14px;background:#141a20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:7px;text-decoration:none;color:#fff;font-weight:900}.brand i{font-style:normal;background:var(--red);width:35px;height:35px;display:grid;place-items:center;border-radius:5px}.brand span span{color:#ff4058}.section-title{border-left:1px solid #34404b;padding-left:14px}.section-title small,.session-heading small,.session-controls small,.context-card small,.recorder-heading small,.library-panel small,.slot-picker small{display:block;color:#e54a5f;font-size:7px;letter-spacing:1.2px;font-weight:900}.section-title strong{display:block;margin-top:3px;font-size:13px}body>header>select{margin-left:auto}select,input,textarea{background:#0c1116;border:1px solid #36434f;color:#eef4f8;border-radius:4px;padding:8px;outline:none}body>header nav{display:flex;gap:4px}body>header nav a{color:#8492a0;text-decoration:none;font-size:9px;font-weight:800;text-transform:uppercase;padding:9px;border-radius:4px}body>header nav a.active,body>header nav a:hover{background:#26313a;color:#fff}body>header button{border:0;background:#232c35;color:#98a5b2;border-radius:4px;padding:9px}.slot-picker{flex:1;overflow:auto;padding:35px max(24px,calc((100vw - 1280px)/2));background:radial-gradient(circle at 50% 0,#18212a,#0b0f13 55%)}.slot-picker-heading h1{font-size:28px;margin:5px 0}.slot-picker-heading p{color:var(--muted);margin:0 0 24px}.hour-slots{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:10px}.hour-slot{min-height:104px;text-align:left;border:1px solid #34414d;border-left:4px solid var(--blue);border-radius:7px;background:#151c23;color:#fff;padding:13px}.hour-slot:hover{background:#202a33;border-color:#4c6172}.hour-slot time,.hour-slot b,.hour-slot span{display:block}.hour-slot time{font-size:19px;font-weight:800}.hour-slot b{font-size:10px;margin-top:9px}.hour-slot span{font-size:8px;color:var(--muted);margin-top:4px}.hour-slot.current{border-left-color:var(--red);box-shadow:0 0 0 1px #e21b3544}.empty{padding:25px;color:#71808e;text-align:center;font-size:10px}main{display:grid;grid-template-columns:minmax(600px,1fr) 430px;flex:1;min-height:0}.session-queue{display:flex;flex-direction:column;min-width:0;background:#10151a;border-right:1px solid var(--line)}.session-heading{height:60px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line)}.session-heading b{display:block;margin-top:4px}.session-heading>span{color:#ff6679;font-size:11px;font-weight:800}.queue-columns,.log-item{display:grid;grid-template-columns:70px minmax(0,1fr) 60px 65px;gap:8px;align-items:center}.queue-columns{height:28px;padding:0 12px;color:#71808e;font-size:7px;font-weight:900;border-bottom:1px solid var(--line)}.log-items{overflow:auto}.log-item{width:100%;min-height:44px;padding:7px 12px;border:0;border-bottom:1px solid #28313a;border-left:5px solid #20a050;background:#12181e;color:#e5ebef;text-align:left}.log-item:hover{background:#1b242c}.log-item.selected{background:#32161d;border-left-color:var(--red)}.log-item.played{opacity:.52}.log-item time{font-size:9px}.log-item b,.log-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-item b{font-size:10px}.log-item small{font-size:8px;color:var(--muted);margin-top:3px}.log-item>span:nth-last-child(-n+2){text-align:right;font-size:9px;color:#9ba7b2}.session-sidebar{overflow:auto;background:#12181e;padding:10px;display:grid;gap:10px;align-content:start}.session-controls,.context-panel,.recorder-panel,.library-panel{border:1px solid #35414c;background:#171e25;border-radius:5px;padding:11px}.session-controls header,.library-panel header,.recorder-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.session-controls button{background:#26313a;color:#dbe3e9;border:1px solid #40505d;border-radius:4px;padding:7px 9px;font-size:8px}.session-controls button.danger{background:var(--red);border-color:#ff5267;color:#fff}.session-controls label{display:block;color:var(--muted);font-size:8px;margin-top:10px}.session-controls textarea{display:block;width:100%;margin-top:5px;resize:vertical}.context-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px}.context-card{min-width:0;border-left:3px solid var(--red);padding-left:8px}.context-card.next{border-left-color:var(--blue)}.context-card b,.context-card span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-card b{font-size:10px;margin-top:5px}.context-card span{font-size:8px;color:var(--muted);margin-top:3px}.context-card button{margin-top:7px;background:#222c35;border:1px solid #3a4752;color:#b9c3cb;border-radius:3px;padding:5px;font-size:7px}.recorder-heading h2{font-size:14px;margin:3px 0}.record-clock{text-align:right}.record-clock span,.record-clock time{display:block}.record-clock span{font-size:7px;color:var(--green)}.record-clock time{font:800 20px Consolas}.record-fields{display:grid;grid-template-columns:1fr 1fr 34px;gap:6px;align-items:end;margin-top:10px}.record-fields label{font-size:7px;color:var(--muted)}.record-fields input,.record-fields select{width:100%;display:block;margin-top:4px;padding:6px}.record-fields button{height:31px;background:#26313a;border:1px solid #40505d;color:#fff}.wave-stage{height:105px;margin-top:9px;position:relative;border:1px solid #34404b;background:#090e13;overflow:hidden}.wave-stage canvas{display:block;width:100%;height:100%}.recording-indicator{display:none;position:absolute;top:7px;right:7px;color:#ff7183;font-size:7px;font-weight:900}.recording-indicator.active{display:block}.recording-indicator i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red)}.transport{display:flex;gap:5px;align-items:center;margin-top:7px}.transport button,.save-row button{border:1px solid #3a4652;background:#222b34;color:#fff;border-radius:3px;padding:7px;font-size:7px;font-weight:900}.transport .record{background:#811526;border-color:#ed304a}.transport audio{height:28px;min-width:100px;flex:1}.save-row{display:flex;align-items:center;gap:8px;margin-top:8px}.save-row p{font-size:8px;color:var(--muted);margin:0 auto 0 0}.save-row button{background:var(--red)}button:disabled{opacity:.35}.library-panel header b{display:block;font-size:10px;margin-top:3px}.library-panel header select{padding:5px;font-size:8px}.library-panel>input{width:100%;margin:8px 0;padding:7px}.library-results{height:175px;overflow:auto;border:1px solid #29343e}.library-item{width:100%;display:grid;grid-template-columns:1fr 45px;gap:5px;border:0;border-bottom:1px solid #29343e;background:#10161b;color:#e6ecef;text-align:left;padding:7px}.library-item:hover{background:#202a33}.library-item b,.library-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-item b{font-size:9px}.library-item small{font-size:7px;color:var(--muted);margin-top:2px}.library-item span:last-child{font-size:8px;text-align:right}body>footer{height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;background:#101419;border-top:1px solid var(--line);color:#7d8a97;font-size:8px}@media(max-width:1050px){.hour-slots{grid-template-columns:repeat(4,1fr)}main{grid-template-columns:1fr 370px}}@media(max-width:780px){body{overflow:auto;height:auto;min-height:100vh}.hour-slots{grid-template-columns:repeat(2,1fr)}main{display:block}.session-queue{height:60vh}.session-sidebar{overflow:visible}body>header nav{display:none}}