.hui-cl, .hui-cl-dialog { --hui-cl-bg:#f8f6f1; --hui-cl-text:#33251b; --hui-cl-muted:#665a4f; --hui-cl-line:#d9d0c3; box-sizing:border-box; color:var(--hui-cl-text); background:var(--hui-cl-bg); font-family:inherit; font-size:16px; line-height:1.8; text-align:left; }
.hui-cl *, .hui-cl *::before, .hui-cl *::after, .hui-cl-dialog *, .hui-cl-dialog *::before, .hui-cl-dialog *::after { box-sizing:border-box; }
.hui-cl { width:100%; max-width:1200px; margin:48px auto; padding:clamp(24px,4vw,48px); display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,300px); gap:clamp(24px,4vw,56px); align-items:center; border:1px solid var(--hui-cl-line); }
.hui-cl .hui-cl-intro, .hui-cl .hui-cl-cta, .hui-cl-dialog .hui-cl-form, .hui-cl-dialog .hui-cl-field { min-width:0; }
.hui-cl .hui-cl-eyebrow, .hui-cl-dialog .hui-cl-eyebrow { font-size:11px; letter-spacing:.12em; font-weight:600; margin:0 0 12px; }
.hui-cl h2, .hui-cl-dialog h2 { font-family:Georgia,'Yu Mincho',serif; font-weight:500; color:var(--hui-cl-text); overflow-wrap:anywhere; }
.hui-cl h2 { font-size:clamp(25px,2.5vw,34px); line-height:1.5; margin:0 0 14px; }
.hui-cl p, .hui-cl-dialog p { margin:0 0 16px; }
.hui-cl .hui-cl-intro > :last-child, .hui-cl .hui-cl-cta > :last-child { margin-bottom:0; }
.hui-cl .hui-cl-note, .hui-cl-dialog .hui-cl-note { font-size:12px; line-height:1.85; color:var(--hui-cl-muted); overflow-wrap:anywhere; }
.hui-cl .hui-cl-cta-note { color:var(--hui-cl-muted); font-size:13px; }
.hui-cl button, .hui-cl-dialog button { font:inherit; cursor:pointer; min-height:48px; margin:0; border-radius:0; box-shadow:none; }
.hui-cl .hui-cl-open, .hui-cl-dialog .hui-cl-next, .hui-cl-dialog .hui-cl-submit { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:13px 18px; background:var(--hui-cl-text); border:1px solid var(--hui-cl-text); color:#fffdfa; font-size:14px; font-weight:500; text-decoration:none; }
.hui-cl .hui-cl-open { width:100%; margin-bottom:12px; }
.hui-cl-dialog { position:fixed; inset:0; width:calc(100% - 48px); max-width:680px; height:max-content; max-height:calc(100vh - 48px); max-height:calc(100dvh - 48px); margin:auto; padding:clamp(24px,4vw,40px); border:1px solid #a99b8c; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; box-shadow:0 16px 70px #201a1640; z-index:100000; }
.hui-cl-dialog::backdrop { background:#201a1673; }
.hui-cl-dialog[role="dialog"] { box-shadow:0 0 0 100vmax #201a1673; }
.hui-cl-dialog:not([open]) { display:none; }
.hui-cl-dialog .hui-cl-dialog-header { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:16px; margin-bottom:14px; }
.hui-cl-dialog .hui-cl-dialog-header h2 { font-size:26px; line-height:1.5; margin:0; }
.hui-cl-dialog .hui-cl-close { display:flex; gap:8px; align-items:center; padding:4px 8px; background:transparent; color:var(--hui-cl-text); border:1px solid var(--hui-cl-line); font-size:12px; white-space:nowrap; }
.hui-cl-dialog .hui-cl-close span { font-size:20px; line-height:1; }
.hui-cl-dialog .hui-cl-preview { padding:12px 14px; color:#59432c; background:#eee5d7; border-left:3px solid #8b6948; font-size:13px; line-height:1.8; overflow-wrap:anywhere; }
.hui-cl-dialog .hui-cl-progress { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:24px 0; padding:0; list-style:none; }
.hui-cl-dialog .hui-cl-progress li { min-width:0; padding:0 0 8px; border-bottom:3px solid var(--hui-cl-line); color:var(--hui-cl-muted); font-size:13px; line-height:1.5; }
.hui-cl-dialog .hui-cl-progress li[aria-current="step"] { color:var(--hui-cl-text); border-color:var(--hui-cl-text); font-weight:600; }
.hui-cl-dialog .hui-cl-progress li span { font-size:11px; letter-spacing:.06em; }
.hui-cl-dialog h3 { color:var(--hui-cl-text); font-family:inherit; font-size:20px; font-weight:500; line-height:1.5; margin:0 0 18px; overflow-wrap:anywhere; }
.hui-cl-dialog fieldset { display:block; min-width:0; border:0; padding:0; margin:0; }
.hui-cl-dialog .hui-cl-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; margin-bottom:18px; }
.hui-cl-dialog [data-hui-step="2"] .hui-cl-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hui-cl-dialog [data-hui-step="2"] .hui-cl-field:nth-child(2) { grid-column:1 / -1; }
.hui-cl-dialog label { color:var(--hui-cl-text); font-size:14px; display:block; margin:0 0 7px; font-weight:500; }
.hui-cl-dialog .hui-cl-field label span { font-size:11px; font-weight:400; color:var(--hui-cl-muted); margin-left:8px; }
.hui-cl-dialog input:not([type="checkbox"]), .hui-cl-dialog select { display:block; width:100%; min-width:0; min-height:48px; margin:0; padding:12px; color:var(--hui-cl-text); background:#fffdfa; border:1px solid #a99b8c; border-radius:0; box-shadow:none; font-family:inherit; font-size:16px; line-height:1.5; }
.hui-cl-dialog input::placeholder { color:#73665a; opacity:1; font-size:14px; }
.hui-cl-dialog .hui-cl-field p { font-size:12px; color:var(--hui-cl-muted); margin:7px 0 0; line-height:1.75; overflow-wrap:anywhere; }
.hui-cl-dialog .hui-cl-field-error, .hui-cl-dialog .hui-cl-field p.hui-cl-field-error { color:#742c24; font-size:13px; margin:8px 0 14px; line-height:1.75; }
.hui-cl-dialog [aria-invalid="true"] { border-color:#873a30; }
.hui-cl-dialog .hui-cl-summary { margin:0 0 22px; border-top:1px solid var(--hui-cl-line); font-size:14px; }
.hui-cl-dialog .hui-cl-summary > div { display:grid; grid-template-columns:90px minmax(0,1fr); gap:16px; padding:10px 0; border-bottom:1px solid var(--hui-cl-line); }
.hui-cl-dialog .hui-cl-summary dt { font-weight:400; color:var(--hui-cl-muted); }
.hui-cl-dialog .hui-cl-summary dd { min-width:0; margin:0; overflow-wrap:anywhere; }
.hui-cl-dialog .hui-cl-consents { margin:0 0 20px; }
.hui-cl-dialog .hui-cl-check { display:grid; grid-template-columns:20px minmax(0,1fr); gap:10px; margin-bottom:14px; font-size:13px; font-weight:400; line-height:1.85; }
.hui-cl-dialog .hui-cl-check input { appearance:auto; display:block; width:18px; height:18px; margin:4px 0 0; accent-color:var(--hui-cl-text); }
.hui-cl-dialog .hui-cl-check span { min-width:0; overflow-wrap:anywhere; }
.hui-cl-dialog .hui-cl-consents > p:not(.hui-cl-field-error) { margin:0; font-size:12px; color:var(--hui-cl-muted); line-height:1.85; }
.hui-cl-dialog a { color:var(--hui-cl-text); text-decoration:underline; text-underline-offset:3px; }
.hui-cl-dialog .hui-cl-actions { display:flex; gap:12px; margin:18px 0; }
.hui-cl-dialog .hui-cl-next, .hui-cl-dialog .hui-cl-submit { flex:1; min-width:0; }
.hui-cl-dialog .hui-cl-back, .hui-cl-dialog .hui-cl-retry { border:1px solid #a99b8c; color:var(--hui-cl-text); background:#fffdfa; padding:12px 18px; font-size:14px; }
.hui-cl-dialog .hui-cl-back { flex:0 0 auto; }
.hui-cl-dialog button:disabled { background:#e9e3d9; color:#62564a; border-color:#bfb4a6; cursor:default; opacity:1; }
.hui-cl-dialog .hui-cl-status { font-size:13px; line-height:1.85; margin:16px 0; padding:10px 12px; background:#eee8de; border-left:3px solid #73685e; overflow-wrap:anywhere; }
.hui-cl-dialog .hui-cl-status[data-state="error"] { color:#742c24; border-color:#873a30; }
.hui-cl-dialog .hui-cl-status[data-state="success"] { color:#274432; border-color:#3b6749; }
.hui-cl-dialog .hui-cl-retry { margin:0 0 12px; }
.hui-cl-dialog .hui-cl-storage-note { margin-bottom:0; }
.hui-cl [hidden], .hui-cl-dialog[hidden], .hui-cl-dialog [hidden] { display:none !important; }
.hui-cl-dialog .hui-cl-hp { position:absolute !important; left:-10000px !important; top:auto; width:1px; height:1px; overflow:hidden; }
.hui-cl :focus-visible, .hui-cl-dialog :focus-visible { outline:2px solid #885a3c; outline-offset:3px; }
.hui-cl-dialog fieldset:disabled .hui-cl-field { opacity:.85; }
.hui-cl-dialog .screen-reader-text { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:700px) { .hui-cl { grid-template-columns:minmax(0,1fr); margin:32px auto; gap:22px; } .hui-cl .hui-cl-cta { max-width:360px; } }
@media (max-width:480px) { .hui-cl { padding:24px 18px; } .hui-cl-dialog { width:calc(100% - 24px); max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); padding:20px 18px; } .hui-cl-dialog .hui-cl-dialog-header { gap:10px; } .hui-cl-dialog .hui-cl-dialog-header h2 { font-size:21px; } .hui-cl-dialog .hui-cl-progress { gap:8px; margin:20px 0; } .hui-cl-dialog .hui-cl-progress li { font-size:12px; } .hui-cl-dialog [data-hui-step="2"] .hui-cl-grid { grid-template-columns:minmax(0,1fr); } .hui-cl-dialog [data-hui-step="2"] .hui-cl-field { grid-column:1; } .hui-cl-dialog .hui-cl-summary > div { grid-template-columns:70px minmax(0,1fr); gap:12px; } .hui-cl-dialog .hui-cl-actions { gap:8px; } .hui-cl-dialog .hui-cl-back { padding:12px; } .hui-cl-dialog .hui-cl-next, .hui-cl-dialog .hui-cl-submit { padding:12px; font-size:13px; } }
@media (prefers-reduced-motion:reduce) { .hui-cl-dialog, .hui-cl-dialog * { scroll-behavior:auto; } }