:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:oklch(98.2% .006 85);--color-surface:oklch(100% 0 0);--color-surface-raised:oklch(100% 0 0);--color-surface-sunken:oklch(96% .008 85);--color-border:oklch(89% .006 85);--color-border-strong:oklch(80% .008 85);--color-text:oklch(20% .012 280);--color-text-muted:oklch(45% .014 280);--color-text-faint:oklch(62% .012 280);--color-text-on-accent:oklch(99% .005 280);--color-accent:oklch(52% .19 288);--color-accent-strong:oklch(44% .2 288);--color-accent-soft:oklch(94% .03 288);--color-accent-soft-text:oklch(40% .15 288);--color-warm:oklch(68% .17 45);--color-warm-soft:oklch(95% .04 45);--color-warm-soft-text:oklch(42% .14 45);--color-success:oklch(62% .16 150);--color-success-soft:oklch(94% .05 150);--color-danger:oklch(58% .21 25);--color-danger-soft:oklch(95% .04 25);--color-warning:oklch(75% .15 80);--color-warning-soft:oklch(95% .05 80);--font-display:Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Consolas", "SFMono-Regular", Menlo, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:clamp(1.5rem, 1.3rem + .9vw, 2rem);--text-2xl:clamp(2rem, 1.6rem + 1.8vw, 3rem);--text-3xl:clamp(2.5rem, 1.9rem + 2.8vw, 4.25rem);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;--space-3xl:7rem;--space-section:clamp(3.5rem, 2.8rem + 3vw, 7rem);--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--shadow-sm:0 1px 2px oklch(20% .02 280/.06), 0 1px 1px oklch(20% .02 280/.04);--shadow-md:0 6px 20px oklch(20% .02 280/.08), 0 2px 6px oklch(20% .02 280/.05);--shadow-lg:0 16px 40px oklch(20% .02 280/.14), 0 4px 12px oklch(20% .02 280/.06);--duration-fast:.12s;--duration-normal:.22s;--duration-slow:.42s;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--header-height:64px;--composer-height:76px;--max-content-width:1200px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:oklch(16% .014 280);--color-surface:oklch(20% .014 280);--color-surface-raised:oklch(23% .015 280);--color-surface-sunken:oklch(13% .012 280);--color-border:oklch(30% .016 280);--color-border-strong:oklch(38% .018 280);--color-text:oklch(94% .006 280);--color-text-muted:oklch(72% .012 280);--color-text-faint:oklch(55% .012 280);--color-text-on-accent:oklch(99% .005 280);--color-accent:oklch(72% .16 288);--color-accent-strong:oklch(80% .14 288);--color-accent-soft:oklch(28% .06 288);--color-accent-soft-text:oklch(85% .08 288);--color-warm:oklch(74% .15 45);--color-warm-soft:oklch(28% .06 45);--color-warm-soft-text:oklch(85% .08 45);--color-success:oklch(70% .15 150);--color-success-soft:oklch(26% .05 150);--color-danger:oklch(68% .19 25);--color-danger-soft:oklch(28% .06 25);--color-warning:oklch(80% .14 80);--color-warning-soft:oklch(28% .06 80);--shadow-sm:0 1px 2px oklch(0% 0 0/.3);--shadow-md:0 6px 20px oklch(0% 0 0/.35);--shadow-lg:0 16px 40px oklch(0% 0 0/.45)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:oklch(16% .014 280);--color-surface:oklch(20% .014 280);--color-surface-raised:oklch(23% .015 280);--color-surface-sunken:oklch(13% .012 280);--color-border:oklch(30% .016 280);--color-border-strong:oklch(38% .018 280);--color-text:oklch(94% .006 280);--color-text-muted:oklch(72% .012 280);--color-text-faint:oklch(55% .012 280);--color-text-on-accent:oklch(99% .005 280);--color-accent:oklch(72% .16 288);--color-accent-strong:oklch(80% .14 288);--color-accent-soft:oklch(28% .06 288);--color-accent-soft-text:oklch(85% .08 288);--color-warm:oklch(74% .15 45);--color-warm-soft:oklch(28% .06 45);--color-warm-soft-text:oklch(85% .08 45);--color-success:oklch(70% .15 150);--color-success-soft:oklch(26% .05 150);--color-danger:oklch(68% .19 25);--color-danger-soft:oklch(28% .06 25);--color-warning:oklch(80% .14 80);--color-warning-soft:oklch(28% .06 80);--shadow-sm:0 1px 2px oklch(0% 0 0/.3);--shadow-md:0 6px 20px oklch(0% 0 0/.35);--shadow-lg:0 16px 40px oklch(0% 0 0/.45)}}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-wrap:break-word;margin:0;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,h4,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}::selection{background:var(--color-accent-soft);color:var(--color-accent-soft-text)}.sr-only,.visually-hidden-focusable:not(:focus):not(:focus-within){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill);border:2px solid var(--color-bg)}.btn{justify-content:center;align-items:center;gap:var(--space-2xs);border-radius:var(--radius-pill);letter-spacing:.01em;white-space:nowrap;transition:transform var(--duration-fast) var(--ease-out-expo), background-color var(--duration-fast), border-color var(--duration-fast), box-shadow var(--duration-fast), opacity var(--duration-fast);border:1px solid #0000;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn-md{font-size:var(--text-base);min-height:46px;padding:.75rem 1.4rem}.btn-sm{font-size:var(--text-sm);min-height:38px;padding:.5rem 1rem}.btn-lg{font-size:var(--text-md);min-height:52px;padding:.95rem 1.9rem}.btn-primary{background:var(--color-accent);color:var(--color-text-on-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-accent-strong);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-text)}.btn-danger{background:var(--color-danger-soft);color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:var(--color-text-on-accent)}.btn-block{width:100%}.icon-btn{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);width:38px;height:38px;color:var(--color-text-muted);transition:all var(--duration-fast) var(--ease-out-expo);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}.icon-spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{gap:var(--space-3xs);flex-direction:column;display:flex}.field-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600}.field input[type=text],.field input[type=search]{appearance:none;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-md);color:var(--color-text);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);padding:.8rem 1rem}.field input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.field-error{color:var(--color-danger);font-size:var(--text-sm)}.select-wrap{position:relative}.select-wrap select{appearance:none;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);width:100%;font-size:var(--text-md);color:var(--color-text);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);padding:.8rem 2.6rem .8rem 1rem}.select-wrap select:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.select-chevron{color:var(--color-text-faint);pointer-events:none;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.avatar{background:var(--avatar-color);color:#fff;box-shadow:0 0 0 2px var(--color-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.connection-badge{font-size:var(--text-xs);color:var(--color-text-muted);border-radius:var(--radius-pill);background:var(--color-surface-sunken);align-items:center;gap:.4rem;padding:.3rem .7rem;font-weight:600;display:inline-flex}.connection-dot{background:var(--color-text-faint);border-radius:50%;width:7px;height:7px}.connection-badge--connected .connection-dot{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-soft)}.connection-badge--connecting .connection-dot,.connection-badge--reconnecting .connection-dot{background:var(--color-warning);animation:1.1s ease-in-out infinite pulse-dot}.connection-badge--disconnected .connection-dot{background:var(--color-danger)}.connection-badge--disconnected{color:var(--color-danger);background:var(--color-danger-soft)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.toast-viewport{bottom:var(--space-md);gap:var(--space-2xs);z-index:200;flex-direction:column;width:min(420px,100vw - 2rem);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-2xs);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:toast-in var(--duration-normal) var(--ease-spring);padding:.7rem .9rem;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.toast--success{border-color:var(--color-success);color:var(--color-success)}.toast--error{border-color:var(--color-danger);color:var(--color-danger)}.toast--warning{border-color:var(--color-warning);color:var(--color-warm-soft-text)}.toast--info{color:var(--color-text)}.toast-message{color:var(--color-text);flex:1}.toast-dismiss{color:var(--color-text-faint);background:0 0;border:none;border-radius:50%;padding:2px;display:inline-flex}.toast-dismiss:hover{color:var(--color-text);background:var(--color-surface-sunken)}.session-splash{justify-content:center;align-items:center;gap:var(--space-sm);min-height:100dvh;color:var(--color-accent);flex-direction:column;flex:1;display:flex}.session-splash p{color:var(--color-text-muted);font-size:var(--text-sm);align-items:center;gap:.5rem;display:inline-flex}.empty-state{text-align:center;justify-content:center;align-items:center;gap:var(--space-2xs);padding:var(--space-xl) var(--space-md);color:var(--color-text-muted);flex-direction:column;display:flex}.empty-state-icon{background:var(--color-accent-soft);width:52px;height:52px;color:var(--color-accent);margin-bottom:var(--space-2xs);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state-title{color:var(--color-text);font-weight:700;font-size:var(--text-md)}.empty-state-description{max-width:32ch;font-size:var(--text-sm)}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:150;animation:fade-in var(--duration-fast) ease-out;background:oklch(10% .02 280/.45);justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=640px){.modal-backdrop{padding:var(--space-md);align-items:center}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--color-surface-raised);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:460px;max-height:92dvh;box-shadow:var(--shadow-lg);padding:var(--space-lg);animation:sheet-up var(--duration-normal) var(--ease-out-expo);overflow-y:auto}@media (width>=640px){.modal-sheet{border-radius:var(--radius-lg);animation:modal-in var(--duration-normal) var(--ease-out-expo)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.modal-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600}.modal-subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:.25rem}.modal-form{gap:var(--space-sm);flex-direction:column;display:flex}.home{flex-direction:column;flex:1;display:flex}.home-nav{z-index:20;background:color-mix(in oklch, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);position:sticky;top:0}.home-nav-inner{max-width:var(--max-content-width);padding:var(--space-sm) var(--space-md);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{font-weight:700;font-size:var(--text-md);color:var(--color-accent);align-items:center;gap:.5rem;display:inline-flex}.hero{padding:var(--space-2xl) var(--space-md) var(--space-xl);background:radial-gradient(120% 100% at 100% 0%, var(--color-accent-soft) 0%, transparent 55%)}.hero-inner{max-width:var(--max-content-width);gap:var(--space-2xl);align-items:center;margin:0 auto;display:grid}@media (width>=960px){.hero-inner{grid-template-columns:1.05fr .95fr}}.eyebrow{font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--color-accent-soft-text);background:var(--color-accent-soft);border-radius:var(--radius-pill);margin-bottom:var(--space-sm);padding:.35rem .75rem;font-weight:700;display:inline-block}.hero-title{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.01em;max-width:16ch;font-weight:500;line-height:1.05}.hero-title em{color:var(--color-accent);font-style:italic}.hero-subtitle{margin-top:var(--space-sm);font-size:var(--text-md);color:var(--color-text-muted);max-width:46ch}.hero-actions{gap:var(--space-2xs);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.hero-trust{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-faint)}.hero-preview{justify-content:center;display:flex}.preview-window{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-lg);overflow:hidden;transform:rotate(1.2deg)}.preview-window-bar{background:var(--color-surface-sunken);border-bottom:1px solid var(--color-border);align-items:center;gap:.4rem;padding:.7rem .9rem;display:flex}.preview-dot{background:var(--color-border-strong);border-radius:50%;width:8px;height:8px}.preview-room-code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint);letter-spacing:.1em;margin-left:auto}.preview-messages{padding:var(--space-md);gap:var(--space-sm);flex-direction:column;min-height:280px;display:flex}.preview-bubble{border-radius:var(--radius-md);max-width:82%;font-size:var(--text-sm);opacity:0;animation:preview-fade-in var(--duration-slow) var(--ease-out-expo) forwards;padding:.65rem .9rem}@keyframes preview-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.preview-bubble--left{background:var(--color-surface-sunken);border-bottom-left-radius:4px;align-self:flex-start}.preview-bubble--right{background:var(--color-accent-soft);border-bottom-right-radius:4px;align-self:flex-end}.preview-bubble-meta{color:var(--color-text-faint);margin-bottom:.2rem;font-size:.7rem;font-weight:600;display:block}.preview-bubble--translated .preview-bubble-meta:after{content:" · translated";font-style:italic;font-weight:500}.section{padding:var(--space-section) var(--space-md)}.section>*{max-width:var(--max-content-width);margin-left:auto;margin-right:auto}.section-heading{font-family:var(--font-display);font-size:var(--text-2xl);max-width:24ch;margin-bottom:var(--space-lg);font-weight:500}.feature-grid{gap:var(--space-lg);display:grid}@media (width>=760px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature{border-top:2px solid var(--color-border-strong);padding-top:var(--space-sm)}.feature svg{color:var(--color-accent);margin:var(--space-xs) 0 var(--space-2xs)}.feature-number{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-faint)}.feature h3{font-size:var(--text-lg);margin-bottom:.35rem}.feature p{color:var(--color-text-muted);font-size:var(--text-sm)}.how-it-works{background:var(--color-surface-sunken)}.steps{gap:var(--space-lg);display:grid}@media (width>=760px){.steps{grid-template-columns:repeat(4,1fr)}}.steps li{gap:var(--space-2xs);flex-direction:column;display:flex}.step-index{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-accent)}.steps h3{font-size:var(--text-base);font-weight:700}.steps p{color:var(--color-text-muted);font-size:var(--text-sm)}.language-pills{flex-wrap:wrap;gap:.5rem;display:flex}.language-pill{border-radius:var(--radius-pill);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted);padding:.5rem 1rem}.language-pill span{color:var(--color-text-faint)}.privacy-card{background:var(--color-accent);color:var(--color-text-on-accent);border-radius:var(--radius-lg);padding:var(--space-xl)}.privacy-card .section-heading{color:var(--color-text-on-accent);margin-bottom:var(--space-sm)}.privacy-card p{opacity:.92;max-width:60ch;font-size:var(--text-base)}.home-footer{padding:var(--space-lg) var(--space-md) var(--space-xl);text-align:center;color:var(--color-text-faint);font-size:var(--text-sm)}.room-code-input{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-family:var(--font-mono);font-weight:700;font-size:var(--text-lg)!important}.room-page{background:var(--color-bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.room-header{height:var(--header-height);padding:0 var(--space-sm);border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.room-header-left,.room-header-right{align-items:center;gap:var(--space-2xs);display:flex}.room-brand{color:var(--color-accent);display:inline-flex}.room-code-chip{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-mono);letter-spacing:.12em;font-weight:700;font-size:var(--text-sm);color:var(--color-text);align-items:center;gap:.4rem;padding:.4rem .7rem;display:inline-flex}.room-code-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.participant-stack{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:0 0;align-items:center;gap:.4rem;padding:.3rem .6rem .3rem .3rem;display:inline-flex}.avatar-stack{display:flex}.avatar-stack .avatar{margin-left:-8px}.avatar-stack .avatar:first-child{margin-left:0}.participant-count{font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:.3rem;font-weight:600;display:inline-flex}.room-body{flex:1;min-height:0;display:flex;position:relative}.message-list{min-width:0;padding:var(--space-md) var(--space-sm);gap:var(--space-sm);flex-direction:column;flex:1;display:flex;overflow-y:auto}.message-list--empty{justify-content:center;align-items:center}@media (width>=640px){.message-list{padding:var(--space-md) var(--space-lg)}}.system-message{font-size:var(--text-xs);color:var(--color-text-faint);background:var(--color-surface-sunken);border-radius:var(--radius-pill);align-self:center;padding:.3rem .8rem}.message-row{gap:var(--space-2xs);max-width:min(640px,84%);animation:message-in var(--duration-normal) var(--ease-out-expo);display:flex}@keyframes message-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.message-row--own{flex-direction:row-reverse;align-self:flex-end;max-width:min(640px,88%)}.message-bubble{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border-bottom-left-radius:4px;min-width:0;padding:.6rem .85rem}.message-row--own .message-bubble{background:var(--color-accent);color:var(--color-text-on-accent);border-bottom-left-radius:var(--radius-md);border-color:#0000;border-bottom-right-radius:4px}.message-sender{font-size:var(--text-xs);color:var(--color-accent);margin-bottom:.15rem;font-weight:700;display:block}.message-text{font-size:var(--text-base);overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.45}.message-meta{opacity:.75;align-items:center;gap:.6rem;margin-top:.3rem;font-size:.7rem;display:flex}.message-fallback-flag{color:var(--color-warning);align-items:center;gap:.2rem;display:inline-flex}.message-row--own .message-fallback-flag{color:inherit}.message-toggle-original{color:inherit;opacity:.85;background:0 0;border:none;align-items:center;gap:.2rem;padding:0;font-size:.7rem;text-decoration:underline;display:inline-flex}.chevron-open{transform:rotate(180deg)}.message-original{opacity:.85;font-style:italic;font-size:var(--text-sm);border-top:1px dashed;margin-top:.4rem;padding-top:.4rem}.pdf-card{align-self:flex-start;gap:var(--space-2xs);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:min(520px,90%);padding:var(--space-sm);box-shadow:var(--shadow-sm);display:flex}.pdf-card-icon{border-radius:var(--radius-sm);background:var(--color-accent-soft);width:40px;height:40px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pdf-card-body{flex-direction:column;gap:.2rem;min-width:0;display:flex}.pdf-card-filename{font-weight:700;font-size:var(--text-sm);overflow-wrap:anywhere}.pdf-card-shared-by{font-size:var(--text-xs);color:var(--color-text-faint)}.pdf-card-status{font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:.3rem;margin-top:.2rem;display:inline-flex}.pdf-card-status--warn{color:var(--color-warning)}.pdf-card-preview{font-size:var(--text-sm);color:var(--color-text-muted);white-space:pre-wrap;margin:.4rem 0}.drawer-backdrop{z-index:30;background:oklch(10% .02 280/.4);position:fixed;inset:0}.participant-drawer{background:var(--color-surface-raised);border-left:1px solid var(--color-border);z-index:40;width:min(320px,84vw);height:100dvh;transition:transform var(--duration-normal) var(--ease-out-expo);padding:var(--space-md);flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.participant-drawer--open{box-shadow:var(--shadow-lg);transform:translate(0)}.drawer-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.drawer-header h2{font-size:var(--text-base);align-items:center;gap:.4rem;display:inline-flex}.drawer-empty{color:var(--color-text-muted);font-size:var(--text-sm)}.participant-list{gap:var(--space-xs);flex-direction:column;display:flex;overflow-y:auto}.participant-row{align-items:center;gap:var(--space-xs);display:flex}.participant-row>div{flex-direction:column;min-width:0;display:flex}.participant-name{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.participant-lang{font-size:var(--text-xs);color:var(--color-text-faint)}.online-dot{background:var(--color-success);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:auto}@media (width>=1024px){.drawer-backdrop{display:none}.participant-drawer{width:280px;height:auto;box-shadow:none;flex-shrink:0;position:static;transform:none}.drawer-close{display:none}}.composer{align-items:flex-end;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm);padding-bottom:max(var(--space-2xs), env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;display:flex}@media (width>=640px){.composer{padding:var(--space-xs) var(--space-lg);padding-bottom:max(var(--space-xs), env(safe-area-inset-bottom))}}.composer-attach{flex-shrink:0}.composer-input{resize:none;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-lg);font-size:var(--text-md);background:var(--color-surface);min-height:44px;max-height:140px;color:var(--color-text);transition:border-color var(--duration-fast);flex:1;padding:.65rem 1rem}.composer-input:disabled{opacity:.6}.composer-input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.composer-send{border-radius:50%;flex-shrink:0;width:44px;height:44px;padding:0}