:root{--li:#b6ff00;--mu:#c8c8c8;--cd:#141414;--bd:#333;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html,body{margin:0;background:#000;color:#fff;font-family:Inter,system-ui,Arial,sans-serif}
body{max-width:640px;margin:0 auto;padding:16px}
h1{font-size:26px;letter-spacing:2px;margin:8px 0 0}h1 b{color:var(--li)}
.sl{color:var(--mu);font-size:13px;letter-spacing:2px;margin:0 0 18px}
h2{color:var(--li);font-size:15px;text-transform:uppercase;letter-spacing:1px;margin:20px 0 8px}
.g{display:flex;flex-wrap:wrap;gap:8px}
.chip{background:var(--cd);color:#fff;border:1px solid var(--bd);border-radius:10px;padding:11px 13px;font-size:15px;cursor:pointer}
.chip.on{background:var(--li);color:#000;border-color:var(--li);font-weight:700}
.btn{background:var(--li);color:#000;border:0;border-radius:12px;padding:15px;font-size:17px;font-weight:800;width:100%;margin-top:10px;cursor:pointer}
.btn.s{background:var(--cd);color:#fff;border:1px solid var(--bd)}
select{background:#fff;color:#000;border:0;border-radius:8px;padding:10px;font-size:15px}
.card{background:var(--cd);border:1px solid var(--bd);border-radius:12px;padding:12px 14px;margin:8px 0}
.row{display:flex;justify-content:space-between;gap:10px;color:var(--mu);font-size:15px;padding:3px 0}
.row b{color:#fff}.mu{color:var(--mu)}.li{color:var(--li)}
summary{cursor:pointer;font-weight:700;font-size:16px}
details p,details li{color:var(--mu);font-size:14px;line-height:1.45;margin:5px 0}
details li b,details p b{color:#fff}
.big{font-size:76px;font-weight:800;text-align:center;margin:10px 0}
.c{text-align:center}.bar{height:6px;background:var(--bd);border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;background:var(--li)}
.cnt{display:flex;align-items:center;justify-content:center;gap:22px;font-size:34px;font-weight:800}
.cnt button{width:60px;height:60px;border-radius:50%;border:0;background:var(--li);color:#000;font-size:30px;font-weight:800}

:root{color-scheme:dark;--cd:#1b2019;--bd:#3a4435;--mu:#bfc9bb}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html,body{background:#10120f}
body{max-width:760px;padding:0 clamp(16px,5vw,36px) 36px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px}
.wordmark{font-size:1.35rem;font-weight:900;letter-spacing:.12em;color:#fff;text-decoration:none}
.wordmark b,.eyebrow{color:var(--li)}
.hero{background:radial-gradient(ellipse at 100% 0%,#3b4d1b,transparent 70%),#1b2317;border:1px solid var(--bd);border-radius:20px;padding:clamp(24px,6vw,46px);margin-bottom:16px}
.eyebrow{font-weight:750;letter-spacing:.15em;font-size:.72rem}
.hero h1{font-size:clamp(2.8rem,9vw,5rem);line-height:.96;letter-spacing:-.055em}
.hero p:not(.eyebrow){line-height:1.55;color:var(--mu);max-width:48ch}
.hero p:last-child{margin-bottom:0}
.training{background:#151914;border:1px solid var(--bd);border-radius:20px;padding:clamp(16px,4vw,28px)}
.training h2:first-child{margin-top:0}
button,select,input{font:inherit}
.chip{min-height:44px}
.btn:hover,.chip.on:hover{background:#cbff53}
.btn.s:hover,.chip:not(.on):hover{background:#293327}
:focus-visible{outline:2px solid #fff;outline-offset:3px}
.big{font-variant-numeric:tabular-nums}
.row b{flex-shrink:0}
dialog{width:min(440px,calc(100% - 32px));color:#fff;background:#151914;border:1px solid var(--bd);border-radius:20px;padding:24px}
dialog::backdrop{background:#000b}
.dialog-close{float:right}
dialog p,dialog li{color:var(--mu);line-height:1.5}
dialog input{display:block;width:100%;margin:6px 0;padding:12px;border-radius:8px;border:1px solid var(--bd)}
#sessions{padding-left:20px}
progress.bar{display:block;width:100%;appearance:none;border:0}
progress.bar::-webkit-progress-bar{background:var(--bd)}
progress.bar::-webkit-progress-value{background:var(--li)}
progress.bar::-moz-progress-bar{background:var(--li)}
.site-info{margin-top:24px}
.site-info .card{padding:16px}
.site-info p{line-height:1.6}
button:disabled{opacity:.55;cursor:wait}
@media(max-width:420px){
 .site-header{flex-wrap:wrap;padding:14px 0}
 .wordmark{font-size:1.15rem}
 .row{flex-wrap:wrap}
}

#development-form{display:grid;gap:8px}
#development-form select{width:100%;min-width:0}
#development-progress{width:100%;accent-color:var(--li)}
dialog{max-height:calc(100dvh - 32px);overflow-y:auto}