.o2-page{--setup: #3fbf86;--heat: #ff9f43;--collect: #5b9bff;--steps: 7}.exp-tabs{position:absolute;left:32px;top:146px;width:290px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.exp-tabs button{min-height:40px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:14px;line-height:1.2;white-space:nowrap}.exp-tabs button[aria-pressed=true]{border-color:var(--gold);background:var(--gold-soft);color:var(--gold);font-weight:600}.exp-tabs button:hover{border-color:var(--gold)}@media(max-width:1180px){.exp-tabs{top:92px;left:24px;width:auto;right:416px;display:flex;overflow-x:auto;scrollbar-width:none}.exp-tabs button{flex:0 0 auto}.o2-page .lab-hint{top:142px}}@media(max-width:760px){.exp-tabs{top:118px;left:12px;right:12px;gap:6px}.exp-tabs button{min-height:40px;font-size:13px}.o2-page .lab-hint{top:166px}}.o2-page .lab-hint{left:340px;right:416px;width:auto;transform:none}@media(max-width:1180px){.o2-page .lab-hint{left:24px}}.side{position:absolute;right:32px;top:92px;width:360px;display:flex;flex-direction:column;gap:12px;pointer-events:none}.side>*{pointer-events:auto}.collect-card{padding:12px 14px 8px}.collect-card .label{display:block;margin-bottom:8px;font-size:13px;color:var(--soft)}.collect-card .link{min-height:44px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:6px}.choices button{min-height:56px;padding:6px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;display:grid;place-items:center;line-height:1.3;font-size:15px;text-align:center}.choices button small{color:var(--muted);font-size:12px}.choices button[aria-pressed=true]{border-color:var(--gold);background:var(--gold-soft)}.choices button[aria-pressed=true] small{color:var(--gold)}.inset{position:relative;height:270px;border-radius:16px;pointer-events:none!important;box-shadow:0 0 0 2px var(--collect),0 12px 30px #0006}.inset .t{position:absolute;left:10px;top:10px;right:10px;width:fit-content;font-size:14px;font-weight:700;color:#9cc4ff;background:#0009;padding:3px 10px;border-radius:8px}.inset .bars{position:absolute;left:8px;right:8px;bottom:8px;display:grid;gap:4px;padding:6px 8px;border-radius:10px;background:#0000009e}.bar{display:grid;grid-template-columns:96px 1fr 58px;align-items:center;gap:8px;font-size:12px;color:#fff}.bar i{position:relative;height:8px;border-radius:4px;background:linear-gradient(90deg,#ffffff2e 21%,#ffffff14 21%);overflow:hidden}.bar i:after{content:"";position:absolute;inset:0;width:calc(var(--k, 0) * 100%);background:var(--c);border-radius:4px}.bar b{text-align:right;font-family:var(--mono);font-weight:600}.inset[data-off]{visibility:hidden}.leaders{position:absolute;left:0;top:0;overflow:visible}.pt{position:absolute;transform:translate(-13px,-13px);display:flex;align-items:center;gap:6px;padding:0 10px 0 0;border-radius:999px;background:#000000a8;color:#fff;font-size:14px;white-space:nowrap;box-shadow:0 0 0 2px var(--c)}.pt b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--c);color:#10141a;font-size:14px}.o2-page .lab-title{max-width:290px}.o2-page .steps ol{grid-template-columns:repeat(var(--steps),minmax(max-content,1fr));overflow-x:auto;scrollbar-width:none;padding:6px;margin:-6px}.o2-page .step{white-space:nowrap}@media(max-width:1600px){.o2-page .step{padding-right:12px;font-size:14px}.o2-page .step .s{display:none}.o2-page .step .n{width:30px;height:30px}}@media(max-width:760px){.o2-page .lab-hint{left:12px;right:12px}.side{top:auto;right:12px;left:12px;width:auto}.collect-card{padding:8px 10px 4px}.collect-card .label,.collect-card .link{display:none}.choices button{min-height:40px}.choices button small{display:none}.o2-page .lab-hint .hint{font-size:14px;line-height:1.5}.o2-page .reads>div:not([data-m]){display:none}.inset{display:none}.pt{font-size:12px;padding-right:8px}.pt b{width:22px;height:22px;font-size:12px}.tag{font-size:12px}}
