.lab{--bg:#f8f6f1;--paper2:#f3f1ec;--line:#e6e3dc;--line2:#d6d2c8;--card:#fff;--ink:#17181a;--grey:#5d6066;--mist:#8f9298;--accent:#b8501f;--accent-soft:#fbf1ea;--other:#8a929c;--other-soft:#eceef0;--mono:ui-monospace, "SF Mono", Menlo, monospace;--sans:var(--font-inter), Inter, system-ui, sans-serif;--serif:var(--font-display), Georgia, serif;--r:8px;color:var(--ink);font-family:var(--sans);font-size:12px;line-height:1.45}.lab .panel{border:1px solid var(--line);border-radius:var(--r);background:var(--card);margin-bottom:28px;overflow:hidden;box-shadow:0 1px 2px #17181a0a}.lab .tabs{border-bottom:1px solid var(--line);gap:22px;padding:0 28px;display:flex;overflow-x:auto}.lab .tabs button{color:var(--grey);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:14px 0 13px;font-size:12.5px;font-weight:500;position:relative}.lab .tabs button:hover,.lab .tabs button[aria-selected=true]{color:var(--ink)}.lab .tabs button[aria-selected=true]:after{content:"";background:var(--ink);height:2px;position:absolute;bottom:-1px;left:0;right:0}.lab .pane{padding:26px 28px 22px}.lab .ph{align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.lab .ph h2{font-family:var(--sans);letter-spacing:-.01em;font-size:18px;font-weight:600;line-height:1.25}.lab .ph .sub{color:var(--grey);max-width:760px;margin-top:6px;font-size:12.5px}.lab .ph .act{flex-shrink:0;gap:6px;margin-left:auto;display:flex}.lab .btn{border:1px solid var(--line2);height:32px;color:var(--grey);background:var(--card);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.lab .btn:hover,.lab .btn[aria-pressed=true]{color:var(--ink);background:var(--paper2)}.lab .btn svg{width:15px;height:15px}.lab .chips{flex-wrap:wrap;gap:6px;margin:-6px 0 20px;display:flex}.lab .chip{border:1px solid var(--line2);height:30px;color:var(--grey);background:var(--card);cursor:pointer;border-radius:6px;padding:0 12px;font-size:11.5px;font-weight:500;transition:color .15s,border-color .15s,background-color .15s}.lab .chip:hover{color:var(--ink);border-color:var(--mist)}.lab .chip[aria-pressed=true]{color:var(--ink);background:var(--paper2);border-color:var(--ink)}.lab .legend{border-top:1px solid var(--line);color:var(--grey);flex-wrap:wrap;gap:10px 24px;margin-top:18px;padding-top:14px;font-size:11.5px;display:flex}.lab .legend>span{align-items:center;display:inline-flex}.lab .legend .me{color:var(--ink);font-weight:600}.lab .sw{background:var(--c,var(--other));border-radius:2px;flex-shrink:0;width:12px;height:12px;margin-right:8px;display:inline-block}.lab .note{color:var(--grey);max-width:820px;margin-top:14px;font-size:12px}.lab .note b{color:var(--ink);font-weight:600}.lab .steps{background:var(--line);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:1fr 1fr;gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.lab .steps li{background:var(--card);padding:20px 22px}.lab .steps .num{font-family:var(--mono);color:var(--accent);font-size:11px;display:block}.lab .steps b{color:var(--ink);margin-top:4px;font-size:14px;font-weight:600;display:block}.lab .steps p{color:var(--grey);margin-top:6px;font-size:12.5px;line-height:1.6}.lab .steps a,.lab .try a:not(.btn){color:var(--ink);text-underline-offset:2px;text-decoration:underline}.lab .try{background:var(--card);border:1px solid var(--line);border-radius:var(--r);color:var(--grey);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:18px 22px;font-size:13px;display:flex}.lab .try b{color:var(--ink);font-weight:600}.lab .try .acts{flex-shrink:0;gap:8px;display:flex}.lab .btn.dark{background:var(--ink);color:var(--card);border-color:var(--ink)}.lab .btn.dark:hover{color:var(--card);background:#000}@media (max-width:700px){.lab .steps{grid-template-columns:1fr}.lab .try{flex-direction:column;align-items:flex-start}}.lab .rank{margin-top:4px}.lab .rk,.lab .rk-axis{grid-template-columns:210px 1fr 76px;align-items:center;gap:14px;display:grid}.lab .rk-axis{height:22px;margin-bottom:2px}.lab .rk-axis .trk span{font-family:var(--mono);color:var(--mist);font-size:10px;position:absolute;top:2px;transform:translate(-50%)}.lab .rk-axis .trk span:first-child{transform:none}.lab .trk{height:100%;position:relative}.lab .rk{border-top:1px solid var(--line);height:30px}.lab .rk:last-child{border-bottom:1px solid var(--line)}.lab .rk .t{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ink);align-items:center;gap:10px;font-size:12px;display:flex;overflow:hidden}.lab .rk .pos{text-align:right;width:18px;font-family:var(--mono);color:var(--mist);flex-shrink:0;font-size:10px}.lab .rk .gl{border-left:1px solid var(--line);position:absolute;top:0;bottom:0}.lab .rk i{background:var(--c,var(--other));border-radius:0 2px 2px 0;height:12px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.lab .rk .cut{color:var(--mist);font-size:14px;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.lab .rk .n{font-family:var(--mono);text-align:right;color:var(--grey);font-variant-numeric:tabular-nums;font-size:11.5px}.lab .rk.me{background:var(--accent-soft)}.lab .rk.me .t{font-weight:600}.lab .rk.me .pos{color:var(--accent);font-weight:700}.lab .rk.me i{background:var(--accent);height:14px}.lab .rk.me .n{color:var(--accent);font-weight:700}.lab .hbar{border-top:1px solid var(--line);grid-template-columns:210px 1fr 76px;align-items:center;gap:14px;padding:7px 0;font-size:12px;display:grid}.lab .hbar .t{color:var(--ink);align-items:center;min-width:0;display:flex}.lab .hbar .t span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lab .hbar.me .t{font-weight:500}.lab .hbar .bg{background:var(--other-soft);border-radius:2px;height:12px;overflow:hidden}.lab .hbar .bg i{background:var(--c,var(--other));height:100%;display:block}.lab .hbar.me .bg i{background:var(--accent)}.lab .hbar .n{font-family:var(--mono);text-align:right;color:var(--grey)}.lab .hbar.me .n{color:var(--accent);font-weight:700}.lab .hgrp{color:var(--mist);margin:14px 0 4px;font-size:10px;font-weight:500}.lab .sc{border-bottom:1px solid var(--line2);height:440px;margin:14px 12px 56px 76px;position:relative}.lab .sc .gy{border-top:1px solid var(--line);position:absolute;left:0;right:0}.lab .sc .gy span{text-align:right;width:46px;font-family:var(--mono);color:var(--mist);font-size:9.5px;position:absolute;top:-8px;left:-56px}.lab .sc .gx{border-left:1px solid var(--line);position:absolute;top:0;bottom:0}.lab .sc .gx span{white-space:nowrap;font-family:var(--mono);color:var(--mist);margin-top:6px;font-size:9.5px;position:absolute;top:100%;left:-16px}.lab .sc .zone{background:#b8501f0d;position:absolute}.lab .sc .mx{border-left:1px dashed #a8a49a;position:absolute;top:0;bottom:0}.lab .sc .my{border-top:1px dashed #a8a49a;position:absolute;left:0;right:0}.lab .sc .qd{font-family:var(--mono);letter-spacing:.12em;color:#8a877f;font-size:9.5px;position:absolute}.lab .sc .qd.hi{color:var(--accent);font-weight:700}.lab .sc .pt{background:var(--c,var(--other));border:1.5px solid var(--card);width:11px;height:11px;box-shadow:0 0 0 1px var(--c,var(--other));border-radius:999px;position:absolute;transform:translate(-50%,-50%)}.lab .sc .pt.me{background:var(--accent);width:15px;height:15px;box-shadow:0 0 0 1px var(--accent), 0 0 0 5px #b8501f26}.lab .sc .pt span{color:var(--grey);white-space:nowrap;font-size:11px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.lab .sc .pt.me span{color:var(--ink);font-weight:600}.lab .sc .pt.l span{left:auto;right:14px}.lab .sc .ax{color:var(--mist);font-size:9.5px;position:absolute}.lab .sc .ax.y{transform-origin:0 0;white-space:nowrap;top:50%;left:-74px;transform:rotate(-90deg)translate(-50%,-100%)}.lab .sc .ax.x{bottom:-46px;right:0}.lab table{border-collapse:collapse;width:100%;font-size:11px}.lab th{text-align:left;color:var(--grey);background:var(--paper2);border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 14px;font-size:9.5px;font-weight:500}.lab td{border-bottom:1px solid var(--line);padding:9px 14px}.lab td.n,.lab th.n{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono);white-space:nowrap;font-size:10px}.lab tr.me td{background:var(--accent-soft)}.lab tr.me td:first-child{box-shadow:inset 2px 0 var(--accent);font-weight:600}.lab .tblwrap{border:1px solid var(--line);border-radius:var(--r);overflow-x:auto}@media (max-width:700px){.lab .pane{padding:20px 16px 18px}.lab .tabs{gap:18px;padding:0 16px}.lab .ph{flex-wrap:wrap}.lab .ph h2{font-size:16px}.lab .rk,.lab .rk-axis{grid-template-columns:118px 1fr 52px;gap:8px}.lab .rk .pos{display:none}.lab .rk .t,.lab .rk .n{font-size:11px}.lab .hbar{grid-template-columns:130px 1fr 70px;font-size:11px}.lab .sc{height:340px;margin-left:52px}.lab .sc .pt:not(.me) span{display:none}}
