:root{--bg:#07110c;--panel:#0d1912;--panel2:#132219;--line:#233a2b;--text:#f4fff7;--muted:#94ad9c;--green:#21d56b;--green2:#11a84f;--chip:#17271d;--danger:#ff5c69;--shadow:0 18px 50px rgba(0,0,0,.35)}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at top right,#173b24 0,#07110c 35%,#050a07 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100%}button,input{font:inherit}.app{max-width:520px;margin:0 auto;min-height:100vh;padding:0 0 138px}.top{position:sticky;top:0;z-index:20;padding:18px 18px 12px;background:linear-gradient(180deg,rgba(7,17,12,.97),rgba(7,17,12,.88),rgba(7,17,12,0));backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;justify-content:space-between}.brand-left{display:flex;align-items:center;gap:10px}.flag{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#007a4d 0 30%,#ffb612 30% 38%,#fff 38% 47%,#de3831 47% 70%,#002395 70%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),var(--shadow);position:relative;overflow:hidden}.flag:after{content:"📻";position:absolute;right:4px;bottom:2px;font-size:20px}.brand h1{font-size:22px;margin:0}.brand h1 span{color:var(--green)}.brand small{display:block;color:var(--muted);margin-top:1px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.04);color:white;cursor:pointer}.hero{padding:14px 18px 10px}.hero h2{font-size:32px;line-height:1.02;margin:8px 0 10px}.hero h2 em{font-style:normal;color:var(--green)}.hero p{color:var(--muted);margin:0 0 18px;line-height:1.5}.search{position:relative}.search input{width:100%;padding:15px 46px 15px 44px;border-radius:16px;border:1px solid var(--line);background:#101d15;color:var(--text);outline:none}.search input:focus{border-color:var(--green)}.search .sicon{position:absolute;left:16px;top:14px;color:var(--muted)}.search .clear{display:none;position:absolute;right:12px;top:9px;width:34px;height:34px;border:0;border-radius:10px;background:#1c2c21;color:var(--muted)}.chips{display:flex;gap:8px;overflow:auto;padding:14px 18px 6px;scrollbar-width:none}.chip{border:1px solid var(--line);background:var(--chip);color:#bed0c3;border-radius:999px;padding:9px 14px;white-space:nowrap;cursor:pointer}.chip.active{background:var(--green);border-color:var(--green);color:#041208;font-weight:800}.section{padding:12px 18px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.section h3{margin:0;font-size:19px}.section-head button{border:0;background:transparent;color:var(--green);font-weight:700}.status{margin:10px 18px 0;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(33,213,107,.06);font-size:13px;color:#b7d7c1}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.station{border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#122119,#0c1711);padding:13px;text-align:left;color:var(--text);cursor:pointer;min-width:0;box-shadow:0 8px 22px rgba(0,0,0,.18)}.station:active{transform:scale(.99)}.station-top{display:flex;gap:10px;align-items:center}.logo{width:58px;height:58px;flex:0 0 58px;border-radius:16px;background:#f5f7f6;color:#08140c;display:grid;place-items:center;overflow:hidden;font-weight:900;font-size:17px;text-align:center;line-height:1}.logo img{width:100%;height:100%;object-fit:contain;background:white}.logo.fallback-art{background:linear-gradient(145deg,#173320,#0f2417);color:#eaffef;display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.05}.logo.fallback-art .radio-mark{font-size:20px;color:var(--green)}.station-name{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-meta{color:var(--muted);font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.live{font-size:11px;color:var(--green);font-weight:900;letter-spacing:.06em}.heart{border:0;background:none;color:#9db0a2;font-size:21px;cursor:pointer}.heart.on{color:#ff6070}.empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:18px;padding:28px;text-align:center;color:var(--muted)}.bottomnav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);display:grid;grid-template-columns:repeat(4,1fr);padding:11px 10px calc(11px + env(safe-area-inset-bottom));background:rgba(7,17,12,.96);border-top:1px solid var(--line);backdrop-filter:blur(16px)}.nav{border:0;background:transparent;color:#789181;display:grid;gap:4px;place-items:center;font-size:11px}.nav b{font-size:19px}.nav.active{color:var(--green)}.player{position:fixed;z-index:40;left:50%;transform:translateX(-50%);bottom:70px;width:min(500px,calc(100% - 20px));border:1px solid #2b4b36;background:rgba(13,25,18,.98);box-shadow:0 12px 40px rgba(0,0,0,.5);border-radius:20px;padding:10px;display:none;align-items:center;gap:11px;backdrop-filter:blur(18px)}.player.show{display:flex}.player .logo{width:48px;height:48px;flex-basis:48px;border-radius:13px}.pinfo{min-width:0;flex:1}.pname{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmeta{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play{width:44px;height:44px;border:0;border-radius:50%;background:var(--green);color:#041209;font-size:18px;font-weight:900}.loader{width:18px;height:18px;border:2px solid #294232;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;display:none}.loader.on{display:block}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;z-index:99;top:78px;left:50%;transform:translate(-50%,-16px);background:#183222;color:#eaffef;border:1px solid #315c3d;border-radius:12px;padding:10px 14px;opacity:0;pointer-events:none;transition:.25s;max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.drawer{position:fixed;z-index:80;inset:0;background:rgba(0,0,0,.55);display:none}.drawer.show{display:block}.drawer-card{position:absolute;right:0;top:0;bottom:0;width:min(340px,88%);background:#0c1711;border-left:1px solid var(--line);padding:22px}.drawer h3{margin-top:52px;font-size:24px}.drawer-item{padding:15px 0;border-bottom:1px solid var(--line);color:#c9ddd0}.badge{display:inline-flex;border:1px solid var(--line);background:#102018;border-radius:999px;padding:5px 9px;font-size:11px;color:#b9d1c0}.desktop-note{display:none}

.admin-hidden{display:none!important}.drawer-card{overflow-y:auto}.drawer-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.drawer-top .icon-btn{flex:0 0 auto}.admin-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--green);font-weight:900}.admin-copy{color:var(--muted);font-size:13px;line-height:1.45;margin:-8px 0 18px}.admin-lock-card{border:1px solid var(--line);border-radius:18px;background:#102018;padding:14px;margin-top:12px}.admin-field{display:grid;gap:6px;margin:10px 0}.admin-field label{font-size:12px;color:#b9d1c0;font-weight:700}.admin-field input,.admin-field select,.admin-field textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#0a1510;color:var(--text);padding:11px;outline:none}.admin-field textarea{min-height:86px;resize:vertical}.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus{border-color:var(--green)}.admin-primary,.admin-secondary,.admin-danger{border:0;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer}.admin-primary{background:var(--green);color:#041208}.admin-secondary{background:#17291e;color:#dcebe0;border:1px solid var(--line)}.admin-danger{background:#3a171b;color:#ffbec4;border:1px solid #623038}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.admin-menu{display:grid;gap:8px}.admin-menu-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:#102018;color:#e8f5ec;border-radius:14px;padding:12px;cursor:pointer}.admin-menu-item b{font-size:18px;width:22px;text-align:center}.admin-menu-item span{flex:1}.admin-menu-item small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.admin-menu-item.danger{color:#ffadb5}.admin-panel{position:fixed;z-index:70;inset:0;background:#07110c;display:none;max-width:520px;margin:0 auto}.admin-panel.show{display:block}.admin-panel-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:14px 16px;background:rgba(7,17,12,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.admin-panel-head .grow{flex:1;min-width:0}.admin-panel-head small{display:block;color:var(--green);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-panel-head h2{font-size:19px;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-panel-body{padding:16px 16px 110px;overflow-y:auto;height:calc(100vh - 72px)}.admin-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.admin-stat{border:1px solid var(--line);border-radius:16px;padding:14px;background:#0f1d15}.admin-stat strong{display:block;font-size:24px;color:#fff}.admin-stat span{font-size:11px;color:var(--muted)}.admin-card{border:1px solid var(--line);border-radius:18px;background:#0d1912;padding:14px;margin-bottom:12px}.admin-card h3{margin:0 0 6px;font-size:16px}.admin-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.admin-list{display:grid;gap:8px;margin-top:12px}.admin-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#0a1510;border-radius:14px;padding:10px}.admin-row .logo{width:42px;height:42px;flex-basis:42px;border-radius:11px}.admin-row-main{flex:1;min-width:0}.admin-row-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-row-main small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-row-actions{display:flex;gap:5px}.admin-mini{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#17291e;color:white;cursor:pointer}.admin-mini.danger{background:#32161a;color:#ff9da7}.admin-pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:10px;color:#bcd2c2;background:#102018}.admin-search{position:sticky;top:-16px;background:#07110c;padding:0 0 10px;z-index:1}.admin-search input{width:100%;border:1px solid var(--line);border-radius:13px;background:#0d1912;color:white;padding:12px}.admin-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-count-list{display:grid;gap:8px;margin-top:10px}.admin-count-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:8px 0;color:#dcebe0}.admin-count-row span:last-child{color:var(--green);font-weight:800}.admin-note{border-left:3px solid var(--green);padding:10px 12px;background:#0e2116;color:#bcd2c2;font-size:12px;line-height:1.45;border-radius:0 12px 12px 0}.admin-log{font-size:11px;color:#bfd1c4;border-bottom:1px solid var(--line);padding:9px 0}.admin-log time{display:block;color:#6f8b77;font-size:10px;margin-bottom:2px}.admin-version{display:flex;justify-content:space-between;gap:10px;align-items:center}.admin-protected{color:#8ee6ad;font-weight:800}

@media(min-width:760px){body{padding:30px}.app{border:1px solid var(--line);border-radius:30px;overflow:hidden;min-height:850px;box-shadow:0 30px 90px rgba(0,0,0,.55);background:#07110c}.bottomnav{bottom:30px}.player{bottom:104px}.desktop-note{display:block;text-align:center;color:var(--muted);font-size:12px;margin:14px}}