.details-form{--field-bg:var(--color-chat-us);--field-ink:var(--color-ink);--field-edge:var(--color-ink);--field-focus:var(--color-accent);--field-placeholder:var(--color-muted);--field-label:var(--color-ink);--field-help:var(--color-muted);--field-error:var(--color-accent-deep);--field-choice:var(--color-accent);gap:var(--space-sm);max-width:560px;margin-top:var(--space-md);display:grid}.details-form.is-dark{--field-edge:var(--color-paper);--field-label:var(--color-paper);--field-help:var(--color-dark-muted);--field-error:var(--color-accent-soft);--field-choice:var(--color-accent-soft);--field-focus:var(--color-accent-soft)}.details-for{align-items:baseline;gap:0 var(--space-sm);color:var(--field-label);flex-wrap:wrap;font-size:16px;display:flex}.details-for b{overflow-wrap:anywhere;font-weight:600}.details-change{min-height:44px;color:var(--field-label);font:inherit;text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:15px;text-decoration:underline}.details-change:active{transform:translateY(1px)}.details-lead{color:var(--field-help);font-size:15px;line-height:1.6}.field{align-content:start;gap:var(--space-xs);min-width:0;display:grid}.field label,.field-group legend{color:var(--field-label);font-size:15px;font-weight:500}.field input,.field textarea{width:100%;min-height:52px;padding:0 var(--space-sm);border:2px solid var(--field-edge);border-radius:var(--radius-surface);background:var(--field-bg);color:var(--field-ink);font:inherit;caret-color:var(--field-ink);outline-offset:2px;outline:3px solid #0000;font-size:17px}.field input::placeholder,.field textarea::placeholder{color:var(--field-placeholder);opacity:1}.field input:focus-visible,.field textarea:focus-visible{outline-color:var(--field-focus)}.field input[aria-invalid=true]{border-color:var(--field-error)}.field-msg{min-height:1lh;color:var(--field-help);font-size:14px;line-height:1.5}.field-msg.is-error{color:var(--field-error);font-weight:500}.field-msg.is-error:before{content:"";vertical-align:.05em;width:.5em;height:.5em;margin-right:.5em;display:inline-block;transform:rotate(45deg);box-shadow:inset 0 0 0 2px}.field-group{gap:var(--space-sm);min-width:0;margin:var(--space-xs) 0 0;border:0;padding:0;display:grid}.field-group legend{margin-bottom:var(--space-xs);padding:0;font-size:17px;font-weight:600}.field-group-msg{margin-top:calc(var(--space-xs) * -1)}.field-pair{gap:var(--space-md);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.channel-choice{align-items:center;gap:0 var(--space-lg);color:var(--field-label);flex-wrap:wrap;font-size:15px;display:flex}.channel-choice[hidden]{display:none}.channel-choice span{color:var(--field-help)}.channel-choice label{align-items:center;gap:var(--space-xs);cursor:pointer;min-height:44px;display:inline-flex}.channel-choice input{width:20px;height:20px;accent-color:var(--field-choice);margin:0}.channel-choice input:focus-visible{outline:3px solid var(--field-focus);outline-offset:2px}.details-form .button{justify-content:center;align-items:center;gap:var(--space-xs);width:100%;min-height:56px;margin-top:var(--space-xs);padding:0 var(--space-lg);border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-accent-ink);font-family:var(--font-body);transition:background-color .2s var(--ease-out), transform .2s var(--ease-out);border:0;font-size:17px;font-weight:600;display:inline-flex}.details-form .button:hover{background:var(--color-accent-deep)}.details-form .button:active{transform:translateY(1px)}.details-form .button:disabled{cursor:progress;background:var(--color-accent-deep)}.details-form.is-dark .button:focus-visible{outline:3px solid var(--color-accent-soft);outline-offset:4px}.details-consent{color:var(--field-help);font-size:13px;line-height:1.6}.details-consent a{text-underline-offset:3px;text-decoration:underline}.order-link{text-underline-offset:5px;align-items:center;min-height:44px;font-size:15px;font-weight:500;text-decoration:underline;display:inline-flex}.site-done .order-link{margin-top:var(--space-sm);color:var(--color-ink)}@media (width<=480px){.field-pair{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.details-form .button{transition:none}}.prefs-form{gap:var(--space-md);margin-top:var(--space-2xl);--tick-edge:var(--color-ink);--tick-fill:var(--color-paper);--card-hover:var(--color-rule)}.prefs-form.is-dark{--card-hover:var(--color-dark-muted)}.prefs-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--field-label);text-wrap:balance;font-size:26px;font-weight:700;line-height:1.15}.prefs-lead{margin-top:calc(var(--space-xs) * -1);color:var(--field-help);font-size:16px;line-height:1.6}.prefs-form .field-group{gap:var(--space-md)}.prefs-form .field-group-msg{max-width:52ch}.prefs-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.style-card{padding:var(--space-xs) var(--space-xs) var(--space-sm);color:var(--field-label);cursor:pointer;transition:border-color .2s var(--ease-out);border:2px solid #0000;border-radius:14px;align-content:start;gap:2px;display:grid;position:relative}.style-card:hover{border-color:var(--card-hover)}.style-card:has(input:checked){border-color:var(--field-edge)}.style-card:has(input:disabled){opacity:.45;cursor:not-allowed}.style-card:has(input:disabled):hover{border-color:#0000}.style-card:has(input:focus-visible){outline:3px solid var(--field-focus);outline-offset:2px}.style-card input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.style-pic{aspect-ratio:4/3;margin-bottom:var(--space-xs);border-radius:var(--radius-control);background:var(--color-paper-3);display:block;position:relative;overflow:hidden}.style-pic img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.style-name{overflow-wrap:break-word;font-size:15px;font-weight:600;line-height:1.3;display:block}.style-hint{color:var(--field-help);font-size:13px;line-height:1.45;display:block}.style-text{align-items:start;gap:var(--space-xs);grid-template-columns:auto minmax(0,1fr);display:grid}.style-tick{border:2px solid var(--tick-edge);background:var(--tick-fill);color:#0000;width:22px;height:22px;transition:background-color .2s var(--ease-out), color .2s var(--ease-out);border-radius:50%;place-items:center;margin-top:1px;display:grid}.style-tick svg{width:14px;height:14px}.style-card:has(input:checked) .style-tick{background:var(--tick-edge);color:var(--tick-fill)}.is-dark .style-card{--tick-edge:var(--color-paper);--tick-fill:var(--color-ink)}.style-surprise{padding:var(--space-sm) var(--space-md);border-color:var(--card-hover)}.prefs-sites{gap:var(--space-xs);display:grid}.prefs-sites .field[hidden],.prefs-add[hidden]{display:none}.prefs-sites .field-msg:empty{min-height:0}.prefs-add{margin-top:calc(var(--space-xs) * -1);justify-self:start}.prefs-form textarea:focus::placeholder{color:#0000}.prefs-form textarea{min-height:160px;padding:var(--space-sm);resize:vertical;line-height:1.5}.prefs-form .details-status.is-ok{color:var(--field-label);font-weight:500}@media (width<=480px){.prefs-form textarea{min-height:220px}}@media (prefers-reduced-motion:reduce){.style-card,.style-tick{transition:none}}
