:root{--ink:#17211b;--muted:#6f7972;--paper:#f4f2eb;--panel:#fffefa;--line:#dcded6;--green:#235b45;--lime:#d5f36a;--orange:#e76f45;--shadow:0 22px 70px rgba(29,48,37,.09)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:16px}body{margin:0;min-height:100vh;background:radial-gradient(circle at 88% 4%,rgba(213,243,106,.17),transparent 23%),var(--paper)}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{height:76px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(244,242,235,.88);border-bottom:1px solid rgba(23,33,27,.1);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{font-size:20px;font-weight:800;letter-spacing:-.6px;display:inline-flex;align-items:center;gap:11px}.brand-mark{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;background:var(--ink);transform:rotate(-7deg)}.brand-mark i{display:block;width:3px;background:var(--lime);border-radius:3px}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:11px}.topbar nav{display:flex;align-items:center;gap:25px}.live-summary{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:7px}.live-summary b{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px rgba(231,111,69,.12)}.live-summary strong{color:var(--ink)}.logout{font-size:13px;font-weight:700}.container{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:68px 0 80px}.hero,.recordings-hero{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:46px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:2.4px;color:var(--green);margin:0 0 15px}.hero h1,.recordings-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,6vw,72px);line-height:.98;letter-spacing:-3.4px;font-weight:400;margin:0 0 17px}.hero p:not(.eyebrow),.recordings-hero p:not(.eyebrow){margin:0;color:var(--muted);max-width:630px;line-height:1.6}.primary,.secondary{border:0;border-radius:9px;padding:14px 20px;display:inline-flex;align-items:center;justify-content:center;gap:11px;font-weight:800;font-size:13px;cursor:pointer;transition:.2s ease}.primary{color:#fff;background:var(--green);box-shadow:0 8px 24px rgba(35,91,69,.17)}.primary:hover{background:#174a36;transform:translateY(-1px)}.primary span{color:var(--lime);font-size:17px}.secondary{background:transparent;border:1px solid var(--line)}.secondary:hover{background:#fff}.wide{width:100%}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;background:rgba(255,254,250,.58);margin-bottom:54px}.metrics article{padding:24px 28px;display:grid;grid-template-columns:1fr auto;gap:5px 15px}.metrics article+article{border-left:1px solid var(--line)}.metrics span{font-size:12px;color:var(--muted);font-weight:700}.metrics strong{grid-row:1/3;grid-column:2;font-size:28px;align-self:center}.metrics small{font-size:11px;color:#99a199}.metrics .text-good{font-size:17px;color:var(--green)}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-title h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:0}.section-title span{background:#dfe3da;border-radius:50px;font-size:11px;font-weight:800;padding:4px 9px}.station-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.station-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 2px 0 rgba(23,33,27,.025);transition:box-shadow .25s,transform .25s}.station-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.station-head{display:flex;align-items:center;gap:14px}.station-avatar{width:49px;height:49px;flex:0 0 auto;border-radius:10px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-family:Georgia,serif;font-size:23px;position:relative}.station-avatar span{position:absolute;width:9px;height:9px;background:var(--lime);border:2px solid var(--panel);border-radius:50%;bottom:-2px;right:-2px}.station-title{min-width:0;flex:1}.station-title h3{margin:0 0 4px;font-size:17px}.station-title p{margin:0;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.format{font-size:9px;font-weight:900;letter-spacing:1px;border:1px solid var(--line);border-radius:5px;padding:5px 7px}.station-status{display:flex;align-items:center;gap:12px;margin:24px 0;padding:14px 15px;background:#f4f5ef;border-radius:9px}.station-status div{min-width:0}.station-status strong,.station-status small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-status strong{font-size:12px;margin-bottom:4px}.station-status small{color:var(--muted);font-size:10px}.status-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#aeb5ae}.status-dot.active{background:#40a36e;box-shadow:0 0 0 5px rgba(64,163,110,.13);animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(64,163,110,0)}}.station-actions{display:flex;align-items:center;gap:10px}.station-actions form{display:flex}.icon-button{width:40px;height:40px;border-radius:8px;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--green);font-size:12px}.icon-button:hover{border-color:var(--green)}.icon-button.stop{color:var(--orange)}.recordings-link{height:40px;flex:1;border-radius:8px;background:var(--ink);color:#fff;display:flex;align-items:center;padding:0 14px;gap:9px;font-size:12px;font-weight:800}.recordings-link span{color:var(--lime)}.recordings-link b{margin-left:auto;color:var(--lime)}.empty{border:1px dashed #cbd0c7;border-radius:16px;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px}.empty-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e7ebdf;color:var(--green);font-size:28px;margin-bottom:18px}.empty h2{font-family:Georgia,serif;font-weight:400;font-size:27px;margin:0 0 8px}.empty p{color:var(--muted);font-size:13px;margin:0 0 24px}.modal{border:0;padding:0;border-radius:16px;width:min(500px,calc(100% - 30px));background:var(--panel);box-shadow:0 30px 100px rgba(10,20,14,.3)}.modal::backdrop{background:rgba(19,29,23,.55);backdrop-filter:blur(4px)}.modal form{padding:30px}.modal-head{display:flex;justify-content:space-between;margin-bottom:25px}.modal h2{font-family:Georgia,serif;font-weight:400;font-size:29px;margin:0}.modal-close{border:0;background:#eef0e9;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}.modal label,.login-card label{display:block;font-size:11px;font-weight:800;margin:17px 0 7px}.modal input,.login-card input{width:100%;height:48px;border:1px solid var(--line);border-radius:8px;padding:0 13px;background:#fff;outline:none}.modal input:focus,.login-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(35,91,69,.08)}.field-help{font-size:10px;color:var(--muted);margin:8px 0 21px}.login-page{background:var(--ink);color:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-copy{padding:60px clamp(35px,7vw,110px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-copy:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(213,243,106,.12);border-radius:50%;right:-180px;bottom:-210px;box-shadow:0 0 0 80px rgba(213,243,106,.025),0 0 0 160px rgba(213,243,106,.018)}.login-copy .brand{position:absolute;top:45px;left:clamp(35px,7vw,110px)}.login-copy .brand-mark{background:var(--lime)}.login-copy .brand-mark i{background:var(--ink)}.login-copy .eyebrow{color:var(--lime)}.login-copy h1{font-family:Georgia,serif;font-size:clamp(56px,7vw,96px);font-weight:400;line-height:.9;letter-spacing:-5px;margin:0 0 30px}.login-copy h1 em{color:var(--lime);font-weight:400}.login-copy .lead{color:#aab4ad;max-width:510px;line-height:1.7}.signal-line{display:flex;align-items:center;gap:5px;height:65px;margin-top:30px}.signal-line span{width:3px;border-radius:3px;background:var(--lime);opacity:.65}.signal-line span:nth-child(1),.signal-line span:nth-child(7){height:12px}.signal-line span:nth-child(2),.signal-line span:nth-child(6){height:26px}.signal-line span:nth-child(3),.signal-line span:nth-child(5){height:46px}.signal-line span:nth-child(4){height:62px}.login-card{background:var(--paper);color:var(--ink);display:flex;justify-content:center;flex-direction:column;padding:clamp(35px,8vw,120px)}.login-card>div:first-child,.login-card form,.login-card>small,.login-card>.alert{width:min(400px,100%)}.login-card h2{font-family:Georgia,serif;font-size:42px;font-weight:400;letter-spacing:-1px;margin:25px 0 7px}.login-card p{color:var(--muted);margin:0}.status-pill{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;padding:7px 10px;border:1px solid var(--line);border-radius:50px}.status-pill b{display:inline-block;width:7px;height:7px;background:#40a36e;border-radius:50%;margin-right:5px}.password-wrap{position:relative;margin-bottom:15px}.password-wrap input{padding-right:45px}.reveal{position:absolute;right:5px;top:5px;width:38px;height:38px;border:0;background:transparent;color:var(--muted);cursor:pointer}.login-card small{color:#9ba39e;text-align:center;margin-top:20px;font-size:10px}.alert{padding:11px 13px;background:#fce8df;color:#8c3823;border-radius:7px;font-size:12px;margin-top:18px}.recordings-page{padding-top:55px}.recordings-hero{align-items:center}.recordings-hero h1{font-size:58px}.recording-list{display:flex;flex-direction:column;gap:10px}.recording-row{display:flex;align-items:flex-start;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px}.track-icon{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;background:var(--ink);color:var(--lime);flex:0 0 auto}.track-meta{flex:1;min-width:0}.track-meta strong,.track-meta span{display:block}.track-meta strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-meta span{font-size:10px;color:var(--muted);margin:4px 0 10px}.track-meta audio{width:100%;height:32px}.download-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;font-weight:800}.download-icon:hover{border-color:var(--green);color:var(--green)}
@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-copy{display:none}.login-card{min-height:100vh}.container{width:min(100% - 28px,1180px);padding-top:38px}.hero,.recordings-hero{align-items:flex-start;flex-direction:column}.hero h1,.recordings-hero h1{font-size:47px;letter-spacing:-2px}.metrics{grid-template-columns:1fr}.metrics article+article{border-left:0;border-top:1px solid var(--line)}.station-grid{grid-template-columns:1fr}.topbar{padding:0 16px}.live-summary{display:none}}
@media(max-width:450px){.station-card{padding:18px}.station-avatar{width:42px;height:42px}.format{display:none}.recording-row{padding:14px}.track-icon{display:none}.topbar{height:65px}.recordings-hero .primary{width:100%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}