@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Manrope:wght@400;500;600;700&display=swap";:root{--n-00:oklch(99% .01 95);--n-10:oklch(97% .01 95);--n-20:oklch(94% .01 95);--n-30:oklch(88% .01 95);--n-40:oklch(75% .01 95);--n-50:oklch(60% .01 95);--n-60:oklch(45% .01 95);--n-80:oklch(25% .01 95);--n-90:oklch(15% .01 95);--p-10:oklch(96% .02 145);--p-20:oklch(92% .04 145);--p-50:oklch(65% .08 145);--p-60:oklch(55% .1 145);--p-70:oklch(45% .1 145);--danger-bg:oklch(96% .02 20);--danger-fg:oklch(50% .15 20);--success-bg:oklch(96% .02 145);--success-fg:oklch(50% .12 145);--bg-page:var(--n-00);--bg-surface:var(--n-10);--bg-surface-hover:var(--n-20);--text-main:var(--n-80);--text-heading:var(--n-90);--text-muted:var(--n-50);--border-light:var(--n-30);--border-strong:var(--n-40);--pencil-stroke:var(--n-80);--accent-main:var(--p-60);--accent-hover:var(--p-70);--accent-bg:var(--p-10);--font-sans:"Manrope", system-ui, -apple-system, sans-serif;--font-serif:"Fraunces", Georgia, serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:clamp(1.5rem, 3vw + 1rem, 2rem);--text-2xl:clamp(2rem, 5vw + 1rem, 3rem);--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px oklch(0% 0 0/.05);--shadow-md:0 4px 12px oklch(0% 0 0/.05), 0 1px 3px oklch(0% 0 0/.03);--shadow-lg:0 12px 24px oklch(0% 0 0/.06), 0 4px 8px oklch(0% 0 0/.04);--paper-texture:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-page);background-image:var(--paper-texture);color:var(--text-main);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--text-heading);line-height:var(--leading-tight);text-wrap:balance;font-weight:500}h1{font-size:var(--text-2xl);letter-spacing:-.02em}h2{font-size:var(--text-xl);letter-spacing:-.01em}h3{font-size:var(--text-lg)}p{text-wrap:pretty;max-width:65ch}:focus-visible{outline:2px solid var(--accent-main);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.locale-switcher{gap:var(--space-2);background:var(--bg-surface-hover);padding:var(--space-1);border-radius:var(--radius-lg);border:1px solid var(--border-light);align-items:center;display:inline-flex}.locale-switcher-button{min-width:44px;min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;background:0 0;border:1px solid #0000;font-weight:500;transition:all .2s}.locale-switcher-button:hover{color:var(--text-main);background:var(--bg-page)}.locale-switcher-button-active{background:var(--bg-page);border-color:var(--border-strong);color:var(--accent-main);box-shadow:var(--shadow-sm);font-weight:600}.login-container{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.login-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:var(--space-12) var(--space-8);gap:var(--space-8);box-shadow:var(--shadow-lg);flex-direction:column;animation:.6s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex;position:relative}.login-locale-switcher{margin-bottom:calc(var(--space-4) * -1);justify-content:flex-end;display:flex}.login-header{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.logo-circle{background-color:var(--accent-bg);width:64px;height:64px;color:var(--accent-main);margin-bottom:var(--space-2);border-radius:50%;justify-content:center;align-items:center;display:flex}.login-header p{color:var(--text-muted);font-size:var(--text-sm);margin:0 auto}.login-note{text-align:left;width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background-color:var(--bg-surface-hover);border-left:3px solid var(--border-strong);color:var(--text-muted);font-size:var(--text-sm)}.login-note strong{color:var(--text-main);font-weight:600}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.input-group{align-items:center;display:flex;position:relative}.input-icon{left:var(--space-4);color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute}.glass-input{background:var(--bg-page);border:1px solid var(--border-light);width:100%;color:var(--text-main);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);padding-left:44px;transition:border-color .2s,box-shadow .2s}.glass-input::placeholder{color:var(--text-muted)}.glass-input:focus{border-color:var(--accent-main);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.glass-input:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-surface-hover)}.btn-primary{background:var(--accent-main);color:#fff;border-radius:var(--radius-sm);width:100%;padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-weight:600;font-size:var(--text-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);border:none;transition:background-color .2s,transform .1s;display:flex}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{width:100%;color:var(--text-main);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-weight:500;font-size:var(--text-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);background:0 0;transition:background-color .2s,border-color .2s;display:flex}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--text-main)}.login-owner-controls{gap:var(--space-2);flex-direction:column;display:flex}.login-owner-toggle{color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-sm);text-underline-offset:4px;cursor:pointer;padding:var(--space-1) 0;background:0 0;border:none;align-self:flex-start;text-decoration:underline}.login-owner-toggle:hover{color:var(--text-main)}.login-owner-panel{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--bg-surface-hover);border:1px solid var(--border-light);flex-direction:column;display:flex}.login-owner-hint{font-size:var(--text-xs);color:var(--text-muted);margin:0}.login-alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background-color:var(--danger-bg);color:var(--danger-fg);font-size:var(--text-sm);border-left:3px solid var(--danger-fg)}.login-entry-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;padding:var(--space-6);background-color:oklch(0% 0 0/.4);justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.login-entry-panel{background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:var(--space-8);gap:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex}.login-entry-panel-copy{gap:var(--space-3);flex-direction:column;display:flex}.login-entry-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600}.login-entry-summary{gap:var(--space-3);margin-top:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.login-entry-summary-item{background:var(--bg-page);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-light);gap:var(--space-1);flex-direction:column;display:flex}.login-entry-summary-item span{font-size:var(--text-xs);color:var(--text-muted)}.login-entry-summary-item strong{font-size:var(--text-sm);color:var(--text-main);word-break:break-all}.login-entry-meta{font-size:var(--text-sm);color:var(--text-muted)}.login-entry-panel-actions{gap:var(--space-3);flex-direction:column;display:flex}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=640px){.login-card,.login-entry-panel{padding:var(--space-6) var(--space-4)}.login-entry-summary{grid-template-columns:1fr}}.room-shell{min-height:100vh;padding:28px;position:relative;overflow:hidden}.room-shell-call-active{overflow:hidden}.room-backdrop{filter:blur(18px);opacity:.85;pointer-events:none;border-radius:9999px;width:420px;height:420px;position:absolute}.room-backdrop-left{background:radial-gradient(circle,#f5db8a70 0%,#f5db8a00 72%);top:-140px;left:-80px}.room-backdrop-right{background:radial-gradient(circle,#9fc7e866 0%,#9fc7e800 72%);bottom:-140px;right:-100px}.room-panel{z-index:1;max-width:1360px;box-shadow:none;background:0 0;border:none;flex-direction:column;gap:18px;margin:0 auto;padding:0;display:flex;position:relative}.room-header{justify-content:space-between;align-items:flex-start;gap:24px;padding:10px 4px 4px;display:flex}.room-header-actions{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.room-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft);margin-bottom:8px;font-size:12px}.room-header h1{text-wrap:balance;margin-bottom:12px;font-size:clamp(2rem,5.4vw,4rem);line-height:.92}.room-subtitle{max-width:620px;color:var(--text-muted);line-height:1.6}.room-code-note{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface-hover);color:var(--text-muted);align-items:center;margin-top:14px;padding:9px 14px;font-size:14px;display:inline-flex}.room-leave-button{min-width:132px}.room-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.room-meta-card{background:var(--bg-surface);border-style:solid;border-width:1px;border-color:var(--border-light);align-items:center;gap:14px;padding:18px 20px;display:flex}.room-meta-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-green), var(--accent-blue));color:#537766;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.room-meta-label{color:var(--text-muted);margin-bottom:4px;font-size:14px}.room-meta-value{font-size:18px;font-weight:700}.room-alert{border-radius:var(--radius-lg);background:var(--danger-soft);color:#8f4f4f;border:1px solid #b55f5f38;padding:15px 18px}.access-layout{grid-template-columns:minmax(280px,.86fr) minmax(0,1.44fr);gap:18px;display:grid}.access-summary,.access-panel{background:var(--bg-page);border-style:solid;border-width:1px;border-color:var(--border-light);padding:24px}.access-summary{flex-direction:column;gap:14px;display:flex}.access-panel{flex-direction:column;gap:16px;display:flex}.access-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.access-panel-header h3{margin-top:6px}.access-admin-inline,.access-card-tags{flex-wrap:wrap;gap:8px;display:flex}.access-admin-chip,.access-tag{background:var(--bg-surface-hover);color:#355247;border-radius:9999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:12px;line-height:1;display:inline-flex}.access-tag-admin,.access-admin-chip{color:#294b3d;background:#6fa1822e}.access-form{align-items:flex-end;gap:12px;display:flex}.access-form-field{color:var(--text-muted);flex-direction:column;flex:1;gap:8px;font-size:14px;display:flex}.access-form-input{min-height:54px}.access-form-button{min-width:180px}.access-invite-panel{border-radius:var(--radius-lg);border:1px solid var(--border-light);background:#ebf5ed9e;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.access-pending-panel{border:1px solid var(--border-light);background:var(--bg-surface-hover);border-radius:20px;flex-direction:column;gap:14px;padding:16px 18px;display:flex}.access-pending-list{grid-template-columns:1fr;gap:12px;display:grid}.access-card-pending{background:#fff8e7c7}.access-tag-pending{color:#7f6940;background:#f5db8a38}.access-approve-button{flex-shrink:0}.access-invite-row{align-items:center;gap:12px;display:flex}.access-invite-input{flex:1;min-height:52px}.access-invite-button,.access-revoke-button{flex-shrink:0}.access-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.access-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.access-card{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;display:flex}.access-card-empty{grid-column:1/-1}.access-card-main{flex-direction:column;gap:10px;display:flex}.call-panel{background:var(--bg-page);border-style:solid;border-width:1px;border-color:var(--border-light);justify-content:space-between;align-items:center;gap:22px;padding:24px;display:flex}.call-hub-layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.68fr);align-items:stretch;gap:18px;display:grid}.call-hub-sidebar{flex-direction:column;gap:16px;display:flex}.call-hub-stage{grid-template-columns:minmax(0,1.35fr) minmax(280px,.72fr);gap:16px;min-height:0;display:grid}.call-hub-stage-primary,.call-hub-stage-secondary{flex-direction:column;gap:16px;min-height:0;display:flex}.call-hub-stage-primary .media-card{min-height:680px}.call-hub-stage-secondary .media-card{min-height:340px}.media-utilities-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.media-utilities-grid .microphone-test-card,.media-utilities-grid .device-preferences-card,.media-utilities-grid .passkey-card{grid-column:auto;min-height:100%}.approval-spotlight{border-style:solid;border-width:1px;border-color:var(--border-light);background:#fff8e7d6;flex-direction:column;gap:14px;padding:22px 24px;display:flex}.approval-spotlight-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.approval-dialog-layer{z-index:60;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.approval-dialog-backdrop{cursor:pointer;background:#181c2457;border:0;position:absolute;inset:0}.approval-dialog{z-index:1;flex-direction:column;gap:12px;width:min(560px,100%);max-height:min(720px,100vh - 40px);padding:0;display:flex;position:relative;overflow:auto}.approval-dialog .approval-spotlight{border-radius:inherit;background:#fff8e7f5;border:0}.approval-dialog-close{align-self:flex-end;margin:0 20px 20px}.call-overlay{z-index:30;padding:18px;position:fixed;inset:0}.call-overlay-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f0e4bd;position:absolute;inset:0}.call-overlay-panel{z-index:1;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-page);width:min(100%,1440px);height:calc(100dvh - 36px);max-height:calc(100vh - 36px);box-shadow:var(--shadow-lg);grid-template-rows:auto minmax(0,1fr) auto;gap:12px;margin:0 auto;padding:16px;display:grid;position:relative}.call-overlay-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.call-overlay-copy{flex-direction:column;gap:6px;display:flex}.call-overlay-copy h2{font-size:clamp(1.85rem,2.8vw,2.7rem);line-height:.96}.call-overlay-text{max-width:720px;color:var(--text-muted);line-height:1.5}.call-overlay-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.call-overlay-stage{background:#121715;border:1px solid #819b882e;border-radius:28px;min-height:clamp(280px,100dvh - 290px,700px);position:relative;overflow:hidden}.call-overlay-stage-fullscreen{background:#0c120f;border:none;border-radius:0;width:100%;height:100%;min-height:100vh}.call-overlay-stage:fullscreen{background:#0c120f;border:none;border-radius:0;width:100%;height:100%;min-height:100vh}.call-overlay-stage:fullscreen::backdrop{background:#0c120f}.call-overlay-stage-focus{justify-content:stretch;align-items:stretch;display:flex}.call-overlay-stage-dual{grid-template-columns:minmax(0,1fr) auto minmax(180px,500px);gap:12px;padding:12px;display:grid}.call-overlay-resize-handle{cursor:col-resize;z-index:10;-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;border-radius:4px;grid-column:2;justify-content:center;align-items:center;width:8px;display:flex;position:relative}.call-overlay-resize-handle:after{content:"";background:var(--bg-surface);border-radius:2px;width:3px;height:40px;transition:background .2s,height .2s,width .2s}.call-overlay-resize-handle:hover:after,.call-overlay-resize-handle-active:after{background:var(--bg-surface);width:4px;height:70px;box-shadow:0 0 8px #fff6}.call-stage-placeholder-sharing{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);text-align:center;color:#ffffffb3;background:#14141499;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:16px;display:flex}.call-stage-placeholder-sharing svg{color:#3b82f6;filter:drop-shadow(0 0 6px #3b82f666);margin-bottom:8px}.call-stage-sharing-text{word-break:break-all;margin:0;font-size:.8125rem;font-weight:500}.call-stage-game-workspace{border-radius:var(--radius-md);background:radial-gradient(circle,#111827d9 0%,#030712f2 100%);border:1.5px solid #3b82f633;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000c}.call-stage-game-workspace-grid-bg{pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:50%;background-size:20px 20px;position:absolute;inset:0}.call-stage-game-content-mock{text-align:center;z-index:2;flex-direction:column;align-items:center;padding:32px;display:flex}.call-stage-game-title{color:#f3f4f6;letter-spacing:.05em;text-shadow:0 0 10px #3b82f64d;margin-top:16px;margin-bottom:8px;font-size:1.5rem;font-weight:700}.call-stage-game-subtitle{color:#9ca3afcc;max-width:320px;margin:0;font-size:.875rem}.call-overlay-stage-dual>div,.call-overlay-focus-main{min-width:0;min-height:0}.call-overlay-focus-main{flex:auto}@media (width<=768px),(orientation:portrait){.call-overlay-stage-dual{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}}.call-overlay-stage-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;width:100%;height:100%;display:grid}.call-overlay-stage-thumbnails{grid-auto-rows:minmax(128px,1fr);gap:10px;min-width:0;min-height:0;display:grid;overflow:auto}.call-stage-surface{border-radius:20px;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.call-overlay-focus-main .call-stage-surface{border-radius:0}.call-stage-surface-compact{border-radius:inherit;height:100%}.call-stage-video{object-fit:contain;border-radius:inherit;background:#121715;width:100%;height:100%}.call-stage-surface-compact .call-stage-video{object-fit:contain}.call-stage-video-blurred{filter:blur(14px)}.call-stage-indicators{z-index:3;pointer-events:none;gap:8px;display:flex;position:absolute;top:12px;right:12px}.call-stage-indicator{color:#fffffff5;-webkit-backdrop-filter:blur(8px);background:#151b1857;border:1px solid #ffffff29;border-radius:9999px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.call-stage-indicator-off{background:#b55f5f42}.call-stage-video-mirrored{transform:scaleX(-1)}.call-stage-placeholder{width:100%;height:100%;min-height:240px;color:var(--text-muted);text-align:center;border-radius:inherit;background:linear-gradient(145deg,#ffffffb8,#eff5efeb);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.call-stage-caption{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(6px);pointer-events:none;background:linear-gradient(#151b1838,#151b1824);border:1px solid #ffffff29;flex-direction:column;gap:3px;max-width:min(240px,100% - 36px);padding:8px 10px;display:inline-flex;position:absolute;bottom:18px;left:18px;box-shadow:0 8px 18px #0f13111f}.call-stage-caption strong{color:#fffffff5;text-shadow:0 1px 2px #0000002e;font-size:.94rem}.call-stage-caption span{color:#ffffffad;font-size:12px}.call-stage-surface-compact .call-stage-caption{border-radius:var(--radius-md);gap:2px;max-width:calc(100% - 20px);padding:6px 8px;bottom:10px;left:10px}.call-stage-surface-compact .call-stage-caption strong{font-size:.86rem}.call-stage-surface-compact .call-stage-caption span{font-size:11px}.call-overlay-stage-fullscreen .call-stage-caption{display:none}.call-overlay-stage:fullscreen .call-stage-caption{display:none}.call-overlay-stage-fullscreen .call-stage-surface{border-radius:24px}.call-overlay-stage:fullscreen .call-stage-surface{border-radius:24px}.call-overlay-stage-fullscreen.call-overlay-stage-dual{gap:16px;padding:clamp(16px,2vw,28px)}.call-overlay-stage:fullscreen.call-overlay-stage-dual{gap:16px;padding:clamp(16px,2vw,28px)}.call-overlay-stage-fullscreen .call-overlay-focus-main .call-stage-surface{border-radius:28px}.call-overlay-stage:fullscreen .call-overlay-focus-main .call-stage-surface{border-radius:28px}.call-stage-audio-button{position:absolute;top:16px;right:16px}.call-overlay-pip{border-radius:var(--radius-md);background:var(--bg-surface);z-index:2;cursor:move;touch-action:none;border:2px solid #fffcf6d6;position:absolute;overflow:hidden;box-shadow:0 18px 34px #20262247}.call-overlay-hud{left:50%;bottom:max(18px, env(safe-area-inset-bottom,0px) + 18px);-webkit-backdrop-filter:blur(12px);opacity:1;z-index:4;opacity:0;pointer-events:none;background:linear-gradient(#151b186b,#151b1847);border:1px solid #ffffff1f;border-radius:22px;justify-content:center;align-items:center;gap:10px;width:auto;max-width:calc(100% - 32px);padding:10px;transition:opacity .24s,transform .24s;display:flex;position:absolute;transform:translate(-50%,18px);box-shadow:0 18px 34px #0f131138}.call-overlay-hud-hidden{opacity:0;pointer-events:none;transform:translate(-50%,18px)}.call-overlay-hud-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.call-controls-hover-zone{z-index:3;height:96px;position:absolute;bottom:0;left:0;right:0}.call-overlay-toolbar{border-radius:var(--radius-lg);background:var(--bg-page);border:1px solid #6e76662e;flex-wrap:wrap;justify-content:center;justify-self:center;gap:8px;padding:8px 10px;display:flex;box-shadow:0 14px 28px #67695f1a}.call-overlay-control-button{font:inherit;cursor:pointer;justify-content:center;align-items:center;font-weight:700;transition:background .2s,transform .2s,border-color .2s,opacity .2s;display:inline-flex}.call-overlay-control-button:disabled{opacity:.42;cursor:not-allowed}.call-overlay-control-button-active{background:#6fa18229;border-color:#6fa18252}.call-overlay-control-button-off{background:#b55f5f24;border-color:#b55f5f47}.call-overlay-control-button-danger{background:#b55f5f2e;border-color:#b55f5f4d}.call-overlay-toolbar-button{border-radius:var(--radius-md);background:var(--bg-surface);width:42px;height:42px;color:var(--text-main);border:1px solid #6e766633;gap:0;padding:0}.call-overlay-toolbar-button:hover:not(:disabled){background:#faf9f3f5;transform:translateY(-1px)}.call-overlay-hud-button{border-radius:var(--radius-md);background:var(--bg-surface);color:#fffffff5;border:1px solid #ffffff24;gap:0;width:44px;height:44px;padding:0}.call-overlay-hud-button:hover:not(:disabled){background:var(--bg-surface);transform:translateY(-1px)}.call-overlay-control-icon{justify-content:center;align-items:center;display:inline-flex}.call-overlay-control-label{line-height:1.2}.call-overlay-duration{z-index:4;color:#fffffff5;-webkit-backdrop-filter:blur(8px);pointer-events:none;background:#151b184d;border:1px solid #ffffff24;border-radius:9999px;align-items:center;gap:8px;padding:8px 11px;display:inline-flex;position:absolute;top:14px;left:14px;box-shadow:0 10px 22px #0f13112e}.call-overlay-duration span{letter-spacing:.04em;font-size:13px;font-weight:700}.call-overlay-reactions{z-index:4;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:10px;width:min(100% - 40px,360px);display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.call-overlay-reaction-bubble{border-radius:var(--radius-lg);background:var(--bg-page);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff7a;justify-content:center;align-items:center;min-width:54px;min-height:54px;padding:8px;font-size:1.8rem;animation:3.2s forwards call-reaction-float;display:inline-flex;box-shadow:0 18px 34px #0f131129}.call-overlay-reaction-picker{left:50%;bottom:max(78px, env(safe-area-inset-bottom,0px) + 78px);z-index:5;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);background:#151b185c;border:1px solid #ffffff29;gap:8px;padding:10px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 18px 34px #0f131138}.call-overlay-reaction-button{border-radius:var(--radius-md);background:var(--bg-surface);color:#fffffffa;cursor:pointer;border:1px solid #ffffff29;width:46px;height:46px;font-size:1.4rem;line-height:1;transition:transform .2s,background .2s}.call-overlay-reaction-button:hover{background:var(--bg-surface);transform:translateY(-1px)}@keyframes call-reaction-float{0%{opacity:0;transform:translateY(8px)scale(.9)}12%{opacity:1;transform:translateY(0)scale(1)}78%{opacity:1;transform:translateY(-14px)scale(1)}to{opacity:0;transform:translateY(-28px)scale(.94)}}@media (height<=860px) and (orientation:landscape){.call-overlay{padding:12px}.call-overlay-panel{gap:10px;height:calc(100dvh - 24px);max-height:calc(100vh - 24px);padding:14px}.call-overlay-copy h2{font-size:clamp(1.55rem,2.2vw,2.2rem)}.call-overlay-text{font-size:.98rem;line-height:1.42}.call-overlay-stage{min-height:clamp(240px,100dvh - 250px,520px)}.call-overlay-toolbar-button{border-radius:13px;width:40px;height:40px}}.call-overlay-pip-grip{background:var(--bg-surface);pointer-events:none;z-index:3;border-radius:9999px;width:54px;height:6px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #0000002e}.call-overlay-pip-resize{-webkit-backdrop-filter:blur(6px);cursor:nwse-resize;touch-action:none;z-index:3;background:#151b184d;border:1px solid #ffffff2e;border-radius:9999px;width:22px;height:22px;position:absolute;bottom:10px;right:10px}.call-overlay-pip-resize:before{content:"";border-bottom:2px solid #ffffffc7;border-right:2px solid #ffffffc7;width:7px;height:7px;position:absolute;bottom:5px;right:5px}.call-panel-copy{flex-direction:column;gap:10px;display:flex}.call-panel-copy h2{font-size:1.95rem;line-height:1}.call-panel-text{max-width:620px;color:var(--text-muted);line-height:1.6}.call-panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.call-action-button{min-width:160px}.media-layout{grid-template-columns:minmax(280px,.86fr) minmax(0,1.44fr);gap:18px;display:grid}.media-summary{border-style:solid;border-width:1px;border-color:var(--border-light);background:linear-gradient(#ffffffe0,#faf9f3db);flex-direction:column;gap:18px;padding:24px;display:flex}.media-summary-badges{flex-direction:column;gap:12px;margin-top:auto;display:flex}.media-badge{color:var(--text-muted);background:#6fa18214;border-radius:16px;align-items:center;gap:10px;padding:11px 13px;line-height:1.45;display:inline-flex}.media-streams{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.media-card{background:var(--bg-surface);border-style:solid;border-width:1px;border-color:var(--border-light);flex-direction:column;gap:16px;min-height:340px;padding:18px;display:flex}.microphone-test-card,.device-preferences-card{grid-column:1/-1;min-height:auto}.passkey-card{min-height:auto}.media-controls-card{grid-column:1/-1;min-height:auto}.media-controls-card-compact{gap:12px;padding:14px 16px}.media-controls-card-compact .media-card-copy{gap:4px}.media-controls-card-compact .media-controls-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.media-controls-card-compact .media-control-button{align-items:center;min-height:72px;padding:12px 14px}.media-controls-card-compact .media-control-copy small{display:none}.media-controls-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.media-control-button{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-surface);width:100%;color:var(--text-main);font:inherit;text-align:left;cursor:pointer;align-items:flex-start;gap:12px;padding:14px 16px;transition:background .2s,transform .2s,border-color .2s,opacity .2s;display:flex}.media-control-button:hover:not(:disabled){background:#faf9f3f0;transform:translateY(-1px)}.media-control-button:disabled{opacity:.52;cursor:not-allowed}.media-control-button-active{background:var(--bg-surface-hover);border-color:#7ea2bb4d}.media-control-copy{flex-direction:column;gap:4px;display:flex}.media-control-copy strong{font-size:14px}.media-control-copy small{color:var(--text-muted);line-height:1.45}.media-control-token{border-radius:var(--radius-md);color:#4b6757;letter-spacing:.08em;background:#6fa1821f;justify-content:center;align-items:center;min-width:30px;min-height:30px;font-size:11px;font-weight:700;display:inline-flex}.device-preferences-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.device-preferences-field{color:var(--text-muted);flex-direction:column;gap:8px;font-size:14px;display:flex}.device-preferences-select{border:1px solid var(--border-light);background:var(--bg-surface);width:100%;min-height:46px;color:var(--text-main);font:inherit;border-radius:16px;padding:0 14px}.device-preferences-hint{border-radius:var(--radius-md);background:var(--bg-surface-hover);color:var(--text-muted);padding:10px 12px;line-height:1.45}.device-preferences-hint-success{color:#4b6757;background:#6fa1821f}.device-preferences-hint-warning{color:#7f6940;background:#f5db8a2e}.media-card-copy{flex-direction:column;gap:8px;display:flex}.media-card-text{color:var(--text-muted);line-height:1.55}.media-track-summary{color:var(--text-soft);font-size:13px}.media-track-list{flex-wrap:wrap;gap:8px;display:flex}.media-audio-meter{border-radius:var(--radius-md);background:var(--bg-surface-hover);border:1px solid var(--border-light);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.media-audio-meter-copy{color:var(--text-muted);justify-content:space-between;gap:12px;font-size:13px;display:flex}.media-audio-meter-copy strong{color:var(--text-main)}.media-audio-meter-track{background:#67695f1a;border-radius:9999px;width:100%;height:10px;overflow:hidden}.media-audio-meter-fill{background:linear-gradient(90deg,#c7ddb2,#8ec7ce,#7fae8b);border-radius:9999px;height:100%;transition:width .15s linear;display:block}.media-track-chip{border-radius:var(--radius-md);color:#4c6174;background:#9fc7e838;flex-direction:column;align-items:flex-start;gap:4px;padding:7px 10px;font-size:12px;display:inline-flex}.media-track-label{color:#7a8d98;font-size:11px}.media-track-note{color:var(--text-muted);font-size:13px;line-height:1.5}.media-video,.media-placeholder{border-radius:22px;flex:1;min-height:220px}.media-video{object-fit:cover;background:linear-gradient(#f5f8fcbf,#e4f0e8bf),#edf3f1;border:1px solid #819b8829;width:100%}.media-video-blurred{filter:blur(14px)}.media-video-mirrored{transform:scaleX(-1)}.media-placeholder{border:1px solid var(--border-light);text-align:center;color:var(--text-muted);background:linear-gradient(145deg,#ffffffb8,#eff5efeb);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.media-audio{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.media-playback-button{align-self:flex-start}.microphone-test-actions{flex-wrap:wrap;gap:10px;display:flex}.microphone-test-playback{flex-direction:column;gap:10px;display:flex}.microphone-test-audio{width:100%}.chat-layout{grid-template-columns:minmax(260px,.82fr) minmax(0,1.48fr);gap:18px;display:grid}.chat-summary,.chat-panel{border-style:solid;border-width:1px;border-color:var(--border-light);background:var(--bg-surface)}.chat-summary{flex-direction:column;gap:18px;padding:24px;display:flex}.chat-panel{flex-direction:column;gap:16px;min-height:380px;padding:20px;display:flex}.chat-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.chat-panel-header-copy{flex-direction:column;gap:6px;display:flex}.chat-panel-header h3{font-size:1.55rem;line-height:1.1}.chat-mode-tabs{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:inline-flex}.chat-mode-tab{border:1px solid var(--border-light);background:var(--bg-surface);color:var(--text-muted);font:inherit;cursor:pointer;border-radius:9999px;padding:10px 14px;font-weight:700}.chat-mode-tab-active{color:var(--text-main);background:#9fc7e83d;border-color:#7ea2bb52}.chat-peer-picker{flex-wrap:wrap;gap:10px;display:flex}.chat-peer-picker-empty{color:var(--text-muted);line-height:1.5}.chat-peer-chip{border-radius:var(--radius-md);border:1px solid var(--border-light);min-width:124px;color:var(--text-main);font:inherit;cursor:pointer;background:#faf9f3db;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:inline-flex}.chat-peer-chip small{color:var(--text-muted)}.chat-peer-chip-active{background:var(--bg-surface-hover);border-color:#7ea2bb4d}.chat-thread{flex-direction:column;flex:1;gap:12px;min-height:220px;padding:6px 4px 6px 0;display:flex;overflow-y:auto}.chat-empty-state{border:1px solid var(--border-light);min-height:220px;color:var(--text-muted);text-align:center;background:#f8faf5d1;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.chat-message{border-radius:var(--radius-md);background:var(--bg-surface-hover);border:1px solid var(--border-light);max-width:min(420px,100%);padding:12px 14px}.chat-message-own{border-radius:var(--radius-md);background:#deebde8f;align-self:flex-end}.chat-message-meta{color:var(--text-muted);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;font-size:12px;display:flex}.chat-message p{white-space:pre-wrap;word-break:break-word;line-height:1.55}.chat-compose{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.chat-compose-input{resize:vertical;background:var(--bg-surface);min-height:84px;max-height:180px;color:var(--text-main);border-radius:var(--radius-md);font:inherit;border:2px solid #6e766638;outline:none;padding:14px 16px}.chat-compose-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6f9a7b1a}.presence-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.4fr);gap:18px;display:grid}.presence-summary{border-style:solid;border-width:1px;border-color:var(--border-light);background:linear-gradient(#ffffffe0,#f7f8f0e6);flex-direction:column;justify-content:space-between;gap:20px;padding:24px;display:flex}.presence-summary-label{text-transform:uppercase;letter-spacing:.16em;color:var(--text-soft);font-size:12px}.presence-summary h2{font-size:2rem;line-height:1}.presence-summary-text{color:var(--text-muted);line-height:1.65}.presence-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.presence-card{background:var(--bg-surface);border-style:solid;border-width:1px;border-color:var(--border-light);flex-direction:column;gap:18px;min-height:190px;padding:18px;display:flex;position:relative}.presence-card-self{border-color:#6fa18259;box-shadow:0 14px 32px #6fa18217}.presence-avatar{border-radius:var(--radius-md);color:#345444;background:linear-gradient(145deg, var(--accent-green), var(--accent-yellow));justify-content:center;align-items:center;width:54px;height:54px;font-size:24px;font-weight:700;display:inline-flex}.presence-card-copy{flex-direction:column;gap:6px;display:flex}.presence-name{font-size:1.05rem;font-weight:700}.presence-role{color:var(--text-muted)}.presence-indicator{background:var(--success-soft);color:var(--success);text-transform:uppercase;letter-spacing:.12em;border-radius:9999px;align-self:flex-start;margin-top:auto;padding:7px 10px;font-size:11px}.presence-call-button{color:var(--text-main);cursor:pointer;background:#6fa18214;border:1px solid #819b8838;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:12px 14px;font-family:inherit;font-weight:700;transition:background .2s,transform .2s,opacity .2s;display:inline-flex}.presence-call-button:hover:not(:disabled){background:#6fa18229;transform:translateY(-1px)}.presence-call-button:disabled{opacity:.48;cursor:not-allowed}.presence-call-button-active{color:#9c5858;background:#b55f5f1f}.presence-self-badge{color:var(--text-muted);align-items:center;gap:8px;margin-top:6px;font-size:14px;display:inline-flex}@media (width<=1180px){.room-header{flex-direction:column}.room-header-actions{flex-flow:wrap;justify-content:flex-start;align-items:center;width:100%}.room-header h1{font-size:clamp(2rem,6vw,3.6rem)}.media-controls-card-compact .media-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.room-shell{padding:18px}.room-header{flex-direction:column}.room-header-actions{align-items:flex-start;width:100%}.room-header-meta{flex-direction:column;align-items:flex-start}.room-meta-grid{grid-template-columns:1fr}.call-panel{flex-direction:column;align-items:flex-start}.call-hub-layout,.call-hub-stage,.media-utilities-grid,.room-workspace,.room-call-stage-grid,.room-call-support{grid-template-columns:1fr}.call-overlay{padding:10px}.call-overlay-panel{height:calc(100vh - 20px);padding:16px}.call-overlay-header{flex-direction:column}.call-overlay-actions{justify-content:stretch;width:100%}.call-overlay-stage{min-height:260px}.call-overlay-pip{min-width:128px}.call-overlay-hud{gap:8px;max-width:calc(100% - 24px);bottom:12px}.call-overlay-toolbar-button{width:40px;height:40px}.media-controls-card-compact .media-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.call-panel-actions{justify-content:stretch;width:100%}.call-action-button{width:100%}.access-layout{grid-template-columns:1fr}.room-drawer-panel{width:calc(100vw - 20px);padding:16px;top:10px;bottom:10px;right:10px}.room-drawer-header{flex-direction:column}.room-drawer-close,.room-settings-button,.room-leave-button{justify-content:center;width:100%}.presence-widget-header,.presence-widget-pending,.presence-widget-card{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.access-panel-header,.access-form,.access-invite-row,.access-card{flex-direction:column}.access-form-button{width:100%}.access-list,.media-layout,.media-streams,.device-preferences-grid,.media-controls-grid,.presence-layout,.chat-layout{grid-template-columns:1fr}.chat-panel-header{flex-direction:column}.chat-mode-tabs{justify-content:flex-start}.chat-compose{grid-template-columns:1fr}}.room-actions-stack{align-items:flex-end}.room-header-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.room-header-pill{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-muted);border-radius:9999px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:inline-flex}.room-workspace{grid-template-columns:minmax(0,1.65fr) minmax(320px,.92fr);align-items:start;gap:18px;display:grid}.room-main-column,.room-side-column{flex-direction:column;gap:18px;min-height:0;display:flex}.room-call-stage-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.82fr);align-items:stretch;gap:16px;display:grid}.room-call-stage-primary,.room-call-stage-secondary{min-height:0}.room-call-stage-primary .media-card{min-height:680px}.room-call-stage-secondary .media-card{min-height:420px}.room-call-support{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:stretch;gap:16px;display:grid}.room-call-summary-card{align-items:flex-start}.room-call-summary-badges{margin-top:0}.presence-widget{background:var(--bg-surface);border-style:solid;border-width:1px;border-color:var(--border-light);flex-direction:column;gap:16px;padding:22px;display:flex}.presence-widget-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.presence-widget-header h2{font-size:1.8rem;line-height:1}.presence-widget-text{color:var(--text-muted);line-height:1.55}.presence-widget-pending{border:1px solid var(--border-light);text-align:left;width:100%;font:inherit;color:var(--text-main);cursor:pointer;background:#fff8e7d6;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.presence-widget-pending strong{font-size:.95rem}.presence-widget-pending span{color:var(--text-muted)}.presence-widget-list{flex-direction:column;gap:12px;display:flex}.presence-widget-card{border-radius:var(--radius-md);border:1px solid var(--border-light);background:#faf9f3e6;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:16px;display:grid}.presence-widget-card-self{background:#f4f8f2e6;border-color:#6fa18252}.presence-widget-main{flex-direction:column;gap:8px;min-width:0;display:flex}.presence-widget-headline{flex-direction:column;gap:4px;display:flex}.presence-widget-headline strong{font-size:1rem}.presence-widget-tags{flex-wrap:wrap;gap:8px;display:flex}.room-participant-call-button{grid-column:1/-1;margin-top:2px}.chat-panel-shell{min-height:560px}.chat-panel-summary{color:var(--text-muted);line-height:1.55}.access-layout-drawer{grid-template-columns:1fr}.access-layout-drawer .access-panel{min-width:0}.access-panel-drawer .access-panel-header,.access-panel-drawer .access-form,.access-panel-drawer .access-invite-row,.access-panel-drawer .access-card,.access-panel-drawer .access-card-actions{flex-direction:column;align-items:stretch}.access-panel-drawer .access-list{grid-template-columns:1fr}.access-panel-drawer .access-form-button,.access-panel-drawer .access-invite-button,.access-panel-drawer .access-revoke-button,.access-panel-drawer .access-approve-button{justify-content:center;width:100%;min-width:0}.access-panel-drawer .access-card-actions{justify-content:stretch;width:100%}.room-drawer{z-index:24;pointer-events:none;position:fixed;inset:0}.room-drawer-open{pointer-events:auto}.room-drawer-backdrop{-webkit-backdrop-filter:blur(10px);opacity:0;cursor:pointer;background:#35362f70;border:none;transition:opacity .2s;position:absolute;inset:0}.room-drawer-open .room-drawer-backdrop{opacity:1}.room-drawer-panel{border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-page);flex-direction:column;gap:18px;width:min(620px,100vw - 36px);padding:20px;transition:transform .24s;display:flex;position:absolute;top:18px;bottom:18px;right:18px;transform:translate(calc(100% + 24px));box-shadow:0 32px 56px #67695f3d}.room-drawer-open .room-drawer-panel{transform:translate(0)}.room-drawer-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.room-drawer-header-copy{flex-direction:column;gap:8px;display:flex}.room-drawer-header-copy h2{font-size:clamp(1.6rem,2vw,2.2rem);line-height:1}.room-drawer-meta{margin-top:4px}.room-drawer-close{flex-shrink:0}.room-drawer-body{flex-direction:column;gap:16px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}@media (width<=1100px){.room-workspace,.room-call-stage-grid,.room-call-support{grid-template-columns:1fr}.room-side-column{order:2}.room-call-stage-primary .media-card{min-height:520px}}.room-lobby{background:var(--bg-page);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-light);border-radius:28px;box-shadow:0 16px 36px #67695f0f}.call-overlay-leave-button{border-radius:var(--radius-md);color:#f88;cursor:pointer;background:#b55f5f47;border:1px solid #b55f5f59;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,background-color .2s;display:inline-flex}.call-overlay-leave-button:hover:not(:disabled){color:#fff;background:#b55f5f73;transform:translateY(-1px)}.call-overlay-stage-wrapper{flex-direction:row;gap:16px;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.call-overlay-stage-grid-wrapper{flex:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:grid}.call-overlay-stage-wrapper.sidebar-open .call-overlay-stage-grid-wrapper{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.call-overlay-stage-wrapper.sidebar-open .call-overlay-stage-dual{grid-template-columns:minmax(0,1fr) auto minmax(120px,280px) 340px!important}@media (width<=1200px){.call-overlay-stage-wrapper.sidebar-open .call-overlay-stage-dual{grid-template-rows:minmax(0,1fr) 96px;grid-template-columns:minmax(0,1fr) 340px!important}.call-overlay-stage-wrapper.sidebar-open .call-overlay-stage-thumbnails{flex-direction:row;grid-area:2/1;gap:8px;height:96px;padding:4px;display:flex;overflow:auto hidden}.call-overlay-stage-wrapper.sidebar-open .call-stage-surface-compact{flex-shrink:0;width:128px;height:100%}}.call-in-call-sidebar{background:var(--panel-bg-strong);border:var(--border-sketchy-thick);border-radius:var(--radius-sketchy-md);width:340px;height:100%;box-shadow:var(--panel-shadow);z-index:10;flex-direction:column;transition:transform .3s cubic-bezier(.25,.8,.25,1),width .3s cubic-bezier(.25,.8,.25,1);display:flex;overflow:hidden;transform:translate(0)}.call-in-call-sidebar.collapsed{pointer-events:none;width:0;margin-left:-16px;transform:translate(360px)}@media (width<=768px){.call-in-call-sidebar{border-bottom:none;border-radius:24px 24px 0 0;height:70dvh;position:absolute;bottom:0;left:0;right:0;transform:translateY(0);width:100%!important;margin-left:0!important}.call-in-call-sidebar.collapsed{transform:translateY(100%)}.call-overlay-stage-wrapper.sidebar-open .call-overlay-stage-grid-wrapper{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.sidebar-tabs{background:var(--bg-color);border-bottom:var(--border-sketchy-thin);gap:6px;padding:8px 8px 0;display:flex}.sidebar-tab-button{color:var(--text-muted);border:var(--border-sketchy-thin);cursor:pointer;background:0 0;border-bottom:none;border-radius:12px 14px 0 0;flex:1;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,color .15s,transform .15s;transform:translateY(2px)}.sidebar-tab-button:hover{color:var(--text-main);background:var(--panel-bg)}.sidebar-tab-button.active{background:var(--panel-bg-strong);color:var(--accent-interactive);border-bottom:2px solid var(--panel-bg-strong);z-index:2;transform:translateY(0)scaleY(1.05)}.sidebar-tab-content{background:var(--panel-bg-strong);flex-direction:column;flex:1;min-height:0;padding:12px;display:flex}.sidebar-tab-content .chat-panel{height:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.sidebar-tab-content .chat-panel-messages{flex:1!important;max-height:none!important}.sidebar-participants-list{flex-direction:column;gap:10px;height:100%;display:flex;overflow-y:auto}.sidebar-participant-row{border:var(--border-sketchy-thin);border-radius:var(--radius-sketchy-sm);background:var(--panel-bg);justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;display:flex}.sidebar-participant-info{align-items:center;gap:8px;display:flex}.sidebar-participant-actions{gap:6px;display:flex}.sidebar-participant-btn{border-radius:8px;min-width:auto;padding:4px 8px;font-size:12px}.call-stage-surface{outline:0 solid #0000;transition:outline .2s,box-shadow .2s,transform .2s}body[data-theme=light-ruled] .call-stage-surface.call-stage-surface-active{outline:3px solid var(--accent-decorative);outline-offset:-2px;animation:1.2s ease-in-out infinite pencil-outline-pulse}body[data-theme=chalkboard] .call-stage-surface.call-stage-surface-active{outline:3px solid var(--accent-decorative);outline-offset:-2px;animation:1.4s ease-in-out infinite chalk-glow-pulse;box-shadow:0 0 14px #9ec7a78c}body[data-theme=watercolor] .call-stage-surface.call-stage-surface-active{outline:2px solid var(--accent-decorative);transform:scale(1.02);box-shadow:0 0 20px #8d77a566}@keyframes pencil-outline-pulse{0%,to{border-radius:var(--radius-md);outline-width:2.5px}50%{border-radius:var(--radius-md);outline-width:4px}}@keyframes chalk-glow-pulse{0%,to{box-shadow:0 0 8px #9ec7a759}50%{box-shadow:0 0 18px #9ec7a7bf}}.active-speaker-badge{vertical-align:middle;align-items:flex-end;gap:2px;width:14px;height:14px;margin-left:8px;display:inline-flex}.active-speaker-bar{background-color:var(--pencil-stroke);border-radius:1px;width:2px;height:3px;transition:height .1s}.active-speaker-badge.speaking .active-speaker-bar{animation-name:bounce-bar;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.active-speaker-badge.speaking .active-speaker-bar:first-child{animation-duration:.6s;animation-delay:-.15s}.active-speaker-badge.speaking .active-speaker-bar:nth-child(2){animation-duration:.8s;animation-delay:0s}.active-speaker-badge.speaking .active-speaker-bar:nth-child(3){animation-duration:.7s;animation-delay:-.3s}@keyframes bounce-bar{0%,to{height:3px}50%{height:12px}}.hud-caret-trigger{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:-4px;padding:4px;transition:transform .2s ease-in-out;display:inline-flex}.hud-caret-trigger:hover{background:var(--bg-surface)}.hud-caret-trigger.active{transform:rotate(180deg)}.device-select-popover{background-color:var(--panel-bg-strong);border:var(--border-sketchy-thick);border-radius:var(--radius-sketchy-md);width:280px;box-shadow:var(--panel-shadow), 0 10px 30px #00000026;z-index:100;opacity:0;pointer-events:none;background-image:linear-gradient(90deg, #a8626214 1px, transparent 1px), var(--paper-lines);background-position:28px 0,0 0;background-repeat:no-repeat,repeat;background-size:40px 100%,100% 28px;flex-direction:column;gap:12px;padding:16px;transition:transform .25s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;bottom:72px;left:50%;transform:translate(-50%)scale(.95)}.device-select-popover.open{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.device-select-header{font-family:var(--font-serif);color:var(--text-main);border-bottom:1.5px dashed var(--panel-border);margin-bottom:4px;padding-bottom:6px;font-size:14px;font-weight:700}.device-select-group{flex-direction:column;gap:8px;display:flex}.device-option-label{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:4px 0;font-size:13px;font-weight:500;transition:color .15s;display:flex;position:relative}.device-option-label:hover{color:var(--text-main)}.device-option-input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.sketchy-radio-marker{border:2.5px solid var(--pencil-stroke);background-color:#0000;border-radius:53% 47% 52% 48%/47% 53% 48% 52%;width:18px;height:18px;transition:transform .15s cubic-bezier(.25,.8,.25,1);display:inline-block;position:relative}.device-option-label:hover .sketchy-radio-marker{transform:scale(1.1)rotate(5deg)}.device-option-input:checked+.sketchy-radio-marker:after{content:"";background-color:var(--accent-interactive);border-radius:48% 52% 47% 53%;width:8px;height:8px;animation:.2s cubic-bezier(.175,.885,.32,1.275) radio-dot-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.device-option-input:checked~span{color:var(--text-main);font-weight:700}@keyframes radio-dot-pop{0%{transform:translate(-50%,-50%)scale(0)}to{transform:translate(-50%,-50%)scale(1)}}.theme-picker-container{align-items:center;gap:8px;display:flex}.btn-theme-switcher{border-radius:var(--radius-md);border:var(--border-sketchy-thin);background:var(--panel-bg);width:38px;height:38px;color:var(--text-main);cursor:pointer;justify-content:center;align-items:center;transition:transform .2s,background .2s;display:inline-flex}.btn-theme-switcher:hover{background:var(--panel-bg-strong);transform:scale(1.05)rotate(3deg)}.chat-tag{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;margin:0 2px;padding:0 4px;font-size:.9em;font-weight:500;transition:all .2s;display:inline-block}.chat-tag:hover{transform:translateY(-1px)}.chat-tag-user{color:var(--accent-blue);background:#3b82f61a;border-color:#3b82f633}.chat-tag-user:hover{background:#3b82f626}.chat-tag-room{color:var(--accent-green);background:#10b9811a;border-color:#10b98133}.chat-tag-room:hover{background:#10b98126}.rm-dashboard{--rm-surface:oklch(15% .02 260);--rm-surface-hover:oklch(20% .02 260);--rm-border:oklch(25% .02 260);--rm-text:oklch(95% .01 260);--rm-text-muted:oklch(70% .02 260);--rm-danger:oklch(60% .2 20);--rm-danger-hover:oklch(55% .22 20);--rm-danger-text:oklch(95% .05 20);background-color:var(--rm-surface);color:var(--rm-text);border:1px solid var(--rm-border);border-radius:16px;flex-direction:column;gap:2rem;max-width:1000px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif;display:flex}.rm-header{justify-content:space-between;align-items:flex-start;display:flex}.rm-title{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.rm-subtitle{color:var(--rm-text-muted);margin:0;font-size:.95rem}.rm-refresh-btn{border:1px solid var(--rm-border);color:var(--rm-text);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex}.rm-refresh-btn:hover{background:var(--rm-surface-hover);border-color:var(--rm-text-muted)}.rm-table-container{border:1px solid var(--rm-border);background:#0003;border-radius:12px;overflow-x:auto}.rm-empty-state{text-align:center;color:var(--rm-text-muted);padding:3rem;font-style:italic}.rm-table{border-collapse:collapse;text-align:left;width:100%}.rm-table th{color:var(--rm-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--rm-border);background:#0000004d;padding:1rem 1.5rem;font-size:.85rem;font-weight:500}.rm-table td{border-bottom:1px solid var(--rm-border);vertical-align:middle;padding:1rem 1.5rem}.rm-table tr:last-child td{border-bottom:none}.rm-table tr:hover td{background:#ffffff05}.rm-cell-id{color:var(--rm-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.rm-stat-badge{background:var(--rm-surface);border:1px solid var(--rm-border);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.85rem;font-weight:500;display:inline-flex}.rm-admin-badge{color:oklch(75% .15 45);background:oklch(20% .05 45);border-color:oklch(40% .1 45)}.rm-text-right{text-align:right}.rm-delete-trigger{color:var(--rm-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.rm-delete-trigger:hover{color:var(--rm-danger);background:oklch(20% .05 20)}.rm-dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;justify-content:center;align-items:center;animation:.2s ease-out rm-fade-in;display:flex;position:fixed;inset:0}@keyframes rm-fade-in{0%{opacity:0}to{opacity:1}}.rm-dialog{background:var(--rm-surface);border:1px solid var(--rm-border);border-radius:16px;width:90%;max-width:440px;padding:2rem;box-shadow:0 20px 40px #0006}.rm-dialog-title{color:var(--rm-danger-text);margin:0 0 1rem;font-size:1.25rem}.rm-dialog-text{color:var(--rm-text-muted);margin:0 0 2rem;line-height:1.5}.rm-dialog-text strong{color:var(--rm-text);font-family:monospace}.rm-dialog-actions{justify-content:flex-end;gap:1rem;display:flex}.rm-btn-cancel{color:var(--rm-text);border:1px solid var(--rm-border);cursor:pointer;background:0 0;border-radius:8px;padding:.6rem 1.2rem;font-weight:500;transition:all .2s}.rm-btn-cancel:hover{background:var(--rm-surface-hover)}.rm-btn-confirm-delete{background:var(--rm-danger);color:var(--rm-danger-text);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;transition:background .2s;display:inline-flex}.rm-btn-confirm-delete:hover{background:var(--rm-danger-hover)}.rm-tabs{border-bottom:1px solid var(--rm-border);gap:.5rem;padding-bottom:.75rem;display:flex}.rm-tab-btn{color:var(--rm-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:.5rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .2s}.rm-tab-btn:hover{color:var(--rm-text);background:var(--rm-surface-hover)}.rm-tab-btn.active{color:var(--rm-text);background:var(--rm-border);border-color:var(--rm-border)}.rm-join-link{color:oklch(80% .15 140);cursor:pointer;background:oklch(25% .05 140);border:1px solid oklch(45% .1 140);border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.rm-join-link:hover{color:oklch(85% .15 140);background:oklch(30% .07 140);border-color:oklch(55% .12 140)}.rm-switch{width:44px;height:24px;display:inline-block;position:relative}.rm-switch input{opacity:0;width:0;height:0}.rm-slider{cursor:pointer;background-color:var(--rm-border);border-radius:24px;transition:all .3s;position:absolute;inset:0}.rm-slider:before{content:"";background-color:var(--rm-text);border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.rm-switch input:checked+.rm-slider{background-color:oklch(65% .15 140)}.rm-switch input:checked+.rm-slider:before{transform:translate(20px)}.admin-login-container{--admin-bg:oklch(10% .01 260);--admin-surface:oklch(15% .02 260);--admin-surface-hover:oklch(18% .02 260);--admin-border:oklch(24% .02 260);--admin-border-focus:oklch(55% .15 260);--admin-text:oklch(95% .01 260);--admin-text-muted:oklch(70% .02 260);--admin-primary:oklch(58% .16 260);--admin-primary-hover:oklch(52% .18 260);--admin-danger:oklch(55% .15 20);--admin-danger-bg:oklch(20% .06 20);--admin-shadow:#0006;background-color:var(--admin-bg);width:100%;min-height:100vh;color:var(--admin-text);box-sizing:border-box;justify-content:center;align-items:center;padding:1.5rem;font-family:system-ui,-apple-system,sans-serif;display:flex}.admin-login-card{background:var(--admin-surface);border:1px solid var(--admin-border);width:100%;max-width:420px;box-shadow:0 20px 40px var(--admin-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem 2rem;animation:.4s cubic-bezier(.16,1,.3,1) admin-card-appear}@keyframes admin-card-appear{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.admin-login-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.admin-logo-badge{border:1px solid var(--admin-border);width:64px;height:64px;color:var(--admin-primary);background:oklch(20% .04 260);border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.25rem;transition:transform .3s;display:flex;box-shadow:0 8px 16px #0003}.admin-login-card:hover .admin-logo-badge{transform:translateY(-2px)}.admin-shield-icon{animation:3s ease-in-out infinite admin-pulse}@keyframes admin-pulse{0%,to{opacity:.9}50%{opacity:1;filter:drop-shadow(0 0 8px var(--admin-primary))}}.admin-login-title{letter-spacing:-.02em;color:var(--admin-text);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.admin-login-subtitle{color:var(--admin-text-muted);margin:0;font-size:.9rem;line-height:1.4}.admin-login-form{flex-direction:column;gap:1.5rem;display:flex}.admin-login-error{background:var(--admin-danger-bg);border:1px solid var(--admin-danger);color:oklch(90% .06 20);border-radius:8px;align-items:center;padding:.75rem 1rem;font-size:.85rem;line-height:1.4;animation:.3s admin-shake;display:flex}@keyframes admin-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.admin-input-group{flex-direction:column;gap:.5rem;display:flex}.admin-input-label{text-transform:uppercase;letter-spacing:.05em;color:var(--admin-text-muted);font-size:.85rem;font-weight:600}.admin-input-wrapper{align-items:center;display:flex;position:relative}.admin-input-icon{color:var(--admin-text-muted);pointer-events:none;transition:color .2s;position:absolute;left:1rem}.admin-secret-input{border:1px solid var(--admin-border);width:100%;color:var(--admin-text);box-sizing:border-box;background:#0003;border-radius:10px;padding:.85rem 3rem .85rem 2.75rem;font-size:.95rem;transition:all .2s}.admin-secret-input:focus{border-color:var(--admin-border-focus);background:#0000004d;outline:none;box-shadow:0 0 0 3px #5865f226}.admin-secret-input:focus+.admin-input-icon,.admin-input-wrapper:focus-within .admin-input-icon{color:var(--admin-primary)}.admin-toggle-visibility{color:var(--admin-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:1rem}.admin-toggle-visibility:hover{color:var(--admin-text)}.admin-submit-btn{background:var(--admin-primary);width:100%;color:var(--admin-text);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.admin-submit-btn:hover:not(:disabled){background:var(--admin-primary-hover);transform:translateY(-1px)}.admin-submit-btn:active:not(:disabled){transform:translateY(0)}.admin-submit-btn:disabled{opacity:.6;cursor:not-allowed}.admin-spinner{animation:1s linear infinite admin-spin}@keyframes admin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-auth-container{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.user-auth-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:var(--space-10) var(--space-8);gap:var(--space-6);box-shadow:var(--shadow-lg);flex-direction:column;animation:.6s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex;position:relative}.user-auth-header{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.user-auth-logo-circle{background-color:var(--accent-bg);width:64px;height:64px;color:var(--accent-main);margin-bottom:var(--space-2);border-radius:50%;justify-content:center;align-items:center;display:flex}.user-auth-header p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.user-auth-tabs{border-bottom:1px solid var(--border-light);gap:var(--space-4);padding-bottom:2px;display:flex}.user-auth-tab-btn{color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-base);padding:var(--space-2) 0;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500;transition:all .2s}.user-auth-tab-btn:hover{color:var(--text-main)}.user-auth-tab-btn.active{color:var(--accent-main);border-bottom-color:var(--accent-main);font-weight:600}.user-auth-form{gap:var(--space-4);flex-direction:column;display:flex}.user-auth-input-group{align-items:center;display:flex;position:relative}.user-auth-input-icon{left:var(--space-4);color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute}.user-auth-glass-input{background:var(--bg-page);border:1px solid var(--border-light);width:100%;color:var(--text-main);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);padding-left:44px;transition:border-color .2s,box-shadow .2s}.user-auth-glass-input::placeholder{color:var(--text-muted)}.user-auth-glass-input:focus{border-color:var(--accent-main);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.user-auth-glass-input:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-surface-hover)}.user-auth-btn-primary{background:var(--accent-main);color:#fff;border-radius:var(--radius-sm);width:100%;padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-weight:600;font-size:var(--text-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-2);border:none;transition:background-color .2s,transform .1s;display:flex}.user-auth-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.user-auth-btn-primary:active:not(:disabled){transform:scale(.98)}.user-auth-btn-primary:disabled{opacity:.5;cursor:not-allowed}.user-auth-btn-secondary{width:100%;color:var(--text-muted);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-weight:500;font-size:var(--text-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);background:0 0;transition:all .2s;display:flex}.user-auth-btn-secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-strong);color:var(--text-main)}.user-auth-alert{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex}.user-auth-alert.error{background-color:var(--danger-bg);color:var(--danger-fg);border-left:3px solid var(--danger-fg)}.user-auth-alert.success{background-color:var(--success-bg,oklch(95% .15 140/.1));color:var(--success-fg,oklch(50% .2 140));border-left:3px solid var(--success-fg,oklch(50% .2 140))}:root{--anna-bg:#faf7f2;--anna-surface:#fff;--anna-surface-alt:#f4efeb;--anna-text:#2e2a28;--anna-text-muted:#6b655f;--anna-border:#e5ddd3;--anna-border-dark:#d4c7b8;--anna-sage:#4a6b5d;--anna-sage-hover:#3d584d;--anna-sage-light:#ebf1ee;--anna-bronze:#c8944b;--anna-bronze-light:#fbf4ea;--anna-danger:#b33939;--anna-radius:14px;--anna-radius-sm:8px;--anna-shadow-sm:0 2px 8px #2e2a280a;--anna-shadow-md:0 4px 16px #2e2a2814}.anna-container{background-color:var(--anna-bg);min-height:100dvh;color:var(--anna-text);box-sizing:border-box;flex-direction:column;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.anna-wrapper{flex-direction:column;gap:20px;width:100%;max-width:540px;margin:0 auto;display:flex}.anna-header{text-align:center;padding:16px 8px 8px}.anna-speaker-tag{text-transform:uppercase;letter-spacing:1.5px;color:var(--anna-sage);background:var(--anna-sage-light);border-radius:20px;margin-bottom:8px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.anna-title{color:var(--anna-text);margin:0 0 6px;font-size:24px;font-weight:700;line-height:1.25}.anna-subtitle{color:var(--anna-text-muted);margin:0;font-size:13px;line-height:1.4}.anna-card{background:var(--anna-surface);border:1px solid var(--anna-border);border-radius:var(--anna-radius);box-shadow:var(--anna-shadow-sm);box-sizing:border-box;flex-direction:column;gap:16px;padding:20px;display:flex}.anna-spheres-grid{grid-template-columns:1fr;gap:12px;display:grid}.anna-sphere-btn{background:var(--anna-surface);border:1.5px solid var(--anna-border);border-radius:var(--anna-radius-sm);text-align:left;cursor:pointer;flex-direction:column;gap:4px;min-height:60px;padding:16px;transition:all .2s;display:flex}.anna-sphere-btn:hover,.anna-sphere-btn:focus-visible{border-color:var(--anna-sage);background:var(--anna-surface-alt)}.anna-sphere-btn.selected{border-color:var(--anna-sage);background:var(--anna-sage-light);box-shadow:0 0 0 2px var(--anna-sage)}.anna-sphere-title{color:var(--anna-text);font-size:15px;font-weight:700}.anna-sphere-subtitle{color:var(--anna-text-muted);font-size:12px}.anna-btn-primary{background-color:var(--anna-sage);color:#fff;border-radius:var(--anna-radius-sm);cursor:pointer;box-sizing:border-box;border:none;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:14px 20px;font-size:15px;font-weight:600;transition:background-color .2s;display:inline-flex}.anna-btn-primary:hover:not(:disabled){background-color:var(--anna-sage-hover)}.anna-btn-primary:disabled{opacity:.6;cursor:not-allowed}.anna-btn-secondary{color:var(--anna-sage);border:1.5px solid var(--anna-sage);border-radius:var(--anna-radius-sm);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.anna-btn-secondary:hover:not(:disabled){background-color:var(--anna-sage-light)}.anna-spread-slots{flex-direction:column;gap:16px;display:flex}.anna-card-slot{background:var(--anna-surface);border:1px solid var(--anna-border);border-radius:var(--anna-radius);box-shadow:var(--anna-shadow-sm);flex-direction:column;display:flex;overflow:hidden}.anna-slot-header{background:var(--anna-surface-alt);border-bottom:1px solid var(--anna-border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.anna-slot-badge{text-transform:uppercase;color:var(--anna-sage);font-size:12px;font-weight:700}.anna-slot-content{flex-direction:column;gap:12px;padding:16px;display:flex}.anna-card-visual{object-fit:contain;border-radius:var(--anna-radius-sm);background:#f0ece7;width:100%;max-height:280px}.anna-card-meta-title{color:var(--anna-text);margin:0;font-size:16px;font-weight:700}.anna-card-meta-theme{color:var(--anna-bronze);margin:0;font-size:12px;font-weight:600}.anna-card-prompt-box{background:var(--anna-surface-alt);border-left:3px solid var(--anna-sage);border-radius:4px;padding:10px 14px}.anna-card-prompt-text{color:var(--anna-text);margin:0;font-size:13px;font-style:italic;line-height:1.45}.anna-replacement-banner{background:var(--anna-bronze-light);border-radius:var(--anna-radius-sm);border:1px solid #e8d8c3;flex-direction:column;gap:8px;padding:14px;display:flex}.anna-replacement-title{color:#8c5f22;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.anna-replacement-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.anna-replace-btn{color:var(--anna-text);cursor:pointer;text-align:center;background:#fff;border:1px solid #d9c3a5;border-radius:6px;min-height:44px;padding:8px 4px;font-size:12px;font-weight:600}.anna-replace-btn:hover{border-color:var(--anna-bronze);background:#fdf9f3}.anna-gift-grid{grid-template-columns:1fr;gap:12px;display:grid}.anna-gift-card{background:var(--anna-surface);border:1.5px solid var(--anna-border);border-radius:var(--anna-radius-sm);cursor:pointer;flex-direction:column;gap:6px;padding:16px;transition:all .2s;display:flex}.anna-gift-card.selected{border-color:var(--anna-sage);background:var(--anna-sage-light);box-shadow:0 0 0 2px var(--anna-sage)}.anna-gift-card:focus-visible{outline:2px solid var(--anna-sage);outline-offset:2px}.anna-gift-title{color:var(--anna-text);font-size:15px;font-weight:700}.anna-gift-desc{color:var(--anna-text-muted);font-size:12px;line-height:1.4}.anna-gift-terms{color:var(--anna-bronze);font-size:11px;font-style:italic}.anna-form-group{flex-direction:column;gap:6px;display:flex}.anna-label{color:var(--anna-text);font-size:13px;font-weight:600}.anna-label-req{color:var(--anna-danger)}.anna-input{background:var(--anna-surface);border:1.5px solid var(--anna-border);border-radius:var(--anna-radius-sm);min-height:48px;color:var(--anna-text);box-sizing:border-box;outline:none;padding:12px 14px;font-size:15px;transition:border-color .2s}.anna-input:focus{border-color:var(--anna-sage)}.anna-certificate-card{border:1.5px solid var(--anna-border);border-radius:var(--anna-radius);text-align:center;box-shadow:var(--anna-shadow-md);background:linear-gradient(#fff 0%,#faf8f5 100%);flex-direction:column;gap:16px;padding:24px 20px;display:flex}.anna-badge-success{background:var(--anna-sage-light);color:var(--anna-sage);text-transform:uppercase;border-radius:20px;margin:0 auto;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.anna-social-group{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.anna-social-link{background:var(--anna-surface);border:1px solid var(--anna-border);border-radius:var(--anna-radius-sm);color:var(--anna-text);box-sizing:border-box;align-items:center;gap:6px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.anna-social-link:hover{background:var(--anna-surface-alt);border-color:var(--anna-sage)}.anna-error-banner{color:var(--anna-danger);border-radius:var(--anna-radius-sm);background:#fdf2f2;border:1px solid #f8b4b4;padding:12px 16px;font-size:13px}.anna-verify-box{border:1.5px solid var(--anna-border);border-radius:var(--anna-radius);background:var(--anna-surface);flex-direction:column;gap:12px;padding:18px;display:flex}.anna-verify-result-winner{border-radius:var(--anna-radius-sm);background:#ecfdf5;border:2px solid #059669;flex-direction:column;gap:8px;padding:16px;display:flex}.anna-verify-result-regular{border:1.5px solid var(--anna-border);border-radius:var(--anna-radius-sm);background:#f9f8f6;flex-direction:column;gap:8px;padding:16px;display:flex}.anna-winner-tag{color:#fff;background:#10b981;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}