.modal-backdrop.svelte-ta60gp{background:color-mix(in srgb, var(--color-ink) 60%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;place-items:center;padding:1.5rem;animation:.15s cubic-bezier(.16,1,.3,1) svelte-ta60gp-fadeIn;display:grid;position:fixed;inset:0}.modal-card.svelte-ta60gp{background:var(--color-surface);border:3px solid var(--color-border);width:100%;max-width:520px;box-shadow:8px 8px 0 var(--color-shadow);border-radius:1.75rem;animation:.18s cubic-bezier(.16,1,.3,1) svelte-ta60gp-scaleUp;position:relative;overflow:hidden}.modal-header.svelte-ta60gp{border-bottom:3px solid var(--color-border);background:var(--color-canvas);justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.modal-title.svelte-ta60gp{color:var(--color-text);letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:1.2rem;font-weight:900}.close-btn.svelte-ta60gp{border:2px solid var(--color-border);background:var(--color-surface);width:32px;height:32px;color:var(--color-text);cursor:pointer;box-shadow:2px 2px 0 var(--color-shadow);border-radius:.5rem;justify-content:center;align-items:center;transition:transform 80ms,box-shadow 80ms;display:flex}.close-btn.svelte-ta60gp:hover{background:var(--yellow)}.close-btn.svelte-ta60gp:active{transform:translate(var(--press-travel), var(--press-travel));box-shadow:0 0 0 var(--color-shadow)}.close-btn.svelte-ta60gp:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.modal-body.svelte-ta60gp{background:var(--color-surface);max-height:80vh;padding:1.75rem;overflow-y:auto}@keyframes svelte-ta60gp-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-ta60gp-scaleUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.modal-backdrop.svelte-ta60gp{align-items:flex-end;padding:.5rem}.modal-card.svelte-ta60gp{max-height:92vh;box-shadow:4px 4px 0 var(--color-shadow);border-radius:1.5rem 1.5rem .75rem .75rem;flex-direction:column;display:flex}.modal-header.svelte-ta60gp{padding:1rem 1.25rem}.modal-title.svelte-ta60gp{font-size:1.02rem}.modal-body.svelte-ta60gp{-webkit-overflow-scrolling:touch;max-height:calc(92vh - 65px);padding:1.15rem}}.avatar-picker-wrapper.svelte-19cetml{background:var(--color-surface);border:3px solid var(--color-border);box-shadow:4px 4px 0 var(--color-shadow);box-sizing:border-box;border-radius:1.15rem;flex-direction:column;gap:1rem;max-width:100%;padding:1.15rem;display:flex;overflow:hidden}.avatar-hero-card.svelte-19cetml{background:var(--color-canvas);border:2px solid var(--color-border);box-shadow:4px 4px 0 var(--color-shadow);border-radius:1rem;align-items:center;gap:1.15rem;padding:.95rem 1.15rem;display:flex}.hero-avatar-box.svelte-19cetml{flex-shrink:0}.hero-actions.svelte-19cetml{flex-direction:column;flex:1;align-items:flex-start;gap:.5rem;display:flex}.badge-row.svelte-19cetml{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.hero-badge.svelte-19cetml{color:var(--color-on-accent);background:var(--yellow);border:2px solid var(--color-border);box-shadow:2px 2px 0 var(--color-shadow);text-transform:uppercase;border-radius:.45rem;padding:.2rem .6rem;font-size:.8rem;font-weight:900}.color-badge.svelte-19cetml{color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border);box-shadow:2px 2px 0 var(--color-shadow);text-transform:uppercase;border-radius:.45rem;padding:.2rem .55rem;font-size:.74rem;font-weight:800}.btn-random.svelte-19cetml{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;text-transform:uppercase;box-shadow:2px 2px 0 var(--color-shadow);border-radius:.65rem;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.82rem;font-weight:900;transition:transform 80ms,box-shadow 80ms,background-color 80ms;display:inline-flex}.btn-random.svelte-19cetml:hover{background:var(--yellow);box-shadow:4px 4px 0 var(--color-shadow);transform:translateY(-1px)}.btn-random.svelte-19cetml:active{transform:translate(var(--press-travel), var(--press-travel));box-shadow:0 0 0 var(--color-shadow)}.swatches-section.svelte-19cetml{flex-direction:column;gap:.45rem;display:flex}.swatches-header.svelte-19cetml{justify-content:space-between;align-items:center;display:flex}.section-label.svelte-19cetml{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.76rem;font-weight:900}.active-color-name.svelte-19cetml{color:var(--color-primary-fg);text-transform:uppercase;font-size:.76rem;font-weight:800}.swatches-row.svelte-19cetml{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.swatch-btn.svelte-19cetml{border:2px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:40px;height:40px;box-shadow:2px 2px 0 var(--color-shadow);border-radius:50%;place-items:center;padding:2px;transition:transform 80ms,box-shadow 80ms;display:grid;position:relative}.swatch-btn.svelte-19cetml:hover{box-shadow:4px 4px 0 var(--color-shadow);transform:translateY(-2px)scale(1.05)}.swatch-btn.active.svelte-19cetml{box-shadow:4px 4px 0 var(--color-shadow);border-width:2.5px;transform:translateY(-1px)scale(1.08)}.swatch-circle.outer.svelte-19cetml{border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.swatch-circle.inner.svelte-19cetml{border:2px solid var(--color-border);border-radius:50%;width:16px;height:16px}.swatch-active-pip.svelte-19cetml{background:var(--ink);border:1.5px solid var(--color-surface);width:16px;height:16px;box-shadow:2px 2px 0 var(--color-shadow);border-radius:50%;place-items:center;display:grid;position:absolute;top:-4px;right:-4px}.category-stepper-bar.svelte-19cetml{background:var(--color-surface-sunken);border:2px solid var(--color-border);box-shadow:4px 4px 0 var(--color-shadow);border-radius:.85rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem .6rem;display:flex}.btn-stepper.svelte-19cetml{background:var(--color-surface);border:2px solid var(--color-border);cursor:pointer;width:38px;height:38px;color:var(--color-text);box-shadow:2px 2px 0 var(--color-shadow);border-radius:.6rem;flex-shrink:0;place-items:center;transition:transform 80ms,box-shadow 80ms,background-color 80ms;display:grid}.stepper-arrow.svelte-19cetml{-webkit-user-select:none;user-select:none;font-size:1.35rem;font-weight:900;line-height:1}.btn-stepper.svelte-19cetml:hover{background:var(--yellow);box-shadow:4px 4px 0 var(--color-shadow);transform:translateY(-1px)}.btn-stepper.svelte-19cetml:active{transform:translate(var(--press-travel), var(--press-travel));box-shadow:0 0 0 var(--color-shadow)}.category-display.svelte-19cetml{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.15rem;display:flex}.category-title-line.svelte-19cetml{align-items:center;gap:.45rem;display:flex}.category-emoji.svelte-19cetml{font-size:1.25rem}.category-title.svelte-19cetml{color:var(--color-text);text-transform:uppercase;letter-spacing:-.01em;font-size:1.02rem;font-weight:900}.category-progress-text.svelte-19cetml{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.74rem;font-weight:800}.icons-grid-container.svelte-19cetml{max-height:250px;padding:.2rem .25rem .2rem 0;overflow-y:auto}.icons-grid.svelte-19cetml{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.75rem;display:grid}.icon-tile-btn.svelte-19cetml{background:var(--color-surface);border:2px solid var(--color-border);cursor:pointer;box-shadow:2px 2px 0 var(--color-shadow);border-radius:.85rem;flex-direction:column;align-items:center;gap:.35rem;padding:.55rem .35rem;transition:transform 80ms,box-shadow 80ms,border-color 80ms,background-color 80ms;display:flex}.icon-tile-btn.svelte-19cetml:hover{box-shadow:4px 4px 0 var(--color-shadow);transform:translateY(-2px)}.icon-tile-btn.selected.svelte-19cetml{background:var(--color-info-pale);border-color:var(--blue);box-shadow:4px 4px 0 var(--color-shadow);transform:scale(1.04)}.tile-label.svelte-19cetml{color:var(--color-text);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:.72rem;font-weight:900;line-height:1.2;overflow:hidden}