@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./sora-latin-wght-normal-DdqRvwsR.woff2)format("woff2-variations")}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations")}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night-950:#04070f;--night-900:#070b1a;--night-850:#0a1024;--night-800:#0d142d;--night-750:#111a38;--night-700:#162045;--night-600:#1f2b58;--night-500:#2b3970;--indigo-300:#b9b7ff;--indigo-400:#8f8bff;--indigo-500:#6e6bff;--indigo-600:#5653e6;--violet-300:#cfb4ff;--violet-400:#b48cff;--violet-500:#9b6bff;--blue-400:#6aa5ff;--blue-500:#4c8dff;--cyan-300:#8de9f7;--cyan-400:#44d3ec;--cyan-500:#22b8d6;--text:#e9ecff;--text-2:#aeb6db;--text-3:#8790bb;--text-on-accent:#0a0e22;--line:#96a3ff1a;--line-strong:#96a3ff2b;--line-hover:#a5afff57;--ok:#4bdca4;--ok-bg:#4bdca41a;--ok-line:#4bdca466;--bad:#ff7a8e;--bad-bg:#ff7a8e1a;--bad-line:#ff7a8e6b;--warn:#f6c065;--warn-bg:#f6c0651a;--warn-line:#f6c06566;--net:var(--indigo-400);--net-bg:#8f8bff26;--host:var(--cyan-400);--host-bg:#44d3ec1f;--surface-1:linear-gradient(180deg, #18224aa8, #0d142db3);--surface-2:linear-gradient(180deg, #1d2958b8, #101836c7);--surface-solid:#0e1531;--surface-sunken:#0508168c;--rim:linear-gradient(160deg, #aab2ff4d, #aab2ff12 38%, #44d3ec24);--rim-strong:linear-gradient(160deg, #b9b7ff99, #9b6bff38 45%, #44d3ec73);--font-display:"Sora Variable", "Segoe UI", system-ui, sans-serif;--font-sans:"Instrument Sans Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, "Cascadia Code", Consolas, monospace;--fs-2xs:.6875rem;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:clamp(1.5rem, 1.15rem + 1.5vw, 2.125rem);--fs-3xl:clamp(2.1rem, 1.25rem + 3.6vw, 3.75rem);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--gutter:clamp(16px, 4vw, 40px);--radius-xs:6px;--radius-sm:9px;--radius:13px;--radius-lg:18px;--radius-xl:24px;--shadow-1:inset 0 1px 0 #ffffff0a, 0 1px 2px #00000059, 0 10px 28px -16px #000000b3;--shadow-2:inset 0 1px 0 #ffffff0f, 0 2px 6px #0000004d, 0 28px 60px -28px #020410f2;--shadow-hover:inset 0 1px 0 #ffffff12, 0 0 0 1px #8f8bff38, 0 22px 50px -24px #5a56ff8c;--focus-ring:0 0 0 2px var(--night-900), 0 0 0 4px var(--cyan-400);--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.36, .64, 1);--dur-1:.14s;--dur-2:.24s;--dur-3:.42s;--topbar-h:64px;--content-max:1200px}@media (max-width:640px){:root{--topbar-h:56px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--night-900);scroll-padding-top:calc(var(--topbar-h) + 56px)}body{min-height:100vh;min-height:100dvh;font-family:var(--font-sans);font-size:var(--fs-md);color:var(--text);background:radial-gradient(1100px 620px at 8% -12%, #6e6bff2b, transparent 62%), radial-gradient(900px 540px at 100% -6%, #9b6bff1c, transparent 60%), radial-gradient(900px 700px at 50% 120%, #22b8d612, transparent 60%), var(--night-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-attachment:fixed;margin:0;line-height:1.55;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;transition:opacity var(--dur-3) var(--ease-out);background-image:radial-gradient(#afb9ff1c 1px,#0000 1.3px);background-size:26px 26px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 10%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 0,#000 10%,#0000 75%)}body[data-layout=focus]:before{opacity:.45}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:600;line-height:1.15}p{text-wrap:pretty;margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}code,kbd{font-family:var(--font-mono)}svg{display:block}fieldset{border:0;min-width:0;margin:0;padding:0}[hidden]{display:none!important}::selection{color:#fff;background:#8f8bff66}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring);outline:none}h1:focus-visible,main:focus-visible{box-shadow:none}.icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--indigo-500);color:#fff;transition:transform var(--dur-2) var(--ease-out);padding:10px 16px;font-weight:600;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}*{scrollbar-width:thin;scrollbar-color:var(--night-500) transparent}.view-enter{animation:view-enter var(--dur-3) var(--ease-out) both}@keyframes view-enter{0%{opacity:0;transform:translateY(10px)}}::view-transition-old(root){animation:vt-out .18s var(--ease-out) both}::view-transition-new(root){animation:vt-in .32s var(--ease-out) both}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(8px)}}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}#app{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.container{width:100%;max-width:calc(var(--content-max) + 2 * var(--gutter));padding-inline:max(var(--gutter), env(safe-area-inset-left)) max(var(--gutter), env(safe-area-inset-right));margin-inline:auto}.topbar{z-index:20;padding-top:env(safe-area-inset-top);-webkit-backdrop-filter:saturate(140%)blur(14px);backdrop-filter:saturate(140%)blur(14px);border-bottom:1px solid var(--line);background:linear-gradient(#070b1ae6,#070b1ab8);position:sticky;top:0}.topbar__inner{justify-content:space-between;align-items:center;gap:var(--sp-4);height:var(--topbar-h);display:flex}.brand{border-radius:var(--radius-sm);min-width:0;transition:background var(--dur-2) var(--ease-out);align-items:center;gap:12px;margin-left:-4px;padding:6px 8px 6px 4px;display:inline-flex}.brand:hover{background:#8f8bff12}.brand-mark{background:linear-gradient(160deg,#1a2350,#0c1230);border-radius:10px;flex:none;width:34px;height:34px;padding:4px;box-shadow:inset 0 0 0 1px #a0aaff38,0 6px 18px -8px #6e6bffb3}.brand-mark--small{border-radius:8px;width:26px;height:26px;padding:3px}.brand-mark--tiny{border-radius:5px;width:18px;height:18px;padding:2px;box-shadow:inset 0 0 0 1px #a0aaff38}.brand__text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.brand__name{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.05rem;font-weight:650}.brand__by{font-size:var(--fs-2xs);color:var(--text-3);letter-spacing:.06em;text-transform:uppercase}.topbar__actions{align-items:center;gap:var(--sp-2);display:flex}.topbar__status:empty{display:none}.subbar{border-top:1px solid #96a3ff0d}.crumbs{width:100%;max-width:calc(var(--content-max) + 2 * var(--gutter));padding:0 max(var(--gutter), env(safe-area-inset-right)) 0 max(var(--gutter), env(safe-area-inset-left));min-height:42px;font-size:var(--fs-sm);align-items:center;margin-inline:auto;display:flex}.crumbs__list{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:2px;display:flex}.crumbs__item{align-items:center;gap:2px;display:inline-flex}.crumbs__item a{border-radius:var(--radius-xs);color:var(--text-2);transition:color var(--dur-1), background var(--dur-1);padding:4px 8px}.crumbs__item a:hover{color:var(--text);background:#8f8bff14}.crumbs__item>span{color:var(--text);padding:4px 8px;font-weight:550}.crumbs__sep{opacity:.55;width:14px;height:14px}.crumbs__back{display:none}@media (max-width:720px){.crumbs__list{display:none}.crumbs__back{min-height:44px;color:var(--text-2);align-items:center;gap:8px;padding-right:12px;font-weight:550;display:inline-flex}.crumbs__back .icon{width:18px;height:18px}.crumbs__back:active{color:var(--text)}}@media (max-width:420px){.brand__by{display:none}}.main{padding-bottom:var(--sp-16);flex:1}.page{padding-top:clamp(24px,4vw,48px)}.footer{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);color:var(--text-3);font-size:var(--fs-xs)}.footer__inner{padding-block:var(--sp-5);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 24px;display:grid}.footer__meta{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.footer__legal{gap:4px 18px;display:flex}.footer__link{color:var(--text-2);text-underline-offset:3px;transition:color var(--dur-1), text-decoration-color var(--dur-1);border-radius:4px;-webkit-text-decoration:underline #96a3ff4d;text-decoration:underline #96a3ff4d}.footer__link:hover{color:var(--text);text-decoration-color:currentColor}.footer__note{color:var(--text-3);font-size:var(--fs-2xs);grid-column:1/-1}.footer__dot{background:var(--night-500);border-radius:50%;width:3px;height:3px}body[data-layout=focus] .footer{opacity:.7}@media (max-width:560px){.footer__dot{display:none}.footer__inner{grid-template-columns:1fr;gap:10px}.footer__meta{flex-direction:column;align-items:flex-start;gap:2px}.footer__legal .footer__link{align-items:center;min-height:40px;display:inline-flex}}.eyebrow{font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--indigo-300);align-items:center;gap:8px;font-weight:600;display:inline-flex}.page-title{font-size:var(--fs-2xl);font-weight:650}.page-lead{max-width:62ch;color:var(--text-2);font-size:var(--fs-lg);line-height:1.6}.text-gradient{background:linear-gradient(100deg, var(--indigo-300), var(--violet-400) 45%, var(--cyan-300));color:#0000;-webkit-background-clip:text;background-clip:text}.section{margin-top:clamp(32px,5vw,56px)}.section__head{justify-content:space-between;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-5);display:flex}.section__title{font-size:var(--fs-xl);font-weight:600}.section__title--small{font-size:var(--fs-lg)}.btn{--btn-bg:#8f8bff1a;border-radius:var(--radius);background:var(--btn-bg);min-height:46px;color:var(--text);font-weight:600;font-size:var(--fs-md);letter-spacing:.005em;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-1) var(--ease-out), background var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out), color var(--dur-2);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 20px;display:inline-flex;position:relative}.btn .icon{width:18px;height:18px}.btn:active{transform:translateY(1px)scale(.99)}.btn--primary{color:#fff;background:linear-gradient(#7d7aff,#5e5bf0);box-shadow:inset 0 1px #ffffff40,0 1px 2px #0a083c80,0 10px 26px -10px #625effd9}.btn--primary:hover{background:linear-gradient(#8b88ff,#6966f6);box-shadow:inset 0 1px #ffffff4d,0 1px 2px #0a083c80,0 14px 34px -10px #6e6bfff2}.btn--primary .icon{stroke-width:2px}.btn--secondary{color:var(--text);background:#8f8bff14;border-color:#8f8bff42}.btn--secondary:hover{background:#8f8bff24;border-color:#a5aaff73}.btn--ghost{border-color:var(--line-strong);color:var(--text-2);background:0 0}.btn--ghost:hover{color:var(--text);border-color:var(--line-hover);background:#8f8bff0f}.btn--danger-ghost{border-color:var(--bad-line);color:var(--bad);background:0 0}.btn--danger-ghost:hover,.btn--danger-ghost.is-armed{background:var(--bad-bg)}.btn.is-armed:not(.btn--danger-ghost){border-color:var(--warn-line);color:var(--warn);background:var(--warn-bg)}.btn--small{min-height:38px;font-size:var(--fs-sm);border-radius:var(--radius-sm);gap:8px;padding:0 14px}.btn--small .icon{width:16px;height:16px}.btn--block{width:100%}.icon-btn{border-radius:var(--radius-sm);width:42px;height:42px;color:var(--text-2);-webkit-tap-highlight-color:transparent;transition:background var(--dur-1), color var(--dur-1), border-color var(--dur-1);background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--text);border-color:var(--line);background:#8f8bff17}.icon-btn .icon{width:20px;height:20px}.icon-btn--small{width:32px;height:32px}.icon-btn--small .icon{width:16px;height:16px}.chip{border:1px solid var(--line-strong);min-height:26px;color:var(--text-2);font-size:var(--fs-xs);letter-spacing:.01em;white-space:nowrap;background:#8f8bff0f;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.chip .icon{width:14px;height:14px}.chip--ok{color:var(--ok);border-color:var(--ok-line);background:var(--ok-bg)}.chip--accent{color:var(--indigo-300);background:#8f8bff1f;border-color:#8f8bff66}.chip--muted{color:var(--text-3);border-color:var(--line);background:#ffffff05}.status-chip{height:30px;font-size:var(--fs-xs);color:var(--ok);background:var(--ok-bg);border:1px solid #4bdca43d;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.status-chip .icon{width:15px;height:15px}.status-chip--offline{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-line)}@media (max-width:520px){.status-chip span{display:none}.status-chip{justify-content:center;width:30px;padding:0}}.legend{font-size:var(--fs-xs);color:var(--text-2);align-items:center;gap:8px;font-weight:550;display:inline-flex}.legend:before{content:"";border-radius:3px;width:10px;height:10px}.legend--net:before{background:var(--net);box-shadow:0 0 10px #8f8bff99}.legend--host:before{background:var(--host);box-shadow:0 0 10px #44d3ec80}.legend--subnet:before{background:var(--violet-400);box-shadow:0 0 10px #b48cff8c}.mini-progress{background:#8f8bff24;border-radius:99px;height:4px;display:block;position:relative;overflow:hidden}.mini-progress:after{content:"";width:var(--p,0%);border-radius:inherit;background:linear-gradient(90deg, var(--indigo-400), var(--cyan-400));position:absolute;inset:0 auto 0 0}.tile-icon{width:46px;height:46px;color:var(--indigo-300);background:radial-gradient(circle at 30% 20%,#8f8bff59,#0000 70%),linear-gradient(160deg,#28346ee6,#11193ae6);border-radius:14px;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 1px #a0aaff38,0 8px 20px -10px #6e6bff99}.tile-icon .icon{width:24px;height:24px}.tile-icon--small{border-radius:11px;width:38px;height:38px}.tile-icon--small .icon{width:20px;height:20px}.tile-icon--large{border-radius:18px;width:60px;height:60px}.tile-icon--large .icon{width:30px;height:30px}.tile-icon--hero{border-radius:22px;width:72px;height:72px}.tile-icon--hero .icon{width:36px;height:36px}.card,.panel{border-radius:var(--radius-lg);background:var(--surface-1) padding-box, var(--rim) border-box;box-shadow:var(--shadow-1);border:1px solid #0000}.panel{padding:clamp(18px,3vw,28px)}.panel__title{font-size:var(--fs-lg);margin-bottom:var(--sp-5)}.panel__note{margin-top:var(--sp-5);color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:10px;display:flex}.panel__note .icon{color:var(--cyan-400)}.spot{isolation:isolate;position:relative}.spot:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%), #8f8bff21, transparent 50%);transition:opacity var(--dur-3) var(--ease-out);position:absolute;inset:0}@media (hover:hover){.spot:hover:before{opacity:1}}.stat-row{flex-wrap:wrap;gap:10px;display:flex}.stat{border-radius:var(--radius);border:1px solid var(--line);background:#8f8bff0f;flex-direction:column;min-width:96px;padding:10px 16px;display:flex}.stat strong{font-family:var(--font-display);font-size:var(--fs-xl);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.2}.stat span{color:var(--text-3);font-size:var(--fs-xs);letter-spacing:.04em;font-weight:600}.segmented__legend{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px;padding:0;font-weight:650}.segmented__options{gap:8px;display:grid}.segmented--pills .segmented__options{grid-template-columns:repeat(var(--options), minmax(0, 1fr));border-radius:var(--radius);background:var(--surface-sunken);border:1px solid var(--line);gap:4px;padding:4px}.segmented--cards .segmented__options{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented__item{min-width:0;display:flex;position:relative}.segmented__input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.segmented__label{border-radius:var(--radius-sm);width:100%;min-height:40px;color:var(--text-2);font-weight:600;font-size:var(--fs-sm);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background var(--dur-2) var(--ease-out), color var(--dur-2), box-shadow var(--dur-2), border-color var(--dur-2);justify-content:center;align-items:center;gap:8px;padding:6px 10px;display:flex}.segmented__icon{width:17px;height:17px}.segmented--pills .segmented__label:hover{color:var(--text);background:#8f8bff12}.segmented--pills .segmented__input:checked+.segmented__label{color:#fff;background:linear-gradient(#7e7afff2,#5e5bf0f2);box-shadow:inset 0 1px #ffffff38,0 6px 16px -8px #625effe6}.segmented--cards .segmented__label{text-align:left;border:1px solid var(--line-strong);background:#0a102880;grid-template-rows:auto auto;grid-template-columns:auto 1fr;justify-content:start;align-items:center;gap:2px 10px;min-height:64px;padding:12px 14px;display:grid}.segmented--cards .segmented__icon{width:22px;height:22px;color:var(--text-3);transition:color var(--dur-2);grid-row:1/span 2}.segmented--cards .segmented__text{color:var(--text);font-size:var(--fs-md)}.segmented__hint{color:var(--text-3);font-size:var(--fs-xs);grid-column:2;font-weight:500;line-height:1.35}.segmented--cards .segmented__label:hover{border-color:var(--line-hover);background:#141c4099}.segmented--cards .segmented__input:checked+.segmented__label{background:radial-gradient(120% 140% at 0 0,#6e6bff38,#0000 60%),#141c40b3;border-color:#8f8bffb3;box-shadow:inset 0 0 0 1px #8f8bff59,0 10px 28px -16px #6e6bffe6}.segmented--cards .segmented__input:checked+.segmented__label .segmented__icon{color:var(--indigo-300)}.segmented__input:focus-visible+.segmented__label{box-shadow:var(--focus-ring)}@media (max-width:380px){.segmented--cards .segmented__options{grid-template-columns:1fr}}.dialog{border-radius:var(--radius-xl);width:min(520px,100vw - 24px);max-height:calc(100dvh - 32px);color:var(--text);background:0 0;border:0;padding:0;overflow:visible}.dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03050ea8}.dialog[open]{animation:dialog-in var(--dur-3) var(--ease-out) both}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.dialog__panel{border-radius:var(--radius-xl);background:linear-gradient(180deg, #131c40, #0c1330) padding-box, var(--rim) border-box;max-height:calc(100dvh - 32px);box-shadow:var(--shadow-2);border:1px solid #0000;overflow:auto}.dialog__header{justify-content:space-between;align-items:center;padding:18px 18px 6px 24px;display:flex}.dialog__title{font-size:var(--fs-xl)}.dialog__section{padding:16px 24px}.dialog__section+.dialog__section{border-top:1px solid var(--line)}.dialog__subtitle{font-family:var(--font-sans);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px;font-weight:650}.dialog__stack{justify-items:start;gap:14px;display:grid}.dialog__text{color:var(--text-2);font-size:var(--fs-sm);margin-bottom:14px}.dialog__stack .dialog__text{margin:0}.dialog__footer{border-top:1px solid var(--line);color:var(--text-3);font-size:var(--fs-xs);align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.status-line{color:var(--text-2);font-size:var(--fs-sm);align-items:flex-start;gap:10px;display:flex}.status-line__icon{color:var(--text-3);margin-top:1px}.status-line.is-ok .status-line__icon{color:var(--ok)}.toasts{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:50;pointer-events:none;gap:10px;width:min(460px,100vw - 24px);display:grid;position:fixed;transform:translate(-50%)}.toast{border-radius:var(--radius);border:1px solid var(--line-strong);box-shadow:var(--shadow-2);font-size:var(--fs-sm);pointer-events:auto;animation:toast-in var(--dur-3) var(--ease-spring) both;background:linear-gradient(#19224a,#121a3b);align-items:center;gap:12px;padding:10px 10px 10px 16px;display:flex}.toast.is-leaving{animation:toast-out var(--dur-2) var(--ease-out) both}.toast__icon{color:var(--cyan-400)}.toast__text{flex:1}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px)}}.empty{text-align:center;justify-items:center;gap:16px;max-width:480px;margin:8vh auto 0;display:grid}.cb-p{color:var(--text-2);font-size:var(--fs-sm);line-height:1.65}.cb-p+.cb-p,.cb-p+.cb-formula,.cb-formula+.cb-p,.cb-p+.cb-facts,.cb-p+.cb-visual,.cb-visual+.cb-formula,.cb-formula+.cb-formula{margin-top:10px}*+.cb-steps,*+.cb-callout,.cb-visual+*{margin-top:16px}.ic{color:var(--indigo-300);white-space:nowrap;background:#8f8bff1f;border:1px solid #8f8bff29;border-radius:6px;padding:1px 6px;font-size:.92em;font-weight:500}.ic--long,.cb-formula__line .mk{white-space:normal;overflow-wrap:anywhere}.cb-p strong,.cb-formula strong{color:var(--text);font-weight:650}.mk{border-radius:4px;padding:0 3px;font-weight:650}.mk--accent{color:#fff;background:#8f8bff4d}.mk--net{color:var(--indigo-300);background:var(--net-bg)}.mk--host{color:var(--cyan-300);background:var(--host-bg)}.mk--ok{color:var(--ok)}.mk--bad{color:var(--bad)}.pow sup{margin-left:1px;font-size:.7em;line-height:0}.cb-formula{border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--line);font-family:var(--font-mono);color:var(--text-2);gap:4px;padding:12px 14px;font-size:.8125rem;display:grid;overflow-x:auto}.cb-formula__line{white-space:pre-wrap}@media (max-width:480px){.cb-formula{padding:10px 12px;font-size:.75rem}}.cb-formula .ic{background:0 0;border:0;padding:0}.cb-facts{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;margin:0;display:grid}.cb-facts__item{border-radius:var(--radius-xs);background:var(--surface-sunken);border:1px solid var(--line);gap:2px;padding:8px 10px;display:grid}.cb-facts dt{color:var(--text-3);font-size:var(--fs-2xs);letter-spacing:.04em;font-weight:600}.cb-facts dd{margin:0}.cb-facts .ic{font-size:var(--fs-sm);background:0 0;border:0;padding:0}.cb-list{color:var(--text-2);font-size:var(--fs-sm);gap:6px;display:grid}*+.cb-table-wrap,.cb-table-wrap+*{margin-top:12px}.cb-table-wrap{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-sunken);max-width:100%;overflow-x:auto}.cb-table{border-collapse:collapse;width:100%;color:var(--text-2);font-size:var(--fs-sm)}.cb-table caption{color:var(--text-3);font-size:var(--fs-xs);text-align:left;caption-side:top;padding:8px 12px 0}.cb-table th,.cb-table td{text-align:left;white-space:nowrap;padding:7px 12px}.cb-table thead th{color:var(--text-3);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);font-weight:650}.cb-table tbody th{color:var(--text);font-weight:650}.cb-table tbody tr+tr>*{border-top:1px solid #8f8bff14}.cb-table .is-mono{font-family:var(--font-mono);font-size:.8125rem}.cb-table .is-wrap{white-space:normal;overflow-wrap:anywhere;min-width:7rem}.cb-table .is-wrap .ic{white-space:normal;overflow-wrap:anywhere}.cb-cell{min-width:0}.cb-table .ic{background:0 0;border:0;padding:0}.cb-table tr.is-highlight>*{color:var(--text);background:#8f8bff1a}@media (max-width:480px){.cb-table th,.cb-table td{padding:6px}.cb-table th:first-child,.cb-table td:first-child{padding-left:10px}.cb-table thead th{letter-spacing:.02em}.cb-table .is-mono{font-size:.7rem}}.cb-table-wrap--stack{container:cb-table/inline-size}@container cb-table (width<=459.98px){.cb-table--stack-sm thead{display:none}.cb-table--stack-sm,.cb-table--stack-sm tbody,.cb-table--stack-sm tr{display:block}.cb-table--stack-sm tbody tr{padding:8px 12px}.cb-table--stack-sm tbody th,.cb-table--stack-sm td{justify-content:space-between;gap:12px;display:flex;border:0!important;padding:1px 0!important}.cb-table--stack-sm td:before{content:attr(data-label);color:var(--text-3);font-family:var(--font-sans);font-size:var(--fs-xs)}}@container cb-table (width<=619.98px){.cb-table--stack-md thead{display:none}.cb-table--stack-md,.cb-table--stack-md tbody,.cb-table--stack-md tr{display:block}.cb-table--stack-md tbody tr{padding:8px 12px}.cb-table--stack-md tbody th,.cb-table--stack-md td{justify-content:space-between;gap:12px;display:flex;border:0!important;padding:1px 0!important}.cb-table--stack-md td:before{content:attr(data-label);color:var(--text-3);font-family:var(--font-sans);font-size:var(--fs-xs)}.cb-table--stack-md .is-wrap{text-align:right;min-width:0}}@container cb-table (width<=459.98px){.cb-table--stack-sm .is-wrap{text-align:right;min-width:0}}.cb-table--stack-sm tbody tr+tr,.cb-table--stack-md tbody tr+tr{border-top:1px solid #8f8bff14}.alloc{border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--line);gap:8px;padding:14px;display:grid}.alloc__bar{background:#8f8bff0f;border-radius:6px;gap:1px;height:26px;display:flex;overflow:hidden}.alloc__seg{min-width:2px;color:var(--text-on-accent);font-family:var(--font-mono);font-size:var(--fs-2xs);flex:0 auto;place-items:center;font-weight:700;display:grid;overflow:hidden}.alloc__seg--free{background:repeating-linear-gradient(135deg,#8f8bff29 0 4px,#0000 4px 8px)}.alloc--0{background:var(--indigo-400)}.alloc--1{background:var(--cyan-400)}.alloc--2{background:var(--violet-400)}.alloc--3{background:var(--blue-400)}.alloc--4{background:var(--ok)}.alloc--5{background:var(--warn)}.alloc__scale{color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-2xs);justify-content:space-between;gap:8px;display:flex}.alloc__legend{font-size:var(--fs-xs);gap:5px;margin:4px 0 0;padding:0;list-style:none;display:grid}.alloc__item{flex-wrap:wrap;align-items:center;gap:2px 8px;display:flex}.alloc__swatch{width:20px;height:20px;color:var(--text-on-accent);font-family:var(--font-mono);font-size:var(--fs-2xs);border-radius:5px;flex:none;place-items:center;font-weight:700;display:grid}.alloc__item--free .alloc__swatch{border:1px solid var(--line-strong)}.alloc__name{min-width:0;color:var(--text);font-weight:600}.alloc__prefix{color:var(--cyan-300);font-family:var(--font-mono);margin-left:6px}.alloc__range{color:var(--text-2);font-family:var(--font-mono);white-space:nowrap;margin-left:auto}.cb-callout{border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--fs-sm);background:#44d3ec0f;border:1px solid #44d3ec38;gap:12px;padding:12px 14px;display:flex}.cb-callout__icon{color:var(--cyan-400);margin-top:2px}.cb-callout__title{color:var(--text);margin-bottom:2px;display:block}.cb-callout--warning{border-color:var(--warn-line);background:var(--warn-bg)}.cb-callout--warning .cb-callout__icon{color:var(--warn)}.cb-steps{counter-reset:step;gap:0;display:grid}.cb-step{grid-template-columns:28px minmax(0,1fr);gap:14px;padding-bottom:20px;display:grid;position:relative}.cb-step:last-child{padding-bottom:0}.cb-step:before{content:"";background:linear-gradient(var(--line-strong), transparent);width:1px;position:absolute;top:30px;bottom:4px;left:13.5px}.cb-step:last-child:before{display:none}.cb-step__num{width:28px;height:28px;color:var(--indigo-300);font-family:var(--font-mono);font-size:var(--fs-xs);background:#8f8bff24;border:1px solid #8f8bff4d;border-radius:9px;place-items:center;font-weight:700;display:grid}.cb-step__content{min-width:0}.cb-step__title{font-family:var(--font-sans);font-size:var(--fs-sm);letter-spacing:0;color:var(--text);margin:4px 0 8px;font-weight:650}.cb-visual{margin:0}.cb-visual figcaption{color:var(--text-3);font-size:var(--fs-xs);margin-top:8px}.bits{border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--line);gap:10px;padding:14px;display:grid}.bits__legend{flex-wrap:wrap;gap:6px 16px;display:flex}.bits__grid{gap:8px;display:grid;container-type:inline-size}.bits__row{--bit-w:min(12px, calc((100cqi - 30px) / 33.7));gap:3px;display:grid}.bits__label{color:var(--text-3);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;font-weight:650}.bits__octets{gap:calc(var(--bit-w) * .55);display:flex}.bits__octet{justify-items:center;gap:2px;display:grid}.bits__cells{gap:1px;display:flex}.bit{width:var(--bit-w);height:calc(var(--bit-w) * 1.75);font-family:var(--font-mono);font-size:calc(var(--bit-w) * 1.05);border-radius:2px;place-items:center;font-weight:600;line-height:1;display:grid}.bit--net{color:var(--indigo-300);background:var(--net-bg)}.bit--host{color:var(--cyan-300);background:var(--host-bg)}.bit--subnet{color:var(--violet-300);background:#b48cff33}.bit--edge{box-shadow:-2px 0 0 -.5px var(--text)}.bits__dec{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-2)}.bits__row--mask .bits__dec,.bits__row--wildcard .bits__dec,.bits__row--network .bits__dec,.bits__row--broadcast .bits__dec{color:var(--text);font-weight:600}.blocks{border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--line);gap:6px;padding:36px 14px 14px;display:grid}.blocks__track{position:relative}.blocks__bar{gap:2px;height:14px;display:flex}.blocks__seg{background:#8f8bff29;border-radius:2px;flex:1;min-width:1px}.blocks__seg.is-current{background:linear-gradient(180deg, var(--indigo-400), var(--violet-500));box-shadow:0 0 12px #8f8bff99}.blocks__pin{background:var(--cyan-400);border-radius:2px;width:2px;height:22px;margin-bottom:-16px;position:absolute;bottom:100%;transform:translate(-1px)}.blocks__pin-label{background:var(--cyan-400);color:var(--text-on-accent);font-family:var(--font-mono);font-size:var(--fs-2xs);border-radius:6px;margin-bottom:4px;padding:1px 6px;font-weight:700;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.blocks__scale{color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-2xs);justify-content:space-between;display:flex}.blocks__meta{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(28px,5vw,72px);padding-top:clamp(8px,3vw,32px);display:grid}.hero__text{justify-items:start;gap:20px;display:grid}.hero__title{font-size:var(--fs-3xl);letter-spacing:-.035em;font-weight:650;line-height:1.04}.hero__lead{max-width:56ch;color:var(--text-2);font-size:clamp(1rem,.95rem + .3vw,1.15rem);line-height:1.65}.hero__facts{color:var(--text-2);font-size:var(--fs-sm);flex-wrap:wrap;gap:8px 22px;margin-top:4px;font-weight:550;display:flex}.hero__facts li{align-items:center;gap:8px;display:inline-flex}.hero__facts .icon{width:18px;height:18px;color:var(--cyan-400)}.specimen{border-radius:var(--radius-xl);background:radial-gradient(120% 90% at 100% 0%, #9b6bff29, transparent 55%), linear-gradient(180deg, #18214ad1, #0b1128e0) padding-box, var(--rim-strong) border-box;box-shadow:var(--shadow-2), 0 40px 90px -50px #6e6bffcc;border:1px solid #0000;gap:18px;padding:clamp(18px,2.4vw,26px);display:grid;position:relative}.specimen:after{content:"";background:linear-gradient(90deg,#0000,#44d3ecb3,#0000);height:1px;position:absolute;inset:auto 12% -1px}.specimen__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.specimen__badge{color:var(--text-3);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-weight:650;display:inline-flex}.pulse{background:var(--ok);border-radius:50%;width:7px;height:7px;position:relative}.pulse:after{content:"";border:1px solid var(--ok);animation:pulse 2.4s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-4px}@keyframes pulse{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}.specimen__cidr{font-family:var(--font-mono);letter-spacing:-.01em;font-size:clamp(1.05rem,.9rem + .8vw,1.45rem);font-weight:600}.specimen__prefix{color:var(--cyan-400)}.specimen__bits{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1vw,10px);display:grid}.specimen__octet{grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;display:grid}.sbit{aspect-ratio:.62;font-family:var(--font-mono);color:var(--text-3);background:#8f8bff12;border-radius:3px;place-items:center;font-size:clamp(.6rem,.45rem + .5vw,.82rem);font-weight:600;display:grid}.sbit--net{color:var(--indigo-300);background:var(--net-bg)}.sbit--host{color:var(--cyan-300);background:var(--host-bg)}.specimen.is-cycling .sbit{animation:bit-in .52s var(--ease-out) both;animation-delay:calc(var(--i) * 14ms)}@keyframes bit-in{0%{opacity:.15;transform:translateY(-3px)}}.specimen__legend{gap:18px;margin-top:-6px;display:flex}.specimen__facts{grid-template-columns:minmax(0,1.25fr) minmax(0,1.25fr) minmax(0,.9fr);gap:8px;margin:0;display:grid}.specimen__facts>div{border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--line);min-width:0;padding:10px 12px}.specimen__facts dt{color:var(--text-3);font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;font-weight:650}.specimen__facts dd{font-family:var(--font-mono);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:clamp(.7rem,.6rem + .3vw,.8rem);font-weight:550;overflow:hidden}.specimen.is-cycling .specimen__facts dd,.specimen.is-cycling .specimen__cidr{animation:fade-up .52s var(--ease-out) both}@keyframes fade-up{0%{opacity:0;transform:translateY(4px)}}.resume{border-radius:var(--radius-lg);background:linear-gradient(90deg, #44d3ec14, transparent 50%), var(--surface-1) padding-box, linear-gradient(120deg, #44d3ec73, #8f8bff33) border-box;box-shadow:var(--shadow-1);transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2);border:1px solid #0000;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon body cta""icon bar cta";align-items:center;gap:10px 16px;padding:16px 18px;display:grid}.resume>.tile-icon{grid-area:icon}.resume__body{grid-area:body;min-width:0;display:grid}.resume .mini-progress{grid-area:bar}.resume__kicker{color:var(--cyan-300);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;font-weight:650}.resume__title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg)}.resume__meta{color:var(--text-2);font-size:var(--fs-sm)}.resume__cta{color:#fff;background:linear-gradient(#7d7aff,#5e5bf0);border-radius:50%;grid-area:cta;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 10px 24px -10px #625effe6}.resume__cta .icon{fill:currentColor;width:18px;height:18px;margin-left:2px}@media (hover:hover){.resume:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}}.area-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px;display:grid}.area-tile{border-radius:var(--radius-xl);background:var(--surface-1) padding-box, var(--rim) border-box;box-shadow:var(--shadow-1);transition:transform var(--dur-3) var(--ease-out), box-shadow var(--dur-3) var(--ease-out);border:1px solid #0000;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon body""meta meta";gap:20px;padding:clamp(20px,3vw,30px);display:grid;position:relative;overflow:hidden}.area-tile:only-child{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon body meta";align-items:center}.area-tile>.tile-icon{grid-area:icon}.area-tile__glow{z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#6e6bff2e,#0000);width:60%;height:160%;position:absolute;inset:-40% -10% auto auto}.area-tile.accent-cyan .area-tile__glow{background:radial-gradient(closest-side,#44d3ec26,#0000)}.area-tile.accent-cyan .area-tile__kicker{color:var(--cyan-300)}.accent-cyan.tile-icon,.accent-cyan .tile-icon{color:var(--cyan-300);background:radial-gradient(circle at 30% 20%,#44d3ec4d,#0000 70%),linear-gradient(160deg,#163c60e6,#0c1c3ae6);box-shadow:inset 0 0 0 1px #8de9f738,0 8px 20px -10px #44d3ec8c}.area-tile__body{grid-area:body;gap:6px;min-width:0;display:grid}.area-tile__kicker{color:var(--indigo-300);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:650}.area-tile__title{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.2rem);font-weight:650;line-height:1.05}.area-tile__text{max-width:58ch;color:var(--text-2)}.area-tile__meta{color:var(--text-3);font-size:var(--fs-sm);grid-area:meta;justify-items:start;gap:10px;font-weight:550;display:grid}.area-tile:only-child .area-tile__meta{text-align:right;justify-items:end}.topic-dots{gap:5px;display:flex}.topic-dot{background:#8f8bff29;border:1px solid #8f8bff2e;border-radius:3px;width:9px;height:9px}.topic-dot.is-on{background:var(--cyan-400);border-color:var(--cyan-300);box-shadow:0 0 10px #44d3ec99}.area-tile__cta{min-height:40px;color:var(--text);transition:background var(--dur-2), border-color var(--dur-2);background:#8f8bff1f;border:1px solid #8f8bff4d;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.area-tile__cta .icon{width:17px;height:17px;transition:transform var(--dur-2) var(--ease-out)}@media (hover:hover){.area-tile:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.area-tile:hover .area-tile__cta{background:linear-gradient(#7d7aff,#5e5bf0);border-color:#0000}.area-tile:hover .area-tile__cta .icon{transform:translate(3px)}}.roadmap-note{color:var(--text-3);font-size:var(--fs-sm);align-items:center;gap:10px;margin-top:18px;display:flex}.roadmap-note .icon{width:16px;height:16px;color:var(--violet-400)}@media (max-width:960px){.hero{grid-template-columns:1fr}.hero__visual{max-width:560px}}@media (max-width:720px){.area-tile:only-child{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon body""meta meta"}.area-tile:only-child .area-tile__meta{text-align:left;justify-items:start}}@media (max-width:480px){.area-tile,.area-tile:only-child{grid-template-columns:1fr;grid-template-areas:"icon""body""meta"}.specimen__facts{grid-template-columns:1fr 1fr}.specimen__facts>div:last-child{grid-column:1/-1}}.page-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.page-head__text{gap:8px;display:grid}.page-head .page-title{font-size:var(--fs-3xl);letter-spacing:-.035em}.page-head .page-lead{font-size:var(--fs-md)}.mixed-tile{border-radius:var(--radius-xl);box-shadow:var(--shadow-2);transition:transform var(--dur-3) var(--ease-out), box-shadow var(--dur-3);background:radial-gradient(80% 160% at 0%,#9b6bff33,#0000 60%),radial-gradient(60% 160% at 100%,#44d3ec1a,#0000 60%),linear-gradient(#1b224ed9,#0e142ee6) padding-box padding-box,linear-gradient(110deg,#b48cffa6,#8f8bff33 40%,#44d3ec80) border-box;border:1px solid #0000;grid-template-columns:auto minmax(0,1fr) minmax(200px,300px);align-items:center;gap:22px;margin-top:clamp(28px,4vw,44px);padding:22px clamp(20px,3vw,28px);display:grid}.mixed-tile__icon{color:#fff;background:linear-gradient(140deg, var(--violet-500), var(--indigo-600) 60%, var(--cyan-500));border-radius:17px;place-items:center;width:56px;height:56px;display:grid;box-shadow:inset 0 1px #ffffff4d,0 12px 30px -12px #9b6bffe6}.mixed-tile__icon .icon{width:28px;height:28px}.mixed-tile__body{gap:4px;min-width:0;display:grid}.mixed-tile__kicker{color:var(--violet-300);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;font-weight:700}.mixed-tile__title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:600}.mixed-tile__text{color:var(--text-2);font-size:var(--fs-sm)}.mixed-tile__state{gap:8px;display:grid}.mixed-tile__meter{background:#9b6bff29;border-radius:99px;height:6px;position:relative;overflow:hidden}.mixed-tile__meter:after{content:"";width:var(--p);border-radius:inherit;background:linear-gradient(90deg, var(--violet-400), var(--cyan-400));position:absolute;inset:0 auto 0 0}.mixed-tile__note{color:var(--text-3);font-size:var(--fs-xs);line-height:1.45}.mixed-tile.is-locked .mixed-tile__icon{filter:saturate(.75)}@media (hover:hover){a.mixed-tile:hover{transform:translateY(-3px)}}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;display:grid}.topic-tile-wrap{display:flex}.topic-tile{border-radius:var(--radius-lg);background:var(--surface-1) padding-box, var(--rim) border-box;width:100%;min-height:200px;box-shadow:var(--shadow-1);transition:transform var(--dur-3) var(--ease-out), box-shadow var(--dur-3) var(--ease-out);border:1px solid #0000;flex-direction:column;gap:8px;padding:20px;display:flex}a.topic-tile{background:radial-gradient(120% 80% at 0% 0%, #6e6bff24, transparent 55%), var(--surface-2) padding-box, var(--rim-strong) border-box}.topic-tile__top{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.topic-tile__index{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3);letter-spacing:.08em;font-weight:600}.topic-tile__title{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:-.015em;font-weight:600}.topic-tile__text{color:var(--text-2);font-size:var(--fs-sm);line-height:1.5}.topic-tile__foot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.topic-tile__cta{color:var(--indigo-300);font-size:var(--fs-sm);align-items:center;gap:6px;font-weight:650;display:inline-flex}.topic-tile__cta .icon{width:16px;height:16px;transition:transform var(--dur-2) var(--ease-out)}@media (hover:hover){a.topic-tile:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}a.topic-tile:hover .topic-tile__cta .icon{transform:translate(3px)}}.topic-tile.is-planned{cursor:not-allowed;box-shadow:none;background:linear-gradient(#0f16328c,#0a0f248c) padding-box padding-box,linear-gradient(160deg,#96a3ff1f,#96a3ff0a) border-box}.topic-tile.is-planned .tile-icon{color:var(--text-3);box-shadow:inset 0 0 0 1px var(--line);background:#8f8bff0f}.topic-tile.is-planned .topic-tile__title{color:var(--text-2)}.topic-tile.is-planned .topic-tile__text{color:var(--text-3)}@media (max-width:860px){.page-head{grid-template-columns:auto minmax(0,1fr)}.page-head .stat-row{grid-column:1/-1}.mixed-tile{grid-template-columns:auto minmax(0,1fr)}.mixed-tile__state{grid-column:1/-1}}@media (max-width:520px){.page-head{grid-template-columns:1fr;gap:16px}.page-head .tile-icon--hero{border-radius:17px;width:56px;height:56px}.page-head .stat{flex:1;min-width:0}.mixed-tile{grid-template-columns:1fr}.topic-tile{min-height:0}}.topic-layout{grid-template:"head config""details config"1fr/minmax(0,1fr) minmax(340px,420px);align-items:start;gap:18px clamp(28px,5vw,64px);display:grid}.topic-intro{justify-items:start;gap:18px;display:grid}.topic-intro--head{grid-area:head}.topic-intro--details{grid-area:details}.topic-layout>.config-card{grid-area:config}.topic-intro .page-title{font-size:var(--fs-3xl);letter-spacing:-.035em}.example{border-radius:var(--radius-lg);background:#0a102873;border:1px dashed #8f8bff4d;gap:6px;width:100%;max-width:560px;margin:6px 0 10px;padding:18px 20px;display:grid}.example__label{color:var(--text-3);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;font-weight:650}.example__value{font-family:var(--font-mono);font-size:clamp(1.3rem,1rem + 1.2vw,1.8rem);font-weight:600}.example__hint{color:var(--text-2);font-size:var(--fs-sm)}.skill-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:640px;display:grid}.skill{border-radius:var(--radius-sm);border:1px solid var(--line);font-size:var(--fs-sm);background:#8f8bff0d;align-items:center;gap:10px;padding:10px 12px;font-weight:550;display:flex}.skill__check{background:var(--host-bg);width:22px;height:22px;color:var(--cyan-300);border-radius:7px;flex:none;place-items:center;display:grid}.skill__check .icon{stroke-width:2.2px;width:14px;height:14px}.feature-list{gap:12px;max-width:640px;margin-top:8px;display:grid}.feature-list li{color:var(--text-2);font-size:var(--fs-sm);gap:12px;display:flex}.feature-list strong{color:var(--text)}.feature-list .icon{width:20px;height:20px;color:var(--indigo-300);margin-top:1px}.config-card{top:calc(var(--topbar-h) + 58px);border-radius:var(--radius-xl);background:radial-gradient(100% 60% at 100% 0%, #6e6bff29, transparent 60%), linear-gradient(180deg, #18214adb, #0c122aeb) padding-box, var(--rim-strong) border-box;box-shadow:var(--shadow-2);border:1px solid #0000;gap:22px;padding:clamp(20px,3vw,28px);display:grid;position:sticky}.config-card__title{font-size:var(--fs-xl)}.config{gap:22px;display:grid}.config__note{display:none}@media (max-width:520px){.config .segmented--cards .segmented__options{grid-template-columns:repeat(2,minmax(0,1fr))}.config .segmented--cards .segmented__label{min-height:52px;padding:10px 12px}.config .segmented__hint{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.config__note{color:var(--text-3);font-size:var(--fs-xs);margin-top:10px;display:block}}.topic-picker{border:0;gap:0;min-width:0;margin:0;padding:0;display:grid}.topic-picker__legend{justify-content:space-between;align-items:baseline;gap:10px;width:100%;display:flex}.topic-picker__count{color:var(--cyan-300);font-family:var(--font-mono);letter-spacing:.02em;text-transform:none}.topic-picker__options{gap:6px;display:grid}.topic-picker__item{min-width:0;display:flex;position:relative}.topic-picker__input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.topic-picker__label{border-radius:var(--radius-sm);border:1px solid var(--line-strong);width:100%;min-height:46px;color:var(--text-2);font-size:var(--fs-sm);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:border-color var(--dur-2), background var(--dur-2), color var(--dur-2);background:#0a102880;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px 7px 8px;font-weight:600;line-height:1.25;display:grid}.topic-picker__icon{width:30px;height:30px;color:var(--text-3);transition:color var(--dur-2), background var(--dur-2);background:#8f8bff14;border-radius:9px;place-items:center;display:grid}.topic-picker__icon .icon{width:17px;height:17px}.topic-picker__check{border:1px solid var(--line-strong);color:#0000;width:22px;height:22px;transition:background var(--dur-2), border-color var(--dur-2), color var(--dur-2);border-radius:7px;place-items:center;display:grid}.topic-picker__check .icon{stroke-width:2.4px;width:14px;height:14px}.topic-picker__label:hover{border-color:var(--line-hover);color:var(--text)}.topic-picker__input:checked+.topic-picker__label{color:var(--text);background:radial-gradient(120% 140% at 0 0,#6e6bff2e,#0000 60%),#141c40b3;border-color:#8f8bff99}.topic-picker__input:checked+.topic-picker__label .topic-picker__icon{color:var(--cyan-300);background:#44d3ec1f}.topic-picker__input:checked+.topic-picker__label .topic-picker__check{color:#fff;background:linear-gradient(#7d7aff,#5e5bf0);border-color:#0000}.topic-picker__input:focus-visible+.topic-picker__label{box-shadow:var(--focus-ring)}.topic-picker__item.is-last .topic-picker__label{cursor:not-allowed}.topic-picker__foot{color:var(--text-3);font-size:var(--fs-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;margin-top:8px;display:flex}.topic-picker__all{color:var(--indigo-300);font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 0;font-weight:650}.topic-picker__all:hover{color:var(--text)}.config-card__summary{color:var(--text-3);font-size:var(--fs-sm);text-align:center;margin-top:-6px}.resume-box{border-radius:var(--radius);background:#44d3ec0f;border:1px solid #44d3ec47;gap:6px;padding:16px;display:grid}.resume-box__kicker{color:var(--cyan-300);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.resume-box__title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg)}.resume-box__meta{color:var(--text-2);font-size:var(--fs-sm)}.resume-box .mini-progress{margin:6px 0 8px}@media (max-width:960px){.topic-layout{grid-template:"head""config""details"/1fr;row-gap:28px}.config-card{position:static}}@media (max-width:480px){.skill-list{grid-template-columns:1fr}}.page--training{padding-top:clamp(16px,2.5vw,28px)}.training-bar{border-radius:var(--radius-lg);border:1px solid var(--line);background:#0d142d99;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(16px,3vw,36px);padding:14px 16px;display:grid}.training-bar__title{align-items:center;gap:12px;min-width:0;display:flex}.training-bar__heading{font-size:var(--fs-md);letter-spacing:-.01em;white-space:nowrap;font-weight:600}.training-bar__sub{color:var(--text-3);font-size:var(--fs-xs);font-weight:550}.training-bar__progress{gap:8px;min-width:0;display:grid}.training-bar__labels{font-size:var(--fs-sm);color:var(--text-2);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.training-bar__labels strong{color:var(--text);font-weight:650}.training-bar__score strong{color:var(--cyan-300)}.track{gap:3px;height:6px;display:flex}.track--dense{gap:2px}.track__seg{min-width:2px;transition:background var(--dur-3) var(--ease-out);background:#8f8bff24;border-radius:99px;flex:1}.track__seg.is-current{background:#8f8bff8c;box-shadow:0 0 0 1px #b9b7ff80}.track__seg.is-perfect{background:var(--ok)}.track__seg.is-partial{background:var(--warn)}.track__seg.is-zero{background:var(--bad)}.stage{margin-top:18px}.stage__grid{grid-template-columns:minmax(0,1fr) minmax(320px,410px);align-items:start;gap:18px;display:grid}.stage__grid.is-entering>*{animation:stage-in .46s var(--ease-out) both}.stage__grid.is-entering>:nth-child(2){animation-delay:70ms}@keyframes stage-in{0%{opacity:0;transform:translateY(10px)}}.task-card{border-radius:var(--radius-xl);background:linear-gradient(180deg, #151e42d1, #0c122adb) padding-box, var(--rim) border-box;box-shadow:var(--shadow-2);border:1px solid #0000;gap:20px;padding:clamp(20px,3vw,32px);display:grid}.task-card__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.task-card__chips{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.task-code{color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em}.task-card__instruction{color:var(--text-2);font-size:var(--fs-md)}.subject{border-radius:var(--radius-lg);background:radial-gradient(90% 140% at 0% 0%, #6e6bff29, transparent 60%), var(--surface-sunken);border:1px solid #8f8bff33;gap:4px;padding:18px 20px;display:grid}.subject__label{color:var(--text-3);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;font-weight:650}.subject__value{font-family:var(--font-mono);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(1.55rem,1.1rem + 2vw,2.4rem);font-weight:600;line-height:1.2}.subject__prefix{color:var(--cyan-400)}.subject__detail{color:var(--text-3);font-size:var(--fs-xs)}.subjects{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:10px;display:grid}.subjects .subject__value{font-size:clamp(1.3rem,1rem + 1.2vw,1.75rem)}.subject--long .subject__value,.subjects .subject--long .subject__value{letter-spacing:-.01em;font-size:clamp(1.05rem,.85rem + 1.1vw,1.6rem)}.subjects:has(.subject--long){grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.answer-form{gap:20px;display:grid}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;display:grid}.field{align-content:start;gap:6px;min-width:0;display:grid}.field__label{color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:8px;font-weight:600;display:flex}.field__detail{min-width:0;color:var(--text);font-family:var(--font-mono);overflow-wrap:anywhere;background:#8f8bff1f;border:1px solid #8f8bff33;border-radius:6px;padding:1px 7px;font-size:.8125rem;font-weight:600}.field__num{width:20px;height:20px;color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-2xs);background:#8f8bff1a;border-radius:6px;place-items:center;font-weight:700;display:grid}.field__control{position:relative}.field__input{border-radius:var(--radius);border:1px solid var(--line-strong);width:100%;height:50px;color:var(--text);font-family:var(--font-mono);letter-spacing:.01em;caret-color:var(--cyan-400);transition:border-color var(--dur-2), box-shadow var(--dur-2), background var(--dur-2);background:#05081699;padding:0 44px 0 14px;font-size:1.0625rem;font-weight:500}.field__input::placeholder{color:#8790bb80}.field__input:hover{border-color:var(--line-hover)}.field__input:focus{background:#080c1ed9;border-color:#8f8bffcc;box-shadow:0 0 0 4px #6e6bff2e}.field__input:read-only{cursor:default}.field__badge{border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.field__badge:empty{display:none}.field__badge .icon{stroke-width:2.4px;width:15px;height:15px}.field__msg{min-height:0;font-size:var(--fs-xs);line-height:1.45}.field__msg:empty{display:none}.field__error{color:var(--warn);gap:6px;display:flex}.field__error .icon{width:14px;height:14px;margin-top:1px}.field[data-state=invalid] .field__input{border-color:var(--warn-line)}.field[data-state=correct] .field__input{border-color:var(--ok-line);background:linear-gradient(90deg,#4bdca417,#05081699 70%)}.field[data-state=correct] .field__badge{background:var(--ok);color:var(--text-on-accent);animation:badge-pop .36s var(--ease-spring) both}.field[data-state=wrong] .field__input{border-color:var(--bad-line);color:var(--text-2);background:linear-gradient(90deg,#ff7a8e17,#05081699 70%);-webkit-text-decoration:line-through #ff7a8e8c;text-decoration:line-through #ff7a8e8c;text-decoration-thickness:1.5px}.field[data-state=wrong] .field__badge{background:var(--bad);color:var(--text-on-accent);animation:badge-pop .36s var(--ease-spring) both}.choice{grid-template-columns:repeat(var(--options,2), minmax(0, 1fr));border-radius:var(--radius);border:1px solid var(--line-strong);min-height:50px;transition:border-color var(--dur-2), box-shadow var(--dur-2);background:#05081699;gap:4px;padding:4px 40px 4px 4px;display:grid}.choice:focus-within{border-color:#8f8bffcc;box-shadow:0 0 0 4px #6e6bff2e}.choice__option{min-width:0;display:flex;position:relative}.choice__input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.choice__label{border-radius:var(--radius-sm);width:100%;min-height:40px;color:var(--text-2);text-align:center;overflow-wrap:anywhere;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background var(--dur-2) var(--ease-out), color var(--dur-2), box-shadow var(--dur-2);justify-content:center;align-items:center;padding:4px 10px;font-weight:600;display:flex}.choice__option:hover .choice__label{color:var(--text);background:#8f8bff12}.choice__input:focus-visible+.choice__label{box-shadow:inset 0 0 0 2px var(--cyan-400)}.choice__input:checked+.choice__label{color:#fff;background:linear-gradient(#7e7afff2,#5e5bf0f2);box-shadow:inset 0 1px #ffffff38,0 6px 16px -8px #625effe6}.choice.is-locked .choice__label{cursor:default}.choice.is-locked .choice__option:hover .choice__label{color:var(--text-2);background:0 0}.field[data-state=invalid] .choice{border-color:var(--warn-line)}.field[data-state=correct] .choice{border-color:var(--ok-line)}.field[data-state=wrong] .choice{border-color:var(--bad-line)}.field[data-state] .choice.is-locked .choice__input:checked+.choice__label{color:var(--text-on-accent);background:var(--ok);box-shadow:none}.field[data-state=wrong] .choice.is-locked .choice__input:checked+.choice__label{background:var(--bad);text-decoration:line-through}.field--wide{grid-column:1/-1}.choice--many{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.choice--many .choice__option--wide{grid-column:1/-1}.choice--labels{grid-template-columns:repeat(auto-fill,minmax(min(100%,10.5rem),1fr))}.choice--labels .choice__option--wide{grid-column:auto}.field[data-state=wrong] .choice__option.is-expected .choice__label{color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok-line)}@keyframes badge-pop{0%{opacity:0;transform:translateY(-50%)scale(.4)}}.answer-table-wrap{overflow-x:auto;container:answer/inline-size}.answer-table{gap:6px;display:grid}.answer-table__head,.answer-row{grid-template-columns:var(--answer-cols);align-items:center;column-gap:6px;display:grid}.answer-table__head{color:var(--text-3);font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;padding:0 9px;font-weight:650}.answer-table__col{overflow-wrap:anywhere;min-width:0}.answer-row{border-radius:var(--radius);background:var(--surface-sunken);border:1px solid var(--line);padding:8px}.answer-row__head{min-width:0;line-height:1.3;display:grid}.answer-row__name{color:var(--text);font-size:var(--fs-sm);overflow-wrap:anywhere;font-weight:650}.answer-row__detail{color:var(--cyan-300);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;font-weight:550}.answer-cell{gap:4px}.answer-cell__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.answer-cell .field__input{letter-spacing:0;height:42px;padding:0 6px;font-size:.78rem}.answer-cell .field__badge{width:18px;height:18px;box-shadow:0 0 0 2px var(--night-850);top:-7px;right:-7px;transform:none}.answer-cell .field__badge .icon{stroke-width:3px;width:11px;height:11px}.field.answer-cell[data-state=correct] .field__badge,.field.answer-cell[data-state=wrong] .field__badge{animation-name:cell-badge-pop}@keyframes cell-badge-pop{0%{opacity:0;transform:scale(.4)}}.answer-row__msgs{grid-column:1/-1;min-width:0;display:grid}.answer-row__msgs>.answer-msg:not(:empty):not(.sr-only){padding-top:8px}.answer-msg .field__expected{display:inline}.answer-msg__col{color:var(--text);font-weight:650}@container answer (width<=519.98px){.answer-table--compact .answer-table__head{display:none}.answer-table--compact .answer-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.answer-table--compact .answer-row__head{grid-column:1/-1}.answer-table--compact .answer-row--has-narrow .answer-row__head{grid-column:1}.answer-table--compact .answer-cell__label{clip:auto;width:auto;height:auto;color:var(--text-3);font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;font-weight:650;position:static;overflow:visible}.answer-table--compact .answer-cell .field__input{height:44px;font-size:.8125rem}.answer-table--compact .answer-row__msgs>.answer-msg:not(:empty):not(.sr-only){padding-top:2px}}@container answer (width<=679.98px){.answer-table--wide .answer-table__head{display:none}.answer-table--wide .answer-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.answer-table--wide .answer-row__head{grid-column:1/-1}.answer-table--wide .answer-row--has-narrow .answer-row__head{grid-column:1}.answer-table--wide .answer-cell__label{clip:auto;width:auto;height:auto;color:var(--text-3);font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;font-weight:650;position:static;overflow:visible}.answer-table--wide .answer-cell .field__input{height:44px;font-size:.8125rem}.answer-table--wide .answer-row__msgs>.answer-msg:not(:empty):not(.sr-only){padding-top:2px}}.field__ok{color:var(--ok);font-weight:600}.field__expected{color:var(--text);font-weight:600;display:block}.field__expected code{background:var(--ok-bg);color:var(--ok);overflow-wrap:anywhere;border:1px solid #4bdca44d;border-radius:6px;margin-left:2px;padding:1px 7px;font-size:.8125rem}.field--address .field__input{letter-spacing:0}@media (max-width:520px){.field--address .field__input{padding-left:12px;padding-right:38px;font-size:.9375rem}}.field__feedback{color:var(--text-2);margin-top:4px;display:block}.field__feedback .ic{font-size:.95em}.task-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;padding-top:18px;display:flex}.task-actions .btn{min-width:200px}.task-actions__keys,.task-actions__warn{color:var(--text-3);font-size:var(--fs-xs);align-items:center;gap:8px;display:flex}.task-actions__keys .icon{width:17px;height:17px}kbd{border:1px solid var(--line-strong);color:var(--text-2);font-size:var(--fs-2xs);background:#8f8bff12;border-bottom-width:2px;border-radius:6px;padding:2px 7px;font-weight:600}.task-actions__warn{color:var(--warn);font-size:var(--fs-sm);font-weight:550}@media (hover:none){.task-actions__keys{display:none}.task-actions{justify-content:flex-end}}.verdict{align-items:center;gap:12px;min-width:0;display:flex}.verdict__icon{border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.verdict__icon .icon{stroke-width:2.2px;width:22px;height:22px}.verdict__text{line-height:1.3;display:grid}.verdict__text strong{font-family:var(--font-display);font-size:var(--fs-lg)}.verdict__text span{color:var(--text-2);font-size:var(--fs-sm)}.verdict--perfect .verdict__icon{background:var(--ok-bg);color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok-line)}.verdict--perfect strong{color:var(--ok)}.verdict--partial .verdict__icon{background:var(--warn-bg);color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn-line)}.verdict--partial strong{color:var(--warn)}.verdict--zero .verdict__icon{background:var(--bad-bg);color:var(--bad);box-shadow:inset 0 0 0 1px var(--bad-line)}.verdict--zero strong{color:var(--bad)}.help{top:calc(var(--topbar-h) + 58px);border-radius:var(--radius-xl);border:1px solid var(--line);max-height:calc(100dvh - var(--topbar-h) - 80px);background:#0b1128b8;flex-direction:column;display:flex;position:sticky;overflow:hidden}.tabs{border-bottom:1px solid var(--line);flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px;display:grid}.tab{border-radius:var(--radius-sm);min-height:40px;color:var(--text-3);font-size:var(--fs-sm);white-space:nowrap;transition:color var(--dur-2), background var(--dur-2);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:0 8px;font-weight:600;display:inline-flex;position:relative}.tab .icon{width:17px;height:17px}.tab:hover{color:var(--text);background:#8f8bff0f}.tab[aria-selected=true]{color:var(--text);background:#8f8bff21;box-shadow:inset 0 0 0 1px #8f8bff38}.tab__lock .icon{opacity:.7;width:13px;height:13px}.help.is-unlocked .tab__lock{display:none}.tab.is-fresh:after{content:"";background:var(--cyan-400);width:6px;height:6px;box-shadow:0 0 8px var(--cyan-400);border-radius:50%;position:absolute;top:7px;right:9px}.tab.is-fresh[aria-selected=true]:after{display:none}.help__panel{overscroll-behavior:contain;flex:auto;min-height:0;padding:18px 18px 22px;overflow-y:auto}.help__panel:focus-visible{box-shadow:inset 0 0 0 2px var(--cyan-400)}.help__intro{color:var(--text-2);font-size:var(--fs-sm);margin-bottom:16px}.help__done{color:var(--text-3);font-size:var(--fs-xs);gap:8px;margin-top:16px;display:flex}.help__done .icon{width:15px;height:15px;color:var(--ok)}.hint-list{gap:10px;margin-bottom:16px;display:grid}.hint{border-radius:var(--radius);background:#44d3ec0d;border:1px solid #44d3ec2e;gap:6px;padding:12px 14px;display:grid}.hint.is-new{animation:fade-up .42s var(--ease-out) both}.hint__label{color:var(--cyan-300);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.locked{text-align:center;color:var(--text-2);font-size:var(--fs-sm);justify-items:center;gap:8px;padding:18px 8px;display:grid}.locked strong{color:var(--text)}.locked__icon{border:1px solid var(--line-strong);width:48px;height:48px;color:var(--text-3);background:#8f8bff14;border-radius:16px;place-items:center;margin-bottom:4px;display:grid}@media (max-width:1024px){.stage__grid{grid-template-columns:1fr}.help{max-height:none;position:static}}@media (max-width:720px){.training-bar{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px}.training-bar__progress{grid-area:2/1/auto/-1}.fields{grid-template-columns:1fr;gap:14px}.task-card{border-radius:var(--radius-lg);gap:16px}.subject{padding:14px 16px}.task-actions .btn{width:100%;min-width:0;min-height:50px}.verdict{width:100%}}@media (max-width:400px){.tab{min-height:52px;font-size:var(--fs-xs);flex-direction:column;gap:2px}.tab__lock{position:absolute;top:6px;right:6px}}.result-hero{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,56px);display:grid}.result-hero__ring{aspect-ratio:1;width:clamp(150px,22vw,210px);position:relative}.ring{width:100%;height:100%;transform:rotate(-90deg)}.ring__track{fill:none;stroke:#8f8bff1f;stroke-width:9px}.ring__value{fill:none;stroke-width:9px;stroke-linecap:round;filter:drop-shadow(0 0 8px #6e6bff8c);animation:ring-in 1.1s var(--ease-out) both}@keyframes ring-in{0%{stroke-dashoffset:var(--circ)}}.result-hero__percent{color:var(--text-2);line-height:1;font-family:var(--font-display);font-size:var(--fs-xl);flex-wrap:wrap;place-content:center;align-items:baseline;gap:2px;display:flex;position:absolute;inset:0}.result-hero__percent strong{color:var(--text);letter-spacing:-.04em;font-size:clamp(2.4rem,1.8rem + 2.4vw,3.4rem);font-weight:650}.result-hero__text{justify-items:start;gap:14px;display:grid}.result-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;margin-top:clamp(32px,5vw,52px);display:grid}.meter-list{gap:14px;display:grid}.meter-group+.meter-group{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.meter-group__title{color:var(--text);font-size:var(--fs-sm);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;font-weight:650;display:flex}.meter-group__count{color:var(--text-3);font-size:var(--fs-xs);font-weight:500}.meter{font-size:var(--fs-sm);grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;display:grid}.meter__label{color:var(--text-2);font-weight:550}.meter__value{font-family:var(--font-mono);color:var(--text)}.meter__bar{background:#8f8bff1f;border-radius:99px;grid-column:1/-1;height:6px;position:relative;overflow:hidden}.meter__bar:after{content:"";width:var(--p);border-radius:inherit;animation:grow .9s var(--ease-out) both;position:absolute;inset:0 auto 0 0}.meter__bar.is-good:after{background:var(--ok)}.meter__bar.is-mid:after{background:var(--warn)}.meter__bar.is-low:after{background:var(--bad)}@keyframes grow{0%{width:0}}.task-list{gap:4px;max-height:460px;margin-right:-8px;padding-right:8px;display:grid;overflow-y:auto}.task-list__item{border-radius:var(--radius-sm);font-size:var(--fs-sm);grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.task-list__item:nth-child(odd){background:#8f8bff0a}.task-list__num{color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-xs)}.task-list__subject{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-list__type{text-overflow:ellipsis;color:var(--text-3);font-family:var(--font-sans);font-size:var(--fs-2xs);display:block;overflow:hidden}.task-list__level{color:var(--text-3);font-size:var(--fs-xs)}.score-pill{min-width:44px;font-family:var(--font-mono);font-size:var(--fs-xs);text-align:center;border-radius:99px;padding:2px 8px;font-weight:600}.score-pill--ok{color:var(--ok);background:var(--ok-bg)}.score-pill--mid{color:var(--warn);background:var(--warn-bg)}.score-pill--bad{color:var(--bad);background:var(--bad-bg)}@media (max-width:860px){.result-grid{grid-template-columns:1fr}}@media (max-width:600px){.result-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.result-hero__text{justify-items:center}.result-hero .stat-row,.result-actions{justify-content:center}.result-actions .btn{flex:100%}.task-list__level{display:none}}.v6g{border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--line);gap:10px;padding:14px;display:grid}.v6g__rows{gap:10px;display:grid;container-type:inline-size}.v6g__row{--hx-w:clamp(11px, calc((100cqi - 40px) / 39), 18px);gap:4px;display:grid}.v6g__label{color:var(--text-3);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;font-weight:650}.v6g__groups{gap:6px calc(var(--hx-w) * .7);flex-wrap:wrap;display:flex}.v6g__group{justify-items:center;gap:2px;display:grid}.v6g__digits{gap:1px;display:flex}.hx{width:var(--hx-w);height:calc(var(--hx-w) * 1.55);font-family:var(--font-mono);font-size:calc(var(--hx-w) * .82);border-radius:3px;place-items:center;font-weight:600;line-height:1;display:grid}.hx--net{color:var(--indigo-300);background:var(--net-bg)}.hx--subnet{color:var(--violet-300);background:#b48cff33}.hx--host{color:var(--cyan-300);background:var(--host-bg)}.hx--split{color:var(--text);background:linear-gradient(90deg, var(--net-bg) 50%, var(--host-bg) 50%);box-shadow:inset 0 0 0 1px #ffffff59}.v6g__num{color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-2xs)}.v6g__row--network .hx--host,.v6g__row--subnet .hx--host{color:#8de9f78c}@container (width<=420px){.v6g__row{--hx-w:clamp(11px, calc((100cqi - 20px) / 19.5), 18px)}.v6g__groups{grid-template-columns:repeat(4,max-content);justify-content:start;display:grid}}.v6n{border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--line);grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:14px;display:grid}.v6n__cell{background:#8f8bff14;border:1px solid #8f8bff29;border-radius:8px;justify-items:center;gap:3px;padding:8px 2px;display:grid}.v6n__num{color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-2xs)}.v6n__text{color:var(--text);font-family:var(--font-mono);font-size:.875rem;font-weight:600}.v6n__lead{color:var(--text-3);opacity:.55}.v6n__cell.is-zero .v6n__text{color:var(--text-3)}.v6n__cell.is-run{background:#44d3ec1f;border-color:#44d3ec73}.v6n__legend{color:var(--text-2);font-size:var(--fs-xs);grid-column:1/-1;align-items:center;gap:8px;display:flex}.v6n__swatch{background:#44d3ec40;border:1px solid #44d3ec99;border-radius:4px;width:14px;height:14px}.v6n-wrap{container-type:inline-size}@container (width<=480px){.v6n{grid-template-columns:repeat(4,minmax(0,1fr))}}.bits--nibbles .bits__row{--bit-w:min(17px, calc((100cqi - 30px) / 18))}.v6s{border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--line);gap:10px;padding:14px;display:grid}.v6s__head{color:var(--text-2);font-family:var(--font-mono);font-size:var(--fs-xs);flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.v6s__base{color:var(--indigo-300);overflow-wrap:anywhere}.v6s__arrow{color:var(--text-3)}.v6s__list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.v6s__item{background:#8f8bff0f;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(3.4rem,auto) minmax(0,1fr);align-items:center;gap:10px;padding:6px 10px;display:grid}.v6s__item.is-highlight{background:#44d3ec1a;border-color:#44d3ec66}.v6s__num{color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:650}.v6s__item.is-highlight .v6s__num{color:var(--cyan-300)}.v6s__net{color:var(--text);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.8125rem;font-weight:550}.v6s__gap{color:var(--text-3);padding-left:22px;line-height:1}.v6e{border-radius:var(--radius-sm);background:var(--surface-sunken);border:1px solid var(--line);padding:14px}.v6e__steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.v6e__step{gap:6px;min-width:0;display:grid}.v6e__title{color:var(--text-3);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;font-weight:650}.v6e__line{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.v6e__byte{background:var(--net-bg);min-width:2.3rem;height:1.9rem;color:var(--indigo-300);font-family:var(--font-mono);border-radius:7px;place-items:center;padding:0 4px;font-size:.875rem;font-weight:650;display:grid}.v6e__byte--insert{color:var(--cyan-300);background:#44d3ec2e;box-shadow:inset 0 0 0 1px #44d3ec80}.v6e__byte--flip{color:var(--violet-300);background:#b48cff38;box-shadow:inset 0 0 0 1px #b48cff80}.v6e__cut{background:var(--cyan-400);border-radius:2px;width:2px;height:1.9rem;margin:0 6px;box-shadow:0 0 10px #44d3ec99}.v6e__bits{gap:1px;display:inline-flex}.v6e__bit{width:.95rem;height:1.5rem;color:var(--text-2);font-family:var(--font-mono);background:#8f8bff14;border-radius:3px;place-items:center;font-size:.75rem;font-weight:600;display:grid}.v6e__bit--ul{color:#fff;background:#b48cff4d;box-shadow:inset 0 0 0 1px #b48cffb3}.v6e__bit--ig{color:var(--text-3)}.v6e__arrow{color:var(--text-3);padding:0 2px}.v6e__note{color:var(--text-3);font-size:var(--fs-xs)}.v6e__group{background:var(--host-bg);color:var(--cyan-300);font-family:var(--font-mono);border-radius:6px;padding:3px 7px;font-size:.875rem;font-weight:600}.v6e__group--flip{background:linear-gradient(90deg, #b48cff47 50%, var(--host-bg) 50%)}.v6e__group--net{background:var(--net-bg);color:var(--indigo-300)}.v6e__result{color:var(--ok);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.9375rem;font-weight:650}.v6k{grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.v6k__item{background:var(--surface-sunken);border:1px solid var(--line);opacity:.6;border-radius:9px;align-content:start;gap:2px;padding:9px 10px;display:grid}.v6k__item.is-on{opacity:1;background:radial-gradient(120% 140% at 0% 0%, #44d3ec24, transparent 60%), var(--surface-sunken);border-color:#44d3ec80}.v6k__prefix{color:var(--cyan-300);font-family:var(--font-mono);font-size:var(--fs-2xs);overflow-wrap:anywhere;font-weight:650}.v6k__label{color:var(--text);font-size:var(--fs-sm);font-weight:650}.v6k__example{color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-2xs);overflow-wrap:anywhere}