:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--heading:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono:"SF Mono", "Cascadia Code", "Fira Code", "Consolas", monospace;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:14px;--radius-full:9999px;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.3s ease;font:15px/1.6 var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:14px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{box-sizing:border-box;background-color:#080a10;flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex}body{margin:0}*,:before,:after{box-sizing:border-box}h1,h2{font-family:var(--heading);color:var(--text-h);letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{margin:0;font-size:2rem}@media (width<=1024px){h1{font-size:1.5rem}}h2{margin:0;font-size:1.35rem}@media (width<=1024px){h2{font-size:1.15rem}}p{margin:0}.font-mono{font-family:var(--mono)}.btn-icon{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;align-items:center;gap:.3rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.btn-icon:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--text)}::selection{color:#fff;background-color:#00e5ff40}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0d1017}::-webkit-scrollbar-thumb{background:#2a3348;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a4762}.vrm-avatar-view{background:radial-gradient(circle,#131b2e 0%,#080b12 100%);border:1px solid #1e293b;border-radius:12px;justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden}.vrm-avatar-view>div{width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important}.vrm-canvas{display:block;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}.avatar-overlay-loading,.avatar-overlay-fallback{z-index:5;text-align:center;background-color:#080b1299;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.avatar-spinner{border:3px solid #00e5ff33;border-top-color:#00e5ff;border-radius:50%;width:32px;height:32px;margin-bottom:.75rem;animation:.8s linear infinite spin}.avatar-status-text{color:#94a3b8;letter-spacing:.05em;font-size:.85rem;font-weight:600}.avatar-fallback-badge{color:#f59e0b;letter-spacing:.08em;background-color:#f59e0b26;border:1px solid #f59e0b4d;border-radius:4px;margin-bottom:.5rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.avatar-fallback-text{color:#64748b;max-width:240px;margin:0;font-size:.8rem}.avatar-hud-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:4;background-color:#0f172acc;border:1px solid #334155;border-radius:6px;align-items:center;gap:.4rem;padding:.25rem .55rem;display:flex;position:absolute;top:.75rem;left:.75rem}.avatar-status-dot{border-radius:50%;width:8px;height:8px}.avatar-status-dot.online{background-color:#10b981;box-shadow:0 0 6px #10b981}.avatar-status-dot.offline{background-color:#f59e0b}.avatar-model-label{color:#e2e8f0;letter-spacing:.04em;font-size:.7rem;font-weight:700}.avatar-violation-hud{letter-spacing:.05em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:4;border-radius:6px;align-items:center;gap:.45rem;padding:.3rem .65rem;font-size:.7rem;font-weight:800;animation:.2s ease-out fadeIn;display:flex;position:absolute;top:.75rem;right:.75rem}.avatar-violation-hud.caution{color:#fef08a;background-color:#f59e0b2e;border:1px solid #f59e0b80}.avatar-violation-hud.bad{color:#fca5a5;background-color:#ef444438;border:1px solid #ef444499}.violation-pulse-dot{border-radius:50%;width:7px;height:7px;animation:1.2s infinite pulse}.avatar-violation-hud.caution .violation-pulse-dot{background-color:#f59e0b;box-shadow:0 0 6px #f59e0b}.avatar-violation-hud.bad .violation-pulse-dot{background-color:#ef4444;box-shadow:0 0 8px #ef4444}.violation-label{text-transform:uppercase}.avatar-preview-canvas-container{background:radial-gradient(circle at 50% 40%,#111726 0%,#07090e 80%);border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;min-height:380px;display:flex;position:relative;overflow:hidden}.preview-three-canvas{display:block;width:100%!important;height:100%!important}.preview-loading-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;pointer-events:none;background-color:#07090ebf;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.preview-spinner{border:3px solid #00e5ff33;border-top-color:#00e5ff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spinPreview}@keyframes spinPreview{to{transform:rotate(360deg)}}.preview-loading-text{color:#94a3b8;letter-spacing:.05em;font-size:.85rem;font-weight:700}.preview-fallback-overlay{text-align:center;z-index:12;background-color:#0e121beb;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.preview-fallback-icon{margin-bottom:.5rem;font-size:2.5rem}.preview-fallback-overlay h4{color:#f1f5f9;margin:0 0 .5rem;font-size:1.1rem;font-weight:800}.preview-fallback-overlay p{color:#94a3b8;max-width:320px;margin:0 0 1rem;font-size:.85rem}.preview-fallback-sub{color:#00e5ff;font-size:.75rem;font-weight:600}.preview-tech-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#00e5ff;pointer-events:none;z-index:15;background:#0f172abf;border:1px solid #00e5ff40;border-radius:6px;flex-direction:column;gap:.2rem;padding:.4rem .75rem;font-size:.68rem;display:flex;position:absolute;top:1rem;left:1rem}.voice-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#05070cd9;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out voiceFadeIn;display:flex;position:fixed;inset:0}@keyframes voiceFadeIn{0%{opacity:0}to{opacity:1}}.voice-modal-card{border-radius:var(--radius-xl,16px);background-color:#0c1018;border:1px solid #1e2638;flex-direction:column;width:100%;max-width:520px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0009,0 0 30px #00e5ff0f}.voice-modal-header{border-bottom:1px solid #161d2b;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.voice-badge{color:#00e5ff;letter-spacing:.08em;border-radius:var(--radius-full,9999px);text-transform:uppercase;background:#00e5ff0f;border:1px solid #00e5ff33;margin-bottom:.4rem;padding:.2rem .6rem;font-size:.65rem;font-weight:700;display:inline-block}.voice-title{color:#fff;margin:0;font-size:1.25rem;font-weight:700}.voice-close-btn{color:#94a3b8;cursor:pointer;border-radius:var(--radius-sm,6px);transition:color var(--transition-fast,.12s ease);background:0 0;border:none;padding:.2rem .4rem;font-size:1.6rem;line-height:1}.voice-close-btn:hover{color:#fff}.voice-modal-body{flex-direction:column;gap:1.1rem;padding:1.25rem 1.5rem;display:flex}.voice-setting-row{border-bottom:1px solid #ffffff0a;flex-direction:column;gap:.45rem;padding-bottom:.85rem;display:flex}.voice-setting-row:last-of-type{border-bottom:none;padding-bottom:0}.voice-setting-row.toggle-row{flex-direction:row;justify-content:space-between;align-items:center}.voice-setting-row.disabled{opacity:.45;pointer-events:none}.setting-label-group{flex-direction:column;gap:.15rem;display:flex}.setting-name{color:#e2e8f0;font-size:.88rem;font-weight:700}.setting-name-with-val{color:#e2e8f0;justify-content:space-between;align-items:center;font-size:.88rem;font-weight:700;display:flex}.setting-val-badge{color:#00e5ff;border-radius:var(--radius-sm,4px);background:#00e5ff14;padding:.1rem .45rem;font-size:.75rem}.setting-desc{color:#94a3b8;font-size:.75rem;line-height:1.4}.voice-switch{border-radius:var(--radius-full,9999px);cursor:pointer;width:60px;height:30px;transition:background-color var(--transition-base,.2s ease);background-color:#1e2638;border:1px solid #2d374d;align-items:center;padding:3px;display:flex;position:relative}.voice-switch.active{background-color:#10b981;border-color:#059669}.switch-knob{width:22px;height:22px;transition:transform var(--transition-base,.2s ease);background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d}.voice-switch.active .switch-knob{transform:translate(30px)}.switch-text{color:#fff;font-size:.6rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.voice-switch.active .switch-text{left:8px}.voice-switch:not(.active) .switch-text{color:#94a3b8;right:8px}.voice-select-input{color:#e2e8f0;border-radius:var(--radius-sm,8px);cursor:pointer;background-color:#07090e;border:1px solid #1e2638;outline:none;width:100%;padding:.6rem .8rem;font-size:.8rem}.voice-select-input:focus{border-color:#00e5ff66}.voice-slider{accent-color:#00e5ff;border-radius:var(--radius-sm,4px);cursor:pointer;background:#1e2638;width:100%;height:5px}.voice-test-bar{border-top:1px dashed #1e2638;align-items:center;gap:.85rem;margin-top:.4rem;padding-top:.85rem;display:flex}.btn-test-voice{color:#00e5ff;border-radius:var(--radius-sm,8px);cursor:pointer;transition:all var(--transition-fast,.12s ease);white-space:nowrap;background-color:#00e5ff14;border:1px solid #00e5ff40;padding:.5rem 1rem;font-size:.78rem;font-weight:700}.btn-test-voice:hover:not(:disabled){color:#00e5ff;background-color:#00e5ff2e;border-color:#00e5ff80}.btn-test-voice:disabled{opacity:.4;cursor:not-allowed}.test-feedback-text{color:#10b981;font-size:.75rem;font-weight:600}.voice-support-warning{border-radius:var(--radius-md,12px);background-color:#f59e0b14;border:1px solid #f59e0b38;align-items:center;gap:.85rem;margin:1.25rem 1.5rem;padding:1.25rem;display:flex}.voice-support-warning h4{color:#f59e0b;margin:0 0 .2rem;font-size:.88rem;font-weight:700}.voice-support-warning p{color:#94a3b8;margin:0;font-size:.75rem;line-height:1.4}.voice-modal-footer{background-color:#07090e;border-top:1px solid #161d2b;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.privacy-note{color:#64748b;align-items:center;gap:.35rem;font-size:.68rem;display:flex}.dot-sep{opacity:.5}.btn-modal-done{color:#07090e;border-radius:var(--radius-sm,8px);cursor:pointer;transition:all var(--transition-base,.2s ease);background-color:#10b981;border:none;padding:.45rem 1.2rem;font-size:.82rem;font-weight:700}.btn-modal-done:hover{background-color:#34d399;transform:translateY(-1px)}.recent-sessions-card{border-radius:var(--radius-lg,14px);box-sizing:border-box;background-color:#0c1018;border:1px solid #1e2638;width:100%;margin-top:1.75rem;padding:1.5rem 1.75rem}.recent-sessions-card.empty-state{text-align:center;padding:2.5rem 1.75rem}.empty-content{flex-direction:column;align-items:center;max-width:440px;margin:0 auto;display:flex}.empty-icon{margin-bottom:.65rem;font-size:2.25rem}.empty-title{color:#fff;margin:0 0 .4rem;font-size:1.15rem;font-weight:700}.empty-subtitle{color:#94a3b8;margin:0;font-size:.82rem;line-height:1.45}.recent-sessions-header{border-bottom:1px solid #1a2233;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.85rem;display:flex}.header-left{align-items:center;gap:.75rem;display:flex}.sessions-section-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:700}.sessions-count-pill{color:#00e5ff;border-radius:var(--radius-full,9999px);letter-spacing:.05em;background-color:#10151f;border:1px solid #1e2638;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.btn-clear-history{color:#94a3b8;border-radius:var(--radius-sm,6px);cursor:pointer;transition:all var(--transition-fast,.12s ease);background:0 0;border:1px solid #283248;padding:.3rem .7rem;font-size:.72rem;font-weight:600}.btn-clear-history:hover{color:#f87171;background-color:#ef44441a;border-color:#ef444466}.confirm-clear-group{align-items:center;gap:.4rem;display:flex}.confirm-prompt{color:#fca5a5;font-size:.72rem;font-weight:700}.btn-confirm-yes{color:#fff;border-radius:var(--radius-sm,4px);cursor:pointer;transition:opacity var(--transition-fast,.12s ease);background-color:#ef4444;border:none;padding:.25rem .6rem;font-size:.68rem;font-weight:700}.btn-confirm-yes:hover{opacity:.9}.btn-confirm-cancel{color:#cbd5e1;border-radius:var(--radius-sm,4px);cursor:pointer;transition:all var(--transition-fast,.12s ease);background-color:#1a2234;border:1px solid #2e3b54;padding:.25rem .55rem;font-size:.68rem;font-weight:600}.btn-confirm-cancel:hover{background-color:#243049}.sessions-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:.85rem;display:grid}.session-item-card{border-radius:var(--radius-md,10px);transition:border-color var(--transition-fast,.12s ease);background-color:#10151f;border:1px solid #1e2638;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.session-item-card:hover{border-color:#2b3a54}.session-card-header{justify-content:space-between;align-items:center;display:flex}.session-exercise-tag-group{align-items:center;gap:.5rem;display:flex}.exercise-pill{border-radius:var(--radius-sm,4px);letter-spacing:.04em;text-transform:uppercase;padding:.15rem .5rem;font-size:.68rem;font-weight:700}.badge-squat{color:#00e5ff;background-color:#00e5ff1f;border:1px solid #00e5ff4d}.badge-pushup{color:#10b981;background-color:#10b9811f;border:1px solid #10b9814d}.badge-curl{color:#818cf8;background-color:#818cf81f;border:1px solid #818cf84d}.session-date-label{color:#64748b;font-size:.68rem;font-weight:600}.btn-delete-session{color:#64748b;border-radius:var(--radius-sm,4px);cursor:pointer;width:22px;height:22px;transition:all var(--transition-fast,.12s ease);background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex}.btn-delete-session:hover{color:#ef4444;background-color:#ef44441f}.session-stats-row{border-radius:var(--radius-sm,6px);background-color:#0003;border:1px solid #1a2233;grid-template-columns:repeat(4,1fr);gap:.35rem;padding:.5rem .65rem;display:grid}.session-stat-cell{flex-direction:column;align-items:center;display:flex}.cell-label{color:#64748b;letter-spacing:.05em;margin-bottom:.1rem;font-size:.55rem;font-weight:700}.cell-val{color:#fff;font-size:1rem;font-weight:700}.session-feedback-row{flex-direction:column;gap:.3rem;display:flex}.feedback-row-label{color:#64748b;letter-spacing:.06em;font-size:.58rem;font-weight:700}.feedback-tags-list{flex-wrap:wrap;gap:.3rem;display:flex}.category-tag{color:#cbd5e1;border-radius:var(--radius-sm,4px);background-color:#ffffff08;border:1px solid #1e2638;padding:.1rem .4rem;font-size:.65rem;font-weight:600}.btn-repeat-session{color:#cbd5e1;border-radius:var(--radius-sm,6px);cursor:pointer;text-align:center;transition:all var(--transition-fast,.12s ease);background-color:#141a25;border:1px solid #283248;margin-top:.15rem;padding:.35rem .6rem;font-size:.72rem;font-weight:600}.btn-repeat-session:hover{color:#00e5ff;background-color:#1e2638;border-color:#00e5ff4d}@media (width<=768px){.recent-sessions-card{padding:1.25rem 1rem}.sessions-grid{grid-template-columns:1fr}}.project-story-section{background-color:#07090f;border-top:1px solid #161d2b;padding:3.5rem 2.5rem}.story-container{flex-direction:column;gap:2.5rem;max-width:1100px;margin:0 auto;display:flex}.story-header{text-align:center;max-width:800px;margin:0 auto}.story-badge-wrap{margin-bottom:.75rem;display:inline-block}.story-badge{color:#00e5ff;letter-spacing:.08em;border-radius:var(--radius-full,9999px);text-transform:uppercase;background-color:#00e5ff0f;border:1px solid #00e5ff33;padding:.3rem .75rem;font-size:.68rem;font-weight:700}.story-headline{color:#fff;letter-spacing:-.015em;margin:0 0 1.1rem;font-size:2.1rem;font-weight:700;line-height:1.2}.story-lead{color:#94a3b8;margin:0;font-size:.95rem;line-height:1.65}.story-compare-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.compare-card{border-radius:var(--radius-md,12px);background-color:#0c0f17;border:1px solid #1e2638;flex-direction:column;gap:.85rem;padding:1.5rem;display:flex}.compare-card.original{border-color:#232c40}.compare-card.modern{background:radial-gradient(circle at 100% 0,#00e5ff08,#0c0f17 70%);border-color:#00e5ff4d;box-shadow:0 4px 20px #00e5ff0d}.compare-header{flex-direction:column;gap:.3rem;display:flex}.compare-tag{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:700}.compare-tag.highlight{color:#00e5ff}.compare-title{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.compare-desc{color:#94a3b8;margin:0;font-size:.82rem;line-height:1.55}.compare-points{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.compare-points li{color:#cbd5e1;align-items:flex-start;gap:.6rem;font-size:.82rem;line-height:1.45;display:flex}.point-bullet{color:#64748b;font-size:1.1rem;line-height:1}.point-bullet.highlight{color:#00e5ff}.pipeline-wrapper{border-radius:var(--radius-md,12px);background-color:#0b0e16;border:1px solid #1a2233;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.pipeline-header{text-align:center;max-width:680px;margin:0 auto}.pipeline-tag{color:#00e5ff;letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:700}.pipeline-title{color:#fff;margin:.3rem 0 .55rem;font-size:1.4rem;font-weight:700}.pipeline-subtitle{color:#94a3b8;margin:0;font-size:.82rem;line-height:1.5}.pipeline-flow-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.85rem;display:grid}.pipeline-step-card{border-radius:var(--radius-sm,8px);transition:all var(--transition-base,.2s ease);background-color:#101522;border:1px solid #1e2638;flex-direction:column;gap:.4rem;padding:1rem .85rem;display:flex;position:relative}.pipeline-step-card:hover{background-color:#141b2b;border-color:#00e5ff59;transform:translateY(-2px)}.step-top-bar{justify-content:space-between;align-items:center;display:flex}.step-number{color:#00e5ff;font-size:.68rem;font-weight:700}.step-icon{font-size:1.1rem}.step-name{color:#fff;margin:0;font-size:.82rem;font-weight:700;line-height:1.25}.step-detail{color:#94a3b8;margin:0;font-size:.7rem;line-height:1.35}.step-arrow{display:none}.pipeline-chain-bar{border-radius:var(--radius-sm,8px);background-color:#080a10;border:1px solid #161d2b;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.1rem;font-size:.72rem;display:flex}.chain-item{color:#cbd5e1;border-radius:var(--radius-sm,4px);background-color:#10151f;padding:.2rem .5rem}.chain-item.active{color:#00e5ff;border:1px solid #00e5ff59}.chain-item.active-3d{color:#34d399;border:1px solid #10b98159}.chain-sep{color:#64748b;font-weight:700}@media (width<=960px){.story-compare-grid{grid-template-columns:1fr}.pipeline-flow-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.project-story-section{padding:3rem 1.25rem}.story-headline{font-size:1.75rem}.pipeline-flow-grid{grid-template-columns:1fr}}.dashboard-view{color:#e2e8f0;box-sizing:border-box;background-color:#080a10;flex-direction:column;min-height:100vh;padding:0;display:flex}.dash-header{background-color:#0c0e16;border-bottom:1px solid #1e2638;justify-content:space-between;align-items:center;padding:.85rem 2rem;display:flex}.brand-badge-group{align-items:center;gap:.7rem;display:flex}.badge-year{color:#07090e;border-radius:var(--radius-sm,4px);letter-spacing:.05em;background:#00e5ff;padding:.2rem .45rem;font-size:.7rem;font-weight:700}.brand-text{flex-direction:column;display:flex}.brand-main{letter-spacing:.06em;color:#fff;margin:0;font-size:1.2rem;font-weight:700}.brand-sub{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.dash-header-actions{align-items:center;gap:.6rem;display:flex}.tech-toggle-btn{color:#94a3b8;border-radius:var(--radius-sm,6px);cursor:pointer;transition:all var(--transition-fast,.12s ease);background-color:#10151f;border:1px solid #283248;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.tech-toggle-btn.active{color:#00e5ff;background-color:#00e5ff1a;border-color:#00e5ff66}.btn-secondary{color:#f1f5f9;border-radius:var(--radius-sm,6px);cursor:pointer;transition:all var(--transition-fast,.12s ease);background-color:#1e2638;border:1px solid #334155;padding:.4rem .9rem;font-size:.8rem;font-weight:600}.btn-secondary:hover{background-color:#29354d}.dash-hero{border-bottom:1px solid #161c29;justify-content:space-between;align-items:flex-end;gap:1.75rem;padding:2.5rem 2rem 1.75rem;display:flex}.hero-content{max-width:640px}.hero-pill{color:#00e5ff;border-radius:var(--radius-full,9999px);letter-spacing:.08em;text-transform:uppercase;background-color:#00e5ff14;border:1px solid #00e5ff33;margin-bottom:.85rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.hero-headline{letter-spacing:-.02em;color:#fff;margin:0 0 .85rem;font-size:2.25rem;font-weight:700;line-height:1.15}.hero-subtitle{color:#94a3b8;margin:0;font-size:.95rem;line-height:1.6}.hero-stats-panel{border-radius:var(--radius-md,10px);background-color:#0c1018;border:1px solid #1e2638;gap:1rem;padding:1rem 1.5rem;display:flex}.stat-box{flex-direction:column;align-items:center;min-width:75px;display:flex}.stat-val{color:#fff;font-variant-numeric:tabular-nums;font-size:1.65rem;font-weight:700}.accent-cyan{color:#00e5ff}.accent-green{color:#10b981}.clickable-stat-box{cursor:pointer;border-radius:var(--radius-sm,6px);transition:all var(--transition-fast,.12s ease);border:1px dashed #0000;padding:.15rem .4rem}.clickable-stat-box:hover{background-color:#10b98114;border-color:#10b9814d;transform:translateY(-1px)}.dash-exercises-section{flex:1;padding:2rem 2.5rem 3rem}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;display:flex}.section-title{letter-spacing:-.01em;color:#fff;margin:0 0 .3rem;font-size:1.35rem;font-weight:700}.section-desc{color:#94a3b8;margin:0;font-size:.88rem}.link-btn{color:#00e5ff;cursor:pointer;transition:opacity var(--transition-fast,.12s ease);background:0 0;border:none;padding:0;font-size:.85rem;font-weight:700}.link-btn:hover{opacity:.8}.exercise-card-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.25rem;display:grid}.exercise-card{border-radius:var(--radius-lg,12px);transition:all var(--transition-base,.2s ease);background-color:#0c1018;border:1px solid #1e2638;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex}.exercise-card:hover{border-color:#2d3b56;transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.card-badges{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.badge-cat{color:#e2e8f0;border-radius:var(--radius-sm,4px);background-color:#ffffff0f;padding:.15rem .5rem;font-size:.68rem;font-weight:600}.badge-cam{color:#00e5ff;border-radius:var(--radius-sm,4px);background-color:#00e5ff14;border:1px solid #00e5ff33;padding:.15rem .5rem;font-size:.68rem;font-weight:600}.card-title{color:#fff;margin:0 0 .5rem;font-size:1.4rem;font-weight:700}.card-muscles{margin-bottom:1.1rem}.muscles-label,.rules-label{color:#64748b;letter-spacing:.06em;margin-bottom:.4rem;font-size:.65rem;font-weight:700;display:block}.muscle-tags{flex-wrap:wrap;gap:.35rem;display:flex}.muscle-pill{color:#cbd5e1;border-radius:var(--radius-sm,4px);background-color:#141a25;border:1px solid #1e2638;padding:.15rem .45rem;font-size:.72rem;font-weight:600}.rules-list{color:#cbd5e1;margin:0 0 1.25rem 1rem;padding:0;font-size:.82rem;line-height:1.45}.btn-start{color:#07090e;border-radius:var(--radius-md,8px);letter-spacing:.02em;cursor:pointer;width:100%;transition:all var(--transition-base,.2s ease);background:#00e5ff;border:none;padding:.8rem;font-size:.9rem;font-weight:700}.btn-start:hover{background:#33ebff;transform:translateY(-1px);box-shadow:0 4px 12px #00e5ff4d}.dash-footer{background-color:#07090f;border-top:1px solid #161d2b;padding:1.25rem 2.5rem}.footer-callout{align-items:center;gap:.85rem;display:flex}.callout-badge{color:#94a3b8;border-radius:var(--radius-sm,4px);letter-spacing:.06em;white-space:nowrap;background-color:#1e293b;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.callout-text{color:#64748b;margin:0;font-size:.78rem;line-height:1.4}@media (width<=900px){.dash-hero{flex-direction:column;align-items:flex-start}.hero-stats-panel{justify-content:space-around;width:100%}}@media (width<=640px){.dash-header{flex-wrap:wrap;gap:.75rem;padding:.85rem 1rem}.dash-header-actions{justify-content:space-between;width:100%}.dash-hero{padding:1.5rem 1rem}.hero-headline{font-size:1.85rem}.dash-exercises-section{padding:1.5rem 1rem 2.5rem}.dash-footer{padding:1.25rem 1rem}}.exercise-selection-view{color:#e2e8f0;background-color:#080a10;flex-direction:column;min-height:100vh;display:flex}.selection-header{background-color:#0c0e16;border-bottom:1px solid #1e2638;justify-content:space-between;align-items:center;padding:.85rem 2rem;display:flex}.back-btn{color:#94a3b8;border-radius:var(--radius-sm,6px);cursor:pointer;transition:all var(--transition-fast,.12s ease);background:0 0;border:1px solid #283248;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.back-btn:hover{color:#fff;background-color:#1e2638}.selection-page-title{letter-spacing:.02em;color:#fff;margin:0;font-size:1.15rem;font-weight:700}.selection-spacer{width:110px}.selection-container{box-sizing:border-box;width:100%;max-width:1040px;margin:1.5rem auto;padding:0 1.25rem}.exercise-tab-bar{gap:.6rem;margin-bottom:1.25rem;display:flex}.exercise-tab{border-radius:var(--radius-md,8px);cursor:pointer;transition:all var(--transition-fast,.12s ease);background-color:#0c1018;border:1px solid #1e2638;flex:1;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.exercise-tab:hover{border-color:#334155}.exercise-tab.active{background-color:#121825;border-color:#00e5ff80;box-shadow:0 0 12px #00e5ff14}.tab-name{color:#fff;font-size:1.05rem;font-weight:700}.tab-cam{color:#00e5ff;border-radius:var(--radius-sm,6px);background-color:#00e5ff14;padding:.15rem .45rem;font-size:.7rem;font-weight:600}.details-card{border-radius:var(--radius-xl,14px);background-color:#0c1018;border:1px solid #1e2638;padding:1.75rem}.details-header{border-bottom:1px solid #1c2436;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.details-badge{letter-spacing:.1em;color:#00e5ff;border-radius:var(--radius-sm,6px);background-color:#00e5ff14;margin-bottom:.4rem;padding:.2rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.details-title{color:#fff;margin:0 0 .4rem;font-size:2rem;font-weight:700}.details-desc{color:#94a3b8;max-width:560px;margin:0;font-size:.9rem;line-height:1.55}.rep-config-box{border-radius:var(--radius-md,8px);background-color:#10151f;border:1px solid #1e2638;min-width:200px;padding:.85rem 1rem}.rep-config-label{letter-spacing:.08em;color:#94a3b8;text-align:center;margin-bottom:.5rem;font-size:.65rem;font-weight:700;display:block}.rep-btn-group{gap:.35rem;display:flex}.rep-opt-btn{color:#fff;border-radius:var(--radius-sm,6px);cursor:pointer;transition:all var(--transition-fast,.12s ease);background-color:#1e2638;border:1px solid #334155;flex:1;padding:.45rem 0;font-size:.9rem;font-weight:700}.rep-opt-btn:hover{background-color:#2a354c}.rep-opt-btn.selected{color:#07090e;background-color:#00e5ff;border-color:#00e5ff}.details-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.detail-panel{border-radius:var(--radius-md,8px);background-color:#10151f;border:1px solid #1e2638;padding:1.25rem}.panel-title{letter-spacing:.02em;color:#fff;margin:0 0 1rem;font-size:.95rem;font-weight:700}.phases-flow{flex-direction:column;gap:.85rem;display:flex}.phase-flow-item{align-items:flex-start;gap:.7rem;display:flex}.phase-num{color:#00e5ff;background-color:#00e5ff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.phase-badge{color:#fff;margin-bottom:.15rem;font-size:.75rem;font-weight:700;display:inline-block}.phase-desc{color:#94a3b8;margin:0;font-size:.82rem;line-height:1.4}.dos-donts-container{flex-direction:column;gap:1rem;display:flex}.list-heading{margin-bottom:.4rem;font-size:.8rem;font-weight:700;display:block}.good-text{color:#10b981}.bad-text{color:#ef4444}.dos-list ul,.donts-list ul{color:#cbd5e1;margin:0;padding-left:1.1rem;font-size:.82rem;line-height:1.55}.camera-advice-banner{border-radius:var(--radius-md,8px);background-color:#00e5ff0a;border:1px solid #00e5ff26;align-items:center;gap:.85rem;margin-bottom:1.5rem;padding:.85rem 1.25rem;display:flex}.camera-icon{font-size:1.25rem}.camera-advice-text{color:#cbd5e1;font-size:.85rem;line-height:1.45}.camera-advice-text strong{color:#00e5ff}.selection-cta-bar{justify-content:flex-end;display:flex}.btn-launch{color:#07090e;border-radius:var(--radius-md,8px);cursor:pointer;transition:all var(--transition-base,.2s ease);background:#00e5ff;border:none;padding:.85rem 1.75rem;font-size:1rem;font-weight:700}.btn-launch:hover{background:#33ebff;transform:translateY(-1px);box-shadow:0 4px 16px #00e5ff4d}@media (width<=800px){.details-grid{grid-template-columns:1fr}.details-header{flex-direction:column}}.exercise-demo-container{color:#e2e8f0;box-sizing:border-box;background-color:#080a10;flex-direction:column;min-height:100vh;display:flex}.demo-header{background-color:#0c0e16;border-bottom:1px solid #1e2638;justify-content:space-between;align-items:center;padding:.85rem 2rem;display:flex}.demo-back-btn{color:#94a3b8;border-radius:var(--radius-sm,6px);cursor:pointer;transition:all var(--transition-fast,.12s ease);background:0 0;border:1px solid #283248;padding:.4rem .85rem;font-size:.85rem;font-weight:600}.demo-back-btn:hover{color:#fff;background-color:#1a2336}.demo-header-badge-group{flex-direction:column;align-items:center;display:flex}.demo-badge{color:#00e5ff;letter-spacing:.08em;font-size:.68rem;font-weight:700}.demo-exercise-name{letter-spacing:.02em;color:#fff;margin:0;font-size:1.3rem;font-weight:700}.demo-header-spacer{width:90px}.demo-content-grid{box-sizing:border-box;flex:1;grid-template-columns:1.25fr 1fr;gap:1.5rem;width:100%;max-width:1350px;margin:0 auto;padding:1.5rem 2rem;display:grid}.demo-video-card{border-radius:var(--radius-lg,14px);background-color:#0a0d15;border:1px solid #1a2233;flex-direction:column;display:flex;overflow:hidden}.video-viewport{aspect-ratio:16/9;background-color:#04060a;justify-content:center;align-items:center;width:100%;min-height:360px;display:flex;position:relative;overflow:hidden}.trainer-video{object-fit:contain;width:100%;height:100%;display:block}.video-controls-overlay{z-index:10;background:linear-gradient(#0000 0%,#080a1066 30%,#080a10f2 100%);flex-direction:column;gap:.5rem;padding:.65rem 1.1rem .75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.video-progress-line{border-radius:var(--radius-full,9999px);background-color:#ffffff1f;width:100%;height:3px;overflow:hidden}.video-progress-fill{border-radius:var(--radius-full,9999px);background-color:#00e5ff;height:100%;transition:width .1s linear}.video-controls-bar{justify-content:space-between;align-items:center;display:flex}.controls-left,.controls-right{gap:.4rem;display:flex}.ctrl-btn{color:#f1f5f9;border-radius:var(--radius-sm,6px);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition-fast,.12s ease);background-color:#1a2233d9;border:1px solid #2d3b56;padding:.35rem .75rem;font-size:.78rem;font-weight:600}.ctrl-btn:hover{color:#07090f;background-color:#00e5ff;border-color:#00e5ff}.video-fallback-card{text-align:center;box-sizing:border-box;background:radial-gradient(circle,#101524 0%,#060911 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2.25rem;display:flex}.fallback-badge{color:#f59e0b;letter-spacing:.08em;border-radius:var(--radius-sm,4px);background-color:#f59e0b1f;border:1px solid #f59e0b4d;margin-bottom:1.1rem;padding:.2rem .55rem;font-size:.68rem;font-weight:700}.fallback-illustration{justify-content:center;align-items:center;width:75px;height:75px;margin-bottom:.85rem;display:flex;position:relative}.fallback-icon{font-size:2.75rem}.fallback-title{color:#fff;margin:0 0 .4rem;font-size:1.2rem;font-weight:700}.fallback-text{color:#94a3b8;max-width:420px;margin:0 0 1.25rem;font-size:.82rem;line-height:1.45}.fallback-phase-tags{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.phase-chip{color:#00e5ff;border-radius:var(--radius-sm,4px);background-color:#141a28;border:1px solid #1e2638;padding:.2rem .55rem;font-size:.72rem;font-weight:600}.demo-info-panel{flex-direction:column;gap:1.1rem;display:flex}.camera-spec-card{border-radius:var(--radius-md,12px);background-color:#0c1018;border:1px solid #1a2233;padding:1.1rem 1.25rem}.spec-label{color:#64748b;letter-spacing:.06em;margin-bottom:.5rem;font-size:.65rem;font-weight:700;display:block}.spec-badge-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.cam-orientation-badge{color:#00e5ff;border-radius:var(--radius-sm,6px);letter-spacing:.04em;background-color:#00e5ff1a;border:1px solid #00e5ff40;padding:.3rem .65rem;font-size:.82rem;font-weight:700}.cam-hint{color:#94a3b8;font-size:.82rem}.instructions-card{border-radius:var(--radius-md,12px);background-color:#0c1018;border:1px solid #1a2233;flex-direction:column;flex:1;padding:1.25rem;display:flex}.instructions-title{letter-spacing:.02em;color:#fff;margin:0 0 1.1rem;font-size:1rem;font-weight:700}.instructions-list{flex-direction:column;gap:.85rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.instruction-item{align-items:flex-start;gap:.75rem;display:flex}.step-num{color:#00e5ff;background-color:#141a25;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:.1rem;font-size:.72rem;font-weight:700;display:flex}.step-text{color:#cbd5e1;font-size:.85rem;line-height:1.45}.coaching-tips-box{border-radius:var(--radius-md,8px);background-color:#00e5ff0a;border:1px solid #00e5ff2e;margin-top:auto;padding:.85rem 1.1rem}.tips-title{color:#00e5ff;letter-spacing:.06em;margin-bottom:.4rem;font-size:.68rem;font-weight:700;display:block}.tips-list{color:#cbd5e1;margin:0;padding-left:1.1rem;font-size:.82rem;line-height:1.45}.demo-action-footer{margin-top:.5rem}.btn-start-exercise{color:#07090e;border-radius:var(--radius-md,8px);letter-spacing:.02em;cursor:pointer;width:100%;transition:all var(--transition-base,.2s ease);background-color:#00e5ff;border:none;padding:.95rem;font-size:1rem;font-weight:700}.btn-start-exercise:hover{background-color:#33ebff;transform:translateY(-1px);box-shadow:0 4px 16px #00e5ff4d}@media (width<=960px){.demo-content-grid{grid-template-columns:1fr;padding:1.25rem}}.prep-view{color:#e2e8f0;background-color:#080a10;flex-direction:column;min-height:100vh;display:flex}.prep-header{background-color:#0c0e16;border-bottom:1px solid #1e2638;justify-content:space-between;align-items:center;padding:.85rem 2rem;display:flex}.btn-back{color:#94a3b8;border-radius:var(--radius-sm,6px);cursor:pointer;transition:all var(--transition-fast,.12s ease);background:0 0;border:1px solid #283248;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.btn-back:hover:not(:disabled){color:#fff;background-color:#1e2638}.btn-back:disabled{opacity:.4;cursor:not-allowed}.prep-exercise-badge{flex-direction:column;align-items:center;display:flex}.prep-tag{color:#00e5ff;letter-spacing:.1em;font-size:.65rem;font-weight:700}.prep-title{color:#fff;margin:0;font-size:1.25rem;font-weight:700}.prep-spacer{width:120px}.prep-main-content{box-sizing:border-box;flex:1;gap:1.5rem;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex}.prep-camera-container{border-radius:var(--radius-lg,12px);background-color:#04060a;border:1px solid #1e2638;flex:1.4;justify-content:center;align-items:center;min-height:440px;display:flex;position:relative;overflow:hidden}.prep-video{object-fit:contain;width:100%;height:100%}.prep-video.mirrored{transform:scaleX(-1)}.prep-canvas{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.framing-guide-box{border-radius:var(--radius-lg,12px);pointer-events:none;width:70%;height:85%;transition:all var(--transition-slow,.3s ease);border:2px dashed #ffffff1f;position:absolute}.framing-guide-box.locked{border-style:solid;border-color:#10b98199;box-shadow:0 0 20px #10b98126}.framing-guide-box.locked .guide-corner{border-color:#10b981}.framing-guide-box.warning{border-style:dashed;border-color:#f59e0b66;box-shadow:0 0 16px #f59e0b1a}.framing-guide-box.warning .guide-corner{border-color:#f59e0b}.guide-corner{border-color:#00e5ff;width:20px;height:20px;position:absolute}.guide-corner.top-left{border-top:3px solid;border-left:3px solid;top:-2px;left:-2px}.guide-corner.top-right{border-top:3px solid;border-right:3px solid;top:-2px;right:-2px}.guide-corner.bottom-left{border-bottom:3px solid;border-left:3px solid;bottom:-2px;left:-2px}.guide-corner.bottom-right{border-bottom:3px solid;border-right:3px solid;bottom:-2px;right:-2px}.prep-status-pill{border-radius:var(--radius-full,9999px);letter-spacing:.03em;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;align-items:center;gap:.5rem;max-width:90%;padding:.45rem 1.1rem;font-size:.78rem;font-weight:600;display:flex;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000059}.prep-status-pill.status-good{color:#34d399;background-color:#10b9812e;border:1px solid #10b98180}.prep-status-pill.status-warning{color:#fbbf24;background-color:#f59e0b2e;border:1px solid #f59e0b73}.prep-status-pill.status-searching{color:#cbd5e1;background-color:#64748b33;border:1px solid #94a3b84d}.pulse-dot{background-color:currentColor;border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse}.prep-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:15;text-align:center;background-color:#04060ae0;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.prep-spinner{border:2.5px solid #00e5ff33;border-top-color:#00e5ff;border-radius:50%;width:36px;height:36px;margin-bottom:.75rem;animation:.75s linear infinite spin}.prep-overlay h3{color:#fff;margin:0 0 .3rem;font-size:1.05rem;font-weight:700}.prep-overlay p{color:#94a3b8;max-width:320px;font-size:.85rem}.overlay-icon{margin-bottom:.35rem;font-size:2.5rem}.btn-retry{color:#07090e;border-radius:var(--radius-sm,6px);cursor:pointer;transition:all var(--transition-fast,.12s ease);background-color:#00e5ff;border:none;margin-top:.75rem;padding:.55rem 1rem;font-size:.85rem;font-weight:700}.btn-retry:hover{background-color:#33ebff}.countdown-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:25;background-color:#080a10d1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-number{color:#00e5ff;text-shadow:0 0 32px #00e5ff80;font-size:7rem;font-weight:800;line-height:1;animation:.8s scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.countdown-sub{color:#fff;letter-spacing:.04em;margin-top:.75rem;font-size:1.15rem;font-weight:600}.prep-sidebar{flex-direction:column;flex:1;gap:1.25rem;display:flex}.sidebar-card,.sidebar-action-card{border-radius:var(--radius-lg,12px);background-color:#0c1018;border:1px solid #1e2638;padding:1.25rem}.sidebar-title{color:#fff;margin:0 0 1rem;font-size:1.05rem;font-weight:700}.checklist{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.check-item{color:#cbd5e1;align-items:flex-start;gap:.6rem;font-size:.85rem;line-height:1.45;display:flex}.check-icon{color:#00e5ff;flex-shrink:0;margin-top:.05rem;font-weight:700}.sidebar-action-card{flex-direction:column;gap:.85rem;display:flex}.action-header{justify-content:space-between;align-items:center;display:flex}.action-label{color:#94a3b8;letter-spacing:.08em;font-size:.65rem;font-weight:700}.status-tag{border-radius:var(--radius-sm,6px);padding:.2rem .45rem;font-size:.65rem;font-weight:700}.status-tag.ready{color:#10b981;background-color:#10b9811f;border:1px solid #10b98140}.status-tag.warning{color:#f59e0b;background-color:#f59e0b1f;border:1px solid #f59e0b40}.status-tag.searching{color:#94a3b8;background-color:#94a3b81f;border:1px solid #94a3b833}.action-desc{color:#cbd5e1;min-height:2.5rem;margin:0;font-size:.85rem;line-height:1.5}.btn-begin-workout{color:#07090e;border-radius:var(--radius-md,8px);letter-spacing:.02em;cursor:pointer;transition:all var(--transition-base,.2s ease);background:#00e5ff;border:none;padding:.85rem;font-size:.95rem;font-weight:700}.btn-begin-workout:hover:not(:disabled){background:#33ebff;transform:translateY(-1px);box-shadow:0 4px 16px #00e5ff4d}.btn-begin-workout:disabled{color:#64748b;cursor:not-allowed;background-color:#1e2638}@media (width<=960px){.prep-main-content{flex-direction:column}}.live-workout-view{color:#e2e8f0;background-color:#080a10;flex-direction:column;height:100vh;min-height:100vh;font-size:.875rem;line-height:1.5;display:flex;position:relative;overflow:hidden}.workout-topbar{z-index:20;background-color:#0c0e16;border-bottom:1px solid #1e2638;flex-shrink:0;justify-content:space-between;align-items:center;padding:.6rem 1.5rem;display:flex}.topbar-left{align-items:center;gap:1rem;display:flex}.topbar-btn-exit{color:#94a3b8;border-radius:var(--radius-sm,6px);cursor:pointer;transition:all var(--transition-fast,.12s ease);background:0 0;border:1px solid #283248;padding:.35rem .75rem;font-size:.8rem;font-weight:600}.topbar-btn-exit:hover{color:#fca5a5;background-color:#ef444426;border-color:#ef4444}.topbar-exercise-info{flex-direction:column;display:flex}.live-tag{color:#00e5ff;letter-spacing:.1em;font-size:.6rem;font-weight:700}.live-exercise-name{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:700}.topbar-center{align-items:center;display:flex}.timer-badge{border-radius:var(--radius-sm,6px);background-color:#10151f;border:1px solid #1e2638;align-items:baseline;gap:.4rem;padding:.3rem .75rem;display:flex}.timer-label{color:#64748b;letter-spacing:.08em;font-size:.6rem;font-weight:700}.timer-val{color:#fff;font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.topbar-right{align-items:center;gap:.6rem;display:flex}.topbar-toggle{color:#94a3b8;border-radius:var(--radius-sm,6px);cursor:pointer;transition:all var(--transition-fast,.12s ease);white-space:nowrap;background-color:#10151f;border:1px solid #1e2638;padding:.35rem .7rem;font-size:.75rem;font-weight:600}.topbar-toggle.active{color:#00e5ff;background-color:#00e5ff1a;border-color:#00e5ff66}.topbar-btn-finish{color:#fff;border-radius:var(--radius-sm,6px);cursor:pointer;transition:all var(--transition-fast,.12s ease);background-color:#059669;border:none;padding:.4rem .9rem;font-size:.8rem;font-weight:700}.topbar-btn-finish:hover{background-color:#047857;transform:translateY(-1px)}.workout-stage-grid{box-sizing:border-box;flex:1;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:.75rem;min-width:0;min-height:0;padding:.75rem 1.5rem .5rem;display:grid;overflow:hidden}.stage-left-camera{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.camera-viewport-card{border-radius:var(--radius-lg,12px);background-color:#000;border:1px solid #1e2638;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.camera-feed{object-fit:contain;width:100%;height:100%}.camera-feed.mirrored{transform:scaleX(-1)}.camera-skeleton-canvas{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-badge-hud{z-index:10;position:absolute;top:1rem;left:1rem}.pose-status-indicator{border-radius:var(--radius-sm,6px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-style:solid;border-width:1px;align-items:center;gap:.4rem;padding:.3rem .7rem;display:flex;box-shadow:0 2px 8px #0000004d}.status-beacon{border-radius:50%;width:6px;height:6px}.status-title{letter-spacing:.06em;color:#fff;font-size:.7rem;font-weight:700}.camera-alert-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:15;text-align:center;background-color:#080a10eb;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.camera-alert-overlay h3{color:#fff;margin:.5rem 0 .35rem;font-size:1.1rem;font-weight:700}.camera-alert-overlay p{color:#94a3b8;max-width:320px;font-size:.85rem}.workout-spinner{border:2.5px solid #00e5ff33;border-top-color:#00e5ff;border-radius:50%;width:32px;height:32px;margin-bottom:.75rem;animation:.75s linear infinite spin}.no-person-warning{color:#fbbf24;border-radius:var(--radius-full,9999px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;letter-spacing:.05em;background-color:#f59e0b26;border:1px solid #f59e0b66;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.7rem;font-weight:700;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.warning-pulse{background-color:#f59e0b;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}.stage-right-stats{flex-direction:column;gap:1rem;min-width:0;max-width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.avatar-panel-container{flex:1.2;width:100%;min-width:0;max-width:100%;min-height:0;position:relative;overflow:hidden}.rep-counter-card{border-radius:var(--radius-lg,12px);background-color:#0c1018;border:1px solid #1e2638;flex-direction:column;flex:.8;justify-content:space-between;min-width:0;min-height:0;padding:1rem 1.25rem;display:flex}.rep-header{justify-content:space-between;align-items:flex-start;display:flex}.rep-phase-group{flex-direction:column;display:flex}.rep-card-label{color:#64748b;letter-spacing:.1em;margin-bottom:.2rem;font-size:.6rem;font-weight:700}.phase-pill{color:#00e5ff;border-radius:var(--radius-sm,6px);letter-spacing:.02em;background-color:#00e5ff1a;border:1px solid #00e5ff40;padding:.15rem .5rem;font-size:.8rem;font-weight:700;display:inline-block}.rep-target-label{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:600}.rep-number-display{align-items:baseline;gap:.4rem;margin:.35rem 0;display:flex}.big-rep-number{color:#fff;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:4rem;font-weight:800;line-height:.9}.rep-unit-label{color:#64748b;letter-spacing:.08em;font-size:1rem;font-weight:700}.phase-dots-bar{gap:.35rem;display:flex}.phase-dot-badge{text-align:center;border-radius:var(--radius-sm,6px);color:#64748b;transition:all var(--transition-fast,.12s ease);letter-spacing:.02em;background-color:#111622;border:1px solid #1e2638;flex:1;padding:.2rem 0;font-size:.6rem;font-weight:700}.phase-dot-badge.active{color:#00e5ff;background-color:#00e5ff1f;border-color:#00e5ff66}.workout-bottom-hud{z-index:10;background-color:#0a0c14;border-top:1px solid #1e2638;flex-shrink:0;grid-template-columns:160px 1.2fr 1.6fr;gap:.75rem;padding:.6rem 1.5rem 1rem;display:grid}.score-dial-card{border-radius:var(--radius-md,8px);background-color:#0c1018;border:1px solid #1e2638;flex-direction:column;justify-content:center;padding:.75rem .85rem;display:flex}.hud-card-label{color:#64748b;letter-spacing:.1em;margin-bottom:.2rem;font-size:.6rem;font-weight:700}.score-number-row{align-items:baseline;gap:.15rem;display:flex}.big-score-val{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800;line-height:1}.score-max-unit{color:#64748b;font-size:.8rem}.score-status-text{letter-spacing:.08em;margin-top:.15rem;font-size:.7rem;font-weight:700}.metrics-cards-row{align-items:stretch;gap:.5rem;display:flex;overflow-x:auto}.metric-chip{border-radius:var(--radius-md,8px);background-color:#0c1018;border:1px solid #1e2638;flex-direction:column;flex:1;justify-content:space-between;min-width:100px;padding:.6rem .7rem;display:flex}.metric-chip-label{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.02em;font-size:.6rem;font-weight:600;overflow:hidden}.metric-chip-val-row{justify-content:space-between;align-items:center;margin-top:.25rem;display:flex}.metric-chip-val{color:#fff;font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:700}.metric-chip-dot{border-radius:50%;width:6px;height:6px}.coaching-feedback-card{border-radius:var(--radius-md,8px);background-color:#0c1018;border:1px solid #1e2638;flex-direction:column;justify-content:space-between;padding:.6rem .85rem;display:flex}.feedback-message-box{align-items:flex-start;gap:.45rem;margin:0 0 .35rem;display:flex}.feedback-bullet{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.35rem}.feedback-text{color:#e2e8f0;margin:0;font-size:.85rem;font-weight:600;line-height:1.4}.target-progress-wrapper{align-items:center;gap:.6rem;display:flex}.progress-bar-track{border-radius:var(--radius-full,9999px);background-color:#1a2233;flex:1;height:5px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full,9999px);height:100%;transition:width var(--transition-slow,.3s ease);background:linear-gradient(90deg,#00e5ff 0%,#10b981 100%)}.progress-percent-label{color:#94a3b8;text-align:right;min-width:2.5rem;font-size:.7rem;font-weight:600}.technical-mode-telemetry{border-radius:var(--radius-md,8px);z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#080a10eb;border:1px solid #1e2638;min-width:220px;padding:.7rem .9rem;position:absolute;top:4rem;left:1.5rem;box-shadow:0 8px 32px #0009}.telemetry-title-bar{color:#94a3b8;letter-spacing:.1em;border-bottom:1px solid #1a2233;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.35rem;font-size:.62rem;font-weight:700;display:flex}.feedback-card-header{justify-content:space-between;align-items:center;display:flex}.speaking-hud-badge{border-radius:var(--radius-full,9999px);background-color:#00e5ff1a;border:1px solid #00e5ff40;align-items:center;gap:.35rem;padding:.15rem .45rem;animation:1.5s ease-in-out infinite speakingBadgePulse;display:flex}@keyframes speakingBadgePulse{0%,to{border-color:#00e5ff40;box-shadow:0 0 4px #00e5ff14}50%{border-color:#00e5ff99;box-shadow:0 0 10px #00e5ff33}}.speaking-pulse-dot{background-color:#00e5ff;border-radius:50%;width:5px;height:5px;animation:1s infinite alternate dotPulse}@keyframes dotPulse{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.speaking-badge-text{color:#00e5ff;letter-spacing:.02em;font-size:.62rem;font-weight:600}.telemetry-live-tag{color:#10b981;background-color:#10b98126;border-radius:3px;padding:.1rem .3rem;font-size:.55rem}.telemetry-data-grid{flex-direction:column;gap:.25rem;font-size:.72rem;display:flex}.telemetry-item{justify-content:space-between;padding:.1rem 0;display:flex}.telemetry-item.divider{border-top:1px solid #1a2233;margin-top:.25rem;padding-top:.35rem}.tel-label{color:#64748b}.tel-val{color:#e2e8f0;font-weight:600}@media (width<=1024px){.workout-stage-grid{grid-template-columns:1fr;overflow-y:auto}.workout-bottom-hud{grid-template-columns:1fr}.technical-mode-telemetry{border-radius:var(--radius-lg,12px) var(--radius-lg,12px) 0 0;z-index:50;max-height:40vh;position:fixed;inset:auto 0 0;overflow-y:auto}}.why-score-btn{color:#00e5ff;cursor:pointer;text-align:left;transition:color var(--transition-fast,.12s ease);background:0 0;border:none;margin-top:.25rem;padding:.2rem 0;font-size:.68rem;font-weight:600}.why-score-btn:hover{color:#38bdf8;text-decoration:underline}.explain-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background-color:#05070cd9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.explain-modal-card{border-radius:var(--radius-xl,14px);background-color:#0c1018;border:1px solid #1e2638;flex-direction:column;gap:1rem;width:100%;max-width:620px;max-height:85vh;padding:1.5rem 1.75rem;display:flex;overflow-y:auto;box-shadow:0 20px 50px #000000d9}.explain-modal-header{border-bottom:1px solid #1a2233;justify-content:space-between;align-items:flex-start;padding-bottom:.75rem;display:flex}.explain-tag{letter-spacing:.1em;color:#00e5ff;margin-bottom:.15rem;font-size:.6rem;font-weight:700;display:block}.explain-title{color:#fff;margin:0;font-size:1.35rem;font-weight:700}.explain-close-btn{color:#94a3b8;border-radius:var(--radius-sm,6px);cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast,.12s ease);background:0 0;border:1px solid #283248;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;display:flex}.explain-close-btn:hover{color:#fff;background-color:#1e2638}.explain-summary-banner{border-radius:var(--radius-md,8px);background-color:#10151f;border:1px solid #1e2638;align-items:center;gap:.85rem;padding:.75rem 1rem;display:flex}.explain-score-pill{border-radius:var(--radius-sm,6px);background-color:#00000059;border:1px solid;flex-direction:column;justify-content:center;align-items:center;min-width:60px;padding:.3rem .5rem;display:flex}.explain-summary-text{color:#cbd5e1;margin:0;font-size:.85rem;font-weight:500;line-height:1.45}.explain-section-title{letter-spacing:.08em;color:#94a3b8;text-transform:uppercase;margin:0 0 .6rem;font-size:.72rem;font-weight:700}.explain-metrics-list{flex-direction:column;gap:.6rem;display:flex}.explain-metric-item{border-radius:var(--radius-md,8px);background-color:#10151f;border:1px solid #1e2638;flex-direction:column;gap:.4rem;padding:.85rem 1rem;display:flex}.explain-metric-row-top{justify-content:space-between;align-items:center;display:flex}.explain-metric-name-wrap{align-items:center;gap:.5rem;display:flex}.explain-metric-name{color:#fff;font-size:.9rem;font-weight:700}.explain-metric-weight{color:#64748b;font-size:.65rem;font-weight:600}.explain-metric-score-wrap{align-items:baseline;gap:.35rem;display:flex}.explain-metric-score{font-size:1.05rem;font-weight:800}.explain-metric-status{color:#94a3b8;font-size:.65rem;font-weight:700}.explain-metric-details{color:#94a3b8;border-radius:var(--radius-sm,6px);background-color:#00000040;flex-wrap:wrap;gap:.85rem;padding:.3rem .55rem;font-size:.72rem;display:flex}.explain-metric-reason{color:#e2e8f0;margin:0;font-size:.8rem}.explain-metric-feedback{color:#38bdf8;margin:0;font-size:.8rem;font-weight:600}.explain-metric-confidence{color:#64748b;align-items:center;gap:.35rem;margin-top:.15rem;font-size:.65rem;display:flex}.conf-dot{border-radius:50%;width:6px;height:6px}.conf-dot.reliable{background-color:#10b981}.conf-dot.unreliable{background-color:#f59e0b}.explain-session-stats{border-top:1px solid #1a2233;padding-top:.75rem}.session-stats-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.session-stat-box{border-radius:var(--radius-sm,6px);background-color:#10151f;border:1px solid #1e2638;flex-direction:column;align-items:center;padding:.5rem .6rem;display:flex}.stat-label{color:#64748b;letter-spacing:.06em;margin-bottom:.15rem;font-size:.55rem;font-weight:700}.stat-val{color:#fff;font-size:1.05rem;font-weight:800}.explain-disclaimer{color:#64748b;border-radius:var(--radius-sm,6px);background-color:#ffffff08;border:1px solid #1a2233;padding:.55rem .75rem;font-size:.7rem;line-height:1.5}.explain-done-btn{color:#fff;border-radius:var(--radius-md,8px);cursor:pointer;transition:all var(--transition-fast,.12s ease);background-color:#1a2234;border:1px solid #2e3b54;padding:.65rem;font-size:.85rem;font-weight:700}.explain-done-btn:hover{background-color:#243049}.workout-complete-view{color:#e2e8f0;box-sizing:border-box;background-color:#080a10;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.complete-card{border-radius:var(--radius-xl,16px);text-align:center;background-color:#0c1018;border:1px solid #1e2638;flex-direction:column;align-items:center;width:100%;max-width:680px;padding:2.5rem 2rem;display:flex;box-shadow:0 16px 40px #00000080}.complete-badge{color:#10b981;letter-spacing:.1em;border-radius:var(--radius-full,9999px);background-color:#10b9811f;border:1px solid #10b9814d;margin-bottom:1rem;padding:.25rem .65rem;font-size:.7rem;font-weight:700}.complete-title{letter-spacing:-.02em;color:#fff;margin:0 0 .4rem;font-size:2.2rem;font-weight:800}.complete-sub{color:#94a3b8;margin:0 0 1.75rem;font-size:.9rem}.summary-stats-grid{grid-template-columns:1fr 1.3fr 1fr;gap:.85rem;width:100%;margin-bottom:1.5rem;display:grid}.summary-stat-box{border-radius:var(--radius-md,10px);background-color:#10151f;border:1px solid #1e2638;flex-direction:column;justify-content:center;align-items:center;padding:1.1rem .85rem;display:flex}.summary-stat-box.highlight{background-color:#121825;border-color:#2b3a54}.summary-stat-label{letter-spacing:.08em;color:#64748b;margin-bottom:.4rem;font-size:.62rem;font-weight:700}.stat-val-group{align-items:baseline;gap:.15rem;display:flex}.stat-number{color:#fff;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800}.stat-target-sub{color:#64748b;font-size:.9rem}.verdict-label{letter-spacing:.08em;margin-top:.3rem;font-size:.68rem;font-weight:700}.rep-breakdown-card{border-radius:var(--radius-md,10px);box-sizing:border-box;background-color:#10151f;border:1px solid #1e2638;width:100%;margin-bottom:1.5rem;padding:1.25rem}.breakdown-title{color:#94a3b8;letter-spacing:.08em;margin-bottom:.85rem;font-size:.7rem;font-weight:700;display:block}.breakdown-bars{grid-template-columns:1fr 1fr 1fr;gap:.6rem;margin-bottom:1rem;display:grid}.breakdown-col{border-radius:var(--radius-sm,6px);flex-direction:column;align-items:center;padding:.75rem;display:flex}.breakdown-col.good{color:#34d399;background-color:#10b98114;border:1px solid #10b98133}.breakdown-col.caution{color:#fbbf24;background-color:#f59e0b14;border:1px solid #f59e0b33}.breakdown-col.bad{color:#f87171;background-color:#ef444414;border:1px solid #ef444433}.col-label{letter-spacing:.06em;margin-bottom:.2rem;font-size:.6rem;font-weight:700}.col-val{font-size:1.4rem;font-weight:800}.verdict-desc{color:#cbd5e1;margin:0;font-size:.85rem;line-height:1.45}.complete-actions-bar{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;display:flex}.complete-btn-secondary{color:#cbd5e1;border-radius:var(--radius-md,8px);cursor:pointer;transition:all var(--transition-fast,.12s ease);background-color:#1a2234;border:1px solid #2e3b54;padding:.75rem 1.25rem;font-size:.85rem;font-weight:600}.complete-btn-secondary:hover{color:#fff;background-color:#243049}.complete-btn-primary{color:#07090e;border-radius:var(--radius-md,8px);cursor:pointer;transition:all var(--transition-base,.2s ease);background-color:#00e5ff;border:none;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700}.complete-btn-primary:hover{background-color:#33ebff;transform:translateY(-1px);box-shadow:0 4px 12px #00e5ff4d}@media (width<=650px){.summary-stats-grid,.breakdown-bars{grid-template-columns:1fr}.telemetry-summary-grid{grid-template-columns:1fr 1fr}}.telemetry-summary-card{border-radius:var(--radius-md,10px);box-sizing:border-box;background-color:#10151f;border:1px solid #1e2638;width:100%;margin-bottom:1.25rem;padding:1.1rem 1.25rem}.telemetry-summary-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.telemetry-stat-tile{border-radius:var(--radius-sm,8px);background-color:#00000040;border:1px solid #1a2233;flex-direction:column;align-items:center;padding:.6rem .5rem;display:flex}.tile-label{letter-spacing:.06em;color:#64748b;margin-bottom:.25rem;font-size:.55rem;font-weight:700}.tile-val{color:#fff;font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:800}.explainable-summary-card{border-radius:var(--radius-md,10px);box-sizing:border-box;text-align:left;background-color:#10151f;border:1px solid #1e2638;width:100%;margin-bottom:1.5rem;padding:1.25rem}.explainable-metrics-grid{flex-direction:column;gap:.6rem;display:flex}.complete-metric-item{border-radius:var(--radius-sm,8px);background-color:#00000040;border:1px solid #1a2233;flex-direction:column;gap:.35rem;padding:.75rem .9rem;display:flex}.complete-metric-header{justify-content:space-between;align-items:center;display:flex}.complete-metric-name{color:#fff;font-size:.9rem;font-weight:700}.complete-metric-score-tag{align-items:baseline;gap:.3rem;font-size:1rem;font-weight:800;display:flex}.status-sub{font-size:.65rem;font-weight:600}.complete-metric-details{color:#94a3b8;border-radius:var(--radius-sm,4px);background-color:#ffffff05;flex-wrap:wrap;gap:.85rem;padding:.3rem .5rem;font-size:.7rem;display:flex}.complete-metric-explanation{color:#cbd5e1;margin:0;font-size:.8rem;line-height:1.4}.complete-metric-feedback{color:#38bdf8;margin:0;font-size:.8rem;font-weight:600}.complete-disclaimer-banner{border-radius:var(--radius-sm,8px);box-sizing:border-box;text-align:left;background-color:#64748b0f;border:1px solid #1e2638;align-items:flex-start;gap:.6rem;width:100%;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.disclaimer-icon{flex-shrink:0;margin-top:.05rem;font-size:1rem}.disclaimer-text{color:#94a3b8;margin:0;font-size:.72rem;line-height:1.5}.avatar-selection-view{color:#e2e8f0;background-color:#080a10;flex-direction:column;min-height:100vh;display:flex}.avatar-sel-header{background-color:#0c0e16;border-bottom:1px solid #1e2638;justify-content:space-between;align-items:center;padding:.85rem 2rem;display:flex}.avatar-sel-badge-group{flex-direction:column;align-items:center;display:flex}.avatar-sel-tag{color:#00e5ff;letter-spacing:.1em;font-size:.65rem;font-weight:700}.avatar-sel-title{color:#fff;margin:0;font-size:1.25rem;font-weight:700}.header-right-actions{align-items:center;gap:.6rem;display:flex}.tech-mode-pill{color:#94a3b8;border-radius:var(--radius-sm,6px);cursor:pointer;transition:all var(--transition-fast,.12s ease);background-color:#10151f;border:1px solid #283248;padding:.4rem .75rem;font-size:.75rem;font-weight:600}.tech-mode-pill.active{color:#00e5ff;background-color:#00e5ff1a;border-color:#00e5ff66}.avatar-sel-stage{box-sizing:border-box;flex:1;gap:1.75rem;width:100%;max-width:1440px;margin:0 auto;padding:1.5rem 2rem;display:flex}.avatar-preview-wrapper{border-radius:var(--radius-lg,12px);background-color:#0a0d14;border:1px solid #1e2638;flex-direction:column;flex:1.35;min-height:500px;display:flex;overflow:hidden}.preview-card-header{background-color:#0c1018;border-bottom:1px solid #1e2638;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.preview-label-group{flex-direction:column;display:flex}.preview-label{color:#00e5ff;letter-spacing:.1em;font-size:.62rem;font-weight:700}.preview-avatar-name{color:#fff;margin:.15rem 0 0;font-size:1.15rem;font-weight:700}.badge-selected-pill{color:#34d399;border-radius:var(--radius-full,9999px);letter-spacing:.05em;background-color:#10b9811f;border:1px solid #10b98159;align-items:center;gap:.4rem;padding:.3rem .6rem;font-size:.65rem;font-weight:700;display:flex}.status-dot-active{background-color:#10b981;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #10b981}.preview-viewport-box{flex:1;min-height:400px;position:relative}.preview-caption-bar{background-color:#080a10;border-top:1px solid #1e2638;align-items:center;padding:.6rem 1rem;display:flex}.caption-text{color:#94a3b8;font-size:.72rem;line-height:1.4}.avatar-roster-column{flex-direction:column;flex:1;gap:1rem;display:flex}.roster-header{justify-content:space-between;align-items:center;display:flex}.roster-title{color:#fff;margin:0;font-size:1.05rem;font-weight:700}.roster-count{color:#94a3b8;letter-spacing:.06em;font-size:.65rem;font-weight:700}.avatar-card-list{flex-direction:column;flex:1;gap:.6rem;max-height:calc(100vh - 260px);padding-right:.25rem;display:flex;overflow-y:auto}.avatar-card{border-radius:var(--radius-md,10px);cursor:pointer;transition:all var(--transition-base,.2s ease);background-color:#0c1018;border:1px solid #1e2638;flex-direction:column;gap:.5rem;padding:.9rem 1rem;display:flex;position:relative}.avatar-card:hover{background-color:#10151f;border-color:#2d3b56;transform:translateY(-1px)}.avatar-card.highlighted{border-color:#00e5ff66;box-shadow:0 0 12px #00e5ff0f}.avatar-card.selected{background-color:#0e1520;border-color:#00e5ff;box-shadow:0 0 16px #00e5ff1f}.card-top-row{justify-content:space-between;align-items:center;display:flex}.card-identity{align-items:center;gap:.5rem;display:flex}.card-avatar-name{color:#fff;font-size:1rem;font-weight:700}.card-source-tag{color:#94a3b8;border-radius:var(--radius-sm,4px);background-color:#1a2233;padding:.1rem .4rem;font-size:.6rem;font-weight:600}.card-actions-wrap{align-items:center;gap:.4rem;display:flex}.check-badge{color:#00e5ff;border-radius:var(--radius-sm,4px);letter-spacing:.05em;background-color:#00e5ff1f;border:1px solid #00e5ff4d;padding:.2rem .45rem;font-size:.65rem;font-weight:700}.select-prompt{color:#64748b;border-radius:var(--radius-sm,4px);transition:color var(--transition-fast,.12s ease);padding:.2rem .45rem;font-size:.65rem;font-weight:600}.avatar-card:hover .select-prompt{color:#94a3b8}.btn-delete-avatar{color:#ef4444;border-radius:var(--radius-sm,4px);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast,.12s ease);background:0 0;border:1px solid #ef444440;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.btn-delete-avatar:hover{background-color:#ef44441f;border-color:#ef4444}.btn-delete-avatar.confirm-state{color:#fff;background-color:#ef4444;width:auto;padding:.15rem .4rem;font-size:.6rem}.card-description{color:#94a3b8;margin:0;font-size:.78rem;line-height:1.45}.card-tag-row{flex-wrap:wrap;gap:.3rem;margin-top:.15rem;display:flex}.meta-tag{color:#cbd5e1;border-radius:var(--radius-sm,4px);background-color:#141a25;border:1px solid #1e2638;padding:.1rem .4rem;font-size:.6rem;font-weight:600}.import-avatar-card{border-radius:var(--radius-md,10px);cursor:pointer;transition:all var(--transition-base,.2s ease);background-color:#0c101899;border:2px dashed #1e2638;align-items:center;gap:.85rem;padding:.9rem;display:flex}.import-avatar-card:hover{background-color:#00e5ff08;border-color:#00e5ff}.import-avatar-card.loading{opacity:.5;cursor:wait}.import-icon-wrap{border-radius:var(--radius-sm,8px);color:#00e5ff;background-color:#141a25;border:1px solid #1e2638;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.3rem;font-weight:400;display:flex}.import-text-group{flex-direction:column;gap:.15rem;display:flex}.import-title{color:#fff;font-size:.85rem;font-weight:700}.import-sub{color:#94a3b8;font-size:.7rem;line-height:1.35}.import-error-banner{color:#fca5a5;border-radius:var(--radius-sm,6px);background-color:#ef44441a;border:1px solid #ef44444d;align-items:center;gap:.5rem;padding:.6rem .85rem;font-size:.75rem;display:flex}.avatar-bottom-cta-card{border-radius:var(--radius-md,10px);background-color:#0c1018;border:1px solid #1e2638;justify-content:space-between;align-items:center;margin-top:auto;padding:1rem;display:flex}.cta-info{flex-direction:column;gap:.15rem;display:flex}.cta-label{color:#94a3b8;letter-spacing:.08em;font-size:.6rem;font-weight:700}.cta-name{color:#00e5ff;font-size:1rem;font-weight:700}.btn-continue-workout{color:#07090e;border-radius:var(--radius-md,8px);letter-spacing:.02em;cursor:pointer;transition:all var(--transition-base,.2s ease);background:#00e5ff;border:none;padding:.75rem 1.4rem;font-size:.9rem;font-weight:700}.btn-continue-workout:hover{background:#33ebff;transform:translateY(-1px);box-shadow:0 4px 12px #00e5ff4d}@media (width<=1080px){.avatar-sel-stage{flex-direction:column}.avatar-preview-wrapper{min-height:420px}}