*{box-sizing:border-box;margin:0;padding:0}:root{--foreground:#ededed;--background:#0a0a0a;--muted:#a3a3a3;--border:#262626;--accent:#3b82f6;--radius:16px}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,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:64px 16px 16px}}.header{text-align:center;max-width:600px}.title{font-size:clamp(36px,7vw,56px);font-weight:700;letter-spacing:-.04em;line-height:1.05;margin-bottom:16px;background:linear-gradient(135deg,#ffffff,#a3a3a3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.description{font-size:17px;color:var(--muted);max-width:480px;margin:0 auto;line-height:1.6}@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:320px;aspect-ratio:3/4;background:#111111;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;overflow:hidden;transition:all .3s ease}.preset:hover{border-color:#444;transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.5)}.preset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.preset-avatar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.preset:hover .preset-avatar{transform:scale(1.03)}.preset-info{position:relative;display:flex;flex-direction:column;gap:4px;padding:20px;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.4) 60%,transparent)}.preset-name{font-size:20px;font-weight:600;color:#ffffff;letter-spacing:-.01em}.preset-subtitle{font-size:14px;color:rgba(255,255,255,.6)}@media (max-width:480px){.preset{width:100%;max-width:320px}.preset-info{padding:16px}.preset-name{font-size:18px}}.footer{text-align:center;font-size:13px}.footer,.footer a{color:var(--muted)}.footer a{text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}.footer a:hover{color:var(--foreground)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100;animation:fadeIn .2s ease}@media (max-width:600px){.modal-overlay{padding:8px}}@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:18px;font-weight:600;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-error,.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:400px;color:#a3a3a3;font-size:1rem}.retry-button{background:var(--accent);color:white;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s ease}.retry-button:hover{opacity:.85}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.modal,.modal-overlay,.preset,.spinner{animation:none;transition:none}}