.first-appearance[data-figma-screen=first-appearance-choice]{--appearance-canvas: var(--gpt-bg, #f7f6f2);--appearance-surface: var(--gpt-surface, #fff);--appearance-ink: var(--gpt-ink, #272925);--appearance-muted: #566277;--appearance-border: var(--gpt-line, #e5e6de);--appearance-control: #747870;--appearance-on-action: #fff;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--appearance-canvas);color:var(--appearance-ink);font-family:var(--gpt-font, "Inter", "Segoe UI", Arial, sans-serif);text-align:left}html:is(.dark,[data-gpt-theme=dark],[data-tumiski-color-scheme=dark]) .first-appearance{--appearance-canvas: var(--gpt-bg, #1d2320);--appearance-surface: var(--gpt-surface, #272e29);--appearance-ink: var(--gpt-ink, #f3f0e7);--appearance-muted: var(--gpt-muted, #b1b8af);--appearance-border: var(--gpt-line, #3b453d);--appearance-control: var(--gpt-muted, #b1b8af);--appearance-on-action: #1d2320}.first-appearance .first-appearance__content{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;width:100%;max-width:600px;min-height:100%;margin:0 auto;padding:calc(1.5rem + var(--tumiski-native-safe-area-top, env(safe-area-inset-top, 0px))) max(1rem,var(--tumiski-native-safe-area-right, env(safe-area-inset-right, 0px))) calc(1.5rem + var(--tumiski-native-safe-area-bottom, env(safe-area-inset-bottom, 0px))) max(1rem,var(--tumiski-native-safe-area-left, env(safe-area-inset-left, 0px)))}.first-appearance .first-appearance__header{display:flex;flex-direction:column;gap:.5rem}.first-appearance .first-appearance__header h1{margin:0;color:var(--appearance-ink);font-family:inherit;font-size:1.75rem;font-weight:700;line-height:1.215;letter-spacing:0;overflow-wrap:anywhere}.first-appearance .first-appearance__header h1:focus{outline:none}.first-appearance .first-appearance__eyebrow{margin:0;color:var(--appearance-muted);font-size:.6875rem;font-weight:600;line-height:1.455}.first-appearance .first-appearance__intro,.first-appearance .first-appearance__hint{margin:0;color:var(--appearance-muted);font-size:.8125rem;font-weight:400;line-height:1.54;overflow-wrap:anywhere}.first-appearance .first-appearance__choices{display:flex;flex-direction:column;gap:.5rem;min-width:0}.first-appearance .first-appearance__option{position:relative;display:block;min-width:0;margin:0;cursor:pointer}.first-appearance .first-appearance__radio{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;min-height:44px;margin:0;opacity:0;cursor:pointer}.first-appearance .first-appearance__option-content{box-sizing:border-box;display:flex;align-items:center;gap:.75rem;min-height:82px;width:100%;padding:.75rem;border:1px solid var(--appearance-border);border-radius:20px;background:var(--appearance-surface);color:var(--appearance-ink)}.first-appearance .first-appearance__radio:checked+.first-appearance__option-content{border-color:var(--appearance-ink);box-shadow:inset 0 0 0 1px var(--appearance-ink)}.first-appearance .first-appearance__radio:focus-visible+.first-appearance__option-content{outline:3px solid var(--appearance-ink);outline-offset:3px}.first-appearance .first-appearance__copy{display:flex;flex:1 1 0;flex-direction:column;gap:.25rem;min-width:0;overflow-wrap:anywhere}.first-appearance .first-appearance__copy strong{color:var(--appearance-ink);font-size:1rem;font-weight:600;line-height:1.25}.first-appearance .first-appearance__copy>span{color:var(--appearance-muted);font-size:.8125rem;font-weight:400;line-height:1.54}.first-appearance .first-appearance__marker{box-sizing:border-box;display:grid;flex:0 0 24px;place-items:center;width:24px;height:24px;border:1.5px solid var(--appearance-control);border-radius:50%}.first-appearance .first-appearance__radio:checked+.first-appearance__option-content .first-appearance__marker{border-color:var(--appearance-ink);background:var(--appearance-ink);color:var(--appearance-on-action)}.first-appearance .first-appearance__marker>.gpt-icon{display:block;width:18px;height:18px;color:inherit;stroke:currentColor}.first-appearance .first-appearance__swatch{box-sizing:border-box;display:flex;flex:0 0 68px;flex-direction:column;gap:6px;width:68px;height:56px;padding:8px;border-radius:8px;background:#f7f6f2;color:#272925;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:7px;font-weight:600;line-height:8px}.first-appearance .first-appearance__swatch>span:last-child{display:grid;place-items:center;flex:0 0 24px;border-radius:4px;background:#fff0e9;font-size:5px;font-weight:inherit;line-height:8px}.first-appearance .first-appearance__swatch--classic{background:#fff8e8;color:#233047;font-family:Nunito,sans-serif;font-weight:700}.first-appearance .first-appearance__swatch--classic>span:last-child{background:#e4f4e2}.first-appearance .first-appearance__swatch--pastel{background:#fdf7e9;color:#60473b;font-family:Nunito,sans-serif;font-weight:700}.first-appearance .first-appearance__swatch--pastel>span:last-child{background:#d9d5a5}.first-appearance .first-appearance__swatch--fairytale{background:#fdf7e9;color:#603e26;font-family:Rubik,sans-serif;font-weight:500}.first-appearance .first-appearance__swatch--fairytale>span:last-child{background:#d8c88e}.first-appearance .first-appearance__footer{display:flex;flex-direction:column;gap:.75rem;width:100%;position:static}.first-appearance .first-appearance__continue{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;height:auto;padding:.875rem 1rem;border:0;border-radius:12px;background:var(--appearance-ink);color:var(--appearance-on-action);font-family:inherit;font-size:1rem;font-weight:600;line-height:1.25;cursor:pointer;overflow-wrap:anywhere;box-shadow:none}.first-appearance .first-appearance__continue:focus-visible{outline:3px solid var(--appearance-ink);outline-offset:3px}.first-appearance .first-appearance__continue:disabled{opacity:1;background:var(--appearance-ink);color:var(--appearance-on-action);cursor:wait}.first-appearance .first-appearance__radio:disabled{cursor:wait}.first-appearance .first-appearance__hint{text-align:center}.first-appearance .first-appearance__error{margin:0;padding:.75rem;border:1px solid currentColor;border-radius:12px;color:var(--appearance-ink);background:var(--appearance-surface);font-size:.875rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere}