:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7edf4;background:#090b10;font-synthesis:none;font-weight:400;color-scheme:dark;--teal:#54e6d4;--yellow:#e8d278;--purple:#b694ff;--muted:#82909f;--border:#232a35;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body{margin:0;min-width:340px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--teal);outline-offset:4px}button:disabled{cursor:default}button,select{border-radius:5px}::selection{color:#090b10;background:var(--teal)}.teal{color:var(--teal)!important}.yellow{color:var(--yellow)!important}.purple{color:var(--purple)!important}.muted{color:var(--muted)!important}.teal-bg{background:var(--teal)}.yellow-bg{background:var(--yellow)}.purple-bg{background:var(--purple)}.app-shell{min-height:100vh;background:radial-gradient(ellipse at 44% -30%,#16313238,transparent 60%)}.rail{position:fixed;inset:0 auto 0 0;width:72px;border-right:1px solid var(--border);display:flex;align-items:center;flex-direction:column;background:#0d1016;z-index:20}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #33504e;border-radius:10px;color:var(--teal);background:#54e6d40a;margin-top:23px}.rail-line{height:1px;width:25px;background:var(--border);margin:25px 0 16px}.rail-link{display:grid;place-items:center;width:42px;height:42px;margin:6px 0;color:#778391;background:none;border:1px solid transparent;border-radius:7px;transition:background .15s,color .15s}.rail-link:hover{color:var(--teal);background:#54e6d407}.rail-link.active{color:var(--teal);background:#54e6d410;border-color:#54e6d421}.rail-bottom{margin-top:auto}.rail-version{font:9px var(--mono);color:#677482;letter-spacing:1px;margin:16px 0 23px}.main-shell{margin-left:72px}.topbar{height:84px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:20px}.wordmark{font:700 22px var(--mono);letter-spacing:-1px;display:flex;align-items:center;white-space:nowrap}.wordmark>span:first-child{color:var(--teal)}.wordmark .wordmark-divider{color:#42505d;margin:0 22px;font-weight:400;font-size:20px}.wordmark .wordmark-sub{font-size:9px;font-weight:400;letter-spacing:1.9px;color:#83909d}.topbar-right{display:flex;gap:22px;align-items:center;font:10px var(--mono)}.local-tag{font-size:9px;letter-spacing:1.2px;color:#81909e}.live-status{display:flex;align-items:center;gap:8px;color:var(--teal);padding:8px 11px;border:1px solid #54e6d428;border-radius:4px;background:#54e6d407;white-space:nowrap}.live-status i,.live-label i,.quality-tag i,.signal-dot,.session-timer>i{height:5px;width:5px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}.live-status.live i{box-shadow:0 0 10px #54e6d477}.live-status.connecting,.live-status.paused{color:#a6b2bf;border-color:#a6b2bf30;background:#a6b2bf07}.live-status.reconnecting{color:var(--purple);border-color:#b694ff40;background:#b694ff09}main{max-width:1680px;margin:0 auto;padding:40px 40px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.eyebrow{font:9px var(--mono);letter-spacing:1.8px;color:var(--teal);display:flex;align-items:center;gap:9px}.tiny-cross{font-size:16px;line-height:12px}.page-heading h1{font-size:clamp(30px,2.8vw,43px);font-weight:500;letter-spacing:-1.7px;line-height:1.2;margin:15px 0 12px}.page-heading h1>span{color:#81909d}.page-heading p{font-size:12px;line-height:1.7;color:#92a0af;margin:0}.mobile-break{display:none}.heading-actions{display:flex;align-items:center;gap:10px;padding-top:14px}.button{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid #303a46;background:#131922;font:11px var(--mono);white-space:nowrap;transition:background .15s}.button:hover{background:#1e2733;border-color:#4e606c}.export-button{color:var(--teal);background:#54e6d40b;border-color:#54e6d43c}.export-button:hover{background:#54e6d41a;border-color:#54e6d480}.popover-anchor{position:relative}.popover{position:absolute;right:0;top:44px;z-index:15;background:#141b25;border:1px solid #354553;border-radius:6px;padding:8px;width:210px;box-shadow:0 10px 40px #0008}.popover p{font:9px var(--mono);letter-spacing:1px;color:#8d9aab;margin:8px}.popover button{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;border:0;background:none;width:100%;font:12px var(--mono);text-align:left}.popover button:hover{background:#54e6d410;color:var(--teal)}.popover button span{font-size:10px;color:#8593a3}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric-card{min-width:0;background:linear-gradient(130deg,#131820,#0f131b);border:1px solid var(--border);border-radius:7px;padding:19px 20px 16px;position:relative;overflow:hidden}.primary-metric{background:radial-gradient(ellipse at 20% 120%,#54e6d40f,transparent 75%),#10171c;border-color:#2e4647}.primary-metric:before{content:"";position:absolute;left:0;top:21px;bottom:21px;width:2px;background:var(--teal);box-shadow:0 0 14px #54e6d480}.metric-label{font:9px var(--mono);letter-spacing:1.2px;color:#9aa6b3;display:flex;justify-content:space-between;align-items:center;gap:8px}.metric-label svg{color:#647788}.primary-metric .metric-label svg{color:var(--teal)}.metric-value{font:400 43px var(--mono);letter-spacing:-2px;margin-top:20px;line-height:1.1;height:49px;white-space:nowrap}.metric-value small{font:12px var(--mono);letter-spacing:0;color:#8593a3;margin-left:7px}.metric-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#82909f;font-size:10px;margin-top:17px;min-height:15px}.metric-foot>span:last-child{font:8px var(--mono);letter-spacing:.6px;color:#738292}.quality-tag{font:10px var(--mono);display:flex;align-items:center;gap:6px}.quality-tag i{width:4px;height:4px}.range-values{display:flex;align-items:center;gap:20px;height:49px;margin-top:20px}.range-values>div{display:flex;flex-direction:column;gap:5px}.range-values strong{font:28px var(--mono);letter-spacing:-1.5px;line-height:1.05}.range-values small{font:8px var(--mono);letter-spacing:.8px;color:#8996a4}.range-divider{font:25px var(--mono);color:#3c4957;margin-bottom:10px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:24px;align-items:start;margin-bottom:24px}.panel{border:1px solid var(--border);border-radius:7px;background:#0e131b;overflow:hidden;scroll-margin-top:20px}.panel-heading{min-height:62px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border)}.panel-heading>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.section-number{font:9px var(--mono);color:#708291}.panel-heading h2{font-size:12px;font-weight:500;letter-spacing:.1px;margin:0;white-space:nowrap}.live-label{font:8px var(--mono);color:var(--teal);display:flex;gap:5px;align-items:center;margin-left:5px;letter-spacing:.8px}.live-label i{height:4px;width:4px}.live-label.dim{color:#8b99a8}.segmented{display:flex;gap:2px;background:#090e14;border:1px solid #27313d;padding:3px;border-radius:5px}.segmented button{border:0;background:none;font:9px var(--mono);color:#8293a3;padding:5px 9px;border-radius:3px}.segmented button.selected{color:#e7edf4;background:#26313c;box-shadow:0 1px 3px #0004}.segmented button:hover{color:var(--teal)}.chart-toolbar{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #1c2530;font:10px var(--mono);color:#a0aebb}.chart-toolbar>span{display:flex;gap:8px;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signal-dot{color:var(--teal);width:4px;height:4px}.probe-label{display:flex;align-items:center;gap:9px;font:8px var(--mono);letter-spacing:.7px;white-space:nowrap;color:#8795a4}.probe-label select{font:10px var(--mono);color:#b2bfcc;letter-spacing:0;border:1px solid #2b3642;background:#141c26;padding:4px 6px}.waterfall-stage{position:relative;background:#0a0e14}.waterfall-stage canvas{display:block;width:100%;height:373px;cursor:crosshair}.chart-empty{position:absolute;inset:50px 15px 40px 72px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;pointer-events:none;background:radial-gradient(ellipse,#0a0e14f5,transparent 80%);font:10px var(--mono);color:#8999a7;text-align:center}.chart-empty strong{font:14px var(--mono);font-weight:400;color:#b4c3cb}.radar-glyph{font-size:55px;color:var(--teal);text-shadow:0 0 30px #54e6d460;line-height:1.2}.chart-edge{position:absolute;right:6px;top:47px;writing-mode:vertical-rl;font:7px var(--mono);letter-spacing:1.2px;color:#657885;pointer-events:none}.chart-inspector{display:flex;align-items:center;gap:9px;min-height:35px;padding:7px 17px;border-top:1px solid #1b2630;background:#0d131c;font:9px var(--mono);color:#8b9ba9}.inspector-dot{display:inline-block;width:4px;height:4px;border:1px solid #7a8c9a;border-radius:50%;flex-shrink:0}.inspector-scale{margin-left:auto;color:#788a99;font-size:8px}.chart-inspector .text-button{margin-left:auto;font-size:9px}.chart-legend{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:15px 20px;border-top:1px solid var(--border);font:8px var(--mono);color:#9ba8b6}.chart-legend>span{display:flex;align-items:center;gap:6px}.legend-line{display:inline-block;height:2px;width:12px}.legend-gap{display:inline-block;width:10px;height:8px;border:1px solid #79859560;background:repeating-linear-gradient(135deg,#79859550 0 1px,transparent 1px 3px)}.connection-sidebar{min-width:0}.link-panel .panel-heading{color:#c1ccd7}.link-panel .panel-heading>svg{color:#768898}.link-diagram{height:122px;display:flex;justify-content:center;align-items:center;padding:19px 30px 13px;background-image:radial-gradient(#1c2934 1px,transparent 1px);background-size:12px 12px}.diagram-node{height:49px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;color:var(--teal)}.diagram-node small{font:8px var(--mono);letter-spacing:1px;color:#8496a4}.device-shape{width:23px;height:16px;border:1.5px solid var(--teal);border-radius:2px;position:relative;margin-top:3px}.device-shape:after{content:"";position:absolute;bottom:-5px;width:29px;height:2px;background:var(--teal);left:-4px;border-radius:2px}.diagram-wire{height:1px;background:linear-gradient(90deg,#54e6d477,#54e6d422);width:90px;margin:0 12px 24px;position:relative;overflow:hidden}.diagram-wire span{position:absolute;width:12px;background:var(--teal);height:1px;left:-12px}.diagram-wire .moving{animation:transmit 1.8s linear infinite}.server-node{color:#a4b7c7}.link-detail{padding:17px 20px 0;display:flex;flex-direction:column;gap:9px}.link-detail>span{font:8px var(--mono);color:#8a9baa;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between}.link-detail strong{font:11px var(--mono);font-weight:400;line-height:1.6;overflow-wrap:anywhere}.link-detail .ip-address{color:var(--teal);font-size:16px;letter-spacing:-.4px;line-height:1.45}.link-detail small{font-size:10px;color:#8493a3;line-height:1.4;margin-top:-4px}.link-detail .network-value{font-size:10px;color:#c2cbd4;line-height:1.8}.link-detail.endpoint-detail{padding-bottom:20px}.stale{color:var(--yellow);font-size:7px;letter-spacing:.5px}.ip-change-count{display:flex;align-items:center;gap:11px;border-top:1px solid var(--border);padding:15px 20px;background:#b694ff04}.ip-change-count>span:first-child{display:flex;align-items:center;gap:7px;font:16px var(--mono)}.ip-change-count>span:last-child{font-size:10px;color:#9ca7b5}.field-note{display:flex;gap:10px;padding:19px 4px 0}.note-cross{font-size:19px;color:var(--yellow);line-height:1.8}.field-note p{font-size:10px;color:#a7b2bf;line-height:1.8;margin:0}.field-note p span{color:#8694a3}.events-panel{margin-bottom:20px}.count-badge{font:8px var(--mono);color:#a1b2bd;border:1px solid #2e3a46;border-radius:4px;min-width:22px;text-align:center;padding:3px 5px}.event-order{display:flex;align-items:center;gap:8px;font:8px var(--mono);letter-spacing:1px;color:#8296a5}.event-table-head{display:grid;grid-template-columns:100px 230px 1fr;gap:12px;padding:12px 20px;background:#0b1017;font:8px var(--mono);letter-spacing:1px;color:#7f92a2;border-bottom:1px solid #1d2731}.event-list{max-height:210px;overflow:auto;scrollbar-color:#354553 #10161e;scrollbar-width:thin}.event-row{display:grid;grid-template-columns:100px 230px minmax(0,1fr);gap:12px;align-items:center;min-height:45px;padding:11px 20px;border-bottom:1px solid #1a232e}.event-row:last-child{border:0}.event-row time{font:10px var(--mono);color:#8499a9}.event-name{font:10px var(--mono);color:#b8c6d3;display:flex;gap:8px;align-items:center;line-height:1.5}.event-name i{height:4px;width:4px;border-radius:50%;background:currentColor;flex-shrink:0}.event-name.connection{color:var(--teal)}.event-name.warning{color:var(--purple)}.event-name.ip{color:var(--yellow)}.event-row p{font:10px var(--mono);color:#92a2b1;margin:0;line-height:1.7;overflow-wrap:anywhere}.event-empty{padding:25px 20px;color:#8295a5;font:11px var(--mono)}.event-footer{display:flex;justify-content:space-between;gap:10px;padding:11px 20px;border-top:1px solid var(--border);font:8px var(--mono);color:#8394a3}.event-footer>span:first-child{display:flex;gap:7px;align-items:center}.page-footer{min-height:65px;display:flex;align-items:center;gap:19px;font:8px var(--mono);color:#8494a3}.footer-system{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.6px;white-space:nowrap}.footer-system>span{color:#435363;padding:0 3px}.footer-system>svg{color:#6c8394}.session-timer{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:9px;color:#b2becb}.session-timer>i{color:var(--teal);height:4px;width:4px}.session-timer>span{font-size:8px;color:#8393a3;letter-spacing:.6px;margin-left:2px}.sample-count{color:#8393a3;white-space:nowrap}.text-button{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:4px 0;border-radius:1px;color:#9baebd;font:10px var(--mono);white-space:nowrap}.text-button:hover{color:var(--teal)}.reset-button{font-size:9px}.about-button{font-size:8px;text-decoration:underline;text-decoration-color:#425464;text-underline-offset:3px}.info-panel{display:flex;gap:15px;align-items:flex-start;border:1px solid #345651;background:#10201f;margin-bottom:24px;padding:20px;border-radius:7px;color:#99c7c2}.info-panel>svg{flex-shrink:0}.info-panel strong{font:12px var(--mono);color:#c4e8e4}.info-panel p{font-size:12px;line-height:1.8;margin:9px 0 0}.info-panel .text-button{margin-left:auto}.reset-dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.reset-dialog{background:#101820;border:1px solid #364854;box-shadow:0 20px 100px #0008;border-radius:10px;max-width:450px;padding:30px}.reset-dialog h2{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:20px 0 13px}.reset-dialog p{font-size:13px;color:#9babb9;line-height:1.8}.reset-dialog>div{display:flex;gap:10px;justify-content:flex-end;margin-top:28px}@keyframes transmit{to{left:100%}}@media(min-width:1550px){main{padding-top:48px}.waterfall-stage canvas{height:430px}.metric-card{padding:23px}.metric-value{font-size:48px}.page-heading{margin-bottom:38px}}@media(max-width:1180px){.topbar{padding:0 26px}main{padding:32px 26px 0}.workspace-grid{gap:16px;grid-template-columns:minmax(0,1fr) 250px}.metric-grid{gap:12px}.metric-card{padding:17px 15px}.metric-label{font-size:8px;letter-spacing:.7px}.metric-foot{font-size:9px}.range-values{gap:12px}.range-values strong{font-size:25px}.page-heading p{max-width:440px}.panel-heading{padding:0 16px}.panel-heading h2{font-size:11px}.chart-toolbar{padding:12px 15px}.chart-legend{gap:13px;padding:13px 15px;font-size:7px}.chart-inspector .inspector-scale{font-size:7px}.event-table-head,.event-row{grid-template-columns:80px 210px minmax(0,1fr)}.footer-system{font-size:7px;letter-spacing:0}.page-footer{gap:12px}.wordmark .wordmark-sub{font-size:8px;letter-spacing:1.3px}.wordmark .wordmark-divider{margin:0 15px}.topbar-right{gap:15px}.local-tag{font-size:8px}.sample-count{display:none}}@media(max-width:970px){.rail{width:60px}.main-shell{margin-left:60px}.wordmark .wordmark-sub,.wordmark .wordmark-divider{display:none}.topbar{height:72px}.brand-mark{margin-top:17px;width:35px;height:35px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric-card{padding:18px 20px}.metric-label{font-size:9px}.metric-value{margin-top:17px;font-size:39px;height:43px}.metric-foot{margin-top:13px;font-size:10px}.range-values{margin-top:17px;height:43px;gap:25px}.range-values strong{font-size:29px}.workspace-grid{grid-template-columns:minmax(0,1fr)}.connection-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px}.link-panel{display:grid;grid-template-columns:1fr 1fr;align-items:start}.link-panel .panel-heading{grid-column:1/-1;width:100%}.link-diagram{display:none}.link-detail{padding-bottom:10px}.link-detail.endpoint-detail{padding-bottom:20px}.ip-change-count{align-self:stretch;margin-top:15px;grid-column:1/-1;justify-content:center;padding:13px 20px}.field-note{padding-top:24px}.inspector-scale{display:block}.chart-legend{font-size:8px;gap:22px}.page-heading h1{font-size:34px}.page-heading p{font-size:11px;max-width:390px}.heading-actions{gap:7px}.heading-actions .button{font-size:10px;padding:0 10px}.topbar-right .local-tag{display:none}.page-footer{flex-wrap:wrap;gap:10px 16px;padding:12px 0 20px}.footer-system{font-size:8px}.about-button{margin-left:auto}.session-timer{margin-left:0}.reset-button{margin-left:auto}}@media(max-width:650px){.rail{display:none}.main-shell{margin-left:0}.topbar{height:65px;padding:0 20px}.wordmark{font-size:21px}.live-status{font-size:9px;padding:7px 9px}main{padding:29px 16px 0}.page-heading{display:block;margin-bottom:22px}.page-heading h1{font-size:34px;line-height:1.13;letter-spacing:-1.3px;margin:15px 0 13px}.mobile-break{display:block}.page-heading p{max-width:320px;font-size:11px;line-height:1.8}.eyebrow{font-size:8px;letter-spacing:1.5px}.heading-actions{padding-top:20px;gap:9px}.heading-actions .button{font-size:10px;height:34px;padding:0 12px}.metric-grid{gap:10px;margin-bottom:18px}.metric-card{padding:16px 13px 14px}.metric-label{font-size:7px;letter-spacing:.7px}.metric-label svg{width:13px;height:13px}.metric-value{font-size:33px;letter-spacing:-1.7px;height:37px;margin-top:17px}.metric-value small{font-size:10px;margin-left:5px}.metric-foot{font-size:8px;gap:4px;margin-top:12px;align-items:flex-start;line-height:1.7}.metric-foot>span:last-child{font-size:7px;padding-top:2px}.quality-tag{font-size:8px;white-space:nowrap}.range-values{height:37px;gap:12px;margin-top:17px}.range-values strong{font-size:23px;letter-spacing:-1.1px}.range-values small{font-size:6px;letter-spacing:.5px}.range-divider{font-size:20px;margin-bottom:6px}.workspace-grid{gap:17px;margin-bottom:18px}.panel-heading{min-height:56px;padding:0 13px;gap:7px}.panel-heading>div:first-child{gap:7px}.panel-heading h2{font-size:10px}.section-number{font-size:8px}.live-label{font-size:7px;margin-left:0;gap:4px}.segmented{padding:2px;gap:1px}.segmented button{font-size:8px;padding:5px 7px}.chart-toolbar{padding:12px 13px;font-size:9px}.probe-label{font-size:0;gap:0}.probe-label select{font-size:9px;padding:4px 5px}.waterfall-stage canvas{height:350px}.chart-inspector{font-size:8px;padding:9px 13px}.inspector-scale{display:none}.chart-legend{gap:13px 18px;padding:13px;font-size:7px;line-height:1.6}.chart-legend>span:last-child{flex-basis:100%}.connection-sidebar{display:block}.link-panel{grid-template-columns:1fr 1fr}.link-detail{padding:17px 13px 0;gap:7px}.link-detail>span{font-size:7px;letter-spacing:.7px}.link-detail .ip-address{font-size:13px}.link-detail .network-value{font-size:9px}.link-detail strong{font-size:10px}.link-detail small{font-size:9px}.link-detail.endpoint-detail{padding-bottom:5px}.ip-change-count{justify-content:flex-start;padding:12px 13px;margin-top:18px}.field-note{padding:16px 4px 0;gap:9px}.field-note p{font-size:10px}.field-note br{display:none}.field-note p span{display:block}.event-table-head{display:none}.event-row{grid-template-columns:64px minmax(0,1fr);gap:7px;padding:13px}.event-row time{font-size:9px}.event-name{font-size:9px;gap:6px}.event-row p{grid-column:2;font-size:9px;line-height:1.7}.event-order{font-size:6px;letter-spacing:.5px;gap:5px}.event-order svg{width:11px}.event-footer{padding:11px 13px;font-size:7px}.event-footer>span:last-child{display:none}.event-list{max-height:250px}.page-footer{padding-top:4px;gap:14px 10px}.footer-system{font-size:6px;letter-spacing:.3px}.footer-system svg{width:11px}.about-button{font-size:7px}.session-timer{font-size:9px}.reset-button{font-size:8px}.info-panel{padding:16px;gap:10px}.info-panel strong{font-size:10px}.info-panel p{font-size:11px}.info-panel>svg{display:none}.info-panel .text-button{font-size:9px}.reset-dialog{padding:24px}.reset-dialog h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.access-screen{min-height:100dvh;background:radial-gradient(ellipse at 35% 35%,#54e6d409,transparent 55%),radial-gradient(ellipse at 90% 80%,#b694ff08,transparent 50%),#090b10;position:relative;isolation:isolate}.access-screen:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#607c8610 1px,transparent 1px),linear-gradient(90deg,#607c8610 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(transparent,#0009,transparent);mask-image:linear-gradient(transparent,#0009,transparent);pointer-events:none}.access-header{height:84px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 40px}.access-header>span{display:flex;align-items:center;gap:8px;font:8px var(--mono);letter-spacing:1.4px;color:var(--yellow)}.access-header i,.access-card-bottom i{width:4px;height:4px;background:currentColor;border-radius:50%;display:inline-block}.access-main{max-width:none;padding:64px 20px 32px;min-height:calc(100dvh - 84px);display:flex;align-items:center;justify-content:center;flex-direction:column}.access-card{width:100%;max-width:480px;border:1px solid #314342;border-radius:10px;background:linear-gradient(140deg,#131c23,#10141d 65%);box-shadow:0 20px 90px #0005,0 0 55px #54e6d405;overflow:hidden;position:relative}.access-card:before{content:"";position:absolute;top:0;left:30px;width:85px;height:1px;background:var(--teal);box-shadow:0 0 14px #54e6d4aa}.access-card-top{display:flex;align-items:center;justify-content:space-between;margin:0 30px;padding:23px 0;border-bottom:1px solid #26313b;color:#91a6ad}.access-card-top .eyebrow{font-size:9px;letter-spacing:1.4px}.access-copy{padding:28px 30px 0}.access-glyph{width:58px;height:58px;display:grid;place-items:center;border:1px solid #54e6d438;border-radius:12px;background:#54e6d407;color:var(--teal);margin-bottom:27px;box-shadow:inset 0 0 15px #54e6d406}.access-kicker{font:8px var(--mono)!important;letter-spacing:1.2px;color:var(--yellow)!important;margin-bottom:14px!important}.access-copy h1{font:500 clamp(21px,4.6vw,28px) var(--mono);letter-spacing:-1.3px;line-height:1.4;margin:0 0 14px;white-space:nowrap}.access-copy h1 label{cursor:text}.access-cursor{color:var(--teal);animation:access-blink 1.4s step-end infinite}.access-copy p{font-size:12px;line-height:1.9;color:#94a4b2;margin:0}.access-form{padding:27px 30px 24px}.password-field{display:flex;align-items:center;gap:12px;border:1px solid #405652;border-radius:5px;background:#090f15;padding:0 13px;height:49px;transition:border-color .15s,box-shadow .15s}.password-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #54e6d40b}.password-field.has-error{border-color:#b694ff88}.password-field>span{color:var(--teal);font:17px var(--mono)}.password-field input{width:100%;min-width:0;font:13px var(--mono);color:#dfece9;border:0;outline:none;background:transparent;letter-spacing:1px;padding:0;box-shadow:none;height:100%}.password-field input::placeholder{color:#758894;letter-spacing:0;font-size:11px}.password-field input:disabled{opacity:.5}.password-field button{font:8px var(--mono);letter-spacing:.5px;color:#91a6ae;background:none;border:0;padding:8px 0}.password-field button:hover{color:var(--teal)}.access-error{font:10px var(--mono);line-height:1.7;color:var(--purple);margin:10px 0 13px;min-height:17px}.access-submit{width:100%;display:flex;align-items:center;justify-content:space-between;height:44px;border:1px solid #54e6d466;border-radius:5px;background:#54e6d410;color:var(--teal);font:12px var(--mono);padding:0 16px;transition:background .15s}.access-submit:hover:not(:disabled){background:#54e6d422}.access-submit:disabled{opacity:.55;cursor:wait}.access-help{display:flex;gap:7px;align-items:center;justify-content:center;color:#8fa0ad;font:9px var(--mono);margin:16px 0 0;line-height:1.8}.access-card-bottom{border-top:1px solid #26313b;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:7px var(--mono);letter-spacing:.7px;color:#8194a4;background:#090e1544}.access-card-bottom>span:first-child{display:flex;align-items:center;gap:7px;color:#b6a1db}.access-footer{font:8px var(--mono);letter-spacing:1.4px;color:#778b9a;margin:28px 0 0;text-align:center}@keyframes access-blink{50%{opacity:0}}@media(max-width:650px){.access-header{height:65px;padding:0 22px}.access-header>span{font-size:7px;letter-spacing:.9px}.access-main{min-height:calc(100dvh - 65px);padding:38px 18px 25px}.access-card-top{margin:0 23px;padding:20px 0}.access-copy{padding:25px 23px 0}.access-form{padding:24px 23px}.access-help{font-size:8px}.access-card-bottom{font-size:6px;padding:14px 17px}.access-glyph{margin-bottom:22px}.access-footer{font-size:7px}}