.tape-product .mini-btn{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-2);background:var(--panel);color:var(--fg);cursor:pointer;border-radius:7px;padding:8px 13px;transition:all .15s}.tape-product .mini-btn:hover{background:var(--frame)}.tape-product .card-top{border-bottom:1px solid var(--line);background:var(--frame);font-family:var(--mono);color:var(--fg-2);align-items:center;gap:8px;padding:11px 15px;font-size:12px;display:flex}.tape-product .card-top .dot{background:var(--line-2);border-radius:50%;width:9px;height:9px}.tape-product .card-top .rec{letter-spacing:.1em;color:var(--accent-strong);align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.tape-product .card-top .rec i{background:var(--accent-strong);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite th-pulse}@keyframes th-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.tape-product .h4m{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin:0 0 12px;font-size:10.5px;font-weight:500}.tape-product .lane-tag{letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:2px 7px;font-size:10px}.tape-product .lane-tag.browser{background:var(--accent-wash);color:var(--accent-strong)}.tape-product .lane-tag.http{background:color-mix(in srgb, var(--fg) 7%, transparent);color:var(--fg-2)}.tape-product .demo-grid{grid-template-columns:1fr 44px .84fr;display:grid}@media (width<=720px){.tape-product .demo-grid{grid-template-columns:1fr}.tape-product .demo-arrow{display:none}}.tape-product .pane{padding:16px 18px}.tape-product .pane.left{border-right:1px solid var(--line)}.tape-product .step{font-family:var(--mono);color:var(--fg-2);border-radius:6px;align-items:center;gap:9px;margin:0 -8px;padding:6px 8px;font-size:12.5px;transition:background .15s,color .15s;display:flex}.tape-product .step .n{color:var(--fg-3);font-size:8px}.tape-product .step .lbl{flex:1;min-width:0}.tape-product .step.lit{background:var(--accent-2);color:var(--fg)}.tape-product .v-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--fg-3);border:1px solid var(--line);text-align:center;border-radius:4px;min-width:60px;padding:2px 6px;font-size:9px;transition:all .25s}.tape-product .v-tag.browser{color:var(--accent-strong);border-color:color-mix(in srgb, var(--accent) 40%, var(--line));background:var(--accent-2)}.tape-product .v-tag.http{color:var(--fg);border-color:var(--line-2);background:color-mix(in srgb, var(--fg) 5%, transparent)}.tape-product .right-empty{font-family:var(--mono);color:var(--fg-3);border:1px dashed var(--line);text-align:center;border-radius:8px;padding:14px 12px;font-size:11px;line-height:1.6}#demo.compiled .right-empty{display:none}.tape-product .call{font-family:var(--mono);color:var(--fg);opacity:0;transition:opacity .35s var(--ease-out-soft,ease), transform .35s var(--ease-out-soft,ease), background .15s;pointer-events:none;border-radius:6px;margin:0 -8px 2px;padding:8px;font-size:12.5px;transform:translateY(7px)}.tape-product .call.on{opacity:1;pointer-events:auto;cursor:default;transform:none}.tape-product .call.lit{background:var(--accent-2)}.tape-product .call .verb{color:var(--accent-strong);font-weight:500}.tape-product .call .why{color:var(--fg-3);margin-top:3px;font-size:10.5px;display:block}.tape-product .demo-arrow{justify-content:center;align-items:center;display:flex}.tape-product .demo-arrow span{font-family:var(--mono);color:var(--fg-3);font-size:18px}.tape-product .demo-reason{font-family:var(--mono);color:var(--fg-3);border-top:1px dashed var(--line);align-items:center;min-height:40px;padding:11px 18px;font-size:11.5px;display:flex}.tape-product .demo-foot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 18px;display:flex}.tape-product .meter{font-family:var(--mono);color:var(--fg);align-items:center;gap:8px;font-size:12px;display:flex}.tape-product .meter .was{color:var(--fg-3);text-decoration:line-through}.tape-product .meter .now{color:var(--accent-strong);font-variant-numeric:tabular-nums;font-weight:600}.tape-product .chip{font-family:var(--mono);color:var(--fg-2);border:1px solid var(--line);border-radius:20px;margin-left:auto;padding:5px 11px;font-size:11px}.tape-product .tapebar{border:1px solid var(--line);background:var(--panel);cursor:pointer;user-select:none;border-radius:10px;align-items:stretch;margin-top:28px;display:flex;position:relative}.tape-product .tapebar:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tape-product .tb-lanelbl{border-right:1px solid var(--line);background:var(--frame);border-radius:10px 0 0 10px;flex-direction:column;justify-content:space-around;gap:4px;padding:10px 8px 10px 12px;display:flex}.tape-product .tb-lanelbl span{font:500 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}.tape-product .tb-cells{flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.tape-product .tb-cell{border-right:1px solid var(--line);flex-direction:column;flex:1;justify-content:space-around;gap:4px;min-width:0;padding:10px 9px;transition:background .15s;display:flex}.tape-product .tb-cell:last-child{border-right:0}.tape-product .tb-cell.lit{background:var(--accent-2)}.tape-product .tb-dot{background:var(--line-2);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px}.tape-product .tb-cell[data-lane=browser] .tb-dot{background:var(--accent-strong)}.tape-product .tb-cell{position:relative}.tape-product .tb-dom{font:500 11.5px/1.3 var(--mono);color:var(--fg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tape-product .tb-wire{font:400 10px/1.3 var(--mono);color:var(--fg-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tape-product .tb-cell.lit .tb-wire{color:var(--fg-2)}.tape-product .tb-head{background:var(--accent-strong);pointer-events:none;width:2px;transition:left .18s var(--ease-out-soft,ease);box-shadow:0 0 0 3px var(--accent-2);border-radius:2px;position:absolute;top:-5px;bottom:-5px;left:0;transform:translate(-50%)}.tape-product .tb-out{font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:10px;min-height:32px;margin-top:14px;font-size:12.5px;display:flex}.tape-product .tb-out .cap{color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px}.tape-product .tb-reason{color:var(--fg-2);flex:1;min-width:200px}.tape-product .tb-replay{margin-left:auto}@media (width<=860px){.tape-product .tb-wire,.tape-product .tb-lanelbl span:last-child{display:none}}@media (width<=620px){.tape-product .tb-dom{font-size:9.5px}.tape-product .tb-cell{padding:8px 5px}}.tape-product .mock-bd{flex-direction:column;padding:14px 16px;display:flex}.tape-product .netrow{font-family:var(--mono);color:var(--fg-2);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin:0 -10px;padding:9px 10px;font-size:12.5px;display:flex}.tape-product .netrow+.netrow{border-top:1px solid var(--line);border-radius:0}.tape-product .netrow code{color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tape-product .netrow.hit{background:var(--accent-2);border-radius:7px}.tape-product .netrow.hit code{color:var(--fg);font-weight:500}.tape-product .netrow .cap{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line));background:var(--accent-wash);white-space:nowrap;border-radius:4px;padding:3px 7px;font-size:9.5px}.tape-product .pub{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:color-mix(in srgb, var(--accent) 92%, black);border-radius:7px;align-self:flex-start;margin-top:12px;padding:9px 13px}.tape-product .log{font-family:var(--mono);padding:16px 20px;font-size:12.5px;line-height:1.9}.tape-product .log .row{opacity:0;gap:12px;display:flex;transform:translateY(4px)}.tape-product .log .row.in{opacity:1;transition:all .3s;transform:none}.tape-product .log .t{color:var(--fg-3);font-variant-numeric:tabular-nums}.tape-product .log .verb{color:var(--accent-strong);flex-shrink:0;width:40px}.tape-product .log .u{color:var(--fg)}.tape-product .log .s{color:var(--ok);margin-left:auto}.tape-product .log .warn{color:var(--warn)}.tape-product .log .fix{color:var(--accent-strong)}.tape-product .log .ok{color:var(--ok)}.tape-product .log .dim{color:var(--fg-3)}.tape-product .card-note{border-top:1px dashed var(--line);font-family:var(--mono);color:var(--fg-3);padding:12px 18px;font-size:11px}.tape-product .card-head2{border-bottom:1px solid var(--line);background:var(--frame);font-family:var(--mono);color:var(--fg-2);align-items:center;gap:10px;padding:12px 18px;font-size:11.5px;display:flex}.tape-product .card-head2 .mini-btn{margin-left:auto}.tape-product .vault{gap:12px;padding:18px 20px;display:grid}.tape-product .cred{font-family:var(--mono);border:1px solid var(--line);background:color-mix(in srgb, var(--fg) 2%, transparent);border-radius:9px;align-items:center;gap:12px;padding:11px 14px;font-size:12.5px;display:flex}.tape-product .cred .lbl{color:var(--fg-3);flex-shrink:0;width:120px}.tape-product .cred .val{color:var(--fg);flex:1}.tape-product .cred.sealed .val{color:var(--fg-3);letter-spacing:.06em}.tape-product .cred .tag{letter-spacing:.06em;text-transform:uppercase;background:var(--frame);color:var(--fg-3);border-radius:5px;padding:3px 8px;font-size:9.5px}.tape-product .cred.sealed .tag{background:var(--accent-wash);color:var(--accent-strong)}.tape-product .totp{font-variant-numeric:tabular-nums;color:var(--accent-strong)}.tape-product .fan-src{text-align:center;border:1px solid var(--line-2);width:max-content;font:12px/1.4 var(--mono);color:var(--fg-2);border-radius:10px;margin:0 auto;padding:10px 16px;display:block}.tape-product .fan-src b{color:var(--fg)}.tape-product .fan-bus{height:20px;margin:0 12.5%;position:relative}.tape-product .fan-bus:before{content:"";border-top:1px solid var(--line-2);position:absolute;top:100%;left:0;right:0}.tape-product .fan-bus:after{content:"";border-left:1px solid var(--line-2);height:100%;position:absolute;top:0;left:50%}.tape-product .fan-arms{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid}.tape-product .fan-arm{text-align:left;border:1px solid var(--line-2);background:var(--panel);cursor:pointer;opacity:0;border-radius:10px;padding:11px 12px;transition:all .15s;animation:.45s forwards th-mpUp;position:relative}.tape-product .fan-arm:first-child{animation-delay:60ms}.tape-product .fan-arm:nth-child(2){animation-delay:.16s}.tape-product .fan-arm:nth-child(3){animation-delay:.26s}.tape-product .fan-arm:nth-child(4){animation-delay:.36s}@keyframes th-mpUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tape-product .fan-arm:before{content:"";border-left:1px solid var(--line-2);height:12px;position:absolute;top:-12px;left:50%}.tape-product .fan-arm b{font:600 12.5px var(--sans);color:var(--fg);display:block}.tape-product .fan-arm small{font:400 10.5px var(--mono);color:var(--fg-3)}.tape-product .fan-arm:hover{background:var(--frame)}.tape-product .fan-arm[aria-selected=true]{border-color:var(--accent);background:var(--accent-2)}.tape-product .fan-arm[aria-selected=true] b{color:var(--accent-strong)}.tape-product .fan-arm[aria-selected=true]:before{border-color:var(--accent)}@media (width<=560px){.tape-product .fan-arms{grid-template-columns:repeat(2,1fr)}}.tape-product .tabs{background:var(--frame);border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;gap:2px;padding:4px;display:flex}.tape-product .tabs button{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:9px;transition:all .15s}.tape-product .tabs button[aria-selected=true]{background:var(--panel);color:var(--fg);box-shadow:0 1px 2px #0000000f}.tape-product .code-body{border:1px solid var(--line);background:var(--panel);font-family:var(--mono);color:var(--fg-2);white-space:pre;border-top:0;border-radius:0 0 10px 10px;min-height:112px;padding:18px 20px;font-size:12.5px;line-height:1.75;overflow-x:auto}.tape-product .code-body .k{color:var(--fg-3)}.tape-product .code-body .v{color:var(--fg)}.tape-product .code-body .verb{color:var(--accent-strong)}.tape-product .term{border:1px solid var(--line);border-radius:10px;margin-top:12px;overflow:hidden}.tape-product .term-out{font-family:var(--mono);color:var(--fg-2);background:color-mix(in srgb, var(--fg) 2%, transparent);white-space:pre-wrap;min-height:64px;padding:14px 18px;font-size:12px;line-height:1.7}.tape-product .ven-tabs{flex-wrap:wrap;gap:8px;display:flex}.tape-product .ven{font:600 13px/1 var(--sans);color:var(--fg);border:1px solid var(--line-2);background:var(--panel);cursor:pointer;border-radius:999px;padding:9px 18px;transition:all .15s}.tape-product .ven:hover{background:var(--frame)}.tape-product .ven[aria-pressed=true]{border-color:var(--accent);background:var(--accent-2);color:var(--accent-strong)}.tape-product .ven-detail{border:1px dashed var(--line);font-family:var(--mono);color:var(--fg-2);border-radius:10px;margin-top:14px;padding:14px 16px;font-size:12px;line-height:1.7}@media (width<=600px){.tape-product .log,.tape-product .code-body,.tape-product .term-out,.tape-product .scrub,.tape-product pre{overflow-x:auto}}@media (prefers-reduced-motion:reduce){.tape-product *{transition:none!important;animation:none!important}}