:root{--bg:#14100c;--panel:#1d1710;--ink:#f4ead8;--mute:#a8967c;--line:#3a2c1c;--o:#F28C28;--g:#FFB347;--field:#221a11}
html.light{--bg:#fffaf2;--panel:#fff;--ink:#2b1a08;--mute:#7d6a52;--line:#e8d8c0;--field:#fff}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;-webkit-tap-highlight-color:transparent}
a{color:var(--g);text-decoration:none}a:hover{text-decoration:underline}
html.light a{color:#b45f0a}
.top{display:flex;justify-content:flex-end;align-items:center;gap:6px;padding:12px 16px;font-size:13px;flex-wrap:wrap}
.top a,.top button.lnk{color:var(--ink);padding:7px 8px;background:none;border:0;font:inherit;cursor:pointer}
.top a:hover,.top button.lnk:hover{text-decoration:underline}
.pill{border:1px solid var(--o)!important;border-radius:999px;color:var(--g)!important;padding:7px 16px!important;font-weight:bold}
html.light .pill{color:#b45f0a!important}
.apps{position:relative}
.dots{width:38px;height:38px;border-radius:50%;border:0;background:none;cursor:pointer;display:grid;grid-template-columns:repeat(3,4px);gap:3px;place-content:center}
.dots:hover{background:rgba(242,140,40,.15)}
.dots i{width:4px;height:4px;border-radius:50%;background:var(--mute)}
.menu{position:absolute;right:0;top:44px;width:min(320px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.45);padding:12px;display:none;z-index:20;max-height:70vh;overflow:auto}
.menu.open{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.menu a{color:var(--ink);padding:10px 8px;border-radius:8px;font-size:13px;text-align:center}
.menu a:hover{background:rgba(242,140,40,.14);text-decoration:none}
.menu h6{grid-column:1/-1;margin:2px 4px 6px;color:var(--mute);font-weight:normal;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.home{max-width:1100px;margin:0 auto;padding:2vh 16px 0;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:start}
.center{text-align:center;padding:4vh 0 0}
.logo{font-size:clamp(54px,12vw,92px);font-weight:700;letter-spacing:-.04em;margin:0 0 22px;line-height:1;user-select:none}
.logo span:nth-child(1){color:#F28C28}.logo span:nth-child(2){color:#FFB347}.logo span:nth-child(3){color:#E0701A}.logo span:nth-child(4){color:#FFB347}.logo span:nth-child(5){color:#F28C28}.logo span:nth-child(6){color:#C8102E}.logo span:nth-child(7){color:#FFB347}.logo span:nth-child(8){color:#F28C28}
.logo sup{font-size:.2em;letter-spacing:0;color:var(--mute);font-weight:normal;vertical-align:top;margin-left:4px;position:relative;top:.7em}
.sbox{max-width:584px;margin:0 auto;position:relative}
.sbox input{width:100%;height:46px;border-radius:24px;border:1px solid var(--line);background:var(--field);color:var(--ink);font-size:16px;padding:0 48px 0 20px;outline:0}
.sbox input:hover,.sbox input:focus{border-color:var(--o);box-shadow:0 1px 8px rgba(242,140,40,.25)}
.sbox .mic{position:absolute;right:14px;top:11px;font-size:18px;opacity:.7;cursor:pointer;background:none;border:0;color:var(--ink);padding:0}
.btns{margin:26px 0 0;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btns button{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:11px 18px;font-size:14px;cursor:pointer}
.btns button:hover{border-color:var(--o);box-shadow:0 1px 4px rgba(242,140,40,.3)}
.langs{margin-top:22px;font-size:13px;color:var(--mute)}
.ad{border:2px solid var(--o);background:linear-gradient(180deg,rgba(255,179,71,.2),rgba(242,140,40,.08));border-radius:6px;padding:12px 14px;margin-top:6vh;position:relative;animation:glow 1.8s ease-in-out infinite;display:block;color:var(--ink);text-align:left}
.ad:hover{text-decoration:none;background:rgba(255,179,71,.28)}
html.light .ad{color:#2b1a08}
.ad .tag{position:absolute;top:-10px;left:10px;background:var(--o);color:#1b0f02;font-size:10px;font-weight:bold;padding:1px 6px;border-radius:3px;letter-spacing:.06em}
.ad .t{font-size:18px;font-weight:bold;color:var(--g);text-decoration:underline;line-height:1.2;margin:4px 0 4px;display:block}
html.light .ad .t{color:#b45f0a}
.ad .u{color:#3fb26a;font-size:12px;display:block;margin-bottom:4px;word-break:break-all}
.ad .d{font-size:13px;line-height:1.4;display:block}
.ad .go{display:block;margin-top:8px;font-weight:bold;color:var(--o);font-size:13px}
@keyframes glow{0%,100%{box-shadow:0 0 0 0 rgba(242,140,40,.0),0 0 12px rgba(242,140,40,.35)}50%{box-shadow:0 0 0 5px rgba(242,140,40,.18),0 0 26px rgba(255,179,71,.7)}}
.ad2{margin-top:14px;font-size:12px;color:var(--mute);border:1px dashed var(--line);border-radius:6px;padding:10px;line-height:1.4}
.tunerwrap{max-width:980px;margin:34px auto 0;padding:0 16px;scroll-margin-top:12px}
.tunerwrap .cap{font-size:12px;color:var(--mute);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
#tuner{width:100%;height:min(86vh,780px);min-height:560px;border:1px solid var(--line);border-radius:12px;background:#000;display:block;transition:opacity .3s}
#tuner.fade{opacity:0}
footer{margin-top:40px;background:var(--panel);border-top:1px solid var(--line);font-size:13px;color:var(--mute)}
footer .r{padding:14px 20px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
footer .r a{color:var(--mute)}
footer .r a:hover{color:var(--g)}
#toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,30px);background:#2b1707;color:#ffe3c2;border:1px solid var(--o);border-radius:10px;padding:12px 18px;font-size:14px;opacity:0;pointer-events:none;transition:.3s;z-index:60;max-width:90vw;text-align:center}
#toast.on{opacity:1;transform:translate(-50%,0)}
#sigov{position:fixed;inset:0;background:#000;z-index:50;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}
#sigov.on{display:flex;opacity:1}
#sigov.out{opacity:0}
#sigmark{width:min(60vmin,420px);aspect-ratio:600/640}
#tapchip{position:fixed;left:12px;bottom:12px;z-index:40;background:var(--panel);color:var(--g);border:1px solid var(--o);border-radius:999px;font-size:12px;padding:6px 12px;cursor:pointer;opacity:0;transition:opacity .4s;pointer-events:none}
#tapchip.on{opacity:.9;pointer-events:auto}
/* sub pages */
.page{max-width:720px;margin:0 auto;padding:10px 20px 60px;line-height:1.65;font-size:17px}
.page h1{font-size:clamp(30px,6vw,46px);line-height:1.1;margin:.4em 0 .2em;color:var(--g)}
.page h2{margin:1.8em 0 .3em;color:var(--o);font-size:22px}
.page .kick{color:var(--mute);margin:0 0 1.6em}
.page .aside{border-left:3px solid var(--o);padding:2px 14px;color:var(--mute);margin:1.2em 0}
.page .big{display:inline-block;margin:10px 0;background:var(--o);color:#1b0f02;font-weight:bold;padding:13px 22px;border-radius:8px}
.page .big:hover{text-decoration:none;background:var(--g)}
.page ul{padding-left:1.2em}
.page li{margin:.3em 0}
.cit{margin:20px 0;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:14px;overflow:hidden}
.cit svg{width:100%;height:auto;display:block}
@media(max-width:820px){
 .home{grid-template-columns:1fr;gap:6px}
 .side{order:2;max-width:420px;margin:0 auto;width:100%}
 .ad{margin-top:22px}
 .center{padding-top:2vh}
 #tuner{min-height:600px;height:88vh}
}
@media(prefers-reduced-motion:reduce){.ad{animation:none}}