@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";.breath{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center;flex-shrink:0;--circle-primary: var(--accent-primary);--circle-secondary: var(--accent-secondary);--circle-glow: var(--accent-glow)}.breath.phase-breathe{--circle-primary: var(--phase-breathe-primary);--circle-secondary: var(--phase-breathe-secondary);--circle-glow: var(--phase-breathe-glow)}.breath.phase-hold{--circle-primary: var(--phase-hold-primary);--circle-secondary: var(--phase-hold-secondary);--circle-glow: var(--phase-hold-glow)}.breath.phase-pause{--circle-primary: var(--phase-pause-primary);--circle-secondary: var(--phase-pause-secondary);--circle-glow: var(--phase-pause-glow)}.breath.phase-intro{--circle-primary: var(--phase-intro-primary);--circle-secondary: var(--phase-intro-secondary);--circle-glow: var(--phase-intro-glow)}.breath.phase-outro{--circle-primary: var(--phase-outro-primary);--circle-secondary: var(--phase-outro-secondary);--circle-glow: var(--phase-outro-glow)}.breath-circ{width:160px;height:160px;border-radius:50%;background:linear-gradient(135deg,var(--circle-primary),var(--circle-secondary));display:flex;align-items:center;justify-content:center;opacity:.7;box-shadow:0 0 30px var(--circle-glow);transition:opacity .5s ease,filter .5s ease,box-shadow .5s ease,background .4s ease;animation:breathe-idle 6s ease-in-out infinite}.breath-circ.active{opacity:1;filter:none;animation:breathe-active 4s ease-in-out infinite}@keyframes breathe-idle{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:.8}}@keyframes breathe-active{0%,to{transform:scale(1);box-shadow:0 0 60px var(--circle-glow)}50%{transform:scale(1.2);box-shadow:0 0 100px var(--circle-glow)}}.breath-circ.reactive{opacity:1;filter:none;animation:none;transition:transform .03s linear,box-shadow .06s linear;transform-origin:center center}.breath-circ.reactive .breath-in{transition:transform .04s linear}.breath-circ.reactive .breath-core{transition:transform .03s linear,box-shadow .05s linear}.breath-in{width:80%;height:80%;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-secondary);display:flex;align-items:center;justify-content:center}.breath-core{width:60%;height:60%;border-radius:50%;background:linear-gradient(135deg,var(--circle-primary),var(--circle-secondary));opacity:.9;box-shadow:0 0 20px var(--circle-glow);transition:background .4s ease,box-shadow .4s ease}.rings{position:absolute;inset:0;pointer-events:none}.ring{position:absolute;inset:0;border-radius:50%;border:1px solid var(--circle-primary);opacity:0;transition:border-color .4s ease}.ring.active{animation:ring-active 3s ease-out infinite}.ring-1.active{animation-delay:0s}.ring-2.active{animation-delay:1s}.ring-3.active{animation-delay:2s}@keyframes ring-active{0%{transform:scale(.5);opacity:.5}to{transform:scale(1.6);opacity:0}}.circ-ovl{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;pointer-events:none;gap:var(--gap-2)}.circ-ovl button{pointer-events:auto;cursor:pointer}.phase{display:flex;flex-direction:column;align-items:center;gap:var(--gap-1)}.phase-lbl{font-size:var(--text-2xs, .75rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text);transition:opacity .3s ease,color .3s ease}.phase-time{font-family:var(--font);font-size:var(--text-xl, 2rem);font-weight:300;font-variant-numeric:tabular-nums;line-height:1;color:var(--text);transition:opacity .3s ease}@media(max-width:640px){.breath{width:200px;height:200px;flex-shrink:0}.breath-circ{width:120px;height:120px}}@media(max-width:380px){.breath{width:160px;height:160px}.breath-circ{width:100px;height:100px}}:root{--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-2xs: .75rem;--text-xs: .875rem;--text-sm: 1rem;--text-base: 1.125rem;--text-md: 1.25rem;--text-lg: 1.5rem;--text-xl: 2rem;--text-2xl: 2.5rem;--text-3xl: 3rem;--text-4xl: 4rem;--gap-1: .25rem;--gap-2: .5rem;--gap-3: .75rem;--gap-4: 1rem;--gap-5: 1.25rem;--gap-6: 1.5rem;--gap-8: 2rem;--gap-10: 2.5rem;--gap-12: 3rem;--gap-16: 4rem;--bg: #000000;--bg-alt: #0a0a0a;--bg-raised: #111111;--bg-surface: rgba(18, 18, 20, .85);--bg-hov: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .1);--text: #f4f4f5;--text-alt: #a1a1aa;--text-tert: #8e8e96;--text-mute: #71717a;--text-tert2: #52525b;--accent: #7dd3fc;--accent-alt: #38bdf8;--accent-glow: rgba(125, 211, 252, .15);--accent-sub: rgba(125, 211, 252, .08);--border: rgba(255, 255, 255, .12);--border-alt: rgba(255, 255, 255, .06);--border-hov: rgba(255, 255, 255, .2);--border-active: rgba(125, 211, 252, .5);--ok: #4ade80;--ok-glow: rgba(74, 222, 128, .4);--warn: #fbbf24;--warn-glow: rgba(251, 191, 36, .1);--error: #f87171;--error-glow: rgba(248, 113, 113, .1);--ease: cubic-bezier(.16, 1, .3, 1);--time-fast: .15s;--time: .25s;--time-slow: .4s;--round-sm: 8px;--round: 12px;--round-lg: 16px;--round-xl: 20px;--round-full: 9999px;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--accent-primary: rgba(120, 200, 255, .95);--accent-secondary: rgba(80, 160, 220, .8);--bg-secondary: var(--bg-raised);--border-secondary: var(--border-alt);--phase-breathe-primary: rgba(120, 200, 255, .95);--phase-breathe-secondary: rgba(80, 160, 220, .8);--phase-breathe-glow: rgba(120, 200, 255, .25);--phase-hold-primary: rgba(251, 191, 36, .95);--phase-hold-secondary: rgba(245, 158, 11, .8);--phase-hold-glow: rgba(251, 191, 36, .25);--phase-pause-primary: rgba(160, 160, 170, .8);--phase-pause-secondary: rgba(120, 120, 130, .6);--phase-pause-glow: rgba(160, 160, 170, .15);--phase-intro-primary: rgba(167, 139, 250, .9);--phase-intro-secondary: rgba(139, 92, 246, .7);--phase-intro-glow: rgba(167, 139, 250, .2);--phase-outro-primary: rgba(52, 211, 153, .9);--phase-outro-secondary: rgba(16, 185, 129, .7);--phase-outro-glow: rgba(52, 211, 153, .2)}[data-theme=light]{--bg: #fafafa;--bg-alt: #ffffff;--bg-raised: #ffffff;--bg-surface: rgba(255, 255, 255, .9);--bg-hov: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .08);--text: #18181b;--text-alt: #52525b;--text-tert: #6e6e76;--text-mute: #8e8e96;--accent: #0284c7;--accent-alt: #0369a1;--accent-glow: rgba(2, 132, 199, .12);--accent-sub: rgba(2, 132, 199, .06);--border: rgba(0, 0, 0, .1);--border-alt: rgba(0, 0, 0, .05);--border-hov: rgba(0, 0, 0, .18);--border-active: rgba(2, 132, 199, .5);--ok: #22c55e;--ok-glow: rgba(34, 197, 94, .4);--warn: #f59e0b;--warn-glow: rgba(245, 158, 11, .1);--error: #ef4444;--error-glow: rgba(239, 68, 68, .1);--phase-breathe-primary: rgba(2, 132, 199, .95);--phase-breathe-secondary: rgba(3, 105, 161, .8);--phase-breathe-glow: rgba(2, 132, 199, .2);--phase-hold-primary: rgba(217, 119, 6, .95);--phase-hold-secondary: rgba(180, 83, 9, .8);--phase-hold-glow: rgba(217, 119, 6, .2);--phase-pause-primary: rgba(100, 100, 110, .8);--phase-pause-secondary: rgba(75, 75, 85, .6);--phase-pause-glow: rgba(100, 100, 110, .15);--phase-intro-primary: rgba(124, 58, 237, .9);--phase-intro-secondary: rgba(109, 40, 217, .7);--phase-intro-glow: rgba(124, 58, 237, .15);--phase-outro-primary: rgba(5, 150, 105, .9);--phase-outro-secondary: rgba(4, 120, 87, .7);--phase-outro-glow: rgba(5, 150, 105, .15)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--text-base);font-weight:400;line-height:1.5;letter-spacing:-.011em;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--time-slow) var(--ease),color var(--time) var(--ease)}h1,h2,h3,h4{font-family:var(--font);line-height:1.15;letter-spacing:-.025em;font-weight:400}h1{font-size:var(--text-3xl);font-weight:300;letter-spacing:-.035em}h2{font-size:var(--text-2xl);font-weight:400}h3{font-size:var(--text-xl);font-weight:500}h4{font-size:var(--text-lg);font-weight:500}:focus{outline:2px solid rgba(125,211,252,.5);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{min-height:100vh;min-height:100dvh;background:var(--bg)}.wrap{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--gap-4) var(--gap-6);padding-top:max(var(--gap-4),env(safe-area-inset-top));padding-left:max(var(--gap-6),env(safe-area-inset-left));padding-right:max(var(--gap-6),env(safe-area-inset-right));background:transparent;border-bottom:1px solid var(--border-alt);flex-shrink:0}.nav-l{display:flex;align-items:center;gap:var(--gap-4)}.nav-r{display:flex;align-items:center;gap:var(--gap-3)}.back-btn{display:inline-flex;align-items:center;gap:var(--gap-2);height:36px;padding:0 var(--gap-4);background:transparent;border:1px solid var(--border);border-radius:var(--round-full);color:var(--text-alt);font-family:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--time) var(--ease)}.back-btn:hover{background:var(--bg-hov);border-color:var(--border-hov);color:var(--text)}.back-arr{font-size:var(--text-base);line-height:1}.presence{display:inline-flex;align-items:center;gap:var(--gap-2);padding:var(--gap-2) var(--gap-3);font-size:var(--text-sm);color:var(--text-tert);background:transparent;border:1px solid var(--border-alt);border-radius:var(--round-full)}.dot{width:6px;height:6px;background:var(--ok);border-radius:50%;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.theme-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border);border-radius:50%;color:var(--text-tert);cursor:pointer;transition:all var(--time) var(--ease)}.theme-btn:hover{background:var(--bg-hov);border-color:var(--border-hov);color:var(--text)}.theme-btn svg{width:16px;height:16px}.lang-sw{display:flex;padding:3px;background:transparent;border:1px solid var(--border);border-radius:var(--round-full)}.lang-btn{padding:var(--gap-2) var(--gap-3);background:transparent;border:none;border-radius:var(--round-full);color:var(--text-tert);font-family:inherit;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all var(--time) var(--ease)}.lang-btn:hover{color:var(--text-alt)}.lang-btn.active{background:var(--text);color:var(--bg)}.main{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--gap-4) var(--gap-4);padding-bottom:max(var(--gap-4),env(safe-area-inset-bottom));padding-left:max(var(--gap-4),env(safe-area-inset-left));padding-right:max(var(--gap-4),env(safe-area-inset-right));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.hdr{text-align:center;flex-shrink:0}.ico{width:40px;height:40px;margin-bottom:var(--gap-3);color:var(--text);opacity:.85}.hdr h1{font-size:var(--text-xl);font-weight:300;letter-spacing:-.02em;color:var(--text);margin:0}.center{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:400px;flex:1;justify-content:space-between;gap:var(--gap-4);padding:var(--gap-2) 0}.subtitle{font-size:var(--text-sm);font-weight:400;color:var(--text-alt);margin-top:var(--gap-2);display:flex;align-items:center;gap:var(--gap-1);justify-content:center}.voice,.ctrls{display:flex;align-items:center;justify-content:center;gap:var(--gap-3)}@media(min-width:641px){.main{padding:var(--gap-6) var(--gap-6);padding-bottom:max(var(--gap-6),env(safe-area-inset-bottom));padding-left:max(var(--gap-6),env(safe-area-inset-left));padding-right:max(var(--gap-6),env(safe-area-inset-right))}.center{max-width:480px;gap:var(--gap-6);padding:var(--gap-4) 0}.ico{width:48px;height:48px;margin-bottom:var(--gap-4)}.hdr h1{font-size:var(--text-2xl)}}.card{display:flex;flex-direction:column;align-items:center;gap:var(--gap-2);padding:var(--gap-5) var(--gap-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--round-lg);cursor:pointer;font-family:inherit;transition:all var(--time) var(--ease);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative}.card:hover{background:var(--accent-sub);border-color:var(--border-active);transform:translateY(-2px)}.card:active{transform:translateY(0)}.card.selected,.card.active{background:var(--accent-glow);border-color:var(--accent)}.card.is-live{border-color:var(--accent-alt)}.card--lg{gap:var(--gap-3);padding:var(--gap-6) var(--gap-5);border-radius:var(--round-xl)}.card--lg:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #0000004d}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-4);width:100%;max-width:400px}.card-grid--row{display:flex;gap:var(--gap-4);justify-content:center;width:100%}.card-grid--row .card{flex:1;min-width:140px;max-width:200px}.card-icon{width:32px;height:32px;color:var(--text);opacity:.8;transition:opacity var(--time-fast) var(--ease)}.card:hover .card-icon{opacity:1}.card-ttl{font-size:var(--text-sm);font-weight:500;color:var(--text);text-align:center;line-height:1.3}.card--lg .card-ttl{font-size:var(--text-md);letter-spacing:-.015em}.card-subtitle{font-size:var(--text-xs);font-weight:400;color:var(--text-alt);line-height:1.4}.badge{display:inline-flex;align-items:center;gap:var(--gap-1);padding:var(--gap-1) var(--gap-2);background:var(--bg-hov);border:1px solid var(--border);border-radius:var(--round-full);font-size:var(--text-2xs);font-weight:500;color:var(--text-alt)}.badge.is-live{background:var(--accent-glow);border-color:var(--border-active);color:var(--accent);font-weight:600;letter-spacing:.03em;text-transform:uppercase}.badge .live-dot{width:5px;height:5px;background:var(--ok);border-radius:50%;animation:dot-pulse 2s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.lang{font-size:var(--text-2xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tert)}.offline{display:inline-flex;align-items:center;gap:var(--gap-1);padding:var(--gap-1) var(--gap-1);background:var(--bg-surface);border-radius:var(--round-full);font-size:var(--text-2xs);font-weight:500;color:var(--text-mute);position:absolute;top:var(--gap-1);right:var(--gap-1)}.info{display:flex;flex-direction:column;align-items:center;gap:var(--gap-6);width:100%;max-width:400px;min-height:180px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-2);min-width:140px;min-height:52px;padding:var(--gap-3) var(--gap-6);background:transparent;border:1px solid var(--border);border-radius:var(--round-full);color:var(--text);font-family:inherit;font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;cursor:pointer;transition:all var(--time) var(--ease)}.btn:hover:not(:disabled){background:var(--bg-hov);border-color:var(--border-hov);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn--lg{min-width:200px;min-height:52px;padding:var(--gap-4) var(--gap-8)}.btn--primary{background:transparent;border-color:var(--text);color:var(--text)}.btn--primary:hover:not(:disabled){background:var(--accent-sub);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn--primary.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn--primary.active:hover:not(:disabled){background:var(--accent-alt);border-color:var(--accent-alt);color:var(--bg)}.btn--secondary{background:transparent;border-color:var(--border);color:var(--text)}.btn--secondary:hover:not(:disabled){background:var(--bg-hov);border-color:var(--border-hov)}.btn--danger{background:transparent;border-color:var(--error);color:var(--error)}.btn--danger:hover:not(:disabled){background:var(--error-glow);border-color:var(--error)}.btn--accent{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn--accent:hover:not(:disabled){background:var(--accent-alt);border-color:var(--accent-alt);transform:scale(1.02)}.btn--icon{width:52px;height:52px;min-width:52px;min-height:52px;padding:0;border-radius:50%}.btn--icon svg{flex-shrink:0}.icon-button-circle{width:52px;height:52px;min-width:52px;min-height:52px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all var(--time) var(--ease)}.playback{display:flex;flex-direction:column;align-items:center;gap:var(--gap-4);width:100%}.timer{display:flex;align-items:center;gap:var(--gap-2)}.timer-lbl{font-size:var(--text-2xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tert)}.timer-val{font-family:var(--font);font-size:var(--text-sm);font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-alt)}@media(max-width:640px){.playback{gap:var(--gap-3)}}.wait-msg{font-size:var(--text-sm);font-weight:400;color:var(--text-tert);animation:fade-pulse 2.5s ease-in-out infinite}@keyframes fade-pulse{0%,to{opacity:.5}50%{opacity:1}}.cdown-msg,.late-join-message,.too-late-message{display:flex;flex-direction:column;align-items:center;gap:var(--gap-5);text-align:center}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ctrls{display:flex;gap:var(--gap-4);align-items:center;justify-content:center;flex-wrap:wrap}.cdown-ovl{position:fixed;inset:0;background:#000000f5;display:flex;align-items:center;justify-content:center;z-index:100;animation:overlay-in .3s var(--ease)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}[data-theme=light] .cdown-ovl{background:#fafafaf5}.cdown-num{font-size:12rem;font-weight:200;letter-spacing:-.05em;color:var(--text);animation:countdown-fade 1s ease-out}@keyframes countdown-fade{0%{opacity:0;transform:scale(.9)}20%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:.7}}@media(max-width:768px){:root{--text-3xl: 2.25rem}.nav{padding:var(--gap-2) var(--gap-3);padding-top:max(var(--gap-2),env(safe-area-inset-top))}.main{padding:var(--gap-3);padding-bottom:max(var(--gap-3),env(safe-area-inset-bottom))}.hdr{margin-bottom:0}.ico{width:32px;height:32px}.card{padding:var(--gap-4) var(--gap-3)}.card--lg{padding:var(--gap-5) var(--gap-4)}}@media(max-width:640px){:root{--text-3xl: 2rem;--text-2xl: 1.75rem;--text-xl: 1.5rem}html,body{overflow-x:hidden}.nav{padding:var(--gap-3) var(--gap-4);padding-top:max(var(--gap-3),env(safe-area-inset-top))}.back-btn{height:34px;padding:0 var(--gap-3)}.back-txt{display:none}.main{flex:1;padding:var(--gap-5) var(--gap-4);padding-top:var(--gap-6);padding-bottom:max(var(--gap-5),env(safe-area-inset-bottom));overflow-y:auto;justify-content:flex-start}.center{gap:var(--gap-8)}.hdr{margin-bottom:0}.ico{width:40px;height:40px;margin-bottom:var(--gap-4)}.card{padding:var(--gap-4) var(--gap-3)}.card--lg{padding:var(--gap-5) var(--gap-4)}.card-grid--row .card{min-width:120px}.grid{gap:var(--gap-3);max-width:320px}.lang{font-size:var(--text-2xs)}.info{min-height:auto;gap:var(--gap-4)}.cdown-msg{gap:var(--gap-4)}.cdown-num{font-size:10rem}}@media(max-width:380px){:root{--text-3xl: 1.75rem;--text-2xl: 1.5rem;--text-xl: 1.35rem}.ico{width:36px;height:36px}.cdown-num{font-size:8rem}}@media(max-width:320px){:root{--text-3xl: 1.5rem;--text-xl: 1.25rem}.nav{padding:var(--gap-2) var(--gap-3);padding-top:max(var(--gap-2),env(safe-area-inset-top))}.main{padding:var(--gap-3);padding-top:var(--gap-4);padding-bottom:max(var(--gap-3),env(safe-area-inset-bottom))}.hdr{margin-bottom:0}.ico{width:32px;height:32px}.cdown-num{font-size:6rem}}@supports (font-size: clamp(1rem,2vw,1.5rem)){.hdr h1{font-size:clamp(1.75rem,5vw,2.5rem)}.cdown-num{font-size:clamp(5rem,25vw,12rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ftr{display:flex;flex-direction:column;align-items:center;gap:var(--gap-2);padding:var(--gap-6) var(--gap-4);margin-top:auto;text-align:center}.ftr-hint{font-size:var(--text-xs);color:var(--text-tert)}.ftr-nav{display:flex;gap:var(--gap-4)}.ftr-link{font-size:var(--text-xs);color:var(--text-tert);text-decoration:none;transition:color var(--time-fast) var(--ease)}.ftr-link:hover{color:var(--text-alt)}.abt{width:100%;max-width:640px;margin:0 auto;padding:0 var(--gap-4);padding-bottom:var(--gap-10)}.abt .hdr,.abt-sec{margin-bottom:var(--gap-8)}.abt-sec h2{font-size:var(--text-lg);font-weight:500;color:var(--text);margin-bottom:var(--gap-4)}.abt-sec p{font-size:var(--text-sm);color:var(--text-alt);line-height:1.7;margin-bottom:var(--gap-3)}.abt-sec ul,.abt-sec ol{font-size:var(--text-sm);color:var(--text-alt);line-height:1.7;padding-left:var(--gap-6);margin-bottom:var(--gap-4)}.abt-sec li{margin-bottom:var(--gap-2)}.abt-warn{padding:var(--gap-4);background:var(--warn-glow);border:1px solid rgba(251,191,36,.3);border-radius:var(--round);color:var(--warn)}.abt-faq details{margin-bottom:var(--gap-3);padding:var(--gap-4);background:var(--bg-surface);border:1px solid var(--border-alt);border-radius:var(--round)}.abt-faq summary{font-size:var(--text-sm);font-weight:500;color:var(--text);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.abt-faq summary:after{content:"+";font-size:var(--text-md);color:var(--text-tert);transition:transform var(--time-fast) var(--ease)}.abt-faq summary:hover{color:var(--accent)}.abt-faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--round-sm)}.abt-faq details[open] summary:after{content:"−"}.abt-faq details p{margin-top:var(--gap-3);margin-bottom:0;padding-top:var(--gap-3);border-top:1px solid var(--border-alt)}.abt-ftr{margin-top:var(--gap-8);padding-top:var(--gap-6);border-top:1px solid var(--border-alt)}.abt-ftr p{font-size:var(--text-xs);color:var(--text-tert);text-align:center}@media(max-width:640px){.abt{padding:0 var(--gap-3)}.abt-sec h2{font-size:var(--text-md)}.abt-sec p,.abt-sec ul,.abt-sec ol{font-size:var(--text-xs)}}.build-version{position:fixed;bottom:var(--gap-2);right:var(--gap-3);font-size:var(--text-2xs);color:var(--text-mute);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-mono);letter-spacing:.02em}.voice-button{background:transparent;border:1px solid var(--border);color:var(--text-alt)}.voice-button:hover:not(:disabled){background:var(--bg-hov);border-color:var(--border-hov);color:var(--text)}.voice-button.disabled{opacity:.5;color:var(--text-tert)}.voice-button.active{background:var(--ok);border-color:var(--ok);color:var(--bg)}.voice-button.active:hover:not(:disabled){background:#2bb87a;border-color:#2bb87a}.voice-button.muted{background:transparent;border-color:var(--error);color:var(--error)}.voice-button.muted:hover:not(:disabled){background:var(--error-glow)}.voice-button.speaking{background:var(--ok);border-color:var(--ok);color:var(--bg);animation:speaking-pulse 1s ease-in-out infinite}@keyframes speaking-pulse{0%,to{box-shadow:0 0 #4ade8066}50%{box-shadow:0 0 0 8px #4ade8000}}.roster{display:flex;flex-wrap:wrap;gap:var(--gap-2);justify-content:center;padding:var(--gap-3) var(--gap-3);background:var(--bg-surface);border-radius:var(--round-xl);width:100%;max-width:400px;margin-top:var(--gap-3)}.hdr .roster{margin-bottom:0}.roster-row{display:flex;align-items:center;gap:var(--gap-2);padding:var(--gap-1) var(--gap-3);background:var(--bg-hov);border-radius:var(--round-full);font-size:var(--text-xs);color:var(--text-alt);transition:opacity .2s var(--ease)}.roster-row.not-ready{opacity:.5}.roster-row.ready{opacity:1;color:var(--text)}.roster-row.current-user{background:var(--accent-sub);color:var(--accent)}.roster-row.current-user.not-ready{opacity:.6}.roster-name{font-weight:500;white-space:nowrap}.ready-check{color:var(--ok);font-weight:600;margin-left:var(--gap-1)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.offline{background:var(--text-tert2)}.status-dot.online{background:var(--text-tert)}.status-dot.voice{background:var(--ok)}.status-dot.ready{background:var(--accent)}.status-dot.speaking{background:var(--ok);animation:speaking-dot-pulse 1s ease-in-out infinite}@keyframes speaking-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.status-dot.muted{background:var(--error)}.voice-err{font-size:var(--text-xs);color:var(--error);text-align:center;padding:var(--gap-2)}.loading{display:flex;align-items:center;justify-content:center;gap:var(--gap-2);font-size:var(--text-sm);color:var(--text-tert);text-align:center;padding:var(--gap-4);animation:fade-pulse 2.5s ease-in-out infinite}.loading:before{content:"";width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.err,.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-3);padding:var(--gap-6);text-align:center;color:var(--text-alt)}.err p,.empty p{margin:0;font-size:var(--text-sm)}.offline-ico{display:inline-flex;align-items:center;gap:var(--gap-1);padding:var(--gap-1) var(--gap-1);background:var(--bg-surface);border-radius:var(--round-full);font-size:var(--text-2xs);font-weight:500;color:var(--text-tert);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-shrink:0}@media(max-width:640px){.roster{padding:var(--gap-2) var(--gap-2);gap:var(--gap-1)}.roster-row{padding:var(--gap-1) var(--gap-2);font-size:var(--text-2xs)}.status-dot{width:6px;height:6px}}