:root{--bg:#07061a;--bg2:#0d0b2b;--glass:rgba(255,255,255,.055);--glass2:rgba(255,255,255,.09);--line:rgba(160,150,255,.18);--tx:#eceaff;--mut:#9b98c4;
--pu:#8b5cf6;--bl:#3b82f6;--cy:#22d3ee;--ok:#34d399;--warn:#fbbf24;--err:#fb7185;--r:16px}
*{box-sizing:border-box}html,body{margin:0;height:100%}
body{font:14px/1.5 Inter,system-ui,sans-serif;color:var(--tx);background:radial-gradient(900px 500px at 8% -10%,rgba(139,92,246,.28),transparent 60%),radial-gradient(800px 500px at 100% 0,rgba(34,211,238,.16),transparent 60%),var(--bg);background-attachment:fixed}
h1,h2,h3,.brand{font-family:'Space Grotesk',Inter,sans-serif;margin:0;letter-spacing:-.01em}
h1{font-size:26px}h2{font-size:17px;font-weight:600}
a{color:var(--cy);text-decoration:none}
:focus-visible{outline:2px solid var(--cy);outline-offset:2px}
.shell{display:grid;grid-template-columns:240px 1fr;min-height:100%}
.side{position:sticky;top:0;height:100vh;padding:20px 14px;border-right:1px solid var(--line);background:rgba(8,7,28,.6);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:6px}
.brand{font-size:19px;font-weight:700;padding:4px 10px 18px;display:flex;gap:10px;align-items:center}
.logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--pu),var(--cy));box-shadow:0 0 22px rgba(139,92,246,.6)}
.nav a{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:11px;color:var(--mut);font-weight:500}
.nav a:hover{background:var(--glass);color:var(--tx)}
.nav a.on{background:linear-gradient(90deg,rgba(139,92,246,.35),rgba(59,130,246,.15));color:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.badge{background:var(--err);color:#fff;border-radius:99px;font-size:11px;padding:0 7px;font-weight:600}
.side .me{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;color:var(--mut);font-size:13px;display:grid;gap:8px}
main{padding:28px 32px 60px;max-width:1400px;width:100%}
.head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.card{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);padding:18px;backdrop-filter:blur(16px);box-shadow:0 10px 40px rgba(0,0,0,.25)}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.stat .v{font:600 26px 'Space Grotesk',Inter,system-ui,sans-serif;margin-top:2px}.stat .l{color:var(--mut);font-size:12.5px}.stat .s{color:var(--mut);font-size:12px}
.stat.ok .v{color:var(--ok)}.stat.err .v{color:var(--err)}.stat.warn .v{color:var(--warn)}.stat.pu .v{color:#c4b5fd}
.charts{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));margin:14px 0}
.charts canvas{width:100%;height:170px;display:block}
.chead{display:flex;justify-content:space-between;color:var(--mut);margin-bottom:8px;font-size:13px}
.two{display:grid;gap:14px;grid-template-columns:2fr 1fr}
.seg{display:inline-flex;background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:3px}
.seg button{background:none;border:0;color:var(--mut);padding:6px 12px;border-radius:9px;cursor:pointer;font:inherit}
.seg button.on{background:linear-gradient(90deg,var(--pu),var(--bl));color:#fff}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
th{color:var(--mut);font-weight:500;font-size:12.5px}tr:last-child td{border:0}
.tw{overflow-x:auto}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;background:var(--mut)}
.dot.online{background:var(--ok);box-shadow:0 0 10px var(--ok)}.dot.offline{background:var(--err)}.dot.problem{background:var(--warn)}.dot.revoked{background:#555}
button.b,a.b{font:600 13px Inter,system-ui,sans-serif;border:0;border-radius:11px;padding:9px 16px;cursor:pointer;color:#fff;background:linear-gradient(90deg,var(--pu),var(--bl));box-shadow:0 6px 22px rgba(99,102,241,.35);display:inline-block}
button.b:hover{filter:brightness(1.12)}button.b.ghost{background:var(--glass2);box-shadow:none;color:var(--tx)}button.b.red{background:linear-gradient(90deg,#e11d48,#fb7185)}button.b.sm{padding:5px 11px;font-size:12px}
input,select,textarea{width:100%;background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:11px;color:var(--tx);padding:10px 12px;font:inherit}
input:focus,select:focus,textarea:focus{border-color:var(--pu);outline:none;box-shadow:0 0 0 3px rgba(139,92,246,.25)}
label{display:grid;gap:5px;color:var(--mut);font-size:12.5px}
form.f{display:grid;gap:12px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:1}.row>.b{flex:0}
.mut{color:var(--mut)}.err{color:var(--err)}.mono{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;word-break:break-all}
.banner{border:1px dashed var(--warn);color:var(--warn);background:rgba(251,191,36,.08);border-radius:12px;padding:10px 14px;margin-bottom:14px}
.ov{position:fixed;inset:0;background:rgba(3,2,15,.7);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px;z-index:20}
.modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:#100e30;border:1px solid var(--line);border-radius:20px;padding:22px;animation:pop .18s ease-out}
@keyframes pop{from{transform:scale(.96);opacity:0}}
pre.code{background:rgba(0,0,0,.4);border:1px solid var(--line);border-radius:11px;padding:12px;overflow:auto;font-size:12px;margin:8px 0}
#toast{position:fixed;right:18px;bottom:18px;z-index:30;display:grid;gap:8px}
#toast div{background:#17143f;border:1px solid var(--line);border-radius:12px;padding:10px 14px;animation:pop .2s}
.auth{min-height:100vh;display:grid;place-items:center;padding:20px}
.auth .card{width:min(420px,100%);padding:30px;animation:rise .6s cubic-bezier(.2,.8,.2,1)}
@keyframes rise{from{transform:translateY(14px);opacity:0}}
.auth h1{font-size:30px;margin:14px 0 4px}
.tag{background:var(--glass2);border-radius:8px;padding:1px 8px;font-size:12px;margin-right:4px}
.lang{background:none;border:0;color:var(--mut);cursor:pointer;font:inherit;text-align:left;padding:0}
.n-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
@media(max-width:860px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px}.brand{padding:0 8px}.nav{display:flex;flex-wrap:wrap;gap:2px;width:100%}.side .me{width:100%;display:flex;gap:14px;border:0;padding:0;margin:0}main{padding:18px 14px 50px}.two{grid-template-columns:1fr}.charts{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.head .row{flex:none}.head .row>*{flex:none}

.term-workspace{display:flex;flex-direction:column;gap:10px;min-width:0}
.term-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}
.term-tools{margin:2px 0 0}
.term{background:#04030f;border:1px solid var(--line);border-radius:11px;height:300px;overflow:auto;padding:12px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;tab-size:4;color:#e5e7eb}
.term-line{min-height:1.5em;white-space:pre-wrap;overflow-wrap:anywhere}.term .err{color:var(--err)}.term .mut{color:var(--cy)}
.term-workspace:fullscreen,.term-workspace.term-fallback-fullscreen{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-height:none;z-index:10000;padding:18px;background:#05040d;color:#eceaff;border:0;border-radius:0;display:flex;flex-direction:column;gap:12px;overflow:hidden;box-sizing:border-box}
.term-workspace:fullscreen .term,.term-workspace.term-fallback-fullscreen .term{height:auto;min-height:0;flex:1;max-height:none}
.term-workspace:fullscreen .term-input,.term-workspace.term-fallback-fullscreen .term-input{flex:0;display:flex}
.term-workspace:fullscreen .term-tools,.term-workspace.term-fallback-fullscreen .term-tools{flex:0}
.term-workspace:fullscreen .term-topline,.term-workspace.term-fallback-fullscreen .term-topline{flex:0}
@media(max-width:650px){.term-workspace:fullscreen,.term-workspace.term-fallback-fullscreen{padding:10px}.term-tools>*{min-width:0!important}.term{font-size:12px}}

/* xterm.js powered interactive terminal */
.term-workspace{min-width:0}
.term-topline>div:first-child{display:grid;gap:3px}
.term-status{font-size:11px;display:block}
.term-shell{width:auto;min-width:112px;max-width:160px;padding:7px 9px}
.term{height:480px;min-height:260px;padding:0!important;overflow:hidden!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;background:#04030f}
.term .xterm{height:100%;padding:10px 12px}
.term .xterm-viewport{overflow-y:auto!important}
.term .xterm-screen{width:100%!important}
.term-workspace:fullscreen .term,.term-workspace.term-fallback-fullscreen .term{height:auto;min-height:0;flex:1}
.term-workspace:fullscreen .term .xterm,.term-workspace.term-fallback-fullscreen .term .xterm{height:100%}
.term-workspace:fullscreen .term-topline,.term-workspace.term-fallback-fullscreen .term-topline{flex:0}
.term-workspace:fullscreen .term-tools,.term-workspace.term-fallback-fullscreen .term-tools{flex:0}

/* ===== Terminal în stil Termius ===== */
main{min-width:0}main.wide{padding:0!important;max-width:none!important}
a.b.ghost{background:var(--glass2);box-shadow:none;color:var(--tx)}
.tm{--bg0:#0b0d12;--bg1:#10131a;--bg2:#171b24;--ln:#1f2430;--acc:#4f8cff;--tx2:#d6dbe4;--mu:#7d8699;--tm-term-bg:#11141a;position:relative;height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr);background:var(--bg0);color:var(--tx2);transition:grid-template-columns .28s cubic-bezier(.2,.8,.2,1)}
.tm.collapsed{grid-template-columns:0 minmax(0,1fr)}.tm.collapsed .tm-hosts{opacity:0;pointer-events:none;border:0}
.tm:fullscreen,.tm.tm-fs{position:fixed;inset:0;z-index:60;height:100vh;height:100dvh;width:100vw}
.tm-hosts{background:var(--bg1);border-right:1px solid var(--ln);display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:opacity .2s}
.tm-hhead{padding:14px 12px 10px;display:grid;gap:10px}.tm-hhead b{font:600 13px 'Space Grotesk',Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--mu)}
.tm-hhead input,.tm-bar select{background:var(--bg0);border:1px solid var(--ln);color:var(--tx2);border-radius:9px;padding:8px 10px;font:inherit;font-size:13px;width:100%}
.tm-hhead input:focus,.tm-bar select:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(79,140,255,.2)}
.tm-hlist{overflow:auto;padding:0 8px 12px;flex:1}
.tm-grp{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mu);padding:12px 8px 6px}
.tm-host{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;color:inherit;font:inherit;font-size:13.5px;text-align:left;padding:8px 10px;border-radius:10px;cursor:pointer;position:relative;transition:background .15s,transform .15s}
.tm-host:hover{background:var(--bg2);transform:translateX(2px)}.tm-host.act{background:rgba(79,140,255,.14)}
.tm-host.open::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:var(--acc)}
.tm-hn{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-host .dot{margin:0}
.tm-os{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;font-size:12px;font-weight:700;flex:none}
.tm-os.linux{background:rgba(105,219,124,.14);color:#69db7c}.tm-os.windows{background:rgba(91,140,255,.16);color:#82a8ff}
.tm-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.tm-tabbar{display:flex;align-items:flex-end;gap:6px;background:var(--bg0);padding:8px 8px 0;border-bottom:1px solid var(--ln);min-height:46px}
.tm-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1}.tm-tabs::-webkit-scrollbar{display:none}
.tm-ic{background:none;border:0;color:var(--mu);cursor:pointer;border-radius:8px;padding:6px 9px;font:inherit;font-size:13px;transition:background .15s,color .15s}.tm-ic:hover{background:var(--bg2);color:var(--tx2)}
.tm-tabbar>.tm-ic{align-self:center;margin-bottom:6px}
.tm-tab{display:flex;align-items:center;gap:8px;min-width:130px;max-width:220px;padding:8px 8px 8px 12px;border-radius:10px 10px 0 0;cursor:pointer;color:var(--mu);font-size:13px;position:relative;animation:tmTabIn .24s cubic-bezier(.2,.8,.2,1);transition:background .15s,color .15s;user-select:none}
.tm-tab:hover{background:var(--bg1);color:var(--tx2)}.tm-tab.on{background:var(--tm-term-bg);color:#fff}
.tm-tab.on::before{content:"";position:absolute;left:10px;right:10px;top:0;height:2px;border-radius:2px;background:var(--acc);animation:tmBar .3s ease-out}
.tm-tab.out{animation:tmTabOut .17s ease-in forwards;pointer-events:none}.tm-tn{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm-x{background:none;border:0;color:inherit;opacity:0;cursor:pointer;border-radius:6px;font-size:11px;padding:3px 6px;transition:opacity .15s,background .15s}.tm-tab:hover .tm-x,.tm-tab.on .tm-x{opacity:.7}.tm-x:hover{opacity:1!important;background:rgba(255,255,255,.1)}
.tm-st{width:8px;height:8px;border-radius:50%;background:var(--mu);flex:none;display:inline-block}
.tm-st.ready{background:#69db7c;box-shadow:0 0 8px #69db7c}.tm-st.connecting{background:#ffd866;animation:tmPulse 1s infinite}.tm-st.closed,.tm-st.error{background:#ff6b6b}
.tm-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg1);border-bottom:1px solid var(--ln);flex-wrap:wrap}
.tm-bar select{width:auto;min-width:112px}.tm-sp{flex:1}.tm-sz{display:inline-flex;align-items:center;gap:2px;color:var(--mu);font-size:12px}
.tm-btn{background:var(--bg2);border:1px solid var(--ln);color:var(--tx2);border-radius:9px;padding:7px 12px;font:inherit;font-size:12.5px;cursor:pointer;transition:background .15s,transform .12s,border-color .15s;display:inline-block}
.tm-btn:hover{background:#1e2330;border-color:#2a3142}.tm-btn:active{transform:scale(.97)}.tm-btn.pri{background:var(--acc);border-color:var(--acc);color:#fff}.tm-btn.pri:hover{filter:brightness(1.1);background:var(--acc)}
.tm-stage{position:relative;flex:1;min-height:0;background:var(--tm-term-bg);transition:background .3s}
.tm-pane{position:absolute;inset:0;display:none;background:var(--tm-term-bg)}.tm-pane.on{display:block;animation:tmFade .22s ease-out}.tm-pane.gone{animation:tmOut .18s ease-in forwards}
.tm-xt{position:absolute;inset:12px 6px 6px 16px}.tm-xt .xterm{height:100%}.tm-xt .xterm-viewport{background:transparent!important}
.tm-ov{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:color-mix(in srgb,var(--tm-term-bg) 82%,transparent);backdrop-filter:blur(5px);color:var(--tx2);z-index:5;transition:opacity .25s;text-align:center;padding:20px}
.tm-ov.hide{opacity:0;pointer-events:none}.tm-oicon{font-size:30px;opacity:.8}
.tm-spin{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--acc);animation:tmSpin .8s linear infinite}
.tm-foot{display:flex;align-items:center;gap:9px;padding:6px 14px;background:var(--bg1);border-top:1px solid var(--ln);font-size:12px;color:var(--mu)}
.tm-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;gap:6px;color:var(--mu);padding:20px;animation:tmFade .4s}.tm-empty h2{color:var(--tx2);font-size:20px}.tm-empty p{max-width:420px;margin:0}
.tm-logo{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,var(--acc),#8b5cf6);box-shadow:0 0 40px rgba(79,140,255,.45);margin-bottom:10px;animation:tmFloat 3.5s ease-in-out infinite}
@keyframes tmTabIn{from{opacity:0;transform:translateY(10px) scale(.95)}}@keyframes tmTabOut{to{opacity:0;transform:translateY(8px) scale(.9);min-width:0;max-width:0;padding:0}}
@keyframes tmBar{from{transform:scaleX(0)}}@keyframes tmFade{from{opacity:0;transform:translateY(4px)}}@keyframes tmOut{to{opacity:0}}
@keyframes tmPulse{50%{opacity:.35}}@keyframes tmSpin{to{transform:rotate(360deg)}}@keyframes tmFloat{50%{transform:translateY(-6px)}}
@media(max-width:860px){.tm{height:calc(100dvh - 118px);grid-template-columns:minmax(0,1fr)!important}.tm-hosts{position:absolute;z-index:8;inset:0 auto 0 0;width:260px;transform:translateX(-102%);opacity:1!important;pointer-events:auto!important;transition:transform .25s}.tm.hosts-open .tm-hosts{transform:none;box-shadow:12px 0 40px #0008}.tm-bar .tm-btn:not(#tmfs){padding:7px 9px}}

/* ===== Port forwarding ===== */
.fw-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(440px,1fr))}
.fw-card{background:var(--glass);border:1px solid var(--line);border-radius:18px;padding:18px;backdrop-filter:blur(16px);display:grid;gap:14px;animation:fwIn .45s cubic-bezier(.2,.8,.2,1) backwards;position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.fw-card.static{animation:none}.fw-card:hover{border-color:rgba(139,92,246,.5);box-shadow:0 12px 40px rgba(0,0,0,.35)}
.fw-card.ok{border-color:rgba(52,211,153,.35)}.fw-card.off{opacity:.78}
.fw-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.fw-card h3{font-size:17px;margin:0 0 6px}
.fw-pill{font-size:11.5px;font-weight:600;padding:2px 10px;border-radius:99px;background:var(--glass2);color:var(--mut)}.fw-pill.ok{background:rgba(52,211,153,.15);color:var(--ok)}.fw-pill.bad{background:rgba(251,113,133,.15);color:var(--err)}.fw-pill.warn{background:rgba(251,191,36,.15);color:var(--warn)}.fw-pill.wait{background:rgba(34,211,238,.13);color:var(--cy)}
.fw-flow{display:grid;grid-template-columns:1fr minmax(60px,110px) 1fr;align-items:center;gap:8px}
.fw-dev{display:flex;gap:10px;align-items:center;background:rgba(0,0,0,.22);border:1px solid var(--line);border-radius:12px;padding:10px;min-width:0}.fw-dev b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fw-sub{font-size:12px}
.fw-pipe{height:4px;border-radius:4px;position:relative;background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 14px)}
.fw-pipe.live{background:linear-gradient(90deg,var(--pu),var(--cy));box-shadow:0 0 14px rgba(34,211,238,.45)}
.fw-pipe::after{content:"";position:absolute;right:-2px;top:-5px;border:7px solid transparent;border-left:10px solid var(--line);border-right:0}.fw-pipe.live::after{border-left-color:var(--cy)}
.fw-pipe i{position:absolute;top:-3px;left:0;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 10px var(--cy);opacity:0}
.fw-pipe.live i{animation:fwPkt 2.4s linear infinite}.fw-pipe.busy i{animation-duration:.9s}.fw-pipe i:nth-child(2){animation-delay:.8s!important}.fw-pipe i:nth-child(3){animation-delay:1.6s!important}
.fw-ports{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.fw-chip{background:var(--glass2);border:1px solid var(--line);border-radius:8px;padding:2px 9px;font:500 12px ui-monospace,Menlo,Consolas,monospace}
.fw-stats{display:flex;gap:16px;flex-wrap:wrap;color:var(--mut);font-size:12.5px;border-top:1px solid var(--line);padding-top:12px}.fw-stats b{color:var(--tx);font-family:'Space Grotesk',Inter,sans-serif;font-size:15px}
.fw-more{background:none;border:0;color:var(--warn);cursor:pointer;font:inherit;font-size:12.5px;text-align:left;padding:0}
.fw-errs{display:none;font:12px ui-monospace,Menlo,monospace;max-height:140px;overflow:auto;background:rgba(0,0,0,.25);border-radius:10px;padding:8px 10px}.fw-errs.open{display:block;animation:tmFade .2s}
.fw-sw{position:relative;display:inline-block;width:42px;height:24px;flex:none}.fw-sw input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0;z-index:1}
.fw-sw i{position:absolute;inset:0;border-radius:99px;background:var(--glass2);border:1px solid var(--line);transition:background .25s}.fw-sw i::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.fw-sw input:checked+i{background:linear-gradient(90deg,var(--pu),var(--bl))}.fw-sw input:checked+i::after{transform:translateX(18px)}.fw-sw input:focus-visible+i{outline:2px solid var(--cy);outline-offset:2px}
.fw-empty{padding:30px;text-align:center}
@keyframes fwIn{from{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes fwPkt{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 10px);opacity:0}}
@media(max-width:560px){.fw-grid{grid-template-columns:1fr}.fw-flow{grid-template-columns:1fr}.fw-pipe{width:4px;height:36px;margin:0 auto;background:repeating-linear-gradient(180deg,var(--line) 0 8px,transparent 8px 14px)}.fw-pipe.live{background:linear-gradient(180deg,var(--pu),var(--cy))}.fw-pipe::after,.fw-pipe i{display:none}}