:root{--ink:#0E0E10;--lime:#C8F031;--bg:#F1F1EE;--mut:#52525B;--m:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 ui-sans-serif,system-ui,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--ink)}
a{color:inherit;text-decoration:none}[hidden]{display:none!important}.w{max-width:1160px;margin:0 auto;padding:0 24px}
.dark{background:var(--ink);color:#fff}nav .w{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;padding-block:14px}
nav .links{display:flex;gap:8px 24px;align-items:center;flex-wrap:wrap}.logo,.mono{font-family:var(--m)}.logo{font-weight:700;font-size:18px;display:flex;gap:10px;align-items:center}
.btn{display:inline-block;background:var(--lime);color:var(--ink);padding:10px 20px;min-height:44px;border-radius:999px;font:inherit;font-weight:700;border:2px solid var(--ink);cursor:pointer;text-align:center}.btn.k{background:var(--ink);color:var(--lime)}.btn.wh{background:#fff}
h1{font-size:clamp(34px,9vw,84px);line-height:1.15;letter-spacing:-.03em;margin:0 0 24px;font-weight:700}.pg1{font-size:clamp(32px,8vw,60px)}
.hl{background:var(--lime);color:var(--ink);padding:.04em .22em;margin-inline:.05em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.eyebrow{color:var(--lime);font-size:13px}.lead{max-width:620px;font-size:19px;color:#D4D4D8;margin:0 0 32px}.small{font-size:13px}.mut{color:var(--mut)}.h2{font-size:clamp(28px,5vw,48px);line-height:1.1;letter-spacing:-.02em;margin:8px 0 32px}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.chip,.opt{position:relative;cursor:pointer}.chip{padding:10px 16px;min-height:44px;border:2px solid var(--ink);border-radius:999px;background:#fff;font:inherit;font-weight:700;display:inline-flex;gap:8px;align-items:center;margin:0}
.chip.on,.chip:has(:checked),.opt:has(:checked){background:var(--lime)}.chip:has(:focus-visible),.opt:has(:focus-visible){outline:3px solid var(--ink);outline-offset:2px}
.vh{position:absolute;opacity:0;pointer-events:none}.opt{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:2px solid var(--ink);border-radius:10px;margin-bottom:10px;background:#fff;font-weight:400}
.box{background:#fff;border:2px solid var(--ink);border-radius:12px;padding:24px;box-shadow:5px 5px 0 var(--ink)}.sh{margin:0 0 16px;font-size:20px}
.srow{display:flex;gap:12px;flex-wrap:wrap;align-items:center;max-width:820px}.srow .btn{min-height:58px;display:inline-flex;align-items:center;justify-content:center}
.sbox{position:relative;flex:1 1 320px;display:flex;align-items:center;background:#fff;color:var(--ink);border-radius:999px;border:3px solid var(--lime)}.sbox .si{position:absolute;left:18px;pointer-events:none}
.sbox input{border:0;background:transparent;padding:14px 52px 14px 52px;font-size:18px;border-radius:999px;min-width:0}.sbox input:focus{outline:3px solid #fff;outline-offset:3px}
.qc{position:absolute;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:var(--ink);color:var(--lime);font-size:20px;line-height:1;cursor:pointer}
.sd{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:16px;box-shadow:6px 6px 0 var(--lime);z-index:20;overflow:auto;max-height:60vh;text-align:left}
.sd a{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid #E4E4E7}.sd a:first-child{border-top:0}.sd a:hover,.sd a.act{background:var(--lime)}
mark{background:var(--lime);color:var(--ink);padding:0 2px;border-radius:2px}
.utabs{display:flex;gap:8px 28px;flex-wrap:wrap}.utabs button{background:none;border:0;border-bottom:4px solid transparent;color:#D4D4D8;font:inherit;font-weight:500;padding:0 0 12px;cursor:pointer}.utabs .on{border-color:var(--lime);color:#fff;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:24px}
.row{display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid #A1A1AA}
.url{font:13px var(--m);color:#137333;margin:0 0 4px}.t{font-size:22px;color:#1A0DAB;font-weight:500;text-decoration:underline}
.badge{border:1px solid var(--ink);padding:1px 6px;margin-right:8px;font-weight:700;color:var(--ink)}.th{width:92px;height:92px;object-fit:cover;border-radius:8px;border:2px solid var(--ink);flex:none}
.more{display:flex;justify-content:space-between;align-items:center;gap:16px;border:2px solid var(--ink);border-radius:999px;padding:14px 24px;font-weight:700;background:#fff;margin-top:8px}.more:hover{background:var(--lime)}
.faq details{border-top:2px solid var(--ink)}.faq summary{padding:16px 20px;font-weight:500;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.faq summary::after{content:'+';font-weight:700}.faq details[open] summary::after{content:'–'}.faq p{margin:0;padding:0 20px 16px}
label{display:block;font-weight:700;font-size:14px;margin:0 0 6px}input,select,textarea{width:100%;padding:12px 14px;border:2px solid var(--ink);border-radius:8px;font:inherit;background:#fff}input[type=checkbox],input[type=radio]{width:auto}
input[type=range]{appearance:none;-webkit-appearance:none;height:14px;padding:0;border-radius:999px;background:linear-gradient(var(--lime),var(--lime)) 0/var(--p,0%) 100% no-repeat #fff;margin:14px 0 8px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:32px;height:32px;border-radius:50%;background:var(--ink);border:4px solid var(--lime);cursor:grab}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--ink);border:4px solid var(--lime)}
.card img{width:100%;aspect-ratio:1.91/1;object-fit:cover;border-radius:8px;border:2px solid var(--ink);display:block;background:var(--lime)}
.rc{background:#fff;border:2px dashed var(--ink);padding:24px;font:14px var(--m);position:sticky;top:16px}.rc .r{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px dashed var(--ink)}.rc .tot{font-size:18px;border-top:2px solid var(--ink);padding:16px 0}
footer{padding:28px 24px;text-align:center;font:13px var(--m);color:#A1A1AA;background:var(--ink)}
.cg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:56px;align-items:center}
.pass{background:var(--lime);color:var(--ink);border:2px solid var(--ink);border-radius:16px;padding:28px;box-shadow:8px 8px 0 #fff;transform:rotate(-1.2deg);position:relative;font-family:var(--m)}
.pass::before,.pass::after{content:'';position:absolute;top:92px;width:26px;height:26px;background:var(--ink);border-radius:50%}.pass::before{left:-15px}.pass::after{right:-15px}
.pass .sep{border-top:2px dashed var(--ink);margin:18px -28px}.pass .chip:has(:checked){background:var(--ink);color:var(--lime)}
.band{background:var(--lime);color:var(--ink);overflow:hidden;border-block:2px solid var(--ink);font:700 18px var(--m);white-space:nowrap}.band div{display:inline-block;padding:14px 0;animation:mq 40s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.band div{animation:none}}
.num{font:700 88px/1 var(--m);color:transparent;-webkit-text-stroke:2px var(--ink);margin:0}.mod{display:flex;flex-direction:column;gap:8px;min-height:250px}.mod.k{background:var(--ink);color:#fff}.mod.k .num{-webkit-text-stroke-color:var(--lime)}.mod.l{background:var(--lime)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:0 28px}.step{padding:28px 0 24px;border-top:4px solid var(--ink);position:relative}.step::before{content:'';position:absolute;top:-11px;left:0;width:18px;height:18px;border-radius:50%;background:var(--lime);border:3px solid var(--ink)}
.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.wide{grid-column:1/-1}.tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.item{margin-bottom:20px}
.pbar{position:fixed;left:0;right:0;bottom:0;background:var(--ink);color:#fff;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:30;font-size:14px}
@media (max-width:640px){.w{padding:0 18px}nav .links{gap:6px 16px;font-size:14px}.th{width:72px;height:72px}.num{font-size:64px}.srow .btn{width:100%}.pass{transform:none;padding:22px}.pass .sep{margin-inline:-22px}.lead{font-size:17px}.box{padding:18px}}