.lab-intro{max-width:720px;margin-bottom:var(--space-5)}.lab-intro__crumb{font-family:var(--font-mono);font-size:13px;color:var(--ink-faint);margin-bottom:var(--space-3)}.lab-intro__lede{color:var(--ink-muted);font-size:15px}.poa-app{--bg:#0a0e0f;--panel:#0f1518;--panel2:#121a1e;--line:#1d2a30;--txt:#cfe3dd;--dim:#7b918c;--faint:#52645f;--acc:#3ddc97;--acc2:#37c0e8;--warn:#e8b339;--hot:#ff6b6b;--m:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;background:var(--bg);color:var(--txt);font-family:var(--m);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 24px 70px #0b12202e;background-image:radial-gradient(circle at 18% -8%,rgba(61,220,151,.07),transparent 42%);display:flex;flex-direction:column;height:min(84vh,920px);min-height:520px}.poa-app a{color:var(--acc2);text-decoration:none}.poa-app a:hover{text-decoration:underline}.poa-app__bar{display:flex;align-items:center;gap:12px;padding:11px 14px;background:#0c1214;border-bottom:1px solid var(--line)}.poa-app__lights{display:inline-flex;gap:7px}.poa-app__lights i{width:11px;height:11px;border-radius:50%;display:block}.poa-app__lights i:nth-child(1){background:#ff5f57}.poa-app__lights i:nth-child(2){background:#febc2e}.poa-app__lights i:nth-child(3){background:#28c840}.poa-app__name{font-size:12.5px;color:var(--dim)}.poa-app__prompt{color:var(--acc)}.poa-app__bar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.poa-tech{position:relative;outline:none}.poa-tech__btn{font-family:var(--m);font-size:11.5px;color:var(--dim);border:1px solid var(--line);border-radius:6px;padding:5px 9px;cursor:default;user-select:none}.poa-tech:hover .poa-tech__btn,.poa-tech:focus .poa-tech__btn{color:var(--acc);border-color:var(--acc)}.poa-tech__pop{position:absolute;right:0;top:135%;z-index:20;width:260px;background:#0c1214;border:1px solid var(--line);border-radius:10px;padding:12px 13px;box-shadow:0 16px 40px #0006;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.12s}.poa-tech:hover .poa-tech__pop,.poa-tech:focus .poa-tech__pop,.poa-tech:focus-within .poa-tech__pop{opacity:1;visibility:visible;transform:translateY(0)}.poa-tech__label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}.poa-tech__chips{display:flex;flex-wrap:wrap;gap:6px}.poa-tech__chips span{font-size:11px;color:var(--acc2);background:#37c0e817;border:1px solid rgba(55,192,232,.25);padding:3px 8px;border-radius:20px}.langtoggle{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}.langtoggle button{background:var(--panel);border:none;color:var(--dim);font-family:var(--m);font-size:12px;padding:5px 11px;cursor:pointer;transition:.12s}.langtoggle button:hover{color:var(--txt)}.langtoggle button.on{background:#3ddc9724;color:var(--acc)}.langtoggle button+button{border-left:1px solid var(--line)}.poa-app__bar{flex:0 0 auto}.poa-app__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.poa-app__fixed{flex:0 0 auto;padding:18px 22px 12px;border-bottom:1px solid var(--line)}.poa-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 22px 24px;scrollbar-width:thin;scrollbar-color:#27343a transparent;overscroll-behavior:contain}.poa-scroll::-webkit-scrollbar{width:11px}.poa-scroll::-webkit-scrollbar-thumb{background:#27343a;border-radius:8px;border:3px solid transparent;background-clip:content-box}.poa-scroll::-webkit-scrollbar-thumb:hover{background:#34454c}.poa-head{padding-bottom:12px}.poa-app .tag-sub{color:var(--dim);font-size:12.5px;max-width:760px}.poa-app .meta-line{color:var(--faint);font-size:12px;margin-top:10px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}.poa-app .meta-line b{color:var(--dim);font-weight:500}.poa-app .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--acc);margin-right:6px;vertical-align:middle}.poa-app .dot.stale{background:var(--warn)}.poa-app .dot.down{background:var(--hot)}.poa-app .filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}.poa-app .chip{background:var(--panel);border:1px solid var(--line);color:var(--dim);padding:5px 11px;border-radius:6px;font-size:12.5px;cursor:pointer;font-family:var(--m);transition:.12s;user-select:none}.poa-app .chip:hover{border-color:var(--acc);color:var(--txt)}.poa-app .chip.on{background:#3ddc9721;border-color:var(--acc);color:var(--acc)}.poa-app .chip .ct{color:var(--faint);font-size:11px;margin-left:5px}.poa-app .chip.on .ct{color:var(--acc)}.poa-app .chip.all{border-style:dashed}.poa-app .controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.poa-app .status{color:var(--dim);font-size:12.5px}.poa-app .status b{color:var(--acc)}.poa-app .sortbtns{display:flex;gap:6px}.poa-app .sortbtn{background:none;border:1px solid var(--line);color:var(--dim);font-family:var(--m);font-size:12px;padding:4px 10px;border-radius:5px;cursor:pointer}.poa-app .sortbtn.on{color:var(--acc);border-color:var(--acc)}.poa-app .cards{margin-top:0;display:grid;gap:14px}.poa-app .card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:10px;padding:18px 20px;position:relative;overflow:hidden}.poa-app .card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc);opacity:.6}.poa-app .card.hot:before{background:var(--hot)}.poa-app .ctop{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.poa-app .ctitle{font-size:15.5px;font-weight:600;color:#eaf6f1;margin:0 0 2px;line-height:1.35}.poa-app .csrc{color:var(--dim);font-size:12px}.poa-app .csrc .sep{color:var(--faint);margin:0 6px}.poa-app .score{flex-shrink:0;text-align:center;border:1px solid var(--line);border-radius:8px;padding:5px 9px;min-width:52px;background:var(--bg)}.poa-app .score .n{font-size:17px;font-weight:700;color:var(--acc);line-height:1}.poa-app .score.mid .n{color:var(--warn)}.poa-app .score .l{font-size:9px;color:var(--faint);letter-spacing:1px;text-transform:uppercase}.poa-app .ctags{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0}.poa-app .t{font-size:11px;color:var(--acc2);background:#37c0e817;border:1px solid rgba(55,192,232,.25);padding:2px 8px;border-radius:20px;cursor:pointer}.poa-app .t:hover{background:#37c0e833}.poa-app .summary{color:var(--txt);font-size:13.5px;margin:8px 0 12px}.poa-app .blocks{display:grid;gap:9px;border-top:1px solid var(--line);padding-top:12px}.poa-app .blk{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:start}.poa-app .blk .lab{background:none;border:0;border-radius:0;padding:2px 0 0;margin:0;font-size:11px;letter-spacing:.5px;text-transform:uppercase;display:block}.poa-app .blk.why .lab{color:var(--warn)}.poa-app .blk.who .lab{color:var(--acc)}.poa-app .blk.try .lab{color:var(--acc2)}.poa-app .blk .val{font-size:13px;color:var(--txt)}.poa-app .cfoot{margin-top:12px;font-size:12px}.poa-app .cfoot a:after{content:" ↗";color:var(--faint)}.poa-app .empty{border:1px dashed var(--line);border-radius:10px;padding:36px 24px;text-align:center;color:var(--dim)}.poa-app .empty .big{color:var(--acc);font-size:15px;margin-bottom:6px}.poa-foot{margin-top:30px;border-top:1px solid var(--line);padding-top:14px;color:var(--faint);font-size:12px}.poa-app.ko .blk{grid-template-columns:132px 1fr}.poa-app.ko .summary,.poa-app.ko .blk .val{line-height:1.7}@media(max-width:560px){.poa-app .blk,.poa-app.ko .blk{grid-template-columns:1fr;gap:2px}.poa-app .blk .lab{padding-top:8px}}.lab-intro__title{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.01em;margin:0 0 var(--space-3);color:var(--ink)}.lab-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:var(--space-5)}.lab-tab{font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;font-size:13px;padding:10px 16px;background:none;border:0;cursor:pointer;color:var(--ink-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.lab-tab:hover{color:var(--ink)}.lab-tab.on{color:var(--ink);border-bottom-color:var(--accent)}.lab-tab--link{text-decoration:none;display:inline-block}.lab-tab--link:hover{border-bottom-color:var(--border-strong)}.lab-panel-wrap{display:flex;flex-direction:column;gap:var(--space-5)}.lab-panel-wrap[hidden]{display:none}.lab-block{background:#0a0e0f;color:#cfe3dd;border:1px solid #1d2a30;border-radius:14px;padding:22px 24px;font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;box-shadow:0 12px 32px #0b12200f}.lab-block__head{margin-bottom:14px}.lab-block__num{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#3ddc97;margin-bottom:6px;display:block}.lab-block__title{font-size:17px;font-weight:600;color:#eaf6f1;margin:0 0 6px;font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace}.lab-block__lede{color:#7b918c;font-size:12.5px;margin:0;max-width:680px;line-height:1.55}.lab-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}.lab-step{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;border:1px solid #1d2a30;border-radius:9px;padding:10px 14px;background:#0f1518}.lab-step__num{color:#3ddc97;font-size:12.5px;font-weight:700;padding-top:1px}.lab-step__t{color:#eaf6f1;font-size:13.5px;font-weight:600;margin-bottom:3px}.lab-step__d{color:#7b918c;font-size:12px;line-height:1.55}.lab-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.lab-metric{border:1px solid #1d2a30;border-radius:9px;padding:11px 13px;background:#0f1518}.lab-metric__v{font-size:16px;color:#3ddc97;font-weight:700;margin-bottom:4px;line-height:1.2}.lab-metric__l{font-size:10.5px;color:#7b918c;letter-spacing:.04em;text-transform:uppercase}.lab-meta-line{margin-top:12px;padding-top:11px;border-top:1px dashed #1d2a30;font-size:11.5px;color:#52645f}.lab-meta-line code{background:#121a1e;color:#cfe3dd;padding:1px 6px;border-radius:4px;font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;font-size:11px}.lab-data-tag{display:inline-block;vertical-align:middle;margin-left:10px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#e8b339;border:1px solid rgba(232,179,57,.35);padding:2px 8px;border-radius:20px;font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace}.lab-data-tag.live{color:#3ddc97;border-color:#3ddc9766}.lab-usage{margin:0;border:1px solid #1d2a30;border-radius:9px;background:#0f1518;padding:10px 12px 4px}.lab-usage svg{width:100%;height:auto;display:block}.lab-usage__empty{color:#5f7d75;font-size:12px;margin:8px 0 0}.lab-tab--link{text-decoration:none;display:inline-flex;align-items:center}
