[hidden]{display:none!important}:root{font-family:Arial,Helvetica,sans-serif;color:#f6f6f8;background:#101116;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{max-width:1040px;margin:auto;padding:32px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #303139}header img{filter:brightness(0) invert(1);width:240px;max-width:60%;height:auto}header span,.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#b6b8c3}main{max-width:900px;margin:64px auto;padding:0 28px}h1{font-size:clamp(40px,7vw,70px);letter-spacing:-3px;margin:16px 0 20px;line-height:1.05}.eyebrow{color:#ff5263}.intro{max-width:590px;font-size:19px;line-height:1.6;color:#bfc1ca}.show-info{margin:36px 0 24px;padding:24px 28px;background:#1c1d24;border-left:4px solid #f3162d;border-radius:8px}.show-info h2{margin:0 0 10px;font-size:25px}.show-info p{margin:0;color:#bfc1ca}.hour{border:1px solid #363741;border-radius:16px;padding:24px;margin:18px 0;background:#18191f}.hour h2{margin:0 0 18px;font-size:20px}.drop{display:block;border:2px dashed #515361;border-radius:10px;text-align:center;padding:32px 20px;cursor:pointer;line-height:1.6}.drop.drag{border-color:#ff5263;background:#3b1a22}.drop strong{display:block;font-size:18px}.drop span{color:#bfc1ca}.drop input{display:block;margin:18px auto 0;max-width:100%}button{font:inherit;font-weight:700;border:0;border-radius:7px;background:#f3162d;color:white;padding:13px 18px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:4px}progress{width:100%;height:12px;accent-color:#ff3148;margin-top:18px}.file-status{line-height:1.6;overflow-wrap:anywhere}.error{color:#ff8995}.success{color:#8de3bb}aside{margin:40px 0;padding-top:24px;border-top:1px solid #363741;color:#bfc1ca;font-size:14px;line-height:1.7}aside h2{color:white;font-size:18px}footer{max-width:1040px;margin:auto;padding:28px;color:#898b97;font-size:12px}@media(max-width:600px){main{margin-top:36px;padding:0 18px}header{padding:24px 18px}header span{font-size:9px}.hour{padding:18px}.drop{padding:24px 12px}}

#episode-control{display:grid;gap:10px;margin:24px 0;font-weight:700}#episode-control input{font:inherit;padding:12px;background:#1c1d24;border:1px solid #515361;border-radius:8px;width:240px;max-width:100%}#episode-control span{font-size:14px;line-height:1.6;font-weight:400;color:#bfc1ca}