:root{
  --bg:#070908;--card:#0d110f;--soft:#151a17;--ink:#f1f4f2;--dark:#080b09;
  --green:#c8ff3d;--green-ink:#071008;--muted:#929c96;--line:#29312c;--dim:#69736d;
  --shadow:0 24px 70px -42px rgba(0,0,0,.96),inset 0 1px 0 rgba(255,255,255,.025);
}
html{background:var(--bg);scroll-behavior:smooth}
body{min-height:100vh;background:radial-gradient(circle at 78% 5%,rgba(200,255,61,.045),transparent 28rem),linear-gradient(180deg,#070908 0%,#090c0a 42%,#070908 100%);color:var(--ink)}
a{color:var(--ink);text-decoration-color:#4b5650}a:hover{text-decoration-color:var(--green)}
.shell{max-width:1320px}
header.site{background:rgba(7,9,8,.82);border-color:rgba(200,255,61,.12);box-shadow:0 14px 40px rgba(0,0,0,.22)}
.site-in{min-height:66px}.logo .mark{background:var(--green);color:var(--green-ink);box-shadow:0 0 28px rgba(200,255,61,.13)}
.logo b span{color:var(--green)}.chip{color:var(--muted);background:rgba(13,17,15,.84);border-color:var(--line)}.chip b{color:var(--ink)}
.dot{background:#435047}.dot.on{background:var(--green);box-shadow:0 0 9px rgba(200,255,61,.62)}
.heroX{min-height:630px;margin:28px 0 20px;overflow:hidden;isolation:isolate;background:#070908;border:1px solid var(--line);border-radius:28px;box-shadow:0 44px 110px -64px #000,inset 0 0 0 1px rgba(255,255,255,.018)}
.heroX::before,.heroX::after{content:"";position:absolute;z-index:3;width:46px;height:46px;pointer-events:none}
.heroX::before{top:14px;left:14px;border-top:1px solid rgba(200,255,61,.48);border-left:1px solid rgba(200,255,61,.48)}
.heroX::after{right:14px;bottom:14px;border-right:1px solid rgba(200,255,61,.35);border-bottom:1px solid rgba(200,255,61,.35)}
#heroCv{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;pointer-events:auto;touch-action:pan-y}
.hero-in{z-index:2;max-width:850px;padding:clamp(92px,10vw,138px) clamp(28px,6vw,84px);pointer-events:none}.hero-in a{pointer-events:auto}
.heroX .eyebrow{margin-bottom:20px;color:var(--green);font-size:11px;letter-spacing:.18em}.heroX h1{max-width:780px;margin-bottom:24px;color:var(--ink);font-size:clamp(54px,7.2vw,100px);font-weight:600;line-height:.9;letter-spacing:-.065em}
.heroX h1 em{color:var(--green);font-style:normal}.heroX p.lead{max-width:67ch;color:#a5aea9;font-size:clamp(15px,1.6vw,18px)}.hero-cta{margin-top:30px}
.btn.ghostl{background:rgba(12,16,14,.78);border-color:#344039;color:var(--ink);backdrop-filter:blur(10px)}.btn.ghostl:hover{border-color:var(--green);background:#111713}
.kg-hud{top:24px;right:28px;left:28px;color:#78827c}.kg-sig{color:var(--green)}.kg-sig i{background:var(--green);box-shadow:0 0 14px rgba(200,255,61,.85)}
.heroX:fullscreen{width:100vw;height:100vh;min-height:100vh;background:var(--bg);border:0;border-radius:0;margin:0}
.modes{gap:12px;margin:18px 0 22px}.mode{background:rgba(13,17,15,.94);border-color:var(--line);box-shadow:var(--shadow)}.mode:hover{border-color:#46534b;transform:translateY(-2px)}.mode:focus-visible{outline-color:var(--green)}
.mode .mico{background:#171d19;color:#8c9790}.mode .mtxt b{color:var(--ink)}.mode .mtxt span,.mode .mcnt{color:var(--muted)}.mode .mcnt{border-color:#344038}
.mode.on{background:var(--green);border-color:var(--green);box-shadow:0 18px 46px -30px rgba(200,255,61,.58)}.mode.on .mtxt b,.mode.on .mtxt span{color:var(--green-ink)}.mode.on .mtxt span{opacity:.7}.mode.on .mico{background:rgba(7,16,8,.12);color:var(--green-ink)}.mode.on .mcnt{color:var(--green);background:var(--green-ink);border-color:var(--green-ink)}
.fams{margin:18px 0 6px}.fam{color:var(--muted);background:var(--card);border-color:var(--line)}.fam:hover{color:var(--ink);border-color:#455149}.fam.on{color:var(--green-ink);background:var(--green);border-color:var(--green)}.fam.on .c{color:var(--green-ink)}
.eyebrow-row{margin-top:24px}.eyebrow-row h2{font-size:17px}.eyebrow-row .rule{background:var(--line)}
.grid{grid-template-columns:minmax(0,1fr) 390px;gap:24px}.card,.tile,.step{background:rgba(13,17,15,.96);border-color:var(--line);box-shadow:var(--shadow)}.card.dark{background:#090c0a;border-color:#242d27}.card.dark h3{color:var(--ink)}
.tile:hover{border-color:#4a574f}.tile:focus-visible{outline-color:var(--green)}.tile .ph{background:#090c0a;color:#566158}.tile figcaption{background:#0d110f}.tile .name{color:var(--ink)}.tile .os{color:var(--muted);border-color:#354038}.tile.sel{border-color:var(--green);box-shadow:0 0 0 1px var(--green),var(--shadow)}
.preview{border-color:#2d3731}.prog-sub{color:var(--muted)}.rail{gap:20px;top:88px}.rail h3 svg{color:var(--green)}
.field>label{color:#77827b}.seg{background:#151a17;border-color:#2d3731}.seg button{color:var(--muted)}.seg button:hover{color:var(--ink)}.seg button.on{color:var(--green-ink);background:var(--green)}
input[type=range]{accent-color:var(--green)}.slider-val{color:var(--muted)}
.mini,.btn{color:var(--ink);background:#151a17;border-color:#303a34}.mini:hover,.btn:hover{color:var(--ink);background:#1a211d;border-color:#46534b}.btn:focus-visible{outline-color:var(--green)}.btn.primary{color:var(--green-ink);background:var(--green);border-color:var(--green)}.btn.primary:hover{background:#d2ff63;border-color:#d2ff63}.btn kbd{background:rgba(7,16,8,.12);border-color:rgba(7,16,8,.2)}
.drop{color:var(--muted);background:#111613;border-color:#465149}.drop:hover,.drop.drag{color:var(--ink);background:#172013;border-color:var(--green)}.drop.has .thumb-meta b{color:var(--ink)}.rm{color:var(--muted);background:#151a17;border-color:#303a34}
.mon{background:#121714;border-color:#2b352f}.mon.primary .glyph{border-color:var(--green)}.mon.primary .glyph::after{background:var(--green)}.mon .mtag{color:var(--green);border-color:rgba(200,255,61,.34)}
.note{color:var(--muted);border-color:#354038}.note b,.card.dark .note b{color:var(--ink)}.keys kbd{color:var(--ink);background:#151a17;border-color:#354038}
.rbtn,.rtoggle,.rsel{background:#111613;border-color:#2e3832}.rbtn:hover{background:#18201b;border-color:#48554d}.rtoggle.on,.rbtn.big{color:var(--green-ink);background:var(--green);border-color:var(--green)}.rprog{background:#202722}.rfill{background:var(--green)}
#colorPanel .hex{color:var(--ink)}
.ad-card{position:relative;background:#0a0d0b;border-color:#2b342e;box-shadow:none}.ad-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}.ad-label{color:#6f7a73}.ad-label::before{background:#354038}.ad-ph{color:#657068;background:rgba(255,255,255,.012);border-color:#303a34}
.ad-leaderboard{min-height:132px;margin:4px 0 26px}.ad-leaderboard .ad-ph,.ad-inline .ad-ph,.ad-footer .ad-ph{min-height:104px}.ad-rail{min-height:286px}.ad-rail .ad-ph{min-height:250px}.ad-inline{min-height:132px;margin:28px 0}.ad-footer{min-height:132px;margin:34px 0 12px}ins.adsbygoogle{position:relative;z-index:1;min-width:0}
.content{max-width:900px;padding-top:34px}.content h2{color:var(--ink);font-weight:600}.content p{color:#a4ada8}.step .n{color:var(--green)}.step b{color:var(--ink)}.faq{border-color:var(--line)}.faq details{border-color:var(--line)}.faq summary::after{color:var(--green)}
footer.site-foot{border-color:var(--line);background:#070908}.foot-in{padding-top:30px;padding-bottom:34px}.foot-in a{color:#a5aea9}
@media(max-width:940px){.grid{grid-template-columns:1fr}.rail{position:static}.ad-rail{min-height:132px}.ad-rail .ad-ph{min-height:104px}}
@media(max-width:680px){.site-in{min-height:58px}.status{width:100%;margin-left:0}.chip{flex:1;justify-content:center;padding-inline:8px}.heroX{min-height:650px;margin-top:18px;border-radius:20px}.hero-in{padding:96px 22px 82px}.heroX h1{font-size:clamp(48px,15vw,72px)}.heroX p.lead{font-size:15px}.kg-hud{top:18px;right:18px;left:18px}.modes{grid-template-columns:1fr}.ad-leaderboard,.ad-inline,.ad-footer{min-height:120px}.ad-leaderboard .ad-ph,.ad-inline .ad-ph,.ad-footer .ad-ph{min-height:92px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kg-sig i{box-shadow:none}}

/* Full-page kinetic field */
body{background:transparent}
#heroCv{position:fixed;inset:0;z-index:0;width:100vw;height:100vh;pointer-events:none;touch-action:auto}
header.site,.shell,footer.site-foot{position:relative;z-index:1}
.heroX{background:rgba(7,9,8,.36);backdrop-filter:blur(1.5px)}
.runtime-status{display:none!important}

/* Header actions: language + discreet radio */
.site-actions{margin-left:auto;display:flex;align-items:center;gap:9px}
.top-radio{display:none!important}
.radio-quick,.radio-panel-button,.language-picker{height:34px;border:1px solid #303a34;background:rgba(11,15,13,.9);color:#aeb7b1;border-radius:999px;font:600 9px/1 var(--disp);letter-spacing:.08em}
.radio-quick{width:34px;display:grid;place-items:center;padding:0;cursor:pointer}.radio-quick svg{width:13px;height:13px}.radio-quick.is-playing{color:var(--green);border-color:rgba(200,255,61,.45);box-shadow:0 0 20px rgba(200,255,61,.08)}
.radio-panel-button{max-width:190px;display:flex;align-items:center;gap:7px;padding:0 12px;cursor:pointer}.radio-panel-button:hover,.radio-panel-button:focus-visible,.radio-quick:hover,.radio-quick:focus-visible{border-color:var(--green);color:var(--ink);outline:none}
.radio-panel-button #rdMiniName{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-live-dot{width:5px;height:5px;border-radius:50%;background:#4c5951}.top-radio.is-playing .radio-live-dot{background:var(--green);box-shadow:0 0 9px var(--green)}
.language-picker{display:flex;align-items:center;gap:7px;min-width:138px;padding:0 8px 0 12px;border-color:var(--green);background:var(--green);color:#172004;box-shadow:0 0 22px rgba(200,255,61,.14)}.language-picker select{min-width:92px;border:0;background:transparent;color:#111803;font:800 10px var(--disp);outline:none;cursor:pointer}.language-picker option{background:#111611;color:#eef2ef}
.radio-popover{position:absolute;z-index:80;top:calc(100% + 13px);right:0;width:min(340px,calc(100vw - 28px));display:none;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.62)}
.radio-popover.open{display:block}.radio-popover-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:var(--green);font:700 9px var(--disp);letter-spacing:.16em}.radio-popover-head button{width:27px;height:27px;border:1px solid #303a34;border-radius:50%;background:#111613;color:var(--ink);cursor:pointer}

/* Fullscreen live controls */
.stage-tools-toggle{position:fixed;z-index:94;top:18px;right:18px;display:none;padding:10px 14px;border:1px solid rgba(200,255,61,.35);border-radius:999px;background:rgba(7,9,8,.76);color:var(--green);font:700 9px var(--disp);letter-spacing:.14em;backdrop-filter:blur(12px);cursor:pointer}
#stage.on.interactive .stage-tools-toggle{display:block}.stage-tools{position:fixed;z-index:95;top:16px;right:16px;width:min(310px,calc(100vw - 32px));display:none;padding:16px;background:rgba(7,9,8,.9);border:1px solid #354038;border-radius:18px;color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.58);backdrop-filter:blur(18px)}.stage-tools.open{display:grid;gap:11px}.stage-tools-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;color:var(--green);font:700 9px var(--disp);letter-spacing:.15em}.stage-tools-head button{width:28px;height:28px;border:1px solid #354038;border-radius:50%;background:#111613;color:var(--ink);cursor:pointer}.stage-tools label{display:grid;grid-template-columns:1fr auto;gap:7px;color:#9da7a1;font:600 10px var(--disp);letter-spacing:.04em}.stage-tools input{grid-column:1/-1;width:100%;accent-color:var(--green)}.stage-tools input.hue{height:11px}.stage-reset{margin-top:3px;padding:10px;border:1px solid #354038;border-radius:999px;background:#151a17;color:var(--ink);font:700 9px var(--disp);letter-spacing:.1em;cursor:pointer}.stage-reset:hover{border-color:var(--green)}.stage-tools small{color:#657068;font-size:9px;text-align:center}

.scene-bg-row{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center}.scene-bg-row input[type="color"],.stage-tools input[type="color"]{appearance:none;-webkit-appearance:none;border:1px solid #39443c;border-radius:10px;background:#101512;padding:3px;cursor:pointer}.scene-bg-row input[type="color"]{width:48px;height:34px}.scene-bg-row input[type="color"]::-webkit-color-swatch,.stage-tools input[type="color"]::-webkit-color-swatch{border:0;border-radius:6px}.scene-bg-row input[type="color"]::-moz-color-swatch,.stage-tools input[type="color"]::-moz-color-swatch{border:0;border-radius:6px}.scene-bg-row>span{color:#9da7a1;font:700 10px var(--disp);letter-spacing:.05em}.scene-bg-row .mini{width:auto;margin:0;padding:7px 10px}.stage-tools input[type="color"]{grid-column:1/-1;width:100%;height:34px}
#galleryStart{scroll-margin-top:84px}

@media(max-width:720px){.site-in{flex-wrap:nowrap}.site-actions{gap:5px}.language-picker>span{display:none}.language-picker{min-width:112px;padding-left:8px}.language-picker select{min-width:96px}.kg-hud{display:none}}