:root{--paper-0:oklch(99.1% .006 85);--paper-1:oklch(97.7% .009 85);--paper-2:oklch(95.8% .012 84);--paper-3:oklch(93.2% .015 83);--ink-1:oklch(20.5% .01 70);--ink-2:oklch(40.8% .014 72);--ink-3:oklch(58.2% .016 74);--ink-4:oklch(74.2% .014 78);--line-1:oklch(90.2% .016 82);--line-2:oklch(84.8% .02 82);--line-gold:oklch(78.2% .058 78);--gold-600:oklch(64% .072 78);--gold-500:oklch(72% .072 78);--gold-100:oklch(94.5% .03 84);--rose-600:oklch(58.5% .098 15);--rose-100:oklch(94% .028 20);--sage-600:oklch(56% .052 148);--sage-100:oklch(94% .022 148);--sky-600:oklch(56% .062 245);--sky-100:oklch(94% .022 245);--surface-canvas:var(--paper-1);--surface-card:var(--paper-0);--surface-sunken:var(--paper-2);--surface-well:var(--paper-3);--surface-ink:var(--ink-1);--surface-wash-gold:var(--gold-100);--surface-wash-rose:var(--rose-100);--surface-scrim:oklch(20.5% .01 70/.44);--text-display:var(--ink-1);--text-body:var(--ink-2);--text-muted:var(--ink-3);--text-disabled:var(--ink-4);--text-on-ink:var(--paper-0);--text-accent:var(--gold-600);--text-link:var(--gold-600);--text-link-hover:var(--ink-1);--border-default:var(--line-1);--border-strong:var(--line-2);--border-gold:var(--line-gold);--border-focus:var(--ink-1);--action-primary:var(--ink-1);--action-primary-hover:oklch(29% .012 70);--action-primary-press:oklch(16% .01 70);--action-secondary:transparent;--action-secondary-hover:var(--paper-2);--action-accent:var(--gold-600);--action-accent-hover:oklch(58.5% .072 78);--status-success:var(--sage-600);--status-success-wash:var(--sage-100);--status-warning:oklch(64% .098 68);--status-warning-wash:oklch(94.5% .032 72);--status-danger:oklch(54.5% .12 28);--status-danger-wash:oklch(94% .03 28);--status-info:var(--sky-600);--status-info-wash:var(--sky-100);--pick-locked:var(--gold-600);--pick-correct:var(--sage-600);--pick-missed:var(--ink-3);--pick-open:var(--ink-2);--font-display:"Cormorant Garamond", "Hoefler Text", Garamond, serif;--font-ui:"DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--type-display-1:400 clamp(44px, 6vw, 76px) / 1.06 var(--font-display);--type-display-2:400 clamp(34px, 4vw, 52px) / 1.06 var(--font-display);--type-display-3:500 32px / 1.14 var(--font-display);--type-serif-quote:italic 400 24px / 1.42 var(--font-display);--type-title-1:700 24px / 1.28 var(--font-ui);--type-title-2:700 19px / 1.34 var(--font-ui);--type-title-3:500 17px / 1.4 var(--font-ui);--type-body:400 16px / 1.58 var(--font-ui);--type-body-strong:500 16px / 1.58 var(--font-ui);--type-small:400 14px / 1.5 var(--font-ui);--type-caption:400 13px / 1.42 var(--font-ui);--type-button:500 16px / 1 var(--font-ui);--type-button-sm:500 14px / 1 var(--font-ui);--type-code:500 15px / 1.3 var(--font-mono);--type-code-lg:500 28px / 1.1 var(--font-mono);--type-eyebrow:500 12px / 1.2 var(--font-ui);--tracking-eyebrow:.14em;--tracking-code:.06em;--tracking-display:-.01em;--space-0:0px;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:64px;--space-12:80px;--space-13:96px;--space-14:128px;--measure-prose:62ch;--width-content:1120px;--width-narrow:640px;--width-sheet:480px;--gutter-mobile:var(--space-5);--gutter-desktop:var(--space-8);--control-height:48px;--control-height-sm:38px;--touch-min:44px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-pill:999px;--radius-circle:50%;--shadow-hairline:inset 0 0 0 1px var(--line-1);--shadow-1:0 1px 2px oklch(20.5% .01 70/.05);--shadow-2:0 2px 8px oklch(20.5% .01 70/.06), 0 1px 2px oklch(20.5% .01 70/.04);--shadow-3:0 8px 24px oklch(20.5% .01 70/.09), 0 2px 6px oklch(20.5% .01 70/.05);--shadow-4:0 24px 60px oklch(20.5% .01 70/.16), 0 4px 12px oklch(20.5% .01 70/.06);--shadow-inset-well:inset 0 1px 2px oklch(20.5% .01 70/.06);--ring-focus:0 0 0 2px var(--paper-0), 0 0 0 4px var(--ink-1);--ring-focus-gold:0 0 0 2px var(--paper-0), 0 0 0 4px var(--gold-600);--ease-standard:cubic-bezier(.2, 0, .2, 1);--ease-out-soft:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.4, .5, 1);--dur-instant:90ms;--dur-fast:.16s;--dur-base:.24s;--dur-slow:.42s;--dur-reveal:.72s;--transition-control:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-spring)}@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms;--dur-reveal:1ms}}@keyframes wp-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes wp-pop{0%{transform:scale(.94)}60%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes wp-spin{to{transform:rotate(360deg)}}@keyframes wp-confetti-fall{0%{opacity:1;transform:translateY(-12vh)rotate(0)}to{opacity:.9;transform:translateY(112vh)rotate(720deg)}}*,:before,:after{box-sizing:border-box}body{background:var(--surface-canvas);color:var(--text-body);font:var(--type-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{color:var(--text-display);margin:0}p{text-wrap:pretty;margin:0}a{color:var(--text-link);border-bottom:1px solid var(--border-gold);transition:color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);text-decoration:none}a:hover{color:var(--text-link-hover);border-bottom-color:var(--ink-1)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{box-shadow:var(--ring-focus);border-radius:var(--radius-sm);outline:none}::selection{background:var(--gold-100)}::placeholder{color:var(--text-muted)}@media (width<=640px){:root{--gutter-desktop:var(--gutter-mobile)}}.btn{justify-content:center;align-items:center;gap:var(--space-3);height:var(--control-height);padding:0 var(--space-6);font:var(--type-button);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:var(--action-primary);color:var(--text-on-ink);box-shadow:var(--shadow-2);transition:var(--transition-control);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:hover{background:var(--action-primary-hover)}.btn:active{background:var(--action-primary-press);box-shadow:none;transform:scale(.98)}.btn--sm{height:var(--control-height-sm);padding:0 var(--space-4);font:var(--type-button-sm);gap:var(--space-2)}.btn--lg{height:56px;padding:0 var(--space-8)}.btn--secondary{background:var(--surface-card);color:var(--text-display);border-color:var(--border-default);box-shadow:var(--shadow-1)}.btn--secondary:hover{background:var(--action-secondary-hover);border-color:var(--border-strong)}.btn--ghost{color:var(--text-display);box-shadow:none;background:0 0}.btn--ghost:hover{background:var(--surface-sunken)}.btn--accent{background:var(--action-accent);color:var(--text-on-ink);box-shadow:var(--shadow-1)}.btn--accent:hover{background:var(--action-accent-hover)}.btn--danger{background:var(--surface-card);color:var(--status-danger);border-color:var(--border-default);box-shadow:none}.btn--danger:hover{border-color:var(--status-danger)}.btn:disabled,.btn[aria-disabled=true]{background:var(--surface-sunken);color:var(--text-disabled);border-color:var(--border-default);box-shadow:none;cursor:not-allowed;transform:none}.btn--full{width:100%}@media (width<=640px){.btn--sm{height:var(--touch-min)}}.card{gap:var(--space-5);padding:var(--space-7);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);flex-direction:column;display:flex}.card--sunken{background:var(--surface-sunken);box-shadow:none}.card--gold{border-color:var(--border-gold)}.card+.card{margin-top:var(--space-6)}.field{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}label{font:var(--type-body-strong);color:var(--text-display)}input[type=text],input[type=email],input[type=number],input[type=time],input[type=date],input[type=password],input[type=search],select,textarea{width:100%;min-height:var(--control-height);padding:0 var(--space-4);background:var(--surface-card);color:var(--text-body);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-inset-well);transition:var(--transition-control)}textarea{padding:var(--space-4);min-height:96px;line-height:1.5}input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--ring-focus)}.banner{gap:var(--space-2);padding:var(--space-5) var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);border-left-width:3px;flex-direction:column;display:flex}.banner h3{font:var(--type-title-3)}.banner--info{border-left-color:var(--status-info);background:var(--status-info-wash)}.banner--success{border-left-color:var(--status-success);background:var(--status-success-wash)}.banner--warning{border-left-color:var(--status-warning);background:var(--status-warning-wash)}.banner--danger{border-left-color:var(--status-danger);background:var(--status-danger-wash)}.tag{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font:var(--type-caption);color:var(--text-body);background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-pill);display:inline-flex}.eyebrow{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted)}.code{font:var(--type-code);letter-spacing:var(--tracking-code);color:var(--text-display);overflow-wrap:anywhere}.display-1{font:var(--type-display-1);letter-spacing:var(--tracking-display);color:var(--text-display);overflow-wrap:anywhere}.display-2{font:var(--type-display-2);letter-spacing:var(--tracking-display);color:var(--text-display);overflow-wrap:anywhere}.display-3{font:var(--type-display-3);color:var(--text-display)}.muted{color:var(--text-muted)}.gold-rule{justify-content:center;align-items:center;gap:var(--space-3);height:auto;margin:var(--space-6) auto;color:var(--gold-600);border:0;display:flex}.gold-rule:before,.gold-rule:after{content:"";background:var(--line-gold);width:60px;height:1px}.gold-rule[data-diamond]:after,.gold-rule[data-diamond]:before{width:44px}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:560px}.table th,.table td{padding:var(--space-4) var(--space-5);text-align:left;border-bottom:1px solid var(--border-default);font:var(--type-small);color:var(--text-body)}.table thead th{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);background:var(--surface-sunken)}.table tbody tr:last-child td{border-bottom:0}.table .num{text-align:right;font-variant-numeric:tabular-nums}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font:var(--type-caption);border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--surface-sunken);color:var(--text-body);text-transform:capitalize;white-space:nowrap;display:inline-flex}.badge--success{background:var(--status-success-wash);color:var(--status-success);border-color:#0000}.badge--warning{background:var(--status-warning-wash);color:var(--status-warning);border-color:#0000}.badge--danger{background:var(--status-danger-wash);color:var(--status-danger);border-color:#0000}.badge--neutral{background:var(--surface-sunken);color:var(--text-muted);border-color:var(--border-default)}.badge--gold{background:var(--surface-wash-gold);color:var(--gold-600);border-color:#0000}.badge[data-dot]:before{content:"";border-radius:var(--radius-circle);background:currentColor;flex:0 0 6px;width:6px;height:6px}@media (prefers-reduced-motion:reduce){@keyframes wp-fade-up{0%{opacity:0}to{opacity:1}}}.wp-grid{gap:var(--space-8);grid-template-columns:minmax(380px,460px) minmax(0,1fr);align-items:start;display:grid}.wp-controls{gap:var(--space-7);flex-direction:column;display:flex}.wp-preview-col{top:var(--space-7);gap:var(--space-5);flex-direction:column;display:flex;position:sticky}@media (width<=900px){.wp-grid{grid-template-columns:1fr}.wp-preview-col{position:static}}.wp-accent-type{gap:var(--space-5);grid-template-columns:1fr;display:grid}.wp-tile{gap:var(--space-4);padding:var(--space-4);text-align:left;cursor:pointer;background:var(--surface-card);border-radius:var(--radius-md);box-shadow:var(--shadow-1);transition:var(--transition-control);flex-direction:column;display:flex}.wp-tile[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--border-gold)}.wp-tile:focus-visible{box-shadow:var(--ring-focus)}.wp-tile[aria-pressed=true]:focus-visible{box-shadow:var(--ring-focus), inset 0 0 0 1px var(--border-gold)}.wp-stock-tile{align-items:center;gap:var(--space-4);min-height:var(--touch-min);padding:var(--space-3) var(--space-4);cursor:pointer;text-align:left;background:var(--surface-card);border-radius:var(--radius-md);transition:var(--transition-control);display:flex}.wp-stock-tile:focus-visible{box-shadow:var(--ring-focus)}.wp-swatch{border-radius:var(--radius-sm);cursor:pointer;width:34px;height:34px;transition:var(--transition-control);flex:none;place-items:center;display:grid}.wp-swatch[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--wp-swatch-line)}.wp-swatch:focus-visible{box-shadow:var(--ring-focus)}.wp-swatch[aria-pressed=true]:focus-visible{box-shadow:var(--ring-focus), inset 0 0 0 2px var(--wp-swatch-line)}.wp-target-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);text-align:left;cursor:pointer;background:var(--surface-card);border-radius:var(--radius-md);transition:var(--transition-control);display:flex}.wp-target-row[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--border-gold)}.wp-target-row:focus-visible{box-shadow:var(--ring-focus)}.wp-target-row[aria-pressed=true]:focus-visible{box-shadow:var(--ring-focus), inset 0 0 0 1px var(--border-gold)}.wp-seg-option{padding:0 var(--space-3);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:var(--transition-control);border:none;overflow:hidden}.wp-seg-option[aria-pressed=true]{box-shadow:var(--shadow-1)}.wp-seg-option:focus-visible{box-shadow:var(--ring-focus)}.wp-seg-option[aria-pressed=true]:focus-visible{box-shadow:var(--ring-focus), var(--shadow-1)}