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