:root{--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 48px;--text-5xl: 64px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-caps: .08em;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--space-64: 64px;--space-96: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 999px;--container-max: 1280px;--container-gutter: 24px;--sidebar-w: 280px;--dur-instant: .1s;--dur-standard: .2s;--dur-payoff: .52s;--ease-standard: cubic-bezier(.33, 1, .68, 1);--ease-payoff: cubic-bezier(.34, 1.56, .64, 1);--gradient-power: linear-gradient(103deg, #3fa9f5 0%, #8b5cf6 52%, #e84bc9 100%);--control-h-sm: 32px;--control-h-md: 40px;--control-h-lg: 48px;--control-pad-x: 16px;--field-pad-y: 10px;--cell-pad-y: 12px;--cell-pad-x: 16px;--card-pad: 24px;--stack-gap: 16px;--row-leading: 1.5}[data-density=compact]{--control-h-sm: 26px;--control-h-md: 32px;--control-h-lg: 40px;--control-pad-x: 12px;--field-pad-y: 6px;--cell-pad-y: 6px;--cell-pad-x: 12px;--card-pad: 16px;--stack-gap: 12px;--row-leading: 1.35}:root,[data-theme=dark]{color-scheme:dark;--surface-0: #0a0c10;--surface-1: #12151b;--surface-2: #1b1f27;--surface-3: #232833;--border-subtle: #1a1e26;--border-default: #262b35;--border-strong: #363c48;--text-primary: #f4f5f7;--text-secondary: #9aa1ae;--text-tertiary: #6b7280;--text-disabled: #565c68;--text-on-accent: #06080b;--accent: #3fa9f5;--accent-hover: #63beff;--accent-active: color-mix(in oklch, #3fa9f5 84%, black);--accent-subtle: color-mix(in oklch, #3fa9f5 16%, var(--surface-1));--accent-border: color-mix(in oklch, #3fa9f5 42%, var(--surface-1));--success: #3dd68c;--success-subtle: color-mix(in oklch, #3dd68c 15%, var(--surface-1));--success-solid: #26b472;--success-on: #04140c;--warning: #f5b93f;--warning-subtle: color-mix(in oklch, #f5b93f 15%, var(--surface-1));--warning-solid: #e0a020;--warning-on: #1a1305;--danger: #f5594b;--danger-subtle: color-mix(in oklch, #f5594b 15%, var(--surface-1));--danger-solid: #e14133;--danger-on: #ffffff;--info: #7c93f5;--info-subtle: color-mix(in oklch, #7c93f5 15%, var(--surface-1));--info-solid: #5b74e6;--info-on: #05081a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 6px 18px rgba(0, 0, 0, .36);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .5);--focus-ring: var(--accent);--focus-ring-offset: var(--surface-0);--scrim: rgba(4, 6, 10, .66)}[data-theme=light]{color-scheme:light;--surface-0: #fafbfc;--surface-1: #ffffff;--surface-2: #f1f4f8;--surface-3: #ffffff;--border-subtle: #edf0f4;--border-default: #dde3ea;--border-strong: #c4ccd6;--text-primary: #14171d;--text-secondary: #565e6c;--text-tertiary: #838b98;--text-disabled: #a6adb8;--text-on-accent: #ffffff;--accent: #1668b8;--accent-hover: #12579f;--accent-active: color-mix(in oklch, #1668b8 86%, black);--accent-subtle: color-mix(in oklch, #1668b8 10%, var(--surface-1));--accent-border: color-mix(in oklch, #1668b8 34%, var(--surface-1));--success: #0b7a42;--success-subtle: color-mix(in oklch, #16a34a 12%, var(--surface-1));--success-solid: #16a34a;--success-on: #ffffff;--warning: #8a5d00;--warning-subtle: color-mix(in oklch, #f5b93f 22%, var(--surface-1));--warning-solid: #e0a020;--warning-on: #241a02;--danger: #b62e23;--danger-subtle: color-mix(in oklch, #dc3626 11%, var(--surface-1));--danger-solid: #dc3626;--danger-on: #ffffff;--info: #3e52c4;--info-subtle: color-mix(in oklch, #3e52c4 10%, var(--surface-1));--info-solid: #4257cc;--info-on: #ffffff;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 6px 18px rgba(16, 24, 40, .1);--shadow-lg: 0 18px 48px rgba(16, 24, 40, .16);--focus-ring: var(--accent);--focus-ring-offset: var(--surface-0);--scrim: rgba(16, 24, 40, .42)}@media(prefers-reduced-motion:reduce){:root{--ease-payoff: var(--ease-standard);--dur-payoff: var(--dur-standard)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface-0);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:color-mix(in oklch,var(--accent) 32%,transparent)}:where(a){color:var(--accent);text-decoration:none}:where(a:hover){text-decoration:underline;text-underline-offset:2px}:where(a:focus-visible){outline:none;box-shadow:0 0 0 2px var(--focus-ring);border-radius:2px}:where(button,[role=button],a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.display{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);margin:0}.h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);margin:0}.h3{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);margin:0}.eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--accent);margin:0}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.small{font-size:var(--text-sm)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:0}.stack{display:flex;flex-direction:column;gap:var(--stack-gap)}.row{display:flex;align-items:center;gap:var(--space-8)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16)}.grid{display:grid;gap:var(--space-16)}.icon{width:18px;height:18px;flex:none;stroke-width:1.5}.icon-sm{width:15px;height:15px}.btn{--_h: var(--control-h-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);height:var(--_h);min-height:var(--_h);padding:0 var(--control-pad-x);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;letter-spacing:var(--tracking-wide);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--dur-instant) var(--ease-standard),border-color var(--dur-instant) var(--ease-standard),color var(--dur-instant) var(--ease-standard),transform var(--dur-instant) var(--ease-standard)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;transform:none;opacity:1;background:var(--surface-2);border-color:var(--border-subtle);color:var(--text-disabled)}.btn-sm{--_h: var(--control-h-sm);font-size:var(--text-xs);padding:0 var(--space-12)}.btn-lg{--_h: var(--control-h-lg);font-size:var(--text-base);padding:0 var(--space-24)}.btn-block{width:100%}.btn-primary{background:var(--accent);color:var(--text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-active)}.btn-secondary{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--accent-border)}.btn-secondary:active:not(:disabled){background:var(--surface-1)}.btn-ghost{background:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-ghost:active:not(:disabled){background:var(--surface-1)}.btn-destructive{background:var(--danger-solid);color:var(--danger-on)}.btn-destructive:hover:not(:disabled){background:color-mix(in oklch,var(--danger-solid) 88%,black)}.btn-destructive:active:not(:disabled){background:color-mix(in oklch,var(--danger-solid) 78%,black)}.btn[data-loading=true]{pointer-events:none;color:transparent;position:relative}.btn[data-loading=true]:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in oklch,currentColor 30%,transparent);border-top-color:var(--text-on-accent);animation:gx-spin .7s linear infinite}.btn-secondary[data-loading=true]:after,.btn-ghost[data-loading=true]:after{border-top-color:var(--accent)}@keyframes gx-spin{to{transform:rotate(360deg)}}.btn-icon{padding:0;width:var(--control-h-md)}.btn-icon.btn-sm{width:var(--control-h-sm)}.btn-icon.btn-lg{width:var(--control-h-lg)}.field{display:flex;flex-direction:column;gap:var(--space-8)}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.field-label .req{color:var(--danger);margin-left:2px}.field-help{font-size:var(--text-xs);color:var(--text-tertiary)}.field-error{font-size:var(--text-xs);color:var(--danger);display:flex;align-items:center;gap:var(--space-4)}.input,.select,.textarea{width:100%;height:var(--control-h-md);padding:var(--field-pad-y) var(--space-12);background:var(--surface-1);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.4;border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color var(--dur-instant) var(--ease-standard),box-shadow var(--dur-instant) var(--ease-standard)}.textarea{height:auto;min-height:84px;resize:vertical;line-height:var(--leading-normal)}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input:hover:not(:disabled),.select:hover:not(:disabled),.textarea:hover:not(:disabled){border-color:var(--accent-border)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 24%,transparent)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-2);color:var(--text-disabled);cursor:not-allowed;border-color:var(--border-subtle)}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.input[aria-invalid=true]:focus,.textarea[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--danger) 24%,transparent)}.input.mono{font-family:var(--font-mono)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:var(--space-32);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa1ae' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-12) center}.check{display:inline-flex;align-items:flex-start;gap:var(--space-8);cursor:pointer;font-size:var(--text-sm)}.check input{position:absolute;opacity:0;width:0;height:0}.check .box{width:18px;height:18px;flex:none;margin-top:1px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-1);display:grid;place-items:center;transition:background var(--dur-instant) var(--ease-standard),border-color var(--dur-instant) var(--ease-standard)}.check .box.radio{border-radius:var(--radius-full)}.check .box svg{width:12px;height:12px;stroke:var(--text-on-accent);stroke-width:2.5;opacity:0}.check input:checked+.box{background:var(--accent);border-color:var(--accent)}.check input:checked+.box svg{opacity:1}.check input:checked+.box.radio{background:var(--accent)}.check input:checked+.box.radio:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--text-on-accent)}.check:hover .box{border-color:var(--accent-border)}.check input:focus-visible+.box{outline:2px solid var(--focus-ring);outline-offset:2px}.check input:disabled+.box{background:var(--surface-2);border-color:var(--border-subtle)}.check input:disabled~.lbl{color:var(--text-disabled)}.badge{display:inline-flex;align-items:center;gap:var(--space-4);padding:2px var(--space-8);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.4;letter-spacing:var(--tracking-wide);white-space:nowrap;border:1px solid transparent}.badge svg{width:13px;height:13px;stroke-width:1.75}.badge-neutral{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border-default)}.badge-accent{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent-border)}.badge-success{background:var(--success-subtle);color:var(--success);border-color:color-mix(in oklch,var(--success) 34%,transparent)}.badge-warning{background:var(--warning-subtle);color:var(--warning);border-color:color-mix(in oklch,var(--warning) 34%,transparent)}.badge-danger{background:var(--danger-subtle);color:var(--danger);border-color:color-mix(in oklch,var(--danger) 34%,transparent)}.badge-info{background:var(--info-subtle);color:var(--info);border-color:color-mix(in oklch,var(--info) 34%,transparent)}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.chip{display:inline-flex;align-items:center;gap:var(--space-8);height:var(--control-h-sm);padding:0 var(--space-12);background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:background var(--dur-instant) var(--ease-standard),border-color var(--dur-instant) var(--ease-standard)}.chip:hover{border-color:var(--accent-border)}.chip[aria-pressed=true]{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.chip .x{display:inline-grid;place-items:center;width:14px;height:14px;opacity:.7}.chip .x:hover{opacity:1}.compat{display:inline-flex;align-items:flex-start;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.4;border:1px solid transparent}.compat svg{width:16px;height:16px;flex:none;margin-top:1px;stroke-width:1.75}.compat .ct-title{font-weight:var(--weight-semibold)}.compat .ct-msg{color:var(--text-secondary);font-size:var(--text-xs);margin-top:2px}.compat-compatible{background:var(--success-subtle);border-color:color-mix(in oklch,var(--success) 30%,transparent)}.compat-compatible .ct-title,.compat-compatible svg{color:var(--success)}.compat-warning{background:var(--warning-subtle);border-color:color-mix(in oklch,var(--warning) 30%,transparent)}.compat-warning .ct-title,.compat-warning svg{color:var(--warning)}.compat-incompatible{background:var(--danger-subtle);border-color:color-mix(in oklch,var(--danger) 30%,transparent)}.compat-incompatible .ct-title,.compat-incompatible svg{color:var(--danger)}.compat-inline{padding:2px var(--space-8);align-items:center;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.compat-inline svg{width:13px;height:13px;margin-top:0}.card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:clip}.card-pad{padding:var(--card-pad)}.card-hover{transition:border-color var(--dur-standard) var(--ease-standard),transform var(--dur-standard) var(--ease-standard)}.card-hover:hover{border-color:var(--accent-border);transform:translateY(-2px)}.card-header{padding:var(--card-pad);border-bottom:1px solid var(--border-default)}.card-footer{padding:var(--card-pad);border-top:1px solid var(--border-default)}.table-wrap{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table thead th{text-align:left;font-weight:var(--weight-semibold);color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--cell-pad-y) var(--cell-pad-x);background:var(--surface-2);border-bottom:1px solid var(--border-default);white-space:nowrap;position:sticky;top:0;z-index:1}.table tbody td{padding:var(--cell-pad-y) var(--cell-pad-x);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);line-height:var(--row-leading);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--dur-instant) var(--ease-standard)}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr[aria-selected=true]{background:var(--accent-subtle)}.table .num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.table .col-actions{text-align:right;white-space:nowrap}.spec{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.spec .spec-group th{text-align:left;padding:var(--space-12) var(--space-16) var(--space-8);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--accent);font-weight:var(--weight-semibold);border-bottom:1px solid var(--border-default)}.spec .spec-group:not(:first-child) th{padding-top:var(--space-24)}.spec tbody tr td{padding:var(--space-8) var(--space-16);border-bottom:1px solid var(--border-subtle)}.spec .spec-key{color:var(--text-secondary);width:42%}.spec .spec-val{color:var(--text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.spec .spec-val.text{font-family:var(--font-body)}.tabs{display:flex;gap:var(--space-4);border-bottom:1px solid var(--border-default)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;padding:var(--space-12) var(--space-16);margin-bottom:-1px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);border-bottom:2px solid transparent;transition:color var(--dur-instant) var(--ease-standard),border-color var(--dur-instant) var(--ease-standard)}.tab:hover{color:var(--text-primary)}.tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.tab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:var(--radius-sm)}.tabpanel{padding-top:var(--space-16)}.tabpanel[hidden]{display:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:100;display:grid;place-items:center;padding:var(--space-24);opacity:0;visibility:hidden;transition:opacity var(--dur-standard) var(--ease-standard),visibility var(--dur-standard)}.overlay[data-open=true]{opacity:1;visibility:visible}.modal{width:min(520px,100%);max-height:86vh;overflow:auto;background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform:scale(.97);transition:transform var(--dur-standard) var(--ease-standard)}.overlay[data-open=true] .modal{transform:scale(1)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-16);padding:var(--space-24) var(--space-24) var(--space-16)}.modal-body{padding:0 var(--space-24) var(--space-24);color:var(--text-secondary)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-8);padding:var(--space-16) var(--space-24);border-top:1px solid var(--border-default)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:100;opacity:0;visibility:hidden;transition:opacity var(--dur-standard) var(--ease-standard),visibility var(--dur-standard)}.drawer-overlay[data-open=true]{opacity:1;visibility:visible}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--surface-1);border-left:1px solid var(--border-default);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform var(--dur-standard) var(--ease-standard);display:flex;flex-direction:column;z-index:101}.drawer-overlay[data-open=true] .drawer{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-24);border-bottom:1px solid var(--border-default)}.drawer-body{padding:var(--space-24);overflow:auto;flex:1}.toast-region{position:fixed;bottom:var(--space-24);right:var(--space-24);z-index:200;display:flex;flex-direction:column;gap:var(--space-8);width:min(380px,calc(100vw - 48px))}.toast{display:flex;align-items:flex-start;gap:var(--space-12);padding:var(--space-12) var(--space-16);background:var(--surface-3);border:1px solid var(--border-default);border-left:3px solid var(--text-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:gx-toast-in var(--dur-standard) var(--ease-standard)}.toast.success{border-left-color:var(--success)}.toast.warning{border-left-color:var(--warning)}.toast.danger{border-left-color:var(--danger)}.toast.success svg{color:var(--success)}.toast.warning svg{color:var(--warning)}.toast.danger svg{color:var(--danger)}.toast svg{color:var(--accent);width:18px;height:18px;flex:none}.toast .t-title{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.toast .t-msg{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}@keyframes gx-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pagination{display:flex;align-items:center;gap:var(--space-4)}.page-btn{min-width:var(--control-h-sm);height:var(--control-h-sm);padding:0 var(--space-8);display:inline-grid;place-items:center;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font-mono);cursor:pointer;transition:background var(--dur-instant),border-color var(--dur-instant),color var(--dur-instant)}.page-btn:hover:not(:disabled){border-color:var(--accent-border);color:var(--text-primary)}.page-btn[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.page-btn:disabled{color:var(--text-disabled);cursor:not-allowed}.page-ellipsis{color:var(--text-tertiary);padding:0 var(--space-4)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-sm);flex-wrap:wrap}.breadcrumbs a{color:var(--text-secondary)}.breadcrumbs a:hover{color:var(--text-primary)}.breadcrumbs .sep{color:var(--text-tertiary)}.breadcrumbs [aria-current=page]{color:var(--text-primary);font-weight:var(--weight-medium)}.empty{text-align:center;padding:var(--space-48) var(--space-24);max-width:420px;margin-inline:auto}.empty .empty-icon{width:48px;height:48px;margin:0 auto var(--space-16);color:var(--text-tertiary);display:grid;place-items:center;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-1)}.empty h3{margin:0 0 var(--space-8);font-size:var(--text-lg)}.empty p{margin:0 0 var(--space-24);color:var(--text-secondary);font-size:var(--text-sm)}.tip{position:relative}.tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:var(--surface-3);color:var(--text-primary);border:1px solid var(--border-default);padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--dur-instant),transform var(--dur-instant);z-index:50}.tip:hover:after,.tip:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.skeleton{background:linear-gradient(90deg,var(--surface-1) 25%,var(--surface-2) 37%,var(--surface-1) 63%);background-size:400% 100%;border-radius:var(--radius-sm);animation:gx-shimmer 1.4s ease infinite}@keyframes gx-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}.btn[data-loading=true]:after{animation-duration:1.4s}}.status-pending-payment{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border-default)}.status-payment-confirmed{background:var(--info-subtle);color:var(--info);border-color:color-mix(in oklch,var(--info) 34%,transparent)}.status-processing,.status-packed{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent-border)}.status-shipped,.status-out-for-delivery{background:var(--info-subtle);color:var(--info);border-color:color-mix(in oklch,var(--info) 34%,transparent)}.status-delivered{background:var(--success-subtle);color:var(--success);border-color:color-mix(in oklch,var(--success) 34%,transparent)}.status-cancelled{background:var(--surface-2);color:var(--text-tertiary);border-color:var(--border-default)}.status-return-requested,.status-returned{background:var(--warning-subtle);color:var(--warning);border-color:color-mix(in oklch,var(--warning) 34%,transparent)}.status-refunded{background:var(--danger-subtle);color:var(--danger);border-color:color-mix(in oklch,var(--danger) 34%,transparent)}@media(prefers-reduced-motion:no-preference){@keyframes gx-page-in{0%{opacity:0}to{opacity:1}}body{animation:gx-page-in .26s var(--ease-standard, cubic-bezier(.33, 1, .68, 1)) both}.gx-motion .gx-reveal{opacity:0;transform:translateY(16px);transition:opacity .46s var(--ease-standard),transform .46s var(--ease-standard);will-change:opacity,transform}.gx-motion .gx-reveal.gx-in{opacity:1;transform:none}.card-hover{transition:border-color var(--dur-standard) var(--ease-standard),transform var(--dur-standard) var(--ease-standard),box-shadow var(--dur-standard) var(--ease-standard)}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent-border)}.chip,.page-btn,.tab,.sb-nav a,.acct-nav a,.vopt,.addr-opt,.ship-opt,.pay-opt{transition:background var(--dur-instant) var(--ease-standard),border-color var(--dur-instant) var(--ease-standard),color var(--dur-instant) var(--ease-standard),box-shadow var(--dur-instant) var(--ease-standard),transform var(--dur-instant) var(--ease-standard)}.chip:active,.page-btn:active,.tab:active,.sb-nav a:active,.acct-nav a:active,.vopt:active,.addr-opt:active,.ship-opt:active,.pay-opt:active{transform:translateY(1px)}.tab{transition:color var(--dur-standard) var(--ease-standard),border-color var(--dur-standard) var(--ease-standard)}}.dd{position:relative}.dd-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:248px;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-8);display:none}.dd-menu[data-open=true]{display:block;animation:gx-dd-in .14s var(--ease-standard) both}@keyframes gx-dd-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.dd-menu [data-range]{display:block;width:100%;text-align:left;padding:var(--space-8);border:none;background:none;color:var(--text-secondary);font:inherit;font-size:var(--text-sm);border-radius:var(--radius-sm);cursor:pointer}.dd-menu [data-range]:hover{background:var(--surface-2);color:var(--text-primary)}.dd-menu [data-range].active{background:var(--accent-subtle);color:var(--accent);font-weight:600}.dd-sep{height:1px;background:var(--border-subtle);margin:var(--space-8) 0}.dd-custom{display:grid;gap:var(--space-8);padding:var(--space-4)}.dd-custom .dd-lbl{font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-tertiary)}.dd-custom .row{display:flex;gap:var(--space-8)}.dd-custom input[type=date]{flex:1;min-width:0}.table-wrap.admin-tall{min-height:440px;max-height:620px}.table-wrap.admin-tall thead th{position:sticky;top:0;z-index:1;background:var(--surface-1)}html.gx-guest [data-auth-only],html.gx-authed [data-guest-only]{display:none!important}nav.primary{align-items:center}.has-menu{position:relative;display:inline-flex;align-items:center}.has-menu>a{display:inline-flex;align-items:center}.has-menu>a:after{content:"";display:inline-block;width:6px;height:6px;margin-left:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.6}.submenu{position:absolute;top:calc(100% - 2px);left:0;min-width:210px;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-8);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--dur-instant) var(--ease-standard),transform var(--dur-instant) var(--ease-standard),visibility var(--dur-instant);z-index:60}.has-menu:hover .submenu,.has-menu:focus-within .submenu,.has-menu.open .submenu{opacity:1;visibility:visible;transform:none}.submenu a[data-all]{font-weight:var(--weight-medium);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);border-radius:0;margin-bottom:var(--space-4);padding-bottom:var(--space-8)}.submenu a{display:block;padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;font-weight:var(--weight-medium)}.submenu a:hover{background:var(--surface-2);color:var(--text-primary);text-decoration:none}.p-media .pi{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:9%;background:radial-gradient(120% 120% at 50% 18%,#eef1f7,#dde3ee 60%,#cdd5e4)}.p-media .fav{z-index:2}body:has(>footer.site){min-height:100vh;display:flex;flex-direction:column}body:has(>footer.site)>footer.site{margin-top:auto}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-gutter)}body:has(>footer.site)>.container{width:100%}header.site{position:sticky;top:0;z-index:50;background:color-mix(in oklch,var(--surface-0) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-default)}header.site .bar{display:flex;align-items:center;gap:var(--space-24);height:64px;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-gutter)}.logo{display:flex;align-items:center;gap:var(--space-8);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.logo:hover{text-decoration:none}.logo .mark{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--gradient-power);display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1}.mark{background:none!important;padding:0!important;overflow:hidden}.mark .mark-img{width:100%;height:100%;display:block;object-fit:contain}.logo{flex-direction:row}.logo .wordmark{display:inline-flex;flex-direction:column;justify-content:center;gap:3px;line-height:1;text-align:left}.logo .wordmark b{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--text-primary)}.logo .wordmark small{font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap}nav.primary{display:flex;gap:var(--space-4);align-items:center}nav.primary>a,nav.primary .has-menu>a{padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}nav.primary>a:hover,nav.primary .has-menu>a:hover{color:var(--text-primary);background:var(--surface-2);text-decoration:none}nav.primary a.active{color:var(--text-primary);background:var(--surface-2)}nav.primary a.build{color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--radius-full)}nav.primary a.build:hover{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.searchbox{flex:1;max-width:380px;position:relative}.searchbox svg,.searchbox .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-tertiary);pointer-events:none}.searchbox input{padding-left:38px}.header-actions{display:flex;align-items:center;gap:var(--space-4);margin-left:auto}.icon-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);background:none;border:none;cursor:pointer}.icon-btn:hover{background:var(--surface-2);color:var(--text-primary);text-decoration:none}.icon-btn .count{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--accent);color:var(--text-on-accent, #fff);font-size:10px;font-weight:700;line-height:16px;text-align:center}footer.site{border-top:1px solid var(--border-default);background:var(--surface-1)}footer.site .container{padding-block:var(--space-32)}footer.site .foot-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:var(--space-32);padding-bottom:var(--space-24)}footer.site .foot-grid>div:first-child{display:flex;align-items:center;gap:var(--space-16);flex-wrap:wrap}footer.site .foot-grid>div:first-child .logo{margin-bottom:0!important;flex:none;display:flex;flex-direction:row;align-items:center;gap:var(--space-8)}footer.site .foot-grid>div:first-child p{margin:0;flex:1;min-width:180px;max-width:34ch}footer.site .foot-grid h4{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps, .06em);color:var(--text-tertiary);margin:0 0 var(--space-12)}footer.site .foot-grid a{display:block;color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-4) 0}footer.site .foot-grid a:hover{color:var(--text-primary)}footer.site .foot-bottom{display:flex;justify-content:space-between;gap:var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:var(--text-xs)}footer.site .foot-bottom .mono{font-family:var(--font-mono)}@media(max-width:720px){.searchbox{display:none}}@media(max-width:640px){footer.site .foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){:root{--container-gutter: 16px}header.site .bar{gap:var(--space-12)}header.site .bar .logo .wordmark small{font-size:10px}.header-actions{gap:0}.header-actions .icon-btn{width:36px;height:36px}}@media(max-width:380px){header.site .bar{gap:var(--space-8)}}h1.page{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.02em;margin:var(--space-24) 0 var(--space-16)}.cart-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--space-32);align-items:start;padding-bottom:var(--space-48)}.lines{display:flex;flex-direction:column}.line{display:grid;grid-template-columns:64px 1fr auto;gap:var(--space-16);padding:var(--space-16) 0;border-bottom:1px solid var(--border-subtle);align-items:start}.line:first-child{padding-top:0}.line .media{width:64px;height:64px}.line .media .ico{width:42%;height:42%}.line .media img{width:100%;height:100%;object-fit:contain;border-radius:inherit;background:radial-gradient(120% 120% at 50% 18%,#eef1f7,#dde3ee 70%);padding:8%}.line .title{font-weight:600;font-size:var(--text-sm);margin:0 0 var(--space-4)}.cart-empty{text-align:center;padding:var(--space-48) var(--space-16);border:1px dashed var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary)}.line .meta{font-size:var(--text-sm);color:var(--text-secondary)}.line .lact{display:flex;gap:var(--space-16);margin-top:var(--space-12);font-size:var(--text-sm)}.line .lact button,.line .lact a{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;font:inherit;text-decoration:none}.line .lact button:hover,.line .lact a:hover{color:var(--text-primary)}.line .lact button.rm:hover{color:var(--danger)}.line .right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-12)}.line .lprice{font-family:var(--font-mono);font-weight:600;font-size:var(--text-lg)}.stepper{display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:clip}.stepper button{width:30px;height:30px;background:var(--surface-1);border:none;color:var(--text-primary);cursor:pointer;font-size:var(--text-base);display:grid;place-items:center}.stepper button:hover{background:var(--surface-2)}.stepper button:disabled{color:var(--text-disabled);cursor:not-allowed}.stepper .q{width:40px;text-align:center;font-family:var(--font-mono);font-size:var(--text-sm)}.render{position:relative;background:radial-gradient(125% 110% at 50% 0%,var(--surface-2),var(--surface-1) 72%);display:grid;place-items:center;overflow:clip;border-radius:var(--radius-sm)}.render .ico{color:var(--text-secondary);stroke-width:1}.line .stock-note{font-size:var(--text-xs);color:var(--text-tertiary)}.summary{position:sticky;top:88px}.summary .card-pad{display:flex;flex-direction:column;gap:var(--space-12)}.sum-row{display:flex;justify-content:space-between;font-size:var(--text-sm)}.sum-row .mono{font-family:var(--font-mono)}.sum-row.total{border-top:1px solid var(--border-default);padding-top:var(--space-12);margin-top:var(--space-4);font-weight:600;font-size:var(--text-lg)}.trust-row{display:flex;gap:var(--space-16);margin-top:var(--space-8);font-size:var(--text-xs);color:var(--text-tertiary)}.trust-row span{display:flex;align-items:center;gap:var(--space-4)}@media(max-width:860px){.cart-grid{grid-template-columns:1fr}.summary{position:static}}.auth{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 64px)}.auth .brand-panel{position:relative;overflow:clip;background:var(--surface-1);border-right:1px solid var(--border-default);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-48)}.auth .brand-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background:var(--gradient-power)}.auth .brand-panel>*{position:relative}.auth .brand-panel .pitch h2{font-family:var(--font-display);font-size:clamp(28px,3vw,40px);letter-spacing:-.02em;line-height:1.1;margin:12px 0 var(--space-16)}.auth .brand-panel .pitch p{color:var(--text-secondary);font-size:var(--text-lg);max-width:40ch;margin:0}.auth .brand-panel .feats{display:flex;flex-direction:column;gap:var(--space-12)}.auth .brand-panel .feats .f{display:flex;align-items:center;gap:var(--space-12);font-size:var(--text-sm)}.auth .brand-panel .feats .f svg{color:var(--accent);flex:none}.auth .form-panel{display:flex;align-items:center;justify-content:center;padding:var(--space-48) var(--space-24)}.auth .form-wrap{width:100%;max-width:380px}.auth .form-wrap h1{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.02em;margin:0 0 var(--space-4)}.auth .form-wrap .sub{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-24)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--space-12);width:100%;height:var(--control-h-lg);background:#fff;color:#1f1f1f;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background var(--dur-instant) var(--ease-standard)}.btn-google:hover:not(:disabled){background:#eceef2}.btn-google:disabled{opacity:.6;cursor:default}.btn-google svg{width:20px;height:20px}.auth .legal{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;margin-top:var(--space-24);line-height:1.6}@media(max-width:820px){.auth{grid-template-columns:1fr}.auth .brand-panel{display:none}}