*{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{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}@media (max-width:600px){.description{font-size:15px}}.presets{display:flex;justify-content:center;gap:24px}.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-avatar-placeholder{background:linear-gradient(135deg,var(--border) 0,var(--background) 100%);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.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{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}}[data-avatar-call]{aspect-ratio:auto!important;max-width:none!important;height:auto!important;border-radius:12px}[data-avatar-call],[data-avatar-video]{width:100%!important;flex:1 1 auto!important;min-height:0!important}[data-avatar-video]{height:100%!important}[data-avatar-video] video,[data-avatar-video]>div,[data-avatar-video]>div>video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.page{padding:12px!important;gap:12px!important;min-height:100vh;min-height:100dvh;background:#0a0a0a}.header{display:none}.presets{flex:1 1;width:100%;align-items:stretch}.preset{width:100%;max-width:100%;aspect-ratio:9/16;height:100%;border:none;background:#1a1a1a}.preset-info{padding:14px;background:linear-gradient(0deg,rgba(0,0,0,.92) 0,rgba(0,0,0,.5) 60%,transparent)}.preset-name{font-size:14px;font-weight:600;letter-spacing:.02em}.modal-overlay{padding:0!important;background:#0a0a0a}.modal{width:100%;height:100%;max-width:100%;display:flex;flex-direction:column}.modal-header{margin:0;padding:10px 12px;flex-shrink:0;background:rgba(0,0,0,.6);border-radius:8px 8px 0 0}.modal-loading{flex:1 1;min-height:0}.mic-select-wrap{position:absolute;bottom:76px;left:50%;transform:translateX(-50%);z-index:10}.mic-select-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;font-size:11px;font-weight:500;cursor:pointer;max-width:calc(100% - 24px);transition:background .15s ease,border-color .15s ease}.mic-select-trigger:hover{background:rgba(0,0,0,.75);border-color:rgba(255,255,255,.32)}.mic-select-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.mic-select-list{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);list-style:none;margin:0;padding:4px;min-width:220px;max-width:calc(100vw - 32px);max-height:280px;overflow-y:auto;background:rgba(20,20,20,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 12px 36px rgba(0,0,0,.55);z-index:20}.mic-select-option{width:100%;text-align:left;padding:8px 12px;font-size:12px;color:#fff;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .12s ease}.mic-select-option:hover{background:rgba(255,255,255,.08)}.mic-select-option.is-active{background:rgba(255,255,255,.14);font-weight:600}