*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}:root{--r-sm:8px;--r-md:14px;--r-lg:22px;--r-pill:999px;--space-1:0.35rem;--space-2:0.7rem;--space-3:1.1rem;--space-4:1.6rem;--space-5:2.4rem;--blur:18px;--hairline:1px;--shadow-1:0 1px 0 hsla(0,0%,100%,.04) inset,0 10px 30px -12px rgba(0,0,0,.6);--shadow-2:0 1px 0 hsla(0,0%,100%,.05) inset,0 24px 60px -18px rgba(0,0,0,.7);--ease:cubic-bezier(0.22,0.61,0.36,1);--t-fast:0.18s var(--ease);--t-med:0.32s var(--ease);--t-theme:0.5s ease;--font-display:var(--font-syne,"Syne"),system-ui,sans-serif;--font-body:var(--font-hanken,"Hanken Grotesk"),system-ui,sans-serif;--font-mono:var(--font-jetbrains,"JetBrains Mono"),ui-monospace,monospace}body,html{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.55;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--t-theme),color var(--t-theme);overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.08;letter-spacing:-.01em}::selection{background:var(--glow);color:var(--text)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-pill);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:content-box}.container{max-width:1080px;margin:0 auto;padding:var(--space-4) var(--space-3)}.container-narrow{max-width:720px}.stack>*+*{margin-top:var(--space-3)}.center-screen{min-height:100vh;display:grid;place-items:center;padding:var(--space-4) var(--space-3)}.row{display:flex;gap:var(--space-2);align-items:center}.muted{color:var(--text-dim)}.mono{font-family:var(--font-mono)}.mesh{position:fixed;inset:-20vmax;z-index:-2;pointer-events:none;background:radial-gradient(38vmax 38vmax at 18% 22%,color-mix(in srgb,var(--mesh-1) 60%,transparent),transparent 60%),radial-gradient(42vmax 42vmax at 82% 30%,color-mix(in srgb,var(--mesh-2) 52%,transparent),transparent 62%),radial-gradient(46vmax 46vmax at 50% 88%,color-mix(in srgb,var(--mesh-3) 64%,transparent),transparent 64%);filter:blur(48px) saturate(125%);opacity:.92;animation:meshDrift 26s ease-in-out infinite alternate;transition:background var(--t-theme)}.mesh:after{content:"";background:radial-gradient(120vmax 120vmax at 50% 40%,transparent 40%,color-mix(in srgb,var(--bg) 88%,transparent) 100%)}.grain,.mesh:after{position:fixed;inset:0;z-index:-1;pointer-events:none}.grain{opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes meshDrift{0%{transform:translateZ(0) rotate(0deg) scale(1)}50%{transform:translate3d(2.5%,-2%,0) rotate(4deg) scale(1.08)}to{transform:translate3d(-2%,2.5%,0) rotate(-3deg) scale(1.04)}}@keyframes fadeRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 0 0 var(--glow)}50%{box-shadow:0 0 26px 2px var(--glow)}}.reveal{opacity:0;animation:fadeRise .7s var(--ease) forwards}.d-1{animation-delay:.06s}.d-2{animation-delay:.16s}.d-3{animation-delay:.28s}.d-4{animation-delay:.42s}.d-5{animation-delay:.58s}@media (prefers-reduced-motion:reduce){.mesh,.reveal{animation:none}.reveal{opacity:1}}.glass{position:relative;background:var(--surface);border:var(--hairline) solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);backdrop-filter:blur(var(--blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur)) saturate(140%);transition:background var(--t-theme),border-color var(--t-theme),box-shadow var(--t-med)}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--hairline);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 40%,transparent),transparent 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7;pointer-events:none}.glass-pad{padding:var(--space-4)}.glass-elevated{box-shadow:var(--shadow-2)}.card{background:var(--surface);border:var(--hairline) solid var(--border);border-radius:var(--r-md);padding:var(--space-3);margin-bottom:var(--space-3);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow-1)}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--text-dim)}.display-xl{font-size:clamp(2rem,5vw,3.1rem)}.display-lg{font-size:clamp(1.6rem,3.5vw,2.2rem)}.title{font-size:1.25rem}.brand{font-family:var(--font-display);font-weight:800;letter-spacing:.04em}.brand .dot{color:var(--accent)}.gradient-text{background:linear-gradient(100deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.field{display:flex;flex-direction:column;gap:var(--space-1)}.label{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.input{width:100%;padding:.8rem .95rem;background:color-mix(in srgb,var(--bg) 35%,transparent);border:var(--hairline) solid var(--border);border-radius:var(--r-md);color:var(--text);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.input::placeholder{color:var(--text-dim);opacity:.7}.input:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow);background:color-mix(in srgb,var(--bg) 22%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:.72rem 1.2rem;border:var(--hairline) solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font-family:var(--font-body);font-weight:600;letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast),color var(--t-fast)}.btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--glow)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-accent{background:linear-gradient(110deg,var(--accent),var(--accent-2));border-color:transparent;color:#04070a;font-weight:700;box-shadow:0 8px 24px -10px var(--glow)}.btn-accent:hover{box-shadow:0 12px 34px -8px var(--glow);transform:translateY(-1px)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover{color:var(--text);background:var(--surface)}.btn-block{width:100%}.btn-sm{padding:.45rem .8rem;font-size:.86rem}.stat{display:flex;flex-direction:column;gap:.2rem;padding:var(--space-3);border:var(--hairline) solid var(--border);border-radius:var(--r-md);background:color-mix(in srgb,var(--bg) 30%,transparent)}.stat-value{font-family:var(--font-display);font-size:1.7rem;font-weight:800;color:var(--text)}.stat-label{font-size:.7rem;letter-spacing:.2em;color:var(--text-dim)}.badge,.stat-label{font-family:var(--font-mono);text-transform:uppercase}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .7rem;border-radius:var(--r-pill);border:var(--hairline) solid var(--border);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:.72rem;letter-spacing:.12em}.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px 1px var(--glow)}.alert{padding:.7rem .95rem;border-radius:var(--r-md);border:var(--hairline) solid;font-size:.9rem}.alert-error{color:#ffb4b4;border-color:rgba(255,90,90,.4);background:rgba(255,60,60,.1)}.alert-ok{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.alert-info{color:var(--text-dim);border-color:var(--border);background:color-mix(in srgb,var(--bg) 30%,transparent)}.link{color:var(--accent);font-weight:600;transition:color var(--t-fast);text-underline-offset:3px}.link:hover{color:var(--accent-2);text-decoration:underline}:root{--banner-h:3.4rem;--sb-w:226px;--sb-w-rail:56px;--rp-w:320px}.shell{min-height:100vh;display:flex;flex-direction:column}.shell-banner{position:-webkit-sticky;position:sticky;top:0;z-index:50;height:var(--banner-h);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:color-mix(in srgb,var(--bg) 55%,transparent);border-bottom:var(--hairline) solid var(--border);backdrop-filter:blur(var(--blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur)) saturate(140%)}.sh-brand{display:flex;flex-direction:column;line-height:1.05}.sh-brand,.shell-banner>.btn{flex-shrink:0}.sh-brand .brand{font-size:1.02rem}.sh-brand .sub{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-family:var(--font-mono)}.sh-divider{width:var(--hairline);height:1.6rem;background:var(--border)}.sh-title{font-size:.98rem;font-weight:700;letter-spacing:0;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sh-spacer{margin-left:auto}.sh-iconbtn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.1rem;height:2.1rem;border:var(--hairline) solid var(--border);border-radius:var(--r-md);background:transparent;color:var(--text-dim);cursor:pointer;transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast)}.sh-iconbtn:hover{color:var(--text);background:var(--surface)}.sh-iconbtn.on{color:var(--accent);border-color:var(--accent)}.sh-user{display:inline-flex;gap:.45rem;align-items:baseline;max-width:260px}.sh-user-mail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-user-role{font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.shell-body{display:flex;flex:1 1;align-items:stretch;min-width:0}.shell-side{position:-webkit-sticky;position:sticky;top:var(--banner-h);align-self:flex-start;height:calc(100vh - var(--banner-h));width:var(--sb-w);flex:0 0 auto;padding:var(--space-3) var(--space-2);border-right:var(--hairline) solid var(--border);background:color-mix(in srgb,var(--bg) 40%,transparent);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));overflow-y:auto;transition:width var(--t-med);z-index:40}.sh-nav,.shell-side{display:flex;flex-direction:column}.sh-nav{gap:.25rem}.sh-nav-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .7rem;border:0;border-radius:var(--r-md);background:transparent;color:var(--text-dim);font-weight:600;font-size:.92rem;text-align:left;cursor:pointer;transition:color var(--t-fast),background var(--t-fast)}.sh-nav-item:hover{color:var(--text);background:var(--surface)}.sh-nav-item.active{color:var(--text);background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 2px 0 0 var(--accent)}.sh-nav-ico{flex:0 0 auto}.sh-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sh-side-foot{margin-top:auto;padding:var(--space-2) .7rem 0}.sh-side-ver{font-size:.64rem;color:var(--text-dim);letter-spacing:.14em}.shell.sb-collapsed .shell-side{width:var(--sb-w-rail);padding-inline:.45rem}.shell.sb-collapsed .sh-nav-label,.shell.sb-collapsed .sh-side-ver{display:none}.shell.sb-collapsed .sh-nav-item{justify-content:center;padding-inline:0}.shell-main{flex:1 1 auto;min-width:0}.shell-panel{position:-webkit-sticky;position:sticky;top:var(--banner-h);align-self:flex-start;height:calc(100vh - var(--banner-h));width:var(--rp-w);flex:0 0 auto;display:none;flex-direction:column;border-left:var(--hairline) solid var(--border);background:color-mix(in srgb,var(--bg) 40%,transparent);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));z-index:40}.shell-panel.open{display:flex}.rp-scrim{display:none}.rp-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) 0}.rp-tabs{display:flex;gap:.25rem;flex:1 1}.rp-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .7rem;border:0;border-radius:var(--r-md);background:transparent;color:var(--text-dim);font-weight:600;font-size:.84rem;cursor:pointer;transition:color var(--t-fast),background var(--t-fast)}.rp-tab:hover{color:var(--text);background:var(--surface)}.rp-tab.active{color:var(--text);background:color-mix(in srgb,var(--accent) 16%,transparent)}.rp-close{display:none}.rp-body{padding:var(--space-3);overflow-y:auto;flex:1 1}.rp-block+.rp-block{margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--hairline) solid var(--border)}.rp-block h4{font-family:var(--font-body);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-1)}.rp-block li,.rp-block p{font-size:.87rem;color:var(--text-dim)}.rp-block b{color:var(--text);font-weight:600}.rp-list{display:flex;flex-direction:column;gap:.35rem}.rp-list li{padding-left:.9rem;position:relative}.rp-list li:before{content:"·";position:absolute;left:.15rem;color:var(--accent)}.rp-steps{list-style:none;counter-reset:rps;display:flex;flex-direction:column;gap:.35rem}.rp-steps li{counter-increment:rps;padding-left:1.5rem;position:relative}.rp-steps li:before{content:counter(rps);position:absolute;left:0;top:.16rem;width:1.05rem;height:1.05rem;display:grid;place-items:center;font-family:var(--font-mono);font-size:.62rem;color:var(--accent);border:var(--hairline) solid var(--border);border-radius:var(--r-pill)}.rp-note{margin-top:var(--space-2);font-size:.8rem;font-style:italic}.rp-scrim,.shell-scrim{position:fixed;inset:0;z-index:45;border:0;background:rgba(0,0,0,.5);cursor:pointer}.shell-scrim{display:none}@media (max-width:1279px){.shell-panel{position:fixed;top:var(--banner-h);right:0;height:calc(100vh - var(--banner-h));width:min(var(--rp-w),88vw);display:flex;transform:translateX(100%);transition:transform var(--t-med);box-shadow:var(--shadow-2);background:color-mix(in srgb,var(--bg) 88%,transparent);z-index:55}.shell-panel.open{transform:translateX(0)}.rp-scrim{display:block;z-index:44}.rp-close{display:inline-flex}}@media (max-width:1023px){.shell-side{width:var(--sb-w-rail);padding-inline:.45rem}.shell-side .sh-nav-label,.shell-side .sh-side-ver{display:none}.shell-side .sh-nav-item{justify-content:center;padding-inline:0}.shell-side.mobile-open{position:fixed;top:var(--banner-h);left:0;height:calc(100vh - var(--banner-h));width:var(--sb-w);padding-inline:var(--space-2);background:color-mix(in srgb,var(--bg) 92%,transparent);box-shadow:var(--shadow-2);z-index:56}.shell-side.mobile-open .sh-nav-label{display:inline}.shell-side.mobile-open .sh-nav-item{justify-content:flex-start;padding-inline:.7rem}.shell-scrim{display:block;z-index:46}}@media (max-width:700px){.sh-brand .sub,.sh-divider,.shell-banner .sh-user{display:none}.shell-banner{padding:0 var(--space-2)}}.ts-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:.55rem;gap:.55rem}.ts-grid.inline{grid-template-columns:repeat(6,1fr)}.ts-swatch{position:relative;aspect-ratio:1/1;border-radius:var(--r-md);border:var(--hairline) solid var(--border);cursor:pointer;overflow:hidden;padding:0;transition:transform var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast)}.ts-swatch:before{content:"";position:absolute;right:18%;bottom:18%;width:34%;height:34%;border-radius:50%;background:var(--sw-accent);box-shadow:0 0 8px 1px var(--sw-accent)}.ts-swatch:hover{transform:translateY(-2px) scale(1.04);border-color:var(--sw-accent)}.ts-swatch.active{border-color:var(--sw-accent);box-shadow:0 0 0 2px var(--sw-accent),0 0 18px -2px var(--sw-accent)}.ts-swatch.active:after{content:"✓";position:absolute;top:6%;left:12%;font-size:.72rem;font-weight:800;color:var(--sw-accent)}.ts-label{font-size:.62rem}.ts-pop-wrap{position:relative}.ts-trigger{width:38px;height:38px;border-radius:var(--r-md);border:var(--hairline) solid var(--border);background:var(--surface);cursor:pointer;display:grid;place-items:center;transition:border-color var(--t-fast),transform var(--t-fast)}.ts-trigger:hover{border-color:var(--accent);transform:translateY(-1px)}.ts-trigger .puck{width:16px;height:16px;border-radius:50%;background:linear-gradient(120deg,var(--accent),var(--accent-2));box-shadow:0 0 10px 1px var(--glow)}.ts-pop{position:absolute;top:calc(100% + 10px);right:0;width:260px;padding:var(--space-3);border-radius:var(--r-lg);background:var(--surface-2);border:var(--hairline) solid var(--border);box-shadow:var(--shadow-2);backdrop-filter:blur(var(--blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur)) saturate(140%);animation:fadeRise .22s var(--ease);z-index:60}.ts-pop-title{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--space-2)}.auth-card{overflow:hidden;padding:0}.auth-grid{display:grid;grid-template-columns:1fr 1fr;min-height:480px}.auth-aside{justify-content:space-between;gap:var(--space-4);background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent 55%),var(--surface-2);border-right:var(--hairline) solid var(--border)}.auth-aside,.auth-form{display:flex;flex-direction:column;padding:var(--space-5)}.auth-form{justify-content:center}@media (max-width:760px){.auth-grid{grid-template-columns:1fr;min-height:0}.auth-aside{border-right:0;border-bottom:var(--hairline) solid var(--border)}.auth-aside,.auth-form{padding:var(--space-4)}}@media (max-width:560px){.nav{padding:.7rem var(--space-3);gap:var(--space-2)}.nav-links{display:none}.ts-grid{grid-template-columns:repeat(4,1fr)}}.container-wide{max-width:1240px}.hero{display:flex;flex-direction:column;gap:var(--space-1)}.hero .display-lg{margin-top:.3rem}.grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.grid-stats{grid-template-columns:repeat(4,1fr)}.grid-tiles{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr 1fr}@media (max-width:920px){.grid-stats{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-tiles{grid-template-columns:1fr}}@media (max-width:520px){.grid-stats{grid-template-columns:1fr}}.statcard{display:flex;flex-direction:column;gap:.45rem;padding:var(--space-3)}.statcard .sc-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sc-icon{width:34px;height:34px;border-radius:var(--r-md);display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);border:var(--hairline) solid color-mix(in srgb,var(--accent) 30%,transparent)}.sc-icon svg{width:18px;height:18px}.sc-value{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1}.sc-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.sc-label,.sc-sub{color:var(--text-dim)}.sc-sub{font-size:.8rem}.sc-bar{height:6px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--bg) 45%,transparent);overflow:hidden}.sc-bar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width var(--t-med)}.dist{display:flex;align-items:flex-end;gap:var(--space-2);height:150px;padding-top:var(--space-2)}.dist-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:.4rem;height:100%;justify-content:flex-end}.dist-track{width:100%;flex:1 1;display:flex;align-items:flex-end}.dist-bar{width:100%;border-radius:var(--r-sm) var(--r-sm) 0 0;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent-2) 70%,transparent));box-shadow:0 0 18px -4px var(--glow);transition:height var(--t-med);min-height:3px}.dist-num{font-size:.82rem;font-weight:600}.dist-key,.dist-num{font-family:var(--font-mono)}.dist-key{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.tile{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);cursor:pointer;text-align:left}.tile:hover{transform:translateY(-3px)}.tile-head{display:flex;align-items:center;gap:var(--space-2)}.tile-ic{width:46px;height:46px;border-radius:var(--r-md);display:grid;place-items:center;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#04070a;box-shadow:0 8px 22px -10px var(--glow)}.tile-ic svg{width:24px;height:24px}.tile h3{font-size:1.2rem}.tile .arrow{margin-left:auto;color:var(--text-dim);transition:transform var(--t-fast),color var(--t-fast)}.tile:hover .arrow{transform:translateX(4px);color:var(--accent)}.skeleton{position:relative;overflow:hidden;background:color-mix(in srgb,var(--bg) 40%,transparent);border-radius:var(--r-md)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 12%,transparent),transparent);transform:translateX(-100%);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translateX(100%)}}.sk-line{height:.9rem;margin:.5rem 0}.sk-value{height:2rem;width:60%}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);border:2px dashed var(--border);border-radius:var(--r-lg);background:color-mix(in srgb,var(--bg) 30%,transparent);text-align:center;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast)}.dropzone:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.dropzone.drag{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);transform:scale(1.01)}.dropzone .dz-ic{width:58px;height:58px;border-radius:var(--r-lg);display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);border:var(--hairline) solid color-mix(in srgb,var(--accent) 30%,transparent)}.dz-ic svg{width:28px;height:28px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.thumb{position:relative;aspect-ratio:1/1;border-radius:var(--r-md);overflow:hidden;border:var(--hairline) solid var(--border);background:color-mix(in srgb,var(--bg) 50%,transparent)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb .rm{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:color-mix(in srgb,var(--bg) 70%,transparent);border:var(--hairline) solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.thumb .rm:hover{border-color:var(--accent);color:var(--accent)}.thumb .name{position:absolute;left:0;right:0;bottom:0;padding:.2rem .4rem;font-family:var(--font-mono);font-size:.6rem;color:var(--text);background:linear-gradient(0deg,color-mix(in srgb,var(--bg) 85%,transparent),transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-grid{display:grid;grid-template-columns:320px 1fr;grid-gap:var(--space-3);gap:var(--space-3);align-items:start}@media (max-width:860px){.result-grid{grid-template-columns:1fr}}.ring-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4)}.ring{position:relative;width:200px;height:200px}.ring .ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem}.ring .stage-no{font-family:var(--font-display);font-weight:800;font-size:4.4rem;line-height:1}.ring .stage-cap{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase}.conf-line,.ring .stage-cap{font-family:var(--font-mono);color:var(--text-dim)}.conf-line{font-size:.9rem}.conf-line b{color:var(--accent)}.crit-list{display:flex;flex-direction:column;gap:.55rem}.crit-row{display:flex;align-items:center;gap:var(--space-2);padding:.7rem .9rem;border-radius:var(--r-md);border:var(--hairline) solid var(--border);background:color-mix(in srgb,var(--bg) 30%,transparent)}.crit-row .ck{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.crit-row .cv{margin-left:auto;font-weight:700}.crit-row .cg{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);min-width:3.2rem;text-align:right}.prog-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-2);gap:var(--space-2)}@media (max-width:520px){.prog-grid{grid-template-columns:1fr}}.prog-cell{padding:var(--space-3);border-radius:var(--r-md);border:var(--hairline) solid var(--border);background:color-mix(in srgb,var(--bg) 30%,transparent)}.prog-cell .pk{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.prog-cell .pv{font-family:var(--font-display);font-size:1.25rem;font-weight:800;margin-top:.25rem}.poll-strip{display:flex;align-items:center;gap:var(--space-2)}.poll-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--glow);animation:glowPulse 1.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.poll-dot{animation:none}}.segmented{display:inline-flex;padding:4px;gap:4px;border-radius:var(--r-pill);border:var(--hairline) solid var(--border);background:color-mix(in srgb,var(--bg) 40%,transparent)}.seg{padding:.5rem 1.1rem;border-radius:var(--r-pill);border:0;cursor:pointer;background:transparent;color:var(--text-dim);font-weight:600;font-family:var(--font-body);transition:color var(--t-fast),background var(--t-fast)}.seg.active{color:#04070a;background:linear-gradient(110deg,var(--accent),var(--accent-2));box-shadow:0 6px 18px -8px var(--glow)}.seg:not(.active):hover{color:var(--text)}.label-grid{display:grid;grid-template-columns:280px 1fr;grid-gap:var(--space-3);gap:var(--space-3);align-items:start}@media (max-width:900px){.label-grid{grid-template-columns:1fr}}.rail{gap:var(--space-2);max-height:78vh;overflow:auto}.rail,.rail-item{display:flex;flex-direction:column}.rail-item{gap:.4rem;padding:.6rem;border-radius:var(--r-md);border:var(--hairline) solid var(--border);background:color-mix(in srgb,var(--bg) 30%,transparent);cursor:pointer;text-align:left;transition:border-color var(--t-fast),transform var(--t-fast)}.rail-item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.rail-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 18px -6px var(--glow)}.rail-thumb{aspect-ratio:16/9;border-radius:var(--r-sm);overflow:hidden;background:color-mix(in srgb,var(--bg) 55%,transparent)}.rail-thumb img{width:100%;height:100%;object-fit:cover}.rail-meta{display:flex;gap:.35rem;flex-wrap:wrap}.chip,.rail-meta{align-items:center}.chip{display:inline-flex;gap:.3rem;padding:.12rem .5rem;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;border:var(--hairline) solid var(--border);color:var(--text-dim)}.chip.on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.chip-id{font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim)}.stage-canvas{position:relative;border-radius:var(--r-md);overflow:hidden;border:var(--hairline) solid var(--border);background:#000;display:flex;align-items:center;justify-content:center}.stage-canvas img{width:100%;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stage-canvas .fovea-line{top:0;bottom:0;width:2px;pointer-events:none}.stage-canvas .fovea-line,.stage-canvas .fovea-line:before{position:absolute;background:var(--accent);box-shadow:0 0 12px 2px var(--glow)}.stage-canvas .fovea-line:before{content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%}.stage-canvas.pickable{cursor:crosshair}.hier{display:flex;flex-direction:column;gap:var(--space-2)}.hier-step{padding:var(--space-3);border-radius:var(--r-md);border:var(--hairline) solid var(--border);background:color-mix(in srgb,var(--bg) 30%,transparent)}.hier-step.disabled{opacity:.45;pointer-events:none}.hier-step .hs-q{font-weight:600;margin-bottom:var(--space-2)}.choice-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.choice{flex:1 1;min-width:120px;padding:.7rem 1rem;border-radius:var(--r-md);cursor:pointer;border:var(--hairline) solid var(--border);background:transparent;color:var(--text);font-weight:600;transition:border-color var(--t-fast),background var(--t-fast),color var(--t-fast)}.choice:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.choice.sel{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:0 0 14px -6px var(--glow)}.stage-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:800;font-size:1.05rem;background:linear-gradient(110deg,var(--accent),var(--accent-2));color:#04070a;box-shadow:0 8px 22px -10px var(--glow)}.dtable{width:100%;border-collapse:separate;border-spacing:0}.dtable thead th{text-align:left;padding:.7rem .9rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.dtable tbody td,.dtable thead th{border-bottom:var(--hairline) solid var(--border)}.dtable tbody td{padding:.75rem .9rem;vertical-align:middle}.dtable tbody tr{transition:background var(--t-fast)}.dtable tbody tr:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.dtable tbody tr:last-child td{border-bottom:0}.dtable .actions{display:flex;gap:.4rem;justify-content:flex-end}.tag{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;border:var(--hairline) solid var(--border);color:var(--text-dim)}.tag.role-admin{background:color-mix(in srgb,var(--accent) 12%,transparent)}.tag.role-admin,.tag.st-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.tag.st-active .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px 1px var(--glow)}.tag.st-disabled{color:#ffb4b4;border-color:rgba(255,90,90,.35)}.tag.st-disabled .dot{width:7px;height:7px;border-radius:50%;background:#ff7a7a}.table-wrap{overflow-x:auto}.empty-state{flex-direction:column;padding:var(--space-5) var(--space-3);text-align:center;color:var(--text-dim)}.empty-state,.spread{display:flex;align-items:center;gap:var(--space-2)}.spread{justify-content:space-between;flex-wrap:wrap}.wrap-gap{gap:var(--space-2)}.annot-toolbar,.wrap-gap{display:flex;flex-wrap:wrap}.annot-toolbar{align-items:center;gap:var(--space-3)}.annot-radius{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--text-dim)}.annot-radius input[type=range]{accent-color:var(--accent)}.annot-classes{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.class-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);border:var(--hairline) solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;font-size:.85rem}.class-chip.sel,.class-chip:hover{color:var(--text)}.class-chip.sel{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.class-chip .swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.annot-addcls{display:inline-flex;gap:6px;align-items:center}.input-sm{padding:4px 8px;font-size:.85rem;width:8rem}.annot-canvas .annot-overlay{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.annot-canvas.tool-bbox,.annot-canvas.tool-polygon{cursor:crosshair}.annot-canvas.tool-brush{cursor:cell}.annot-stage-row{display:flex;gap:var(--space-3);align-items:flex-start}.annot-viewport{flex:1 1 auto;min-width:0;overflow:auto;max-height:72vh;border-radius:var(--r-md)}.annot-viewport>.annot-canvas{min-width:0}.annot-legend{flex:0 0 190px;padding:var(--space-3);border-radius:var(--r-md);border:var(--hairline) solid var(--border);background:color-mix(in srgb,var(--bg) 40%,transparent)}.annot-legend .eyebrow{margin-bottom:var(--space-2)}.annot-legend ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.annot-legend li{display:grid;grid-template-columns:14px auto;grid-gap:4px 8px;gap:4px 8px;align-items:center;font-size:.85rem}.annot-legend li .swatch{width:14px;height:14px;border-radius:3px;grid-row:span 2}.annot-legend li b{color:var(--text)}.annot-legend li .muted{grid-column:2;font-size:.78rem}@media (max-width:720px){.annot-stage-row{flex-direction:column}.annot-legend{flex-basis:auto;width:100%}}.opt-labeled{color:var(--accent);font-weight:600}.labeled-detail{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}@media (max-width:900px){.labeled-detail{grid-template-columns:1fr}}.labeled-facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:.9rem}.labeled-facts b{color:var(--text);margin-right:4px}.chip .swatch{width:10px;height:10px;border-radius:3px;display:inline-block;margin-right:4px}.unlabeled-list{display:flex;flex-wrap:wrap;gap:6px;max-height:260px;overflow-y:auto;padding:2px}html[data-font=default]{--font-body:var(--font-hanken),system-ui,sans-serif}html[data-font=inter]{--font-body:var(--font-inter),system-ui,sans-serif}html[data-font=roboto]{--font-body:var(--font-roboto),system-ui,sans-serif}html[data-font=opensans]{--font-body:var(--font-opensans),system-ui,sans-serif}html[data-font=lato]{--font-body:var(--font-lato),system-ui,sans-serif}html[data-font=montserrat]{--font-body:var(--font-montserrat),system-ui,sans-serif}html[data-font=poppins]{--font-body:var(--font-poppins),system-ui,sans-serif}html[data-font=nunito]{--font-body:var(--font-nunito),system-ui,sans-serif}html[data-font=worksans]{--font-body:var(--font-worksans),system-ui,sans-serif}html[data-font=raleway]{--font-body:var(--font-raleway),system-ui,sans-serif}html[data-font=sourcesans]{--font-body:var(--font-sourcesans),system-ui,sans-serif}html:not([data-font=default]){--font-display:var(--font-body);--font-mono:var(--font-body)}.font-list{display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto}.font-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:7px 10px;border-radius:var(--r-sm,8px);border:var(--hairline) solid transparent;background:transparent;color:var(--text-dim);cursor:pointer;text-align:left}.font-item:hover{color:var(--text);background:color-mix(in srgb,var(--text) 6%,transparent)}.font-item.active{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.font-item .font-name{font-size:.9rem}.font-item .font-sample{font-size:1.05rem;font-weight:700;opacity:.75}.pgal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px}.pgal-thumb{position:relative;margin:0;border-radius:var(--r-md);overflow:hidden;cursor:pointer;background:#000}.pgal-thumb img{width:100%;height:110px;object-fit:cover;display:block}.pgal-meta{position:absolute;inset:auto 6px 6px 6px;display:flex;gap:4px;flex-wrap:wrap}.pgal-badge{font-size:11px;padding:1px 7px;border-radius:var(--r-pill);background:rgba(0,0,0,.65);color:#fff}.pgal-badge.on{background:var(--accent);color:#04070a}.pgal-lightbox{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:24px}.pgal-lightbox .frame{max-width:min(1100px,95vw);width:100%;max-height:92vh;overflow:auto;padding:var(--space-4)}.pgal-lightbox .frame>img{width:100%;max-height:75vh;object-fit:contain}.display-sm{font-size:clamp(1.25rem,2.6vw,1.6rem)}.chip.warn{color:#fbbf24;border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.12)}.chip.muted{color:var(--text-dim);border-color:var(--border)}.alert-warn{color:#fde68a;border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.1)}.pg-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:640px){.pg-columns{grid-template-columns:1fr}}.pg-col{border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem}.pg-col h3{margin:0 0 .5rem;font-size:.95rem;letter-spacing:.02em}.pg-metric{display:flex;flex-direction:column;gap:.1rem;padding:.4rem 0}.pg-metric+.pg-metric{border-top:1px dashed var(--border)}.pg-metric-label{font-size:.8rem;opacity:.75}.pg-metric-value{font-size:1.35rem;font-weight:600}.pg-metric-meta{font-size:.75rem;opacity:.6}.pg-reasons{list-style:none;padding:0;margin:0;display:grid;grid-gap:.35rem;gap:.35rem}.pg-reason{padding-left:1.4rem;position:relative;font-size:.9rem}.pg-reason:before{position:absolute;left:0}.pg-plus:before{content:"▲";color:var(--ok,#4ade80)}.pg-minus:before{content:"▼";color:var(--warn,#fbbf24)}.pg-neutral:before{content:"•";opacity:.6}.pg-bias summary{cursor:pointer;font-size:.85rem;opacity:.8}.pg-bias ul{font-size:.8rem;opacity:.75}.xai-steps{font-size:.82rem;padding-left:1.1rem;display:grid;grid-gap:.35rem;gap:.35rem}.xai-steps li p{margin:.15rem 0 0;opacity:.8}.xai-steps li b,.xai-table{font-size:.8rem}.xai-table{border-collapse:collapse;margin:.5rem 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:16rem}.xai-table th{text-align:left;opacity:.6;font-weight:600}.xai-table td,.xai-table th{padding:.25rem .7rem .25rem 0;border-bottom:1px solid var(--border)}.xai-table td:last-child{text-align:right}.xai-total td{font-weight:700;border-bottom:none}.table-scroll{overflow-x:auto}.stat-table{min-width:42rem;width:100%}.stat-table td,.stat-table th{white-space:nowrap}.stat-table td:first-child,.stat-table th:first-child{white-space:normal}.kucuk{font-size:.78rem}.pg-version{font-size:.75rem;opacity:.55}