@view-transition{navigation:auto}
section[id]{scroll-margin-top:70px}
footer .wrap{flex-wrap:wrap;gap:12px 22px}
.ba{position:relative;aspect-ratio:4/3;max-width:680px;margin:30px auto 0;border-radius:28px;overflow:hidden;touch-action:pan-y;cursor:ew-resize;background:linear-gradient(180deg,#0b2d21,#04140f);box-shadow:0 30px 70px rgba(4,20,15,.35);user-select:none;-webkit-user-select:none;--p:50%}
.ba svg{position:absolute;inset:0;width:100%;height:100%}
.ba-after{position:absolute;inset:0;background:inherit;clip-path:inset(0 0 0 var(--p))}
.ba-h{position:absolute;top:0;bottom:0;left:var(--p);width:4px;margin-left:-2px;background:#c6ff3d}
.ba-h:focus-visible{outline:3px solid #fff;outline-offset:4px}
.ba-h span{position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;background:#c6ff3d;box-shadow:0 8px 24px rgba(0,0,0,.45);display:grid;place-items:center;color:#04140f;font:800 14px Inter,sans-serif}
.ba-t1,.ba-t2{position:absolute;top:14px;padding:7px 15px;border-radius:99px;font:700 .8rem Inter,sans-serif;background:rgba(4,20,15,.78);color:#fff;z-index:2}
.ba-t1{left:14px}.ba-t2{right:14px;background:#c6ff3d;color:#04140f}
.fl{stroke-dasharray:9 11;animation:dash 1.1s linear infinite}@keyframes dash{to{stroke-dashoffset:-20}}
.quiz{max-width:760px;margin:26px auto 0;padding:32px}
.quiz h3{font-size:clamp(1.4rem,3.4vw,2rem);margin:0 0 18px}
.qdots{display:flex;gap:8px;margin-bottom:20px}.qdots i{height:6px;flex:1;border-radius:9px;background:var(--line)}.qdots i.on{background:linear-gradient(90deg,#c6ff3d,#25e0b4)}
.qo{display:block;width:100%;text-align:left;margin:0 0 10px;padding:15px 18px;border-radius:16px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font:600 1rem Inter,sans-serif;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}
.qo:hover{transform:translateX(6px);border-color:var(--gold)}
.qres .pr{font:800 3rem 'Bricolage Grotesque',sans-serif;background:linear-gradient(90deg,var(--green),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.qres .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.sbar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.sbar.on{transform:none}.sbar .btn{flex:1;text-align:center;padding:13px 10px}
@media(min-width:760px){.sbar{display:none}}
@media(max-width:759px){body.has-sbar .fwa{display:none}body{padding-bottom:0}}
#cur{position:fixed;left:0;top:0;width:34px;height:34px;border-radius:50%;border:2px solid var(--gold);pointer-events:none;z-index:70;opacity:0;transition:width .25s,height .25s,background .25s,opacity .3s}
#cur.h{width:66px;height:66px;background:rgba(198,255,61,.16)}
@media(hover:none),(pointer:coarse){#cur{display:none}}
.legal h2{font-size:1.5rem;margin:30px 0 8px}.legal p,.legal li{color:var(--mute)}