.customer-preferences-page{--cpp-bg:#f2efe4;--cpp-ink:#0a0a0a;--cpp-paper:#fff;--cpp-yellow:#f9cc2d;--cpp-coral:#f47352;--cpp-green:#8fde6a;--cpp-blue:#6fb9e8;--cpp-pink:#f7b5d5;--cpp-purple:#b8a5f2;--cpp-shadow:8px 8px 0 #0a0a0a;--cpp-shadow-sm:4px 4px 0 #0a0a0a;--cpp-border-thick:3px solid var(--cpp-ink);color:var(--cpp-ink);font-family:var(--font-space-grotesk),system-ui,sans-serif;-webkit-font-smoothing:antialiased;position:relative}.customer-preferences-page button{cursor:pointer;font-family:inherit}.customer-preferences-page .cpp-grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#0a0a0a0f 1px,#0000 1px),linear-gradient(#0a0a0a0f 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.customer-preferences-page .cpp-main{z-index:1;flex-direction:column;gap:28px;min-width:0;display:flex;position:relative}.customer-preferences-page .cpp-back-link{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--cpp-ink);background:var(--cpp-paper);border:2.5px solid var(--cpp-ink);box-shadow:var(--cpp-shadow-sm);align-self:flex-start;align-items:center;padding:10px 16px;font-size:11px;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s,background .1s;display:inline-flex}.customer-preferences-page .cpp-back-link:hover{background:var(--cpp-yellow);box-shadow:6px 6px 0 var(--cpp-ink);transform:translate(-1px,-1px)}.customer-preferences-page .cpp-hero{flex-direction:column;gap:12px;display:flex}.customer-preferences-page .cpp-hero-head{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.customer-preferences-page .cpp-hero-title{font-family:var(--font-archivo),system-ui,sans-serif;letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(32px,4vw,56px);font-weight:900;line-height:.95}.customer-preferences-page .cpp-hero-sub{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.04em;opacity:.85;max-width:720px;margin:0;font-size:14px;line-height:1.5}.customer-preferences-page .cpp-btn-primary{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.12em;text-transform:uppercase;background:var(--cpp-ink);color:var(--cpp-paper);border:2.5px solid var(--cpp-ink);box-shadow:var(--cpp-shadow-sm);white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 20px;font-size:11px;font-weight:700;transition:transform .1s,box-shadow .1s,background .1s;display:inline-flex}.customer-preferences-page .cpp-btn-primary:hover:not(:disabled){background:var(--cpp-coral);color:var(--cpp-ink);box-shadow:6px 6px 0 var(--cpp-ink);transform:translate(-1px,-1px)}.customer-preferences-page .cpp-btn-primary:disabled{opacity:.65;cursor:wait}.customer-preferences-page .cpp-btn-secondary{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.1em;text-transform:uppercase;background:var(--cpp-paper);color:var(--cpp-ink);border:2.5px solid var(--cpp-ink);box-shadow:var(--cpp-shadow-sm);white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:11px;font-weight:700;transition:transform .1s,box-shadow .1s,background .1s;display:inline-flex}.customer-preferences-page .cpp-btn-secondary:hover:not(:disabled){background:var(--cpp-yellow);box-shadow:6px 6px 0 var(--cpp-ink);transform:translate(-1px,-1px)}.customer-preferences-page .cpp-panel{background:var(--cpp-paper);border:var(--cpp-border-thick);box-shadow:var(--cpp-shadow);min-width:0;padding:24px 26px 28px}.customer-preferences-page .cpp-section{flex-direction:column;gap:20px;display:flex}.customer-preferences-page .cpp-section+.cpp-section{border-top:2.5px solid var(--cpp-ink);margin-top:28px;padding-top:28px}.customer-preferences-page .cpp-section-title{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:700}.customer-preferences-page .cpp-field{flex-direction:column;gap:8px;width:100%;display:flex}.customer-preferences-page .cpp-field-label{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.55;font-size:10px;font-weight:700}.customer-preferences-page .cpp-field-box{border:2.5px solid var(--cpp-ink);background:var(--cpp-bg);white-space:pre-wrap;word-break:break-word;min-height:48px;padding:12px 14px;font-size:14px;font-weight:500;line-height:1.45}.customer-preferences-page .cpp-field-box.is-multiline{min-height:88px}.customer-preferences-page .cpp-field-empty{opacity:.45;font-style:italic}.customer-preferences-page .cpp-tone-row{border:2.5px solid var(--cpp-ink);background:var(--cpp-bg);flex-wrap:wrap;align-items:center;gap:8px;min-height:48px;padding:10px 12px;display:flex}.customer-preferences-page .cpp-tone-chip{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--cpp-ink);box-shadow:2px 2px 0 var(--cpp-ink);align-items:center;gap:6px;padding:6px 12px;font-size:10px;font-weight:800;display:inline-flex}.customer-preferences-page .cpp-tone-chip--violet{background:var(--cpp-purple)}.customer-preferences-page .cpp-tone-chip--orange{background:var(--cpp-coral)}.customer-preferences-page .cpp-tone-chip--green{background:var(--cpp-green)}.customer-preferences-page .cpp-tone-chip--pink{background:var(--cpp-pink)}.customer-preferences-page .cpp-tone-chip--blue{background:var(--cpp-blue)}.customer-preferences-page .cpp-tone-chip--red{background:#ff9595}.customer-preferences-page .cpp-tone-chip--yellow{background:var(--cpp-yellow)}.customer-preferences-page .cpp-tone-chip-remove{border:1.5px solid var(--cpp-ink);background:var(--cpp-paper);justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:12px;line-height:1;transition:background .1s;display:inline-flex}.customer-preferences-page .cpp-tone-chip-remove:hover{background:var(--cpp-bg)}.customer-preferences-page .cpp-tone-picker{flex-direction:column;gap:10px;margin-top:12px;display:flex}.customer-preferences-page .cpp-tone-picker-hint{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.06em;opacity:.65;margin:0;font-size:11px}.customer-preferences-page .cpp-tone-options{flex-wrap:wrap;gap:8px;display:flex}.customer-preferences-page .cpp-tone-option{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--cpp-ink);box-shadow:2px 2px 0 var(--cpp-ink);padding:8px 14px;font-size:10px;font-weight:800;transition:transform .1s,box-shadow .1s}.customer-preferences-page .cpp-tone-option:hover{box-shadow:4px 4px 0 var(--cpp-ink);transform:translate(-1px,-1px)}.customer-preferences-page .cpp-tone-option.cpp-tone-chip--violet{background:var(--cpp-purple)}.customer-preferences-page .cpp-tone-option.cpp-tone-chip--orange{background:var(--cpp-coral)}.customer-preferences-page .cpp-tone-option.cpp-tone-chip--green{background:var(--cpp-green)}.customer-preferences-page .cpp-tone-option.cpp-tone-chip--pink{background:var(--cpp-pink)}.customer-preferences-page .cpp-tone-option.cpp-tone-chip--blue{background:var(--cpp-blue)}.customer-preferences-page .cpp-tone-option.cpp-tone-chip--red{background:#ff9595}.customer-preferences-page .cpp-tone-option.cpp-tone-chip--yellow{background:var(--cpp-yellow)}.customer-preferences-page .cpp-form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.customer-preferences-page .cpp-form-item.ant-form-item{margin-bottom:0}.customer-preferences-page .cpp-form-item .ant-form-item-label>label{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--cpp-ink);opacity:.55;height:auto;font-size:10px;font-weight:700}.customer-preferences-page .cpp-input.ant-input,.customer-preferences-page .cpp-input.ant-input-affix-wrapper,.customer-preferences-page .cpp-select .ant-select-selector{letter-spacing:.04em;font-family:var(--font-jetbrains-mono),monospace!important;border:2.5px solid var(--cpp-ink)!important;box-shadow:none!important;background:var(--cpp-bg)!important;color:var(--cpp-ink)!important;border-radius:0!important;font-size:12px!important}.customer-preferences-page .cpp-input.ant-input:focus,.customer-preferences-page .cpp-select.ant-select-focused .ant-select-selector{box-shadow:3px 3px 0 var(--cpp-ink)!important}.customer-preferences-page.cpp-rtl .cpp-form-actions{flex-direction:row-reverse}.customer-preferences-page .cpp-tabs{flex-wrap:wrap;gap:10px;display:flex}.customer-preferences-page .cpp-tab{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.08em;text-transform:uppercase;border:2.5px solid var(--cpp-ink);background:var(--cpp-paper);box-shadow:var(--cpp-shadow-sm);padding:10px 16px;font-size:11px;font-weight:700;transition:transform .1s,box-shadow .1s,background .1s}.customer-preferences-page .cpp-tab:hover{background:var(--cpp-bg);box-shadow:4px 4px 0 var(--cpp-ink);transform:translate(-1px,-1px)}.customer-preferences-page .cpp-tab.is-active{background:var(--cpp-ink);color:var(--cpp-paper)}@media (max-width:767px){.customer-preferences-page .cpp-panel{padding:18px 16px 22px}}