@layer screens{.appearance{min-width:0;color:var(--text)}.appearance-heading{margin-block-end:24px}.appearance-heading h1{font-size:var(--text-24);letter-spacing:-.025em;margin:4px 0 12px;font-weight:600;line-height:36px}.appearance-heading>p:last-child{max-width:32ch;color:var(--secondary);font-size:var(--text-16);margin:0;line-height:24px}.appearance-eyebrow{color:var(--accent);font-size:var(--text-12);letter-spacing:.08em;margin:0;line-height:16px}.appearance fieldset{border:0;min-inline-size:0;margin:0;padding:0}.appearance legend{color:var(--text);font-size:var(--text-18);margin-block-end:12px;padding:0;font-weight:600;line-height:24px}.appearance :focus-visible{outline:2px solid var(--focus);outline-offset:4px}.appearance .appearance-preview-tabs{background:var(--surface-input);border-radius:8px;gap:4px;margin-block-end:12px;padding:4px;display:flex}.appearance-preview-tabs label{min-height:48px;color:var(--secondary);font-size:var(--text-14);text-align:center;cursor:pointer;border:1px solid #0000;border-radius:4px;flex:1;justify-content:center;align-items:center;padding:8px;line-height:20px;display:flex;position:relative}.appearance-preview-tabs label.is-selected{color:var(--accent);border-color:var(--control-line);background:var(--selected)}.appearance-preview-tabs input{clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.appearance-preview-tabs label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:4px}.appearance-live-preview{min-height:240px;color:var(--text);border:var(--control-border-width) solid var(--control-line);background:var(--bg);box-shadow:var(--shadow);border-radius:12px;margin-block-end:32px;position:relative;overflow:clip}.appearance-sample-banner{color:var(--secondary);border-block-end:1px solid var(--line);background:var(--surface);font-size:var(--text-12);letter-spacing:.04em;padding:12px 16px;line-height:16px}.appearance-sample-home{isolation:isolate;min-height:160px;padding:16px;position:relative}.appearance-sample-value{z-index:var(--z-l1);background:var(--bg);width:fit-content;max-width:100%;font-size:var(--text-14);flex-direction:column;align-items:flex-start;gap:4px;padding:8px 12px 8px 0;line-height:20px;display:flex;position:relative}.appearance-sample-value strong{color:var(--text);font-size:var(--text-24);font-variant-numeric:tabular-nums;letter-spacing:-.025em;font-weight:600;line-height:36px}.appearance-sample-value :where(strong) small{color:var(--secondary);font-size:var(--text-12);letter-spacing:0}.appearance-sample-value>small{color:var(--muted);font-size:var(--text-12);line-height:16px}.appearance-sample-gain{font-weight:var(--weight-medium)}.appearance-sample-gain.is-up{color:var(--up-text)}.appearance-sample-gain.is-down{color:var(--down-text)}.appearance-sample-moves{gap:8px;display:flex;position:absolute;inset-block-start:16px;inset-inline-end:16px}.appearance-sample-moves span{border-radius:var(--radius-pill);place-items:center;width:40px;height:40px;display:grid}.appearance-sample-moves .is-rise{color:var(--up-text);background:var(--up-soft)}.appearance-sample-moves .is-fall{color:var(--down-text);background:var(--down-soft)}.appearance-updown-icon{gap:4px;display:inline-flex}.appearance-updown-icon .is-rise{color:var(--up-text)}.appearance-updown-icon .is-fall{color:var(--down-text)}.appearance-sample-source{color:var(--muted);border-block-start:1px solid var(--line);background:var(--surface);font-size:var(--text-12);overflow-wrap:anywhere;margin:0;padding:12px 16px;line-height:16px}.appearance-sample-trade{min-height:160px;padding:16px}.appearance-sample-trade>div{font-size:var(--text-14);flex-direction:column;gap:4px;line-height:20px;display:flex}.appearance-sample-trade strong{color:var(--gain);font-size:var(--text-24);font-weight:600;line-height:32px}.appearance-sample-trade svg{border-block-end:1px solid var(--line);width:100%;height:48px;margin-block:8px;display:block}.appearance-sample-trade p,.appearance-sample-security p{color:var(--warning);font-size:var(--text-14);margin:8px 0 0;line-height:20px}.appearance-sample-security{min-height:160px;padding:20px 16px}.appearance-sample-security>svg{color:var(--accent);margin-block-end:12px;display:block}.appearance-sample-security strong{font-size:var(--text-18);font-weight:600;line-height:24px}.appearance .appearance-choice-group{margin-block-end:32px}.appearance-choice{border:var(--control-border-width) solid var(--control-line);background:var(--surface);cursor:pointer;border-radius:8px;align-items:center;gap:12px;min-height:72px;margin-block:8px;padding:12px;display:flex}.appearance-choice[data-selected=true]{background:var(--selected)}.appearance-choice input{width:20px;height:20px;accent-color:var(--accent);flex:0 0 20px;order:3;margin:0;margin-inline-start:auto}.appearance-choice-icon{color:var(--secondary);flex:0 0 20px;order:1;display:flex}.appearance-choice-copy{flex-direction:column;flex:1;order:2;gap:4px;min-width:0;display:flex}.appearance-choice-copy strong{color:var(--text);font-size:var(--text-16);font-weight:500;line-height:24px}.appearance-choice-copy small{color:var(--secondary);font-size:var(--text-14);line-height:20px}.appearance-resolved-mode{color:var(--secondary);font-size:var(--text-14);margin:-20px 12px 32px;line-height:20px}.appearance-notes{border-block-end:1px solid var(--line);padding-block:0 16px}.appearance-notes p{color:var(--secondary);font-size:var(--text-14);margin:0 0 12px;line-height:20px}.appearance-restore{min-height:48px;color:var(--text);border:1px solid var(--control-line);background:var(--surface);font:inherit;font-size:var(--text-14);cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;margin-block:12px;padding:8px 12px;line-height:20px;display:inline-flex}.appearance-feedback{min-height:24px;font-size:var(--text-14);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-block:8px 16px;line-height:20px;display:flex}.appearance-feedback button{min-height:48px;color:var(--accent);border:1px solid var(--control-line);background:var(--surface);font:inherit;cursor:pointer;border-radius:8px;padding:8px 12px;scroll-margin-block-start:16px;scroll-margin-block-end:calc(var(--nav-height) + var(--safe-bottom) + 160px)}.appearance-error{color:var(--loss)}.appearance-apply-bar{z-index:calc(var(--z-l2) + 1);border-block-start:1px solid var(--line);background:var(--bg);margin-inline:-16px;padding:16px;position:sticky;inset-block-end:calc(var(--nav-height) + var(--safe-bottom))}.appearance-apply-bar p{color:var(--secondary);font-size:var(--text-14);margin:0 0 12px;line-height:20px}.appearance-apply{width:100%;min-height:48px;color:var(--brand-ink);background:var(--brand-solid);border-radius:8px}.appearance-apply:disabled{color:var(--muted);border:1px solid var(--control-line);background:var(--surface-raised);opacity:1}@media (max-height:700px){.appearance-live-preview{min-height:192px}.appearance-sample-home,.appearance-sample-trade,.appearance-sample-security{min-height:120px}}}
