.echoes-vision{--ev-bg:#ffffff;--ev-text:#05060F;--ev-text-soft:#3A3D52;--ev-blue-1:#1E6FEA;--ev-blue-2:#22D3EE;--ev-grad: linear-gradient(135deg, var(--ev-blue-1), var(--ev-blue-2));--ev-grad-soft: linear-gradient(135deg, rgba(30,111,234,.1), rgba(34,211,238,.1));--ev-border:#E4E7F1;--ev-focus:#0B57D0;display:flex;flex-direction:column;gap:14px;max-width:640px;width:100%;margin:0 auto;color:var(--ev-text);font-family:inherit}.echoes-vision *{box-sizing:border-box}.ev-status{min-height:64px;border:1px solid var(--ev-border);border-radius:16px;padding:14px 16px;font-size:1.05rem;line-height:1.45;background:var(--ev-grad-soft)}.ev-video{width:100%;border-radius:16px;background:#000;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--ev-border)}.echoes-vision button{font-family:inherit;border:none;cursor:pointer}.echoes-vision button:focus-visible{outline:3px solid var(--ev-focus);outline-offset:3px}.echoes-vision button:disabled{opacity:.6;cursor:not-allowed}.ev-primary-btn{background:var(--ev-grad);color:#fff;font-size:1.5rem;font-weight:700;padding:34px 20px;border-radius:28px;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 8px 24px #1e6fea47;transition:transform .08s ease}.ev-primary-btn.small{font-size:1.05rem;min-height:56px;padding:14px 20px;border-radius:18px}.ev-primary-btn:active{transform:scale(.97)}.ev-primary-btn small{font-size:.9rem;font-weight:500;opacity:.9}.ev-primary-btn.recording{background:linear-gradient(135deg,#0d3fae,#0d8fae);animation:ev-pulse 1.4s ease-in-out infinite}@keyframes ev-pulse{0%,to{box-shadow:0 8px 24px #1e6fea47}50%{box-shadow:0 8px 34px #22d3ee8c}}.ev-row{display:flex;gap:12px}.ev-secondary-btn{flex:1;background:#fff;color:var(--ev-text);border:2px solid var(--ev-border)!important;font-size:1.05rem;font-weight:600;padding:18px 12px;border-radius:20px;min-height:76px;display:flex;align-items:center;justify-content:center;gap:8px}.ev-secondary-btn[aria-pressed=true]{border-color:var(--ev-blue-1)!important;background:var(--ev-grad-soft)}.ev-signup-card{border:2px solid var(--ev-blue-1);background:var(--ev-grad-soft);border-radius:20px;padding:16px;text-align:center}.ev-signup-card p{margin:0 0 12px;font-weight:600}.ev-settings{border:1px solid var(--ev-border);border-radius:16px;padding:4px 16px}.ev-settings summary{padding:12px 0;font-weight:600;cursor:pointer}.ev-setting-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--ev-border);gap:12px}.ev-setting-row select{padding:8px 10px;border-radius:10px;border:1px solid var(--ev-border);background:#fff;color:var(--ev-text);font-size:.95rem}@media (prefers-reduced-motion: reduce){.ev-primary-btn.recording{animation:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg: #0A0E1F;--bg2: #0E1428;--bg3: #161D38;--bg4: #1E2748;--surface: #11172C;--border: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.14);--blue: #2F8FFF;--blue-bright: #5BC8FF;--blue-soft: rgba(47,143,255,.14);--blue-glow: rgba(47,143,255,.35);--coral: #FF6B5B;--coral-soft: rgba(255,107,91,.14);--amber: #F0A500;--text: #F5F7FA;--text-2: #8B93A8;--text-3: #545C72;--radius: 16px;--radius-sm: 8px;--radius-full: 9999px;--nav-height: 64px;--player-height: 80px;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif}[data-theme=light]{--bg: #FFFFFF;--bg2: #F5F7FA;--bg3: #EDF0F7;--bg4: #E2E6F0;--surface: #FFFFFF;--border: rgba(0,0,0,.12);--border-strong: rgba(0,0,0,.22);--blue: #0057CC;--blue-bright: #0057CC;--blue-soft: rgba(0,87,204,.1);--blue-glow: rgba(0,87,204,.25);--coral: #CC2200;--coral-soft: rgba(204,34,0,.1);--amber: #996600;--text: #050A18;--text-2: #2A3550;--text-3: #556080}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:400;line-height:1.6;min-height:100dvh;overflow-x:hidden;transition:background .2s ease,color .2s ease}:focus-visible{outline:3px solid var(--blue-bright);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;top:-100px;left:16px;background:var(--blue);color:#fff;padding:8px 16px;border-radius:var(--radius-sm);font-weight:500;z-index:9999;transition:top .2s}.skip-link:focus{top:16px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-body)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spinner{display:inline-flex;align-items:center;gap:3px;height:24px}.spinner span{width:3px;background:var(--blue-bright);border-radius:2px;animation:wave 1s ease-in-out infinite}.spinner span:nth-child(1){height:8px;animation-delay:0s}.spinner span:nth-child(2){height:16px;animation-delay:.1s}.spinner span:nth-child(3){height:22px;animation-delay:.2s}.spinner span:nth-child(4){height:14px;animation-delay:.3s}.spinner span:nth-child(5){height:9px;animation-delay:.4s}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.main-content{flex:1;padding-bottom:calc(var(--nav-height) + var(--player-height) + 16px)}.theme-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-2);font-size:13px;font-weight:500;cursor:pointer}