:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f2f2f2;background:#202020}*{box-sizing:border-box}body{margin:0}main{max-width:650px;margin:auto;padding:32px 24px 22px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:64px}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:inherit}.brand span{font-size:11px;letter-spacing:2px;margin-left:9px;color:#a5a5a5}.private{font-size:12px;border:1px solid #484848;border-radius:30px;padding:7px 12px;color:#b6b6b6}.card{background:#292929;border:1px solid #3b3b3b;border-radius:25px;padding:38px;box-shadow:0 12px 42px #00000024}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#ff9f30}h1{font-size:clamp(29px,6vw,41px);font-weight:650;letter-spacing:-1.6px;line-height:1.15;margin:16px 0}.intro{font-size:17px;line-height:1.65;color:#b5b5b5;margin-bottom:30px}button{font:inherit;border:0;border-radius:13px;padding:16px 20px;min-height:50px;cursor:pointer;font-weight:600}.primary{background:#ff9f0a;color:#201400;width:100%}button:hover{filter:brightness(.96)}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ff9f0a;outline-offset:3px}button:disabled{background:#383838;color:#929292;cursor:default}.hint{font-size:12px;line-height:1.7;text-align:center;color:#a2a2a2;margin:17px 0 0}details{border-top:1px solid #414141;margin-top:30px;padding-top:22px;font-size:13px;color:#b5b5b5;line-height:1.6}summary{cursor:pointer;color:#ffaf45}label{display:block;font-size:13px;font-weight:600;color:#dddddd;margin:23px 0 9px}input,textarea{display:block;width:100%;background:#222222;border:1px solid #494949;border-radius:12px;padding:15px;font:inherit;font-size:16px;color:#f2f2f2}textarea{resize:vertical;line-height:1.6}.secondary{width:100%;background:#47331d;color:#ffc376;margin-top:15px}.heading{display:flex;justify-content:space-between;align-items:center}.quiet{color:#bdbdbd;background:none;padding:10px;font-size:13px}.notice{padding:15px 18px;background:#392f22;font-size:13px;border-radius:12px;line-height:1.6;margin:20px 0}.composer{padding-top:12px}.counter{display:flex;justify-content:space-between;font-size:11px;color:#a2a2a2;margin-top:10px}.time{text-align:left;margin:8px 0 26px}#feedback{font-size:13px;line-height:1.7;color:#ffc376;text-align:center;margin:20px 4px;min-height:22px}footer{text-align:center;color:#929292;font-size:11px;letter-spacing:.5px;margin:32px 0 10px}[hidden]{display:none!important}@media(max-width:480px){main{padding:24px 18px}header{margin-bottom:42px}.card{padding:29px 24px;border-radius:21px}.composer{padding-top:7px}h1{letter-spacing:-1px}}

select{display:block;width:100%;background:#222222;border:1px solid #494949;border-radius:12px;padding:15px;font:inherit;font-size:16px;color:#f2f2f2;min-height:52px}select:focus-visible{outline:3px solid #ff9f0a;outline-offset:3px}.zone-selects{display:grid;grid-template-columns:1fr 1fr;gap:16px}.zone-selects>div{min-width:0}.time-preview{margin:22px 0 26px;padding:18px;background:#242424;border-radius:13px;display:grid;gap:7px}.time-preview span{font-size:11px;color:#adadad}.time-preview output{font-size:14px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.time-preview output+span{margin-top:10px}@media(max-width:480px){.zone-selects{grid-template-columns:1fr;gap:0}}

::selection{background:#805a31;color:#fff}button:hover:not(:disabled){filter:brightness(1.1)}.primary:disabled{color:#aaa}select option{background:#292929;color:#f2f2f2}

.status-panel{margin-top:24px;padding:24px 28px}.status-panel h2{font-size:18px;margin:0}.status-panel .quiet{color:#ffaf45}#service-status{font-size:14px;line-height:1.6}.status-hint{text-align:left}#event-log{padding:0;list-style:none;max-height:220px;overflow:auto;margin:18px 0 0}#event-log li{font-size:12px;line-height:1.6;padding:10px 0;border-top:1px solid #414141;color:#bdbdbd;overflow-wrap:anywhere}#event-log li.error{color:#ffb68c}

.brand{display:flex;align-items:center;gap:11px;letter-spacing:-.6px}.brand img{width:48px;height:48px;object-fit:contain}.brand small{display:block;font-size:11px;letter-spacing:.2px;font-weight:400;color:#aaa;margin-top:4px}header{margin-bottom:42px}.private{white-space:nowrap}.jobs-panel{margin-top:24px;padding:24px 28px}.jobs-panel h2{font-size:18px;margin:0 0 18px}.job{padding:15px 0;border-top:1px solid #414141}.job p{font-size:13px;line-height:1.6;margin:6px 0}.job .quiet{color:#ffaf45;padding-left:0}.job small{color:#aaa}.empty{font-size:14px;color:#aaa}dialog{background:#292929;color:#f2f2f2;border:1px solid #494949;border-radius:22px;padding:28px;width:min(520px,calc(100% - 32px));max-height:85vh;overflow:auto}dialog::backdrop{background:#000a}dialog h2{margin-top:0;font-size:23px}dialog p{line-height:1.6}dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;padding:16px;background:#222;border-radius:12px}dialog .secondary{margin-top:12px}.job-status{color:#ffc376}

.composer-error{padding:14px 16px;border:1px solid #bd7542;background:#3b2b20;color:#ffd2af;border-radius:12px;font-size:14px;line-height:1.6;margin:18px 0}

#review{padding:28px;scroll-padding:20px}#review h2{line-height:1.25;margin:0 0 22px}#review-to{margin:0 0 18px;overflow-wrap:anywhere}#review-message{margin:0 0 22px;line-height:1.6}.review-times{display:grid;gap:14px;margin:0 0 22px}.review-times span{font-size:12px;color:#aaa}.review-times p{margin:5px 0 0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}#review>.hint{text-align:left;margin:0 0 26px;line-height:1.65}.review-actions{display:grid;gap:14px;padding:5px}.review-actions button{margin:0;line-height:1.4;white-space:normal;min-width:0}.review-actions .primary:focus-visible{outline:2px solid #ffaf45;outline-offset:3px}@media(max-width:480px){#review{padding:24px 20px}#review h2{font-size:23px}.review-actions button{font-size:15px;padding:15px 12px}}

main{max-width:1120px}.workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:28px;align-items:start}.message-column{min-width:0}.side-column>.status-panel{margin:0;padding:26px;position:sticky;top:24px;min-width:0}.side-column>.status-panel .heading{gap:12px}.side-column>.status-panel #event-log{max-height:400px}#login{max-width:600px;margin:auto}#dashboard>.notice{margin-bottom:20px}header{width:100%}.side-column>.status-panel .quiet{flex-shrink:0}@media(max-width:860px){main{max-width:700px}.workspace{grid-template-columns:minmax(0,1fr);gap:24px}.side-column>.status-panel{position:static}.side-column>.status-panel #event-log{max-height:220px}}

.side-column{min-width:0;position:sticky;top:24px}.side-column>.status-panel{position:static}.side-column>.jobs-panel{margin-top:24px;padding:26px}@media(max-width:860px){.side-column{position:static}}
