.lp{--lp-panel:#161613;--lp-rail:#20201b;--lp-rail-2:#2a2a24;--lp-line:#3a3a32;--lp-edge:#4a4840;--lp-fg:#eceae3;--lp-muted:#a3a196;--lp-jacket:#f2b705;--lp-jacket-ink:#3b2e00;--lp-bad:#ff6b55;--lp-ok:#7fd08a;--lp-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--lp-panel);color:var(--lp-fg);font-size:15px;line-height:1.35;color-scheme:dark}.lp button{font:inherit;color:inherit;cursor:pointer}.lp :focus-visible{outline:2px solid var(--lp-jacket);outline-offset:2px}.lp-strip{display:flex;align-items:center;gap:20px;padding:8px 24px;border-bottom:1px solid var(--lp-line);min-height:56px}.lp-tabs{display:flex;gap:4px;min-width:0;flex:1 1 auto;overflow:hidden}.lp-tab{background:none;border:0;padding:0 10px;height:40px;font-weight:600;color:var(--lp-muted);white-space:nowrap;border-bottom:3px solid transparent}.lp-tab:hover{color:var(--lp-fg)}.lp-tab[aria-current=true]{color:var(--lp-fg);border-bottom-color:var(--lp-jacket)}.lp-count{display:none;font-family:var(--lp-mono);color:var(--lp-muted)}.lp-nav{display:flex;gap:8px;margin-left:auto;flex:none}.lp-bt,.lp-go{height:40px;padding:0 16px;border:1px solid var(--lp-edge);border-radius:8px;font-weight:600;white-space:nowrap;background:var(--lp-rail-2);display:inline-flex;align-items:center;text-decoration:none;color:var(--lp-fg)}.lp-bt:hover{background:#34342d}.lp-bt:disabled{opacity:.4;cursor:default}.lp .lp-go{background:var(--lp-jacket);color:var(--lp-jacket-ink);border-color:var(--lp-jacket)}.lp-big{height:48px;font-size:17px}.lp-stage{position:relative;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.lp-stage iframe{width:100%;height:100%;border:0;display:block;background:var(--lp-panel);grid-row:2}.lp-band{grid-row:1;padding:20px 24px 16px;border-bottom:1px solid var(--lp-line);display:flex;align-items:center;gap:24px;flex-wrap:wrap}.lp-q{margin:0;font-weight:800;font-size:clamp(22px,1.5vw + 1vh,40px);line-height:1.15;flex:1 1 24em}.lp-opts{display:flex;gap:8px;flex-wrap:wrap}.lp .lp-right{background:var(--lp-ok);color:#0c2a12;border-color:var(--lp-ok);opacity:1}.lp .lp-wrong{border-color:var(--lp-bad);color:var(--lp-bad)}.lp-ans{margin:0;font-size:clamp(18px,1vw + .8vh,26px);flex:1 1 100%}.lp-sec{font-family:var(--lp-mono);color:var(--lp-jacket);white-space:nowrap}.lp-native{grid-row:2;min-height:0;padding:20px 24px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px}.lp-native.lp-fig{grid-template-rows:minmax(0,1fr)}.lp-native svg{width:100%;height:100%;display:block}.lp-ctls{display:flex;gap:32px;align-items:end;flex-wrap:wrap}.lp-cg{display:grid;gap:8px}.lp-cl{font-size:13px;color:var(--lp-muted)}.lp-step{display:inline-flex;align-items:center;height:48px;border:1px solid var(--lp-edge);border-radius:8px;overflow:hidden;background:var(--lp-rail-2)}.lp-step button{width:48px;height:100%;border:0;background:transparent;font-size:22px;font-weight:700}.lp-step button:hover{background:#34342d}.lp-step output{min-width:4.2em;text-align:center;font-family:var(--lp-mono);font-weight:600;font-size:22px}.lp-seg{display:inline-flex;height:48px;border:1px solid var(--lp-edge);border-radius:8px;overflow:hidden;background:var(--lp-rail-2)}.lp-seg button{border:0;border-left:1px solid var(--lp-line);background:transparent;padding:0 16px;font-weight:600;font-size:17px}.lp-seg button:first-child{border-left:0}.lp-seg button[aria-pressed=true]{background:var(--lp-jacket);color:var(--lp-jacket-ink)}.lp-ask{border-top:1px solid var(--lp-line);padding:12px 24px;font-size:clamp(17px,.9vw + .7vh,24px);display:flex;gap:16px;align-items:baseline}.lp-ask b{color:var(--lp-muted);font-weight:600;font-size:13px;flex:none}.lp-arr{position:absolute;right:24px;top:8px;z-index:20;width:min(420px,calc(100% - 48px));background:var(--lp-rail);border:1px solid var(--lp-line);border-radius:8px;padding:12px}.lp-arr ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.lp-arr li{display:grid;grid-template-columns:28px 1fr auto auto;gap:8px;align-items:center}.lp-arr li.lp-off span{color:var(--lp-muted);text-decoration:line-through}.lp-arr input{width:20px;height:20px;accent-color:var(--lp-jacket)}.lp-arr .lp-bt{height:32px;padding:0 10px}.lp-arr p{margin:12px 0 0}@media (max-width:900px){.lp{height:auto;min-height:100dvh}.lp-strip{padding:8px 16px;gap:12px;flex-wrap:wrap}.lp-opt,.lp-tabs{display:none}.lp-count{display:inline}.lp-ask,.lp-band,.lp-native{padding-left:16px;padding-right:16px}.lp-stage iframe{height:78vh}.lp-native svg{height:auto;min-height:50vh}}@media (prefers-reduced-motion:reduce){.lp *{transition:none!important;animation:none!important}}