:root{--bg-sunken:#080F18;--bg-base:#0B1420;--surface-1:#111E2E;--surface-2:#192A3D;--surface-3:#22384F;--text-primary:#F2EEE4;--text-secondary:rgba(242,238,228,0.66);--text-tertiary:rgba(242,238,228,0.42);--text-disabled:rgba(242,238,228,0.26);--text-on-brass:#1A1305;--brass-hover:#EFD89B;--brass:#E4C97E;--brass-pressed:#C9AC60;--brass-subtle:rgba(228,201,126,0.17);--brass-border:rgba(228,201,126,0.46);--go:#5C9B6B;--go-hover:#69A977;--go-pressed:#4E8A5D;--text-on-go:#0E1A12;--attn:#C77E4A;--attn-hover:#D48C57;--attn-pressed:#B06C3C;--text-on-attn:#1A0F08;--stop:#CE6152;--stop-hover:#D9705F;--stop-pressed:#B44E40;--text-on-stop:#210906;--discount:#54C9A0;--discount-bg:rgba(84,201,160,0.15);--discount-border:rgba(84,201,160,0.42);--border-subtle:rgba(230,238,250,0.08);--border-default:rgba(230,238,250,0.14);--border-strong:rgba(230,238,250,0.24);--status-queued:#9AA0A8;--status-queued-bg:rgba(154,160,168,0.14);--status-awaiting:#DDA94A;--status-awaiting-bg:rgba(221,169,74,0.15);--status-certifying:#B79AD6;--status-certifying-bg:rgba(183,154,214,0.16);--status-paid:#9FB87E;--status-paid-bg:rgba(159,184,126,0.15);--status-processing:#C77DA6;--status-processing-bg:rgba(199,125,166,0.15);--status-transit:#5EB6CC;--status-transit-bg:rgba(94,182,204,0.15);--status-delivered:#56B679;--status-delivered-bg:rgba(86,182,121,0.15);--status-problem:#E88B78;--status-problem-bg:rgba(232,139,120,0.15);--status-problem-border:rgba(232,139,120,0.40);--status-groupbuy-held:#2E9E92;--status-groupbuy-held-bg:rgba(46,158,146,0.15);--status-requested:#7FA6E0;--status-requested-bg:rgba(127,166,224,0.15);--info-text:#82ACEC;--order-tag-1:#4FC8C4;--order-tag-1-bg:rgba(79,200,196,0.16);--order-tag-2:#F2B98A;--order-tag-2-bg:rgba(242,185,138,0.16);--order-tag-3:#E88BB3;--order-tag-3-bg:rgba(232,139,179,0.16);--order-tag-4:#8FB8F5;--order-tag-4-bg:rgba(143,184,245,0.16);--speaker-ops:#6FA8DC;--speaker-ops-bg:rgba(111,168,220,0.15);--speaker-ops-border:rgba(111,168,220,0.45);--speaker-member:#E0A44E;--speaker-member-bg:rgba(224,164,78,0.15);--speaker-member-border:rgba(224,164,78,0.45);--focus-ring:0 0 0 3px rgba(228,201,126,0.40);--scrim:rgba(4,9,18,0.66);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--rail-width:3px;--rail-radius:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"Cascadia Mono","Segoe UI Mono","SF Mono",Menlo,Consolas,monospace;--text-xs:12px;--text-sm:13px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:30px;--weight-regular:400;--weight-medium:500;--weight-strong:600;--leading-tight:1.25;--leading-normal:1.55;--ease:cubic-bezier(0.25,0.1,0.25,1);--duration-fast:120ms;--duration-med:220ms;--duration-strike:550ms;--duration-shine:1050ms;--delay-strike:150ms;--delay-mint:350ms;--delay-appear:220ms}.member-app{--radius-sm:3px;--radius-md:3px;--radius-lg:4px;--sh-rgb:4,10,20;--lip-rgb:242,238,228;--brass-rgb:228,201,126;--brass-hover-rgb:239,216,155;--bg-base-rgb:11,20,32;--shadow-machined:0 8px 18px -12px rgba(var(--sh-rgb),0.70),inset 0 1px 0 rgba(var(--lip-rgb),0.06),inset 0 -1px 0 rgba(var(--sh-rgb),0.50);--shadow-machined-lift:0 -14px 34px -12px rgba(var(--sh-rgb),0.70),inset 0 1px 0 rgba(var(--lip-rgb),0.05);--lip-selected:inset 0 1px 0 rgba(var(--brass-rgb),0.30);--lip-selected-quiet:inset 0 1px 0 rgba(var(--brass-rgb),0.22);--shadow-machined-active:0 10px 22px -12px rgba(var(--sh-rgb),0.85),var(--lip-selected),inset 0 -1px 0 rgba(var(--sh-rgb),0.55);--shadow-machined-well:inset 0 1px 2px rgba(var(--sh-rgb),0.40);--well-ink:rgba(var(--sh-rgb),0.30);--bevel-lip:inset 0 1px 0 rgba(var(--lip-rgb),0.06);--fill-stamped:linear-gradient(180deg,var(--brass-hover) 0%,var(--brass) 55%,var(--brass-pressed) 100%);--fill-stamped-go:linear-gradient(180deg,var(--go-hover) 0%,var(--go) 55%,var(--go-pressed) 100%);--fill-stamped-attn:linear-gradient(180deg,var(--attn-hover) 0%,var(--attn) 55%,var(--attn-pressed) 100%);--fill-stamped-stop:linear-gradient(180deg,var(--stop-hover) 0%,var(--stop) 55%,var(--stop-pressed) 100%);--shadow-key:inset 0 1px 0 rgba(var(--lip-rgb),0.30),inset 0 -1px 0 var(--brass-pressed),0 4px 12px -6px rgba(var(--sh-rgb),0.60);--shadow-key-go:inset 0 1px 0 rgba(var(--lip-rgb),0.24),inset 0 -1px 0 var(--go-pressed),0 4px 12px -6px rgba(var(--sh-rgb),0.60);--shadow-key-attn:inset 0 1px 0 rgba(var(--lip-rgb),0.24),inset 0 -1px 0 var(--attn-pressed),0 4px 12px -6px rgba(var(--sh-rgb),0.60);--shadow-key-stop:inset 0 1px 0 rgba(var(--lip-rgb),0.24),inset 0 -1px 0 var(--stop-pressed),0 4px 12px -6px rgba(var(--sh-rgb),0.60);--fill-stamped-neutral:linear-gradient(180deg,var(--surface-3) 0%,var(--surface-2) 55%,var(--surface-1) 100%);--shadow-key-neutral:inset 0 1px 0 rgba(var(--lip-rgb),0.14),inset 0 -1px 0 var(--bg-sunken),0 4px 12px -6px rgba(var(--sh-rgb),0.60);--fill-stamped-white:linear-gradient(180deg,#FFFFFF,#F2EEE4 55%,#E2DCCE);--fill-stamped-white-hover:linear-gradient(180deg,#F7F6F1,#EBE7DD 55%,#DBD5C8);--fill-stamped-white-active:linear-gradient(180deg,#F0EFE8,#E3E0D6 55%,#D4CFC2);--shadow-key-white:inset 0 1px 0 rgba(var(--lip-rgb),0.95),inset 0 -1px 0 #C9C3B2,0 4px 12px -6px rgba(var(--sh-rgb),0.60);--text-on-white:#10192B;--fill-frosted:rgba(var(--bg-base-rgb),0.86);--blur-frosted:blur(10px);--fill-acct-card:linear-gradient(155deg,var(--surface-2) 0%,var(--surface-1) 48%,var(--bg-sunken) 100%);--card-radius:16px;--shadow-card:0 22px 60px -16px rgba(var(--sh-rgb),0.78),inset 0 1px 0 rgba(var(--lip-rgb),0.07),inset 0 -1px 0 rgba(var(--sh-rgb),0.55),inset 0 0 0 1px rgba(var(--brass-rgb),0.06);--fill-card-face:linear-gradient(155deg,var(--surface-2) 0%,var(--surface-1) 48%,var(--bg-sunken) 100%);--fill-guilloche:repeating-linear-gradient(58deg,rgba(var(--brass-rgb),0.055) 0 1px,transparent 1px 6px),repeating-linear-gradient(122deg,rgba(var(--brass-rgb),0.045) 0 1px,transparent 1px 7px),repeating-radial-gradient(circle at 78% 18%,rgba(var(--brass-rgb),0.05) 0 1px,transparent 1px 9px);--mask-card-vignette:radial-gradient(140% 120% at 50% 40%,rgba(var(--sh-rgb),1) 35%,transparent 92%);--fill-gloss:linear-gradient(120deg,transparent 30%,rgba(var(--lip-rgb),0.05) 47%,rgba(var(--lip-rgb),0.09) 50%,rgba(var(--lip-rgb),0.04) 53%,transparent 70%);--fill-shine:linear-gradient(100deg,transparent,rgba(var(--lip-rgb),0.14) 45%,rgba(var(--brass-rgb),0.22) 55%,transparent);--fill-foil:radial-gradient(circle at 34% 28%,rgba(var(--brass-hover-rgb),0.34),rgba(var(--brass-rgb),0.05) 72%);--shadow-foil:inset 0 1px 0 rgba(var(--lip-rgb),0.18),0 2px 6px rgba(var(--sh-rgb),0.40);--card-stamp-size:58px;--card-stamp-type:8px;--card-seal-type:42px;--foil-rim:1.5px;--letterpress:0 1px 0 rgba(var(--sh-rgb),0.60);--letterpress-hero:0 1px 0 rgba(var(--sh-rgb),0.60),0 -1px 0 rgba(var(--lip-rgb),0.04);--emboss:drop-shadow(0 1px 0 rgba(var(--sh-rgb),0.60));--emboss-deep:drop-shadow(0 2px 4px rgba(var(--sh-rgb),0.50));--page-glow:radial-gradient(120% 90% at 50% 32%,var(--surface-2) 0%,var(--bg-base) 55%,var(--bg-sunken) 100%);min-height:100vh;background-color:var(--bg-base);background-image:var(--page-glow);background-attachment:fixed}*{box-sizing:border-box}body,html{margin:0;background:var(--bg-base);color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--text-primary);line-height:var(--leading-tight);margin:0}h1{font-size:var(--text-xl);font-weight:var(--weight-strong)}h2{font-size:var(--text-lg)}h2,h3{font-weight:var(--weight-medium)}h3{font-size:var(--text-md)}a{color:var(--brass);text-decoration:none}a:hover{color:var(--brass-hover);text-decoration:underline}:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media (prefers-reduced-motion:reduce){:not(.order-bar-total){transition:none!important}*{animation:none!important}}.card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.card--interactive{cursor:pointer;transition:border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease)}.card--interactive:hover{background:var(--surface-2);border-color:var(--border-strong)}.card--selected{border-color:var(--brass-border);background:var(--brass-subtle)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:var(--weight-medium) var(--text-md) var(--font-ui);padding:10px 18px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active,.btn:focus,.btn:hover{text-decoration:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--brass);color:var(--text-on-brass);font-weight:var(--weight-strong)}.btn--primary:hover:not(:disabled){background:var(--brass-hover);color:var(--text-on-brass)}.btn--primary:active:not(:disabled){background:var(--brass-pressed);color:var(--text-on-brass)}.btn--secondary{background:transparent;color:var(--text-primary);border-color:var(--border-default)}.btn--secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-1);color:var(--text-primary)}.btn--secondary:active:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--surface-1)}.btn--ghost:active:not(:disabled){color:var(--text-primary);background:var(--surface-2)}.btn--danger{background:transparent;color:var(--status-problem);border-color:var(--status-problem-border)}.btn--danger:active:not(:disabled),.btn--danger:hover:not(:disabled){background:var(--status-problem-bg);color:var(--status-problem)}.btn--go{background:var(--go);color:var(--text-on-go);font-weight:var(--weight-strong)}.btn--go:hover:not(:disabled){background:var(--go-hover);color:var(--text-on-go)}.btn--go:active:not(:disabled){background:var(--go-pressed);color:var(--text-on-go)}.btn--attn{background:var(--attn);color:var(--text-on-attn);font-weight:var(--weight-strong)}.btn--attn:hover:not(:disabled){background:var(--attn-hover);color:var(--text-on-attn)}.btn--attn:active:not(:disabled){background:var(--attn-pressed);color:var(--text-on-attn)}.btn--stop{background:var(--stop);color:var(--text-on-stop);font-weight:var(--weight-strong)}.btn--stop:hover:not(:disabled){background:var(--stop-hover);color:var(--text-on-stop)}.btn--stop:active:not(:disabled){background:var(--stop-pressed);color:var(--text-on-stop)}.input,.select,.textarea{width:100%;background:var(--bg-sunken);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px 14px;font:var(--weight-regular) var(--text-md) var(--font-ui);transition:border-color var(--duration-fast) var(--ease)}.input::placeholder{color:var(--text-tertiary)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}textarea.input{resize:vertical;min-height:64px;line-height:1.45}.input:focus,.select:focus,.textarea:focus{border-color:var(--brass-border);box-shadow:var(--focus-ring);outline:none}.field-label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.field-label,.pill{font-weight:var(--weight-medium)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);padding:4px 12px;border-radius:var(--radius-pill);white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}.pill-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.pill--queued{color:var(--status-queued);background:var(--status-queued-bg)}.pill--awaiting{color:var(--status-awaiting);background:var(--status-awaiting-bg)}.pill--certifying{color:var(--status-certifying);background:var(--status-certifying-bg)}.pill--paid{color:var(--status-paid);background:var(--status-paid-bg)}.pill--processing{color:var(--status-processing);background:var(--status-processing-bg)}.pill--transit{color:var(--status-transit);background:var(--status-transit-bg)}.pill--delivered{color:var(--status-delivered);background:var(--status-delivered-bg)}.pill--problem{color:var(--status-problem);background:var(--status-problem-bg)}.pill--groupbuy-held{color:var(--status-groupbuy-held);background:var(--status-groupbuy-held-bg)}.pill--requested{color:var(--status-requested);background:var(--status-requested-bg)}.pill--member{color:var(--brass);background:var(--brass-subtle)}.divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-4) 0}.row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast) var(--ease)}.row:hover{background:var(--surface-1)}.mono{font-size:var(--text-sm);letter-spacing:.01em}.amount,.mono{font-family:var(--font-mono)}.amount{font-size:var(--text-2xl);font-weight:var(--weight-strong);color:var(--text-primary);line-height:var(--leading-tight)}.overlay{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.modal{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);width:min(440px,100%)}.modal,.toast{background:var(--surface-3)}.toast{border:1px solid var(--border-default);border-left:var(--rail-width) solid var(--brass);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:var(--text-sm)}.toast--success{border-left-color:var(--status-paid)}.toast--problem{border-left-color:var(--status-problem)}