:root{color-scheme:dark;--ink: #141126;--ink-2: #21183a;--desktop: #2b214b;--window: #c9c2d7;--window-light: #eee9f6;--window-mid: #a9a0bf;--window-dark: #5d5577;--title-blue: #264aa5;--title-purple: #6140a5;--lcd: #181324;--lcd-soft: #261a35;--text: #fff5fb;--text-dark: #15111f;--muted: #8f86aa;--dim: #6f6684;--pink: #ff77bd;--pink-soft: #f4a5c7;--peach: #ffc4a8;--cyan: #8ee6ff;--lavender: #b8a5ff;--warning: #ff6f8f;--shadow: 12px 18px 0 rgba(11, 7, 23, .38), 0 28px 90px rgba(7, 4, 18, .5);font-family:Tahoma,Verdana,Geneva,sans-serif;background:var(--ink);color:var(--text)}*{box-sizing:border-box}html{min-height:100%;background:var(--ink)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:linear-gradient(180deg,#14112657,#141126bd),radial-gradient(circle at 15% 12%,rgba(255,119,189,.28),transparent 22rem),radial-gradient(circle at 82% 10%,rgba(184,165,255,.24),transparent 25rem),url(https://media.giphy.com/media/Ui46FI4nHWyD6/giphy.gif) center center / cover fixed no-repeat,linear-gradient(135deg,#171229,#302254 52%,#171229)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";background-image:radial-gradient(rgba(255,245,251,.16) .8px,transparent .8px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:4px 4px,100% 3px;mix-blend-mode:overlay;opacity:.34}body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";background:linear-gradient(90deg,#ff77bd14,#8ee6ff0f,#ffc4a80f);opacity:.55}button,input,textarea{font:inherit}button{min-height:28px;border:2px solid;border-color:var(--window-light) var(--window-dark) var(--window-dark) var(--window-light);border-radius:0;color:var(--text-dark);background:linear-gradient(180deg,#eee8f4,#bdb4cf);box-shadow:inset 1px 1px #fff,inset -1px -1px #756c8a;cursor:pointer;font-size:.78rem;transition:filter .12s ease,transform .12s ease}button:hover:not(:disabled){filter:brightness(1.06) saturate(1.08)}button:active:not(:disabled){border-color:var(--window-dark) var(--window-light) var(--window-light) var(--window-dark);transform:translate(1px,1px)}button:disabled{color:#766f83;cursor:not-allowed;filter:grayscale(.4);opacity:.75}input,textarea{min-width:0;border:2px solid;border-color:#71667f #fff8ff #fff8ff #71667f;border-radius:0;outline:none;color:var(--text-dark);background:#f4eef8}input:focus,textarea:focus{box-shadow:0 0 0 2px #ff77bd57}label{color:#443852;font-size:.72rem;font-weight:700}.ambient-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 20%,rgba(255,119,189,.16) 20% 21%,transparent 21% 100%),linear-gradient(65deg,transparent 0 46%,rgba(142,230,255,.12) 46% 47%,transparent 47% 100%);opacity:.7}.app-shell,.gate-screen{position:relative;z-index:1;min-height:100vh}.app-shell{display:flex;flex-direction:column;padding:34px}.radio-layout{display:grid;grid-template-columns:minmax(360px,640px) minmax(310px,390px);gap:18px;width:min(1080px,100%);margin:auto;align-items:start}.main-column{display:flex;min-width:0;flex-direction:column;gap:14px}.room-header,.chat-panel,.gate-panel,.status-line,.admin-panel{border:2px solid;border-color:var(--window-light) var(--window-dark) var(--window-dark) var(--window-light);border-radius:0;background:var(--window);box-shadow:var(--shadow);color:var(--text-dark)}.room-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px}.eyebrow,.panel-kicker{margin:0 0 7px;color:#6d3b90;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{overflow-wrap:anywhere}h1{margin:0;color:#fff5fb;font-family:Tahoma,Verdana,Geneva,sans-serif;font-size:clamp(2.05rem,5vw,4.15rem);font-weight:900;line-height:.94;letter-spacing:0;text-transform:lowercase;text-shadow:2px 2px 0 rgba(255,245,251,.42),0 0 14px rgba(255,119,189,.34)}.room-header h1{color:#21152e;text-shadow:1px 1px 0 rgba(255,245,251,.72),0 0 10px rgba(255,119,189,.22)}h2{margin:0;font-size:1rem;line-height:1.1;letter-spacing:0}.tagline{margin:8px 0 0;color:#4d425c;font-size:.92rem}.signal-stack,.chat-status{display:inline-flex;align-items:center;gap:7px;min-height:24px;white-space:nowrap;border:1px solid #644d88;padding:3px 8px;color:#24172f;background:linear-gradient(180deg,#ffc1df,#b7a9ee);font-size:.68rem;font-weight:800;letter-spacing:.08em}.on-air-dot{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 12px var(--pink);animation:pulse 2.2s ease-in-out infinite}.radio-console{overflow:hidden;border:2px solid;border-color:var(--window-light) var(--window-dark) var(--window-dark) var(--window-light);border-radius:0;background:var(--window);box-shadow:var(--shadow);color:var(--text-dark)}.player-titlebar{display:flex;align-items:center;gap:7px;min-height:25px;padding:3px 4px 3px 6px;color:#fff;background:linear-gradient(90deg,var(--title-blue),var(--title-purple),#d04f9e);font-size:.75rem;font-weight:800;line-height:1}.title-light{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.72);background:radial-gradient(circle at 30% 30%,#fff,var(--cyan) 38%,var(--pink) 72%)}.title-text{flex:1;min-width:0}.window-buttons{display:flex;gap:3px}.window-buttons span{width:14px;height:14px;border:1px solid;border-color:#fff #4f4860 #4f4860 #fff;background:#cfc7dc}.player-body{display:grid;gap:9px;padding:10px;background:linear-gradient(135deg,rgba(255,255,255,.35),transparent 42%),var(--window)}.console-topline,.track-details,.time-row{display:flex;justify-content:space-between;gap:10px;color:#41354f;font-size:.72rem}.console-topline{font-family:Courier New,Courier,monospace}.listener-count,.track-details span,.next-track{color:#31539b}.player-main-row{display:grid;grid-template-columns:116px minmax(0,1fr);gap:10px;min-height:150px}.cassette-art{position:relative;display:grid;place-items:center;overflow:hidden;min-height:150px;border:2px solid;border-color:#71667f #fff8ff #fff8ff #71667f;background:radial-gradient(circle at 35% 32%,rgba(142,230,255,.95) 0 16%,transparent 17%),radial-gradient(circle at 70% 70%,rgba(255,119,189,.82) 0 22%,transparent 23%),linear-gradient(135deg,#342456,#d998c4 52%,#ffcfaf);color:#fff5fb;font:800 .92rem/1 Courier New,Courier,monospace;text-shadow:2px 2px 0 #21152e}.cassette-art:before{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(255,245,251,.5);content:""}.cassette-art i{position:absolute;right:12px;bottom:14px;width:34px;height:34px;border:8px solid rgba(33,21,46,.44);border-radius:50%}.now-card{display:grid;align-content:start;gap:9px;min-height:150px;border:2px solid;border-color:#71667f #fff8ff #fff8ff #71667f;padding:11px;color:#fff5fb;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,var(--lcd-soft),var(--lcd));background-size:100% 3px,100% 100%;font-family:Courier New,Courier,monospace}.now-meta h2{color:var(--peach);font-size:clamp(1rem,2.4vw,1.55rem);text-shadow:0 0 12px rgba(255,196,168,.38)}.now-meta p:last-child{margin:5px 0 0;color:var(--cyan);font-size:.82rem}.progress-wrap{display:grid;gap:5px}.progress-bar{height:12px;overflow:hidden;border:1px solid #0b0717;background:#090712}.progress-bar span{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--pink) 0 8px,#d65aa3 8px 10px,var(--cyan) 10px 14px);box-shadow:0 0 14px #ff77bd47;transition:width .2s linear}.next-track,.inline-warning,.muted-line,.offline-message{margin:0;color:#53485f}.now-card .next-track,.now-card .track-details,.now-card .time-row{color:#c5b8ff;font-size:.76rem}.inline-warning,.form-error{color:#8c3157;font-family:Tahoma,Verdana,Geneva,sans-serif;font-size:.76rem;font-weight:700}.player-body .inline-warning{border:2px solid;border-color:#71667f #fff8ff #fff8ff #71667f;padding:6px 8px;background:#eaddec}.empty-state{align-content:center}.empty-state h2{color:var(--peach);font-size:.95rem}.empty-state p:last-child{margin:6px 0 0;color:#c5b8ff}.tune-button{width:100%;min-height:34px;color:#21152e;background:linear-gradient(180deg,#ffd4e9,#ff8ec7 55%,#c4a9ff);font-size:.84rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.control-panel{display:grid;grid-template-columns:repeat(3,minmax(64px,1fr)) minmax(118px,1.25fr);gap:6px;align-items:stretch}.volume-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-height:28px;border:2px solid;border-color:var(--window-light) var(--window-dark) var(--window-dark) var(--window-light);padding:3px 6px;background:#bdb4cf;color:#21152e}.volume-control input{width:100%;padding:0;accent-color:var(--pink)}.status-line{display:flex;align-items:center;gap:8px;margin:0;padding:7px 10px;color:#4d425c;font-size:.74rem;box-shadow:none}.status-line span{color:#8f386c;font:800 .68rem/1 Tahoma,Verdana,Geneva,sans-serif;letter-spacing:.04em}.chat-panel,.admin-panel{display:flex;min-height:0;max-height:none;flex-direction:column;gap:10px;padding:0;overflow:hidden}.chat-panel{height:536px}.admin-panel{display:grid;min-height:0;max-height:none;padding-bottom:12px}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:25px;padding:4px 7px;color:#fff;background:linear-gradient(90deg,#244caa,#7a4db3,#d04f9e)}.chat-header .panel-kicker{display:none}.chat-header h2{color:#fff;font-size:.82rem;line-height:1}.chat-status{min-height:18px;border-color:#ffffff8a;color:#21152e;background:#ffd4e9}.message-list{display:flex;min-height:0;flex:1;flex-direction:column;gap:8px;overflow-y:auto;margin:0 10px;border:2px solid;border-color:#71667f #fff8ff #fff8ff #71667f;padding:10px;background:#f5eef8;color:var(--text-dark)}.chat-message{border-left:3px solid var(--name-color, var(--pink));padding:5px 0 5px 8px}.chat-message div{display:flex;justify-content:space-between;gap:10px;color:#625570;font-size:.72rem}.chat-message strong{color:var(--name-color, #244caa)}.chat-message time{color:#8f7e9e}.chat-message p{margin:4px 0 0;color:#21152e;line-height:1.35}.name-form,.message-form,.gate-form{display:grid;gap:7px}.name-form,.message-form,.offline-message{margin:0 10px 10px}.chat-input-row,.gate-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.chat-input-row input,.gate-input-row input{width:100%;min-height:30px;padding:0 8px}.chat-input-row button,.gate-input-row button{min-width:68px;padding:0 10px}.char-count{justify-self:end;color:#6f6684;font-size:.7rem}.gate-screen{display:grid;place-items:center;padding:24px}.gate-panel{width:min(520px,100%);padding:0 0 18px;overflow:hidden}.gate-panel:before{display:block;min-height:25px;padding:5px 7px 0;color:#fff;background:linear-gradient(90deg,#244caa,#7a4db3,#d04f9e);content:"ICTSD Radio Login";font-size:.78rem;font-weight:800}.gate-panel>:not(:first-child){margin-right:18px;margin-left:18px}.gate-panel:after{display:block;height:46px;margin:18px;border:2px solid;border-color:#71667f #fff8ff #fff8ff #71667f;background:linear-gradient(90deg,rgba(255,119,189,.2),transparent 36%,rgba(142,230,255,.16)),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),var(--lcd);background-size:100% 100%,100% 3px,100% 100%;content:"private frequency locked";color:#c5b8ff;font:700 .78rem/46px Tahoma,Verdana,Geneva,sans-serif;text-align:center}.gate-panel h1{color:#21152e;font-size:clamp(2.5rem,11vw,5rem);text-shadow:2px 2px 0 rgba(255,245,251,.76),0 0 16px rgba(255,119,189,.35)}.gate-form{margin-top:18px}.form-error{margin:0;font-size:.82rem}.site-footer{position:relative;z-index:1;width:min(1080px,100%);margin:16px auto 0;color:#f8c4de;font:.78rem/1.2 Courier New,Courier,monospace;text-align:center;text-shadow:1px 1px 0 #24172f}.switch-row,.admin-form,.admin-panel>.muted-line{margin-right:12px;margin-left:12px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:2px solid;border-color:var(--window-light) var(--window-dark) var(--window-dark) var(--window-light);padding:8px;background:#bdb4cf}.switch-row input{width:20px;height:20px;accent-color:var(--pink)}.admin-form{display:grid;gap:8px}.admin-form textarea{min-height:150px;resize:vertical;padding:8px;font:.78rem/1.45 Courier New,Courier,monospace}.admin-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes bars{0%{height:18%}to{height:96%}}@media(max-width:900px){.app-shell{padding:18px}.radio-layout{grid-template-columns:1fr}.chat-panel{height:min(520px,calc(100vh - 36px))}.player-main-row{grid-template-columns:104px minmax(0,1fr)}}@media(max-width:560px){.room-header{flex-direction:column}.control-panel,.chat-input-row,.gate-input-row,.admin-actions,.player-main-row{grid-template-columns:1fr}.cassette-art{min-height:94px}.volume-control{grid-template-columns:1fr}.console-topline,.track-details,.time-row{flex-direction:column}}