:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#0b1422;color:#f1f5f7;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 60% 45% at 82% 9%,#1c3445 0%,transparent 85%),linear-gradient(150deg,#0b1422,#101c2a 72%)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #a4e3ce;outline-offset:3px}[hidden]{display:none!important}
.site-wrap{max-width:1250px;margin:auto;padding:0 42px}.site-header{min-height:96px;border-bottom:1px solid #ffffff1a;display:flex;align-items:center;gap:42px}.wordmark{display:flex;align-items:center;gap:12px;color:#f5f6f1;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-.06em;white-space:nowrap}.wordmark .accent,.brand-name span,.record-label span{color:#a8dcc6}.wordmark small{display:block;color:#a7d5bd;font-size:10px;letter-spacing:.29em;margin-top:-2px}.wordmark-icon{width:40px;height:40px;border:1px solid #99d9c366;border-radius:50%;display:grid;place-items:center;color:#a8dcc6;font-size:24px}.site-header nav{display:flex;align-items:center;gap:25px;flex:1}.nav,.logout{border:0;background:none;color:#b4c4c7;padding:14px 0;font-size:14px;font-weight:650}.nav.active{color:#e9f5ef;border-bottom:2px solid #a8dcc6}.nav:hover,.logout:hover{color:#fff}.logout{white-space:nowrap}
main{padding:54px 0 70px}.view>h1,.intro h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,5.6vw,72px);line-height:1.07;letter-spacing:-.045em;font-weight:500;margin:12px 0 22px}.intro h1 em{font-weight:400;color:#a7d8c3}.view>h1{font-size:clamp(38px,5vw,60px)}.intro{max-width:810px;margin-bottom:46px}.intro>p:last-child,.view>p:not(.kicker){color:#acbec5;line-height:1.65;max-width:650px}.kicker{font-size:11px;letter-spacing:.24em;font-weight:800;color:#a6ddc0}.player-card{display:grid;grid-template-columns:minmax(220px,34%) 1fr;align-items:center;gap:clamp(30px,5vw,90px);background:linear-gradient(125deg,#1a2937,#172938 65%,#193d40);border:1px solid #9fcdb94d;border-radius:28px;padding:clamp(28px,5vw,64px);box-shadow:0 40px 90px #030b1280,0 1px 0 #ffffff13 inset;min-height:430px}.record{aspect-ratio:1;max-width:320px;width:100%;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#17232a 0 4px,#27363b 4px 6px,#1c2a32 6px 10px);box-shadow:20px 30px 55px #0008,0 0 0 10px #0d1821,0 0 0 11px #a4d7bd44;position:relative}.record:after{content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid #ffffff17}.record-label{width:34%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#9fd6ba;color:#18302c;font-family:Georgia,serif;font-size:clamp(24px,4vw,43px);font-weight:bold;letter-spacing:-.13em;box-shadow:0 0 0 2px #0d1b20}.record-label span{color:#2d755e}.live-line{display:flex;align-items:center;gap:9px;color:#bddac9;font-size:11px;font-weight:800;letter-spacing:.17em;white-space:nowrap}.live-dot{width:8px;height:8px;border-radius:50%;background:#80e8ad;box-shadow:0 0 0 4px #80e8ad24}.private-badge{margin-left:auto;border:1px solid #9ad6bd66;border-radius:100px;padding:7px 10px;color:#b5d8ca;letter-spacing:.1em;font-size:9px}.player-content h2{font-family:Georgia,serif;font-size:clamp(31px,4vw,54px);letter-spacing:-.035em;line-height:1.1;font-weight:500;margin:42px 0 8px}.artist{font-size:18px;color:#bdcfd1;margin:0}.progress{height:6px;border-radius:9px;background:#68817f5b;margin-top:50px;overflow:hidden}.progress-fill{height:100%;width:0;background:#a9e0c4;border-radius:9px}.time{display:flex;justify-content:space-between;color:#aec4c4;margin-top:9px;font-size:13px;font-variant-numeric:tabular-nums}.controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.primary,.secondary{border-radius:12px;padding:14px 21px;font-weight:800;border:1px solid transparent}.primary{background:#b4e2c8;color:#10241d}.primary:hover{background:#d2f1dc}.secondary{background:#ffffff0a;color:#e1efeb;border-color:#9dc8bc75}.secondary:hover{background:#ffffff1a}.play{font-size:17px;padding:17px 25px}.notice{color:#b1c8c9;font-size:13px;margin:22px 0 0;min-height:20px}.bottom-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.bottom-cards article,.content-card{background:#ffffff09;border:1px solid #ffffff1c;border-radius:18px;padding:26px}.bottom-cards article{display:flex;gap:18px}.bottom-cards p,.content-card p{color:#acbec5;line-height:1.6;margin-bottom:0}.card-icon{font-size:24px;color:#b4dfc7}.content-card{margin:22px 0;max-width:930px}.content-card h2{font-family:Georgia,serif;font-size:26px;font-weight:500;margin:0 0 15px}.content-card h2:not(:first-child){margin-top:30px}.small-note{color:#9fb1b8;font-size:13px;line-height:1.6}.program-row{display:flex;gap:26px;padding:19px 0;border-bottom:1px solid #ffffff1a}.program-row:last-child{border:0}.program-row>span{color:#a9ddc2;font-size:11px;font-weight:800;letter-spacing:.13em;min-width:55px}.program-row div{display:grid;gap:5px}.program-row div span{color:#abbec3;font-size:13px}
label{display:block;color:#d7e6e3;font-size:14px;font-weight:650;margin:20px 0 7px}input,textarea{width:100%;background:#08151f;border:1px solid #68817b;border-radius:10px;padding:13px 14px;color:#f2f5f3;font-size:16px}input:focus,textarea:focus{border-color:#afe2c7}input[type=file]{padding:11px}.form-row,.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-grid .content-card{margin:0}.admin-grid+.content-card{max-width:none}.status-list div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff1c;padding:16px 0}.status-list dd{margin:0;color:#b8e6cb}.track-list{display:grid;gap:11px}.track{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #ffffff24;border-radius:12px;background:#07121c9c;padding:16px}.track strong{font-size:15px}.track p{font-size:12px;margin:5px 0 0}.track-actions{display:flex;gap:6px;align-items:center}.track-actions button{padding:9px 12px;font-size:12px;white-space:nowrap}.icon-button{background:#28433e;color:#e3f3e8;border:1px solid #75988d;border-radius:8px}progress{display:block;width:100%;margin-top:17px;accent-color:#a8e3c0}.error{color:#ffbfbe}footer{border-top:1px solid #ffffff18;color:#849c9f;font-size:12px;padding:27px 0 36px}footer span{margin:0 8px}
.login-page{display:grid;place-items:center}.login-layout{width:min(100% - 40px,475px);padding:40px 0}.login-brand{text-align:center;margin-bottom:32px}.brand-orbit{display:inline-grid;place-items:center;border:1px solid #a4d8c9;border-radius:50%;width:58px;height:58px;color:#b3e0cd;font-size:32px;margin-bottom:17px}.brand-name{font-size:30px;letter-spacing:-.07em;font-weight:800}.brand-sub{color:#a4dac1;letter-spacing:.32em;font-size:11px;font-weight:800}.login-card{background:linear-gradient(135deg,#1b2c39,#142530);border:1px solid #9fcdb94d;border-radius:24px;padding:clamp(27px,6vw,45px);box-shadow:0 30px 80px #030a1490}.login-card h1{font:normal clamp(34px,7vw,45px)/1.1 Georgia,serif;letter-spacing:-.045em;margin:13px 0}.login-card>p:not(.kicker){color:#b8c9c8;line-height:1.6}.login-card label{margin-top:20px}.wide{width:100%;display:flex;justify-content:space-between;margin-top:27px}.privacy-line{text-align:center;color:#a9bdba;font-size:12px;margin-top:26px}
@media(max-width:850px){.site-wrap{padding:0 20px}.site-header{flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px 0}.site-header nav{order:3;overflow:auto;width:100%;flex-basis:100%;gap:18px}.nav{white-space:nowrap}.player-card{grid-template-columns:1fr;text-align:center;gap:38px}.record{max-width:190px;margin:auto}.live-line{justify-content:center}.player-content h2{margin-top:24px}.controls{justify-content:center}.bottom-cards,.admin-grid{grid-template-columns:1fr}.track{align-items:flex-start;flex-direction:column}.track-actions{align-self:flex-end}}
@media(max-width:480px){main{padding-top:34px}.site-header nav{gap:16px}.nav{font-size:13px}.player-card{padding:25px 18px;min-height:0}.private-badge{display:none}.live-line{letter-spacing:.11em}.record{max-width:155px}.progress{margin-top:35px}.controls>*{flex:1}.bottom-cards article{padding:17px}.view>h1,.intro h1{font-size:44px}.form-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}