*{box-sizing:border-box;margin:0;padding:0}:root{--foreground:#171717;--background:#ffffff;--muted:#737373;--border:#e5e5e5;--radius:12px}@media (prefers-color-scheme:dark){:root{--foreground:#ededed;--background:#0a0a0a;--muted:#a3a3a3;--border:#262626}}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--background);color:var(--foreground);line-height:1.5;-webkit-font-smoothing:antialiased}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 24px 64px;gap:48px}@media (max-width:600px){.page{gap:32px;justify-content:flex-start;padding:48px 16px 16px}}.header{text-align:center;max-width:600px}.logo{height:24px}.logo,.title{margin-bottom:16px}.title{font-size:clamp(32px,6vw,48px);font-weight:600;letter-spacing:-.03em;line-height:1.1}.description{font-size:16px;color:var(--muted);max-width:480px;margin:0 auto}.description-stack{display:grid;grid-gap:12px;gap:12px}@media (max-width:600px){.description{font-size:15px}}.presets{display:flex;justify-content:center;gap:24px;width:100%}.preset{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:360px;aspect-ratio:3/4;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;overflow:hidden;transition:border-color .15s ease}.preset:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.preset-avatar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.preset-info{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent)}@media (max-width:480px){.preset-info{padding:12px;gap:2px}}.preset-name{font-size:15px;font-weight:500;color:#ffffff}.preset-subtitle{font-size:13px;color:rgba(255,255,255,.7)}@media (max-width:480px){.preset-name{font-size:14px}.preset-subtitle{font-size:12px}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100;animation:fadeIn .2s ease}@media (max-width:600px){.modal-overlay{padding:16px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:800px;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-title{font-size:16px;font-weight:500;color:#ffffff}.modal-close{background:transparent;border:none;color:#a3a3a3;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:color .15s ease,background .15s ease}.modal-close:hover{color:#ffffff;background:rgba(255,255,255,.1)}.modal-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:#a3a3a3;font-size:1rem}@media (prefers-reduced-motion:reduce){.modal,.modal-overlay,.preset-avatar{animation:none;transition:none}}