@layer tokens,base,components,page;@layer tokens{@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-variable.woff2) format("woff2-variations")}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-variable.woff2) format("woff2-variations")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/jetbrains-mono-variable.woff2) format("woff2-variations")}}@layer tokens{:root{--bg-base: #05070D;--bg: #0B0F19;--surface-1: #111827;--surface-2: #151E2E;--surface-3: #1B2436;--bezel: #0D1119;--cyan: #00D4FF;--cyan-bright: #5EE7FF;--cyan-deep: #0892B3;--purple: #8B5CF6;--purple-deep: #6D45D6;--green: #3DDC97;--amber: #F6B73C;--magenta: #EC4899;--rose: #F2789A;--red: #F26D6D;--white: #F8FAFC;--text-2: #C3CEDC;--muted: #94A3B8;--faint: #64748B;--line: rgba(148, 163, 184, .12);--line-strong: rgba(148, 163, 184, .22);--fill-soft: rgba(255, 255, 255, .03);--fill-1: rgba(255, 255, 255, .04);--fill-2: rgba(255, 255, 255, .07);--cyan-12: rgba(0, 212, 255, .12);--cyan-22: rgba(0, 212, 255, .22);--cyan-28: rgba(0, 212, 255, .28);--purple-12: rgba(139, 92, 246, .12);--green-16: rgba(61, 220, 151, .16);--q-energized: var(--cyan);--q-calm: var(--green);--q-tense: var(--magenta);--q-flat: var(--purple);--positive: var(--green);--negative: var(--rose);--neutral: var(--muted);--text-primary: var(--white);--text-secondary: var(--muted);--text-accent: var(--cyan);--surface-card: var(--surface-1);--surface-app: var(--bg);--border-hairline: var(--line);--accent: var(--cyan);--viz-base: 7, 10, 18;--viz-dim: 74, 88, 120;--viz-marker: 255, 255, 255}:root[data-theme=light]{--bg-base: #E7ECF5;--bg: #F4F7FC;--surface-1: #FFFFFF;--surface-2: #F6F8FC;--surface-3: #EEF2F9;--bezel: #D7DEEC;--cyan: #0FB5DE;--cyan-bright: #34C6E8;--cyan-deep: #067897;--purple: #7C4DEC;--purple-deep: #5B34C6;--green: #16A06B;--amber: #C9821A;--magenta: #D6357F;--rose: #D14E78;--red: #D64B4B;--white: #0C1424;--text-2: #2B3A52;--muted: #5A6A82;--faint: #93A1B6;--line: rgba(15, 23, 42, .1);--line-strong: rgba(15, 23, 42, .16);--fill-soft: rgba(15, 23, 42, .02);--fill-1: rgba(15, 23, 42, .035);--fill-2: rgba(15, 23, 42, .065);--cyan-12: rgba(15, 181, 222, .1);--cyan-22: rgba(15, 181, 222, .18);--cyan-28: rgba(15, 181, 222, .24);--purple-12: rgba(124, 77, 236, .1);--green-16: rgba(22, 160, 107, .14);--text-accent: var(--cyan-deep);--grad-card: linear-gradient(180deg, #FFFFFF 0%, #F5F8FC 100%);--grad-field: radial-gradient(900px 600px at 50% -10%, rgba(124, 77, 236, .1), transparent 60%), radial-gradient(700px 500px at 90% 100%, rgba(15, 181, 222, .1), transparent 55%), var(--bg-base);--shadow-sm: 0 1px 2px rgba(20, 30, 55, .06);--shadow-card: 0 1px 2px rgba(20, 30, 55, .06), 0 10px 30px rgba(20, 30, 55, .08);--shadow-pop: 0 24px 60px rgba(20, 30, 55, .18);--shadow-device: 0 0 0 11px #E2E8F3, 0 0 0 13px #CBD5E8, 0 40px 110px rgba(20, 30, 55, .22), 0 0 70px rgba(15, 181, 222, .05);--glow-cyan: 0 6px 22px rgba(15, 181, 222, .2);--glow-cyan-s: 0 0 5px rgba(15, 181, 222, .45);--glow-green: 0 6px 20px rgba(22, 160, 107, .18);--glow-btn: 0 10px 26px rgba(15, 181, 222, .3), inset 0 1px 0 rgba(255, 255, 255, .45);--inner-top: inset 0 1px 0 rgba(255, 255, 255, .7);--viz-base: 244, 247, 251;--viz-dim: 120, 135, 165;--viz-marker: 12, 20, 36}}@layer tokens{:root{--on-surface-cyan: var(--cyan);--on-surface-green: var(--green);--on-surface-amber: var(--amber);--on-surface-rose: var(--rose);--on-surface-red: var(--red);--on-surface-magenta: #ED519E;--on-surface-purple: #9C74F7;--focus-ring: var(--cyan);--btn-grad-end: var(--purple)}:root[data-theme=light]{--on-surface-cyan: #0A7893;--on-surface-green: #117E54;--on-surface-amber: #986314;--on-surface-magenta: #C73176;--on-surface-rose: #B9456A;--on-surface-red: #C04343;--on-surface-purple: var(--purple);--focus-ring: var(--cyan-deep);--btn-grad-end: #8A61EE}}@layer tokens{:root{--font-display: "DM Sans", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fs-score: 60px;--fs-display: 38px;--fs-h1: 25px;--fs-h2: 19px;--fs-h3: 16px;--fs-stat: 30px;--fs-body-lg: 15px;--fs-body: 13.5px;--fs-body-sm: 12px;--fs-caption: 11px;--fs-eyebrow: 11px;--fs-label: 10px;--lh-tight: 1.12;--lh-snug: 1.3;--lh-body: 1.5;--lh-relaxed: 1.55;--ls-display: -.03em;--ls-heading: -.01em;--ls-eyebrow: .18em;--ls-label: .14em;--ls-mono: .04em;--text-title: var(--fw-semibold) var(--fs-h1)/var(--lh-tight) var(--font-display);--text-body: var(--fw-regular) var(--fs-body)/var(--lh-relaxed) var(--font-body);--text-metric: var(--fw-bold) var(--fs-stat)/1 var(--font-display)}}@layer tokens{:root{--sp-0: 0;--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-5: 10px;--sp-6: 12px;--sp-7: 14px;--sp-8: 16px;--sp-9: 18px;--sp-10: 20px;--sp-12: 24px;--sp-14: 28px;--sp-16: 32px;--sp-20: 40px;--sp-24: 48px;--sp-32: 64px;--r-xs: 8px;--r-sm: 13px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-bezel:46px;--r-pill: 999px;--bw: 1px;--bw-glow: 1px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 30px rgba(0, 0, 0, .35);--shadow-pop: 0 20px 60px rgba(0, 0, 0, .55);--shadow-device: 0 0 0 11px #0D1119, 0 0 0 13px #1C2230, 0 40px 120px rgba(0, 0, 0, .65), 0 0 80px rgba(0, 212, 255, .06);--glow-cyan: 0 0 30px rgba(0, 212, 255, .25);--glow-cyan-s: 0 0 6px rgba(0, 212, 255, .6);--glow-green: 0 0 24px rgba(61, 220, 151, .22);--glow-btn: 0 10px 30px rgba(0, 212, 255, .28), inset 0 1px 0 rgba(255, 255, 255, .35);--inner-top: inset 0 1px 0 rgba(255, 255, 255, .06);--grad-card: linear-gradient(180deg, var(--surface-1) 0%, var(--surface-2) 100%);--grad-field: radial-gradient(900px 600px at 50% -10%, rgba(139, 92, 246, .12), transparent 60%), radial-gradient(700px 500px at 90% 100%, rgba(0, 212, 255, .08), transparent 55%), var(--bg-base);--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .6s;--press-scale: .98}}@layer tokens{:root{--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--rail-w: 248px;--content-max: 1180px;--touch-min: 44px}}@layer base{*,*:before,*:after{box-sizing:border-box}html{background:var(--bg-base);-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--grad-field);color:var(--text-primary);font:var(--text-body);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:var(--ls-heading);line-height:var(--lh-tight);margin:0}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{margin:0}code,kbd,samp,pre{font-family:var(--font-mono);font-size:var(--fs-body-sm)}a{color:var(--text-accent);text-underline-offset:2px}button,input,select,textarea{font:inherit;color:inherit}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--r-xs)}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;left:var(--sp-4);top:var(--sp-4);z-index:100;padding:var(--sp-6) var(--sp-10);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--cyan-22);color:var(--text-primary);transform:translateY(-200%);transition:transform var(--dur-fast) var(--ease-out)}.skip-link:focus-visible{transform:translateY(0)}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:-.005em;border:1px solid transparent;border-radius:var(--r-md);padding:15px 20px;font-size:15px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.btn--sm{padding:11px 15px;font-size:13px;border-radius:var(--r-sm)}.btn--full{width:100%}.btn:active:not(:disabled){transform:scale(var(--press-scale))}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(120deg,var(--cyan),var(--cyan-bright) 55%,var(--btn-grad-end));color:#05070d;box-shadow:var(--glow-btn)}.btn--primary:hover:not(:disabled){filter:brightness(1.07) saturate(1.05)}.btn--secondary{background:var(--fill-2);color:var(--text-primary);border-color:var(--line-strong);box-shadow:var(--inner-top)}.btn--secondary:hover:not(:disabled){background:var(--surface-3)}.btn--ghost{background:var(--fill-1);color:var(--text-primary);border-color:var(--line)}.btn--ghost:hover:not(:disabled){background:var(--fill-2);border-color:var(--line-strong)}.btn--danger{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--on-surface-red);border-color:color-mix(in srgb,var(--red) 30%,transparent)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--red) 20%,transparent);border-color:color-mix(in srgb,var(--red) 45%,transparent)}.btn--icon{padding:0;width:38px;height:38px;border-radius:var(--r-md);background:transparent;border-color:transparent;color:var(--text-secondary)}.btn--icon:hover:not(:disabled){background:var(--fill-1);color:var(--text-primary)}.card{background:var(--grad-card);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow-sm);position:relative}.card--tight{padding:14px}.card--active{border-color:var(--cyan-22);box-shadow:var(--glow-cyan)}.card__eyebrow{font-family:var(--font-mono);font-size:var(--fs-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--on-surface-cyan);opacity:.9;margin-bottom:10px}.card__eyebrow--green{color:var(--on-surface-green)}.card__eyebrow--magenta{color:var(--on-surface-magenta)}.card__eyebrow--purple{color:var(--on-surface-purple)}.card__eyebrow--muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--fs-eyebrow);letter-spacing:.02em;padding:6px 11px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--fill-soft);color:var(--muted);white-space:nowrap}.pill--cyan{color:var(--on-surface-cyan)}.pill--green{color:var(--on-surface-green)}.pill--amber{color:var(--on-surface-amber)}.pill--rose{color:var(--on-surface-rose)}.pill--red{color:var(--on-surface-red)}.pill--purple{color:var(--on-surface-purple)}.pill__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.pill--glow .pill__dot{box-shadow:0 0 6px currentColor}.tag{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--r-sm);background:var(--fill-soft);border:1px solid var(--line);font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}.tag__value{font-weight:var(--fw-semibold);color:var(--text-primary)}.segmented{display:flex;gap:4px;padding:4px;background:var(--fill-1);border:1px solid var(--line);border-radius:var(--r-sm)}.segmented__option{flex:1;border:none;background:transparent;cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-eyebrow);letter-spacing:.04em;padding:8px 10px;border-radius:9px;color:var(--muted);transition:all var(--dur-base) var(--ease-out)}.segmented__option:hover{background:var(--fill-2);color:var(--text-primary)}.segmented__option[aria-selected=true],.segmented__option[aria-pressed=true]{background:linear-gradient(120deg,var(--cyan-12),var(--purple-12));color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--cyan-22)}.field{display:flex;flex-direction:column;gap:var(--sp-3)}.field__label{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted)}.field__control{width:100%;padding:13px 14px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--fill-soft);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-body-lg);transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.field__control::placeholder{color:var(--muted);opacity:1}.field__control:hover:not(:disabled){border-color:var(--line-strong);background:var(--fill-1)}.field__control:focus-visible{border-color:var(--cyan-22);background:var(--fill-1)}.field__control:disabled{opacity:.55;cursor:not-allowed}.field__control[aria-invalid=true]{border-color:color-mix(in srgb,var(--red) 55%,transparent)}.field__control--code{font-family:var(--font-mono);font-size:20px;letter-spacing:.32em;text-align:center;padding-inline:var(--sp-6)}.field__hint{font-size:var(--fs-body-sm);color:var(--muted)}.field__error{display:flex;align-items:flex-start;gap:var(--sp-3);font-size:var(--fs-body-sm);color:var(--on-surface-red)}.notice{padding:var(--sp-8) var(--sp-10);border-radius:var(--r-md);border:1px solid var(--line);background:var(--fill-soft);font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--text-2)}.notice--error{border-color:color-mix(in srgb,var(--red) 35%,transparent);background:color-mix(in srgb,var(--red) 8%,transparent);color:var(--text-primary)}.notice--warn{border-color:color-mix(in srgb,var(--amber) 35%,transparent);background:color-mix(in srgb,var(--amber) 8%,transparent);color:var(--text-primary)}.notice--info{border-color:var(--cyan-22);background:var(--cyan-12);color:var(--text-primary)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--focus-ring);animation:bs-spin .9s linear infinite;flex-shrink:0}@keyframes bs-spin{to{transform:rotate(360deg)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(pointer:coarse){.btn,.segmented__option,.field__control,.nav__link{min-height:var(--touch-min)}.btn--icon{width:var(--touch-min);height:var(--touch-min)}}}@layer page{.specimen{max-width:var(--content-max);margin:0 auto;padding:var(--sp-16) var(--sp-10) var(--sp-24);display:flex;flex-direction:column;gap:var(--sp-16)}.specimen__head{display:flex;flex-direction:column;gap:var(--sp-6);align-items:flex-start}.specimen__sub{color:var(--text-secondary);font-size:var(--fs-body)}.specimen__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--sp-10);align-items:start}.specimen__row{display:flex;flex-wrap:wrap;gap:var(--sp-6);align-items:center}.specimen__row+.specimen__row{margin-top:var(--sp-8)}.specimen__stack{display:flex;flex-direction:column;gap:var(--sp-8)}.specimen__mono{font-family:var(--font-mono);font-size:var(--fs-body-sm);letter-spacing:var(--ls-mono);color:var(--text-2)}.specimen__muted{color:var(--text-secondary);font-size:var(--fs-body)}.specimen__faint{color:var(--faint);font-size:var(--fs-body-sm)}.specimen__foot{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.06em;color:var(--muted);border-top:1px solid var(--line);padding-top:var(--sp-8)}}@layer components{.shell{display:grid;grid-template-columns:1fr;min-height:100dvh}@media(min-width:1024px){.shell{grid-template-columns:var(--rail-w) 1fr}}.shell__rail{display:flex;flex-direction:column;gap:var(--sp-12);padding:var(--sp-12) var(--sp-8);border-right:1px solid var(--line);background:var(--surface-1);position:sticky;top:0;height:100dvh;overflow-y:auto;overflow-x:hidden}.shell__body{display:flex;flex-direction:column;min-width:0}.shell__topbar{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-6) var(--sp-8);border-bottom:1px solid var(--line);background:var(--surface-1);position:sticky;top:0;z-index:10}@media(min-width:1024px){.shell__topbar{padding:var(--sp-6) var(--sp-12);background:transparent;border-bottom-color:transparent}}.shell__topbar-end{margin-left:auto;display:flex;align-items:center;gap:var(--sp-8);min-width:0}.shell__account{display:none;align-items:center;gap:var(--sp-5);min-width:0}@media(min-width:768px){.shell__account{display:flex}}.shell__account-email{font-family:var(--font-mono);font-size:var(--fs-body-sm);color:var(--text-secondary);display:block;max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell__main{flex:1;min-width:0;padding:var(--sp-12) var(--sp-8) var(--sp-24)}.shell__main:focus{outline:none}@media(min-width:1024px){.shell__main{padding:var(--sp-12) var(--sp-12) var(--sp-24)}}.shell__foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--sp-6)}.shell__foot-account{display:flex;flex-direction:column;gap:2px;min-width:0}.shell__foot-email{font-family:var(--font-mono);font-size:var(--fs-body-sm);color:var(--text-2);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell__foot-role{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted)}.shell__trust{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.06em;line-height:1.5;color:var(--muted);border-top:1px solid var(--line);padding-top:var(--sp-6)}.brand{display:flex;align-items:center}.brand__mark{height:30px;width:auto}.brand--compact .brand__mark{height:24px}.brand__mark--light{display:none}:root[data-theme=light] .brand__mark--dark{display:none}:root[data-theme=light] .brand__mark--light{display:block}.nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.nav__link{display:flex;align-items:center;gap:var(--sp-6);padding:11px 12px;border-radius:var(--r-md);font-family:var(--font-display);font-size:14px;font-weight:var(--fw-medium);color:var(--text-secondary);text-decoration:none;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.nav__link:hover{background:var(--fill-1);color:var(--text-primary)}.nav__link--active{background:var(--cyan-12);color:var(--text-accent);box-shadow:inset 0 0 0 1px var(--cyan-22)}.nav__label{min-width:0}.nav__badge{margin-left:auto;font-family:var(--font-mono);font-size:var(--fs-label);min-width:20px;padding:2px 6px;border-radius:var(--r-pill);text-align:center;background:var(--cyan-12);color:var(--text-accent);box-shadow:inset 0 0 0 1px var(--cyan-22)}.drawer{margin:0 auto 0 0;height:100dvh;max-height:100dvh;width:min(86vw,320px);max-width:320px;border:none;border-right:1px solid var(--line);border-radius:0;padding:var(--sp-12) var(--sp-8);background:var(--surface-1);color:var(--text-primary);flex-direction:column;gap:var(--sp-12);overflow-y:auto;overflow-x:hidden}.drawer[open]{display:flex}.drawer::backdrop{background:#05070d99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6)}.drawer__foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--sp-8)}.segmented--compact .segmented__option{padding:6px 8px;font-size:var(--fs-label)}}@layer page{.page{display:flex;flex-direction:column;gap:var(--sp-8);max-width:var(--content-max)}.page__lead{color:var(--text-secondary);font-size:var(--fs-body-lg)}.centred-page{min-height:100dvh;display:grid;place-items:center;padding:var(--sp-10)}.centred-page__card{max-width:520px;display:flex;flex-direction:column;gap:var(--sp-8);align-items:flex-start}.centred-page__body{color:var(--text-secondary);line-height:var(--lh-relaxed)}.centred-page__detail{width:100%;padding:var(--sp-6);border-radius:var(--r-xs);background:var(--fill-1);border:1px solid var(--line);color:var(--text-2);overflow-x:auto;overflow-y:hidden;white-space:pre-wrap;word-break:break-word}}@layer components{.auth{min-height:100dvh;display:grid;grid-template-columns:1fr;background:var(--grad-field)}.auth__hero{display:none}.auth__panel{display:flex;justify-content:center;padding:58px 24px 30px;min-width:0}.auth__panel-inner{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--sp-8)}.auth__brand{display:flex;justify-content:center}.auth__brand .brand__mark{height:26px}.auth__head{display:flex;flex-direction:column;gap:var(--sp-5);text-align:center}.auth__title{font-size:23px}.auth__lead{color:var(--text-secondary);font-size:var(--fs-body);line-height:var(--lh-relaxed)}.auth__foot{display:flex;flex-direction:column;gap:var(--sp-5);text-align:center;font-size:var(--fs-body);color:var(--text-secondary)}.auth__trust{margin-top:var(--sp-4);padding-top:var(--sp-7);border-top:1px solid var(--line);text-align:center;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.06em;line-height:1.5;color:var(--muted)}@media(min-width:1024px){.auth{grid-template-columns:1.04fr 454px;align-items:stretch}.auth__hero{display:flex;flex-direction:column;justify-content:center;gap:var(--sp-10);padding:var(--sp-24) var(--sp-20);min-width:0;background:radial-gradient(620px 440px at 28% 16%,var(--purple-12),transparent 62%),radial-gradient(560px 520px at 76% 92%,var(--cyan-12),transparent 60%),var(--bg-base);border-right:1px solid var(--line)}.auth__hero-mark{height:32px;width:auto}.auth__hero-line{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:34px;line-height:1.08;letter-spacing:var(--ls-display);color:var(--text-primary);max-width:12ch}.auth__hero-sub{color:var(--text-secondary);font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);max-width:42ch}.auth__panel{align-items:center;padding:var(--sp-16) var(--sp-14);background:var(--bg);overflow-y:auto;overflow-x:hidden}.auth__panel-inner{max-width:366px}.auth__brand{display:none}.auth__head{text-align:left}.auth__title{font-size:26px}.auth__foot,.auth__trust{text-align:left}}.auth__form{display:flex;flex-direction:column;gap:var(--sp-7)}.auth__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);flex-wrap:wrap}.auth__link{background:none;border:none;padding:0;font:inherit;font-size:var(--fs-body);color:var(--text-accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.auth__link:hover{text-decoration-thickness:2px}.field__reveal-wrap{position:relative;display:block}.field__control--reveal{padding-right:46px}.field__reveal{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--r-xs);background:transparent;color:var(--text-secondary);cursor:pointer}.field__reveal:hover{color:var(--text-primary);background:var(--fill-1)}.dev-auth-banner{position:fixed;top:var(--sp-4);left:50%;transform:translate(-50%);z-index:10000;padding:var(--sp-2) var(--sp-5);border-radius:var(--r-xs);border:1px solid color-mix(in srgb,var(--amber) 45%,transparent);background:var(--surface-1);color:var(--on-surface-amber);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-label);pointer-events:none}@media(pointer:coarse){.field__reveal{width:var(--touch-min);height:var(--touch-min)}.field__control--reveal{padding-right:52px}}}@layer components{.auth-loading{display:flex;align-items:center;gap:var(--sp-6);color:var(--text-secondary);font-size:var(--fs-body)}}@layer components{.status-card{max-width:520px;display:flex;flex-direction:column;gap:var(--sp-7);align-items:flex-start;padding:var(--sp-12)}.status-card__title{font-size:var(--fs-h1)}.status-card__body{color:var(--text-2);line-height:var(--lh-relaxed)}.status-card__detail{color:var(--text-secondary);font-size:var(--fs-body);line-height:var(--lh-relaxed)}.status-card__who{color:var(--text-secondary);font-size:var(--fs-body-sm)}.status-card__email{font-family:var(--font-mono);font-size:var(--fs-body-sm);color:var(--text-2);overflow-wrap:anywhere}.status-card__actions{display:flex;flex-wrap:wrap;gap:var(--sp-6)}.status-card__trust{width:100%;margin-top:var(--sp-2);padding-top:var(--sp-7);border-top:1px solid var(--line);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.06em;color:var(--muted)}}@layer components{.table-wrap{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--grad-card);overflow-x:auto;overflow-y:hidden}.table{width:100%;border-collapse:collapse;font-size:var(--fs-body)}.table th{text-align:left;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted);font-weight:var(--fw-medium);padding:var(--sp-7) var(--sp-8);border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:var(--sp-7) var(--sp-8);border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--fill-soft)}.table__cell--end{text-align:right}.record-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-6)}.record{display:flex;flex-direction:column;gap:var(--sp-7)}.record__fields{margin:0;display:flex;flex-direction:column;gap:var(--sp-5)}.record__field{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-6)}.record__label{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted);flex-shrink:0}.record__value{margin:0;text-align:right;color:var(--text-2);min-width:0;overflow-wrap:anywhere}.record__actions{display:flex;justify-content:flex-end;gap:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--line)}.table-state{display:flex;align-items:center;justify-content:center;gap:var(--sp-6);padding:var(--sp-24) var(--sp-10);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--fill-soft);color:var(--text-secondary);text-align:center}.table-state--empty{flex-direction:column;line-height:var(--lh-relaxed)}.load-more{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);flex-wrap:wrap;padding-top:var(--sp-8)}.load-more__count,.load-more__end{font-family:var(--font-mono);font-size:var(--fs-body-sm);color:var(--muted)}.row-menu{position:fixed;z-index:200;min-width:220px;padding:var(--sp-3);border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface-2);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;gap:2px}.row-menu--sheet{inset:auto 0 0;min-width:0;border-radius:var(--r-lg) var(--r-lg) 0 0;padding:var(--sp-8) var(--sp-8) calc(var(--sp-8) + env(safe-area-inset-bottom));gap:var(--sp-2)}.row-menu__scrim{position:fixed;inset:0;z-index:199;background:#05070d80}.row-menu__item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:var(--sp-6) var(--sp-7);border:none;border-radius:var(--r-xs);background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-body);text-align:left;cursor:pointer}.row-menu__item:hover{background:var(--fill-2)}.row-menu__item--destructive{color:var(--on-surface-red)}.row-menu__item[aria-disabled=true]{color:var(--muted);cursor:not-allowed;background:transparent}.row-menu__why{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.02em;color:var(--muted)}.confirm{margin:auto;max-width:min(92vw,460px);border:1px solid var(--line-strong);border-radius:var(--r-lg);padding:var(--sp-12);background:var(--surface-1);color:var(--text-primary);flex-direction:column;gap:var(--sp-8)}.confirm[open]{display:flex}.confirm::backdrop{background:#05070d99}.confirm__title{font-size:var(--fs-h2)}.confirm__consequence{color:var(--text-2);line-height:var(--lh-relaxed)}.confirm__detail{color:var(--text-secondary);font-size:var(--fs-body-sm);line-height:var(--lh-relaxed)}.confirm__actions{display:flex;gap:var(--sp-6);justify-content:flex-end;flex-wrap:wrap}.toolbar{display:flex;gap:var(--sp-6);flex-wrap:wrap;align-items:flex-end}.toolbar__grow{flex:1 1 220px;min-width:0}.admin-page{display:flex;flex-direction:column;gap:var(--sp-10);max-width:var(--content-max)}@media(pointer:coarse){.row-menu__item{min-height:var(--touch-min);justify-content:center}}}@layer components{.queue-actions{display:flex;align-items:center;gap:var(--sp-6);flex-wrap:wrap;justify-content:flex-end}.mono-cell{font-family:var(--font-mono);font-size:var(--fs-body-sm);color:var(--text-2);overflow-wrap:anywhere}}@layer components{.detail-badges{display:flex;flex-wrap:wrap;gap:var(--sp-5)}.detail-section{display:flex;flex-direction:column;gap:var(--sp-7)}.detail-section h2{font-size:var(--fs-h2)}.detail-grid{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--sp-8)}.detail-grid__item{display:flex;flex-direction:column;gap:2px;min-width:0}.detail-grid__item .record__value{text-align:left}}
