
    #appearanceOnboarding { box-sizing:border-box; width:min(640px, calc(100% - 28px)); max-width:none; max-height:calc(100vh - 28px); max-height:calc(100dvh - 28px); overflow:auto; padding:clamp(16px, 4vw, 28px); border:1px solid var(--line); border-radius:18px; background:var(--surface); color:var(--text); }
    #appearanceOnboarding::backdrop { background:rgba(0, 0, 0, .55); }
    #appearanceOnboardingTitle { margin:4px 0 8px; font-size:clamp(20px, 4vw, 27px); }
    #appearanceOnboardingCopy { margin:0; color:var(--muted); line-height:1.55; }
    #appearanceOnboardingChoices { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; margin-top:16px; }
    #appearanceOnboarding .appearance-choice { display:grid; justify-items:start; gap:6px; width:100%; min-width:0; padding:10px; text-align:left; color:var(--text); background:var(--bg); border:1px solid var(--line); border-radius:12px; cursor:pointer; }
    #appearanceOnboarding .appearance-choice:hover, #appearanceOnboarding .appearance-choice:focus-visible { border-color:var(--accent); outline:2px solid var(--accent); outline-offset:1px; }
    #appearanceOnboarding .appearance-choice picture { display:block; width:100%; min-width:0; }
    #appearanceOnboarding .appearance-choice img { display:block; width:100%; height:auto; aspect-ratio:1120 / 720; border-radius:7px; }
    #appearanceOnboarding .appearance-choice small { color:var(--muted); line-height:1.35; }
    #appearanceOnboardingStatus:empty { display:none; }
    @media (max-width:480px) {
      #appearanceOnboardingChoices { grid-template-columns:1fr; }
      #appearanceOnboarding .appearance-choice { grid-template-columns:minmax(100px, 44%) 1fr; align-items:center; column-gap:10px; }
      #appearanceOnboarding .appearance-choice picture { grid-row:1 / span 2; }
      #appearanceOnboarding .appearance-choice img { aspect-ratio:390 / 650; }
      #appearanceOnboarding .appearance-choice strong { align-self:end; }
      #appearanceOnboarding .appearance-choice small { align-self:start; }
    }
  