:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.375rem;--leading-tight:1.25;--leading-normal:1.5;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-module:18px;--radius-full:9999px;--shadow-sm:0 1px 2px #0f19360f;--shadow-md:0 10px 28px #0f193617;--shadow-lg:0 18px 50px #0f19362e;--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.32s;--ease-out:cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{color-scheme:light;--color-bg:#f7f9ff;--color-bg-gradient:linear-gradient(180deg, #eff4ffbd, transparent 360px), #f7f9ff;--color-bg-subtle:#eff4ff;--color-bg-muted:#e5ecfb;--color-bg-inset:#d7e1f4;--color-surface:#fff;--color-surface-raised:#fbfdff;--color-border:#d7e0f1;--color-border-subtle:#e7edf8;--color-text:#11172a;--color-text-secondary:#56617a;--color-text-muted:#7b849a;--color-primary:#4a5ee7;--color-primary-hover:#4052cf;--color-primary-subtle:#4a5ee71c;--color-primary-text:#fff;--color-secondary:#087ea4;--color-secondary-hover:#066985;--color-secondary-subtle:#51bef229;--color-secondary-text:#fff;--color-accent:var(--color-primary);--color-accent-hover:var(--color-primary-hover);--color-accent-subtle:var(--color-primary-subtle);--color-accent-text:var(--color-primary-text);--color-success:#0f8a5f;--color-success-subtle:#0f8a5f1c;--color-warning:#a86612;--color-warning-subtle:#a866121f;--color-danger:#c73b45;--color-danger-subtle:#c73b451a;--color-message-sent-bg:color-mix(in srgb, var(--color-primary) 13%, var(--color-surface));--color-message-sent-border:color-mix(in srgb, var(--color-primary) 26%, var(--color-border));--color-message-sent-shadow:color-mix(in srgb, var(--color-primary) 12%, transparent);--color-message-received-bg:color-mix(in srgb, var(--color-bg-muted) 48%, var(--color-surface));--color-message-received-border:var(--color-border-subtle);--color-message-file-sent-bg:color-mix(in srgb, var(--color-surface-raised) 72%, var(--color-primary-subtle));--color-message-file-sent-border:color-mix(in srgb, var(--color-primary) 20%, var(--color-border-subtle));--color-message-file-received-bg:color-mix(in srgb, var(--color-surface) 74%, var(--color-bg-muted));--color-message-file-received-border:var(--color-border-subtle);--color-sent-bg:var(--color-message-sent-bg);--color-sent-text:var(--color-text);--color-received-bg:var(--color-message-received-bg);--color-received-text:var(--color-text);--shadow-card:var(--shadow-sm)}[data-theme=dark]{color-scheme:dark;--color-bg:#090d18;--color-bg-gradient:linear-gradient(180deg, #0f1424bd, transparent 360px), #090d18;--color-bg-subtle:#0f1424;--color-bg-muted:#171d31;--color-bg-inset:#242b42;--color-surface:#121829;--color-surface-raised:#202842;--color-border:#2c3654;--color-border-subtle:#222b45;--color-text:#f5f7ff;--color-text-secondary:#c6d0eb;--color-text-muted:#8995b5;--color-primary:#9cafee;--color-primary-hover:#bdc8ff;--color-primary-subtle:#9cafee29;--color-primary-text:#080d18;--color-secondary:#51d4c8;--color-secondary-hover:#8ce9df;--color-secondary-subtle:#51d4c824;--color-secondary-text:#06121f;--color-accent:var(--color-primary);--color-accent-hover:var(--color-primary-hover);--color-accent-subtle:var(--color-primary-subtle);--color-accent-text:var(--color-primary-text);--color-success:#5ee0a2;--color-success-subtle:#5ee0a221;--color-warning:#f7bd53;--color-warning-subtle:#f7bd5321;--color-danger:#ff7068;--color-danger-subtle:#ff706821;--color-message-sent-bg:color-mix(in srgb, var(--color-primary) 18%, var(--color-surface));--color-message-sent-border:color-mix(in srgb, var(--color-primary) 30%, var(--color-border));--color-message-sent-shadow:color-mix(in srgb, var(--color-primary) 10%, transparent);--color-message-received-bg:color-mix(in srgb, var(--color-surface-raised) 48%, var(--color-surface));--color-message-received-border:var(--color-border-subtle);--color-message-file-sent-bg:color-mix(in srgb, var(--color-surface-raised) 76%, var(--color-primary-subtle));--color-message-file-sent-border:color-mix(in srgb, var(--color-primary) 24%, var(--color-border-subtle));--color-message-file-received-bg:color-mix(in srgb, var(--color-surface-raised) 64%, var(--color-surface));--color-message-file-received-border:var(--color-border-subtle);--color-sent-bg:var(--color-message-sent-bg);--color-sent-text:var(--color-text);--color-received-bg:var(--color-message-received-bg);--color-received-text:var(--color-text);--shadow-sm:0 1px 2px #00000038;--shadow-md:0 10px 30px #0000004d;--shadow-lg:0 22px 70px #00000080;--shadow-card:var(--shadow-sm)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{text-size-adjust:100%}body{line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}ul,ol{list-style:none}a{color:inherit;text-decoration:none}html{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);text-size-adjust:100%;height:100%;transition:background var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out);font-size:16px;overflow:hidden}body{height:100%;min-height:100dvh;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);overflow:hidden}#root{flex-direction:column;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-accent-subtle);color:var(--color-text)}code{font-family:var(--font-mono);font-size:.9em}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:550;line-height:var(--leading-tight);min-height:36px;transition:background var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-accent-text)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:0 8px 18px color-mix(in srgb, var(--color-accent) 24%, transparent);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-muted);color:var(--color-text)}.btn-subtle{background:var(--color-bg-muted);border-color:var(--color-border-subtle);color:var(--color-text-secondary)}.btn-subtle:hover:not(:disabled){background:var(--color-bg-inset);color:var(--color-text)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-icon{padding:var(--space-2);min-width:36px;min-height:36px}.input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);min-height:36px;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.input::placeholder{color:var(--color-text-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-module);padding:var(--space-3);box-shadow:var(--shadow-card)}.pill{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:550;line-height:var(--leading-tight);display:inline-flex}.pill-success{background:var(--color-success-subtle);color:var(--color-success)}.pill-warning{background:var(--color-warning-subtle);color:var(--color-warning)}.pill-danger{background:var(--color-danger-subtle);color:var(--color-danger)}.pill-neutral{background:var(--color-secondary-subtle);color:var(--color-secondary)}.status-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.status-dot-success{background:var(--color-success)}.status-dot-warning{background:var(--color-warning)}.status-dot-danger{background:var(--color-danger)}.status-dot-neutral{background:var(--color-text-muted)}.status-dot-pulse{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.progress-bar{background:var(--color-bg-muted);border-radius:var(--radius-full);height:4px;overflow:hidden}.progress-bar-fill{background:var(--color-accent);border-radius:var(--radius-full);height:100%;transition:width var(--duration-normal) var(--ease-out)}.divider{background:var(--color-border);border:none;height:1px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:58px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-module);background:color-mix(in srgb, var(--color-surface) 88%, transparent);backdrop-filter:blur(14px);z-index:120;box-shadow:var(--shadow-md);user-select:none;flex-shrink:0;display:flex;position:relative}.header__brand-group{align-items:center;gap:var(--space-3);min-width:0;display:flex}.header__brand{align-items:center;gap:var(--space-2);color:var(--color-text);letter-spacing:-.01em;white-space:nowrap;font-size:.86rem;font-weight:700;display:inline-flex}.header__logo{border-radius:var(--radius-md);object-fit:cover;width:32px;height:32px;box-shadow:0 8px 24px color-mix(in oklab, var(--color-primary) 22%, transparent)}.header__actions{align-items:center;gap:var(--space-2);display:flex}.header__icon-button svg{width:18px;height:18px}.header__menu-toggle{display:none}@media (width<=768px){.header{min-height:58px;margin:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-module)}.header__brand-group{gap:var(--space-2)}.header__menu-toggle{display:inline-flex}}.connection-status{border:1px solid color-mix(in srgb, currentColor 18%, transparent);min-height:28px;transition:background var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out);padding:0 9px;font-size:.72rem;font-weight:650;line-height:1}.connection-status .status-dot{box-shadow:0 0 0 3px color-mix(in srgb, currentColor 10%, transparent)}.code-input{gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);flex-direction:column;display:flex}.code-input-header{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:28px;display:flex}.code-input-label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-tight)}.code-input-primary-actions{align-items:center;gap:var(--space-1);display:flex}.code-input-primary-actions .btn{border-radius:var(--radius-full);min-height:24px;padding:2px 7px;font-size:.72rem}.code-input-primary-actions .btn svg{width:12px;height:12px}.code-input-row{align-items:center;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-bg-muted) 72%, var(--color-bg));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-surface) 58%, transparent);grid-template-columns:minmax(0,1fr) 32px;display:grid;position:relative}.code-input-group{min-width:0}.code-input-display{min-width:0;min-height:32px;font-family:var(--font-mono);cursor:text;grid-template-columns:minmax(4.8ch,.82fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:0;font-size:.72rem;display:grid;overflow:hidden}.code-input-segment{border:1px solid var(--color-border-subtle);border-radius:calc(var(--radius-lg) - 4px);background:color-mix(in srgb, var(--color-surface-raised) 86%, var(--color-surface));width:auto;min-width:0;height:32px;box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;padding:0 7px;display:flex}.code-input-segment.is-focused{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle);z-index:1}.code-input-field{width:100%;min-width:0;color:var(--color-text);font-family:var(--font-mono);text-align:center;text-transform:lowercase;background:0 0;border:none;outline:none;padding:0;font-size:.72rem;font-weight:650;line-height:32px}.code-input-field::placeholder{color:var(--color-text-muted);opacity:.72}.code-input-separator{width:14px;color:var(--color-text-muted);font-family:var(--font-mono);flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;line-height:32px;display:flex}.code-input-copy{border-color:var(--color-border-subtle);border-radius:calc(var(--radius-lg) - 4px);background:var(--color-surface-raised);width:32px;min-width:32px;height:32px;min-height:32px;padding:0}.code-input-copy svg{width:13px;height:13px}.code-input-copy.is-copied{border-color:color-mix(in srgb, var(--color-success) 26%, transparent);background:var(--color-success-subtle);color:var(--color-success)}.code-input-copied-tip{right:var(--space-1);z-index:2;pointer-events:none;padding:3px var(--space-2);border-radius:var(--radius-sm);background:var(--color-success);color:#fff;font-size:.68rem;font-weight:650;line-height:var(--leading-tight);box-shadow:var(--shadow-sm);animation:fade-in var(--duration-fast) var(--ease-out);position:absolute;bottom:calc(100% + 6px)}.code-input-share-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.code-input-share-actions .btn{min-height:26px;padding:3px var(--space-2);border-radius:var(--radius-full);font-size:.72rem}.code-input-share-actions .btn svg{width:12px;height:12px}.code-input-share-actions .btn.is-copied{border-color:color-mix(in srgb, var(--color-success) 26%, transparent);background:var(--color-success-subtle);color:var(--color-success)}.code-input-qr-panel{padding:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-raised) 82%, var(--color-bg-subtle));justify-content:center;display:flex}.code-input-qr-image{border-radius:var(--radius-md);background:#fff;width:160px;height:160px}@media (width<=420px){.code-input-row{padding:2px}.code-input-field{font-size:.68rem}.code-input-header{flex-direction:column;align-items:flex-start}.code-input-primary-actions{width:100%}.code-input-primary-actions .btn,.code-input-share-actions .btn{flex:1 1 0}.code-input-qr-image{width:140px;height:140px}}.peer-avatar{border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.peer-avatar-sm{width:24px;height:24px}.peer-avatar-md{width:30px;height:30px}.peer-avatar-lg{width:38px;height:38px}.peer-avatar-initials{letter-spacing:0;font-size:.72rem;font-weight:700;line-height:1}.peer-avatar-lg .peer-avatar-initials{font-size:var(--text-sm)}.empty-state{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);text-align:center;flex-direction:column;flex:1;display:flex}.empty-state-icon{width:44px;height:44px;margin-bottom:var(--space-1);border:1px solid color-mix(in srgb, var(--color-primary) 16%, transparent);border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:inline-flex}.empty-state-icon svg{width:20px;height:20px}.empty-state--compact{min-height:0;padding:var(--space-4)}.empty-state--compact .empty-state-icon{width:40px;height:40px;margin-bottom:0}.empty-state--compact .empty-state-icon svg{width:18px;height:18px}.empty-state-message{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:var(--leading-normal);margin:0}.empty-state--compact .empty-state-message{font-size:var(--text-sm);font-weight:620}.empty-state-submessage{max-width:36ch;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.peer-banner{gap:var(--space-2);min-width:0;min-height:94px;padding:var(--space-2) var(--space-3) var(--space-3);user-select:none;transition:background-color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);flex-direction:column;flex:1 1 0;display:flex;overflow:hidden}.peer-banner-header-row{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:28px;display:flex}.peer-banner-title{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-tight);display:inline-flex}.peer-banner-title svg{width:15px;height:15px}.peer-banner-count{justify-content:center;min-width:24px}.peer-list{gap:var(--space-1);overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.peer-list-item{align-items:center;gap:var(--space-2);width:100%;min-width:0;min-height:38px;padding:5px var(--space-2);border-radius:var(--radius-md);color:inherit;text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.peer-list-item:hover{background:var(--color-bg-subtle)}.peer-list-item--selected{background:color-mix(in srgb, var(--color-accent) 14%, var(--color-surface));border-color:color-mix(in srgb, var(--color-accent) 42%, var(--color-border));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 18%, transparent)}.peer-list-item--selected:hover{background:color-mix(in srgb, var(--color-accent) 18%, var(--color-surface))}.peer-list-info{align-items:center;gap:var(--space-2);min-width:0;display:flex}.peer-list-name{min-width:0;color:var(--color-text);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:620;overflow:hidden}.peer-list-endpoint{min-width:0;color:var(--color-text-muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.peer-list-kind{text-overflow:ellipsis;max-width:92px;overflow:hidden}.peer-list-check{color:var(--color-accent);justify-content:center;align-items:center;display:inline-flex}.peer-list-check svg{width:16px;height:16px}@media (width<=768px){.peer-banner{flex:none;min-height:220px}.peer-list{overflow-y:visible}}.image-viewer{z-index:1200;backdrop-filter:blur(4px);cursor:zoom-out;animation:fade-in var(--duration-normal) var(--ease-out);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-viewer__close{top:var(--space-4);right:var(--space-4);color:#fffc;z-index:1;position:absolute}.image-viewer__close:hover{color:#fff;background:#ffffff1f}.image-viewer__close svg{width:22px;height:22px}.image-viewer__img{object-fit:contain;border-radius:var(--radius-md);cursor:default;max-width:90vw;max-height:90vh;animation:dialog-in var(--duration-normal) var(--ease-out);box-shadow:0 8px 40px #00000080}.file-card{align-items:flex-start;gap:var(--space-3);min-width:200px;max-width:320px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-message-file-received-bg);grid-template-columns:auto minmax(0,1fr);display:grid;overflow:hidden}.chat-bubble-sent .file-card{border-color:var(--color-message-file-sent-border);background:var(--color-message-file-sent-bg)}.chat-bubble-received .file-card{border-color:var(--color-message-file-received-border);background:var(--color-message-file-received-bg)}.file-card--image{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.file-card--image .file-card-body{width:0;min-width:100%}.file-card--image .file-card-image,.file-card--image .file-card-footer{grid-column:1/-1}.file-card--clickable{cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.file-card--clickable:hover{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.file-card--clickable:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.file-card-image{object-fit:cover;border-radius:var(--radius-md);width:100%;max-height:200px}.file-card-icon{border-radius:var(--radius-md);background:var(--color-bg-muted);width:2.5rem;height:2.5rem;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.file-card-icon svg{width:1.25rem;height:1.25rem}.file-card-body{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.file-card-header{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.file-card-name{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:var(--text-sm);min-width:0;font-weight:600;overflow:hidden}.file-card-size{color:var(--color-text-secondary);font-size:var(--text-xs);flex-shrink:0}.file-card-status{align-items:center;gap:var(--space-1);min-width:0;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:650;line-height:var(--leading-tight);white-space:nowrap;display:inline-flex}.file-card-status svg{flex-shrink:0;width:14px;height:14px}.file-card-status-complete{color:var(--color-success)}.file-card-status-pending{color:var(--color-warning)}.file-card-status-spin{animation:1.1s linear infinite file-card-spin}.file-card-progress-wrap{gap:var(--space-2);flex-direction:column;display:flex}.file-card-progress-meta{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-xs);display:flex}.file-card-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);min-width:0;margin-left:auto;display:flex}.file-card-actions .btn{min-height:28px;padding:4px var(--space-2);font-size:var(--text-xs);flex-shrink:0}.file-card-actions .btn svg{width:14px;height:14px}.file-card-hash{color:var(--color-text-muted);font-size:var(--text-xs);font-family:var(--font-mono);flex-shrink:0}.file-card-footer{justify-content:space-between;align-items:center;gap:var(--space-2);grid-column:1/-1;width:100%;min-width:0;padding-top:1px;display:flex}@keyframes file-card-spin{to{transform:rotate(360deg)}}@media (width<=480px){.file-card{width:100%;min-width:0;max-width:none}}.chat-bubble-row{width:100%;animation:chat-bubble-enter var(--duration-normal) var(--ease-out);display:flex}.chat-bubble-row-sent{justify-content:flex-end}.chat-bubble-row-received{justify-content:flex-start}.chat-bubble{max-width:min(75%,620px);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--color-text);border:1px solid #0000}.chat-bubble-sent{border-color:var(--color-message-sent-border);background:var(--color-message-sent-bg);box-shadow:0 8px 24px var(--color-message-sent-shadow);border-bottom-right-radius:var(--radius-sm)}.chat-bubble-received{border-color:var(--color-message-received-border);background:var(--color-message-received-bg);border-bottom-left-radius:var(--radius-sm)}.chat-bubble-meta{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);font-size:var(--text-xs);line-height:var(--leading-tight);color:var(--color-text-secondary);display:flex}.chat-bubble-peer{font-weight:650}.chat-bubble-time{color:var(--color-text-muted)}.chat-bubble-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:var(--leading-normal);margin:0}.chat-bubble-raw-card{border:1px solid color-mix(in srgb, var(--color-accent) 36%, var(--color-border));border-left:4px solid color-mix(in srgb, var(--color-accent) 72%, #2f9e64);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-accent-subtle) 70%, #f4fff6);overflow:hidden}.chat-bubble-raw-head{justify-content:space-between;align-items:center;gap:var(--space-2);border-bottom:1px solid color-mix(in srgb, var(--color-accent) 24%, transparent);background:color-mix(in srgb, var(--color-accent-subtle) 86%, #d9f2dd);padding:.34rem .58rem;display:flex}.chat-bubble-raw-label{letter-spacing:.01em;text-transform:lowercase;color:color-mix(in srgb, var(--color-accent) 76%, #2f9e64);font-size:.87rem;font-weight:540}.chat-bubble-raw-copy{border-radius:var(--radius-md);width:1.85rem;height:1.85rem;color:color-mix(in srgb, var(--color-accent) 72%, #2f9e64);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat-bubble-raw-copy:hover{background:color-mix(in srgb, var(--color-accent-subtle) 90%, #dff5e1);color:color-mix(in srgb, var(--color-accent) 84%, #2f9e64)}.chat-bubble-raw{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:1.05rem;line-height:var(--leading-normal);color:color-mix(in srgb, var(--color-accent) 76%, #2f9e64);margin:0;padding:.5rem .6rem}.chat-bubble-markdown{line-height:var(--leading-normal);overflow-wrap:anywhere}.chat-bubble-markdown :is(p,ul,ol,pre,blockquote,h1,h2,h3,h4,h5,h6,hr){margin:0 0 var(--space-2)}.chat-bubble-markdown :is(p,ul,ol,blockquote,pre,hr):last-child{margin-bottom:0}.chat-bubble-markdown :is(h1,h2,h3,h4,h5,h6){margin-top:var(--space-2);margin-bottom:var(--space-2);line-height:var(--leading-tight)}.chat-bubble-markdown h1{font-size:1.2rem}.chat-bubble-markdown h2{font-size:1.12rem}.chat-bubble-markdown h3{font-size:1.04rem}.chat-bubble-markdown h4,.chat-bubble-markdown h5,.chat-bubble-markdown h6{font-size:1rem}.chat-bubble-markdown :is(ul,ol){padding-left:1.25rem}.chat-bubble-markdown ul{list-style:outside}.chat-bubble-markdown ol{padding-left:1.5rem;list-style:decimal}.chat-bubble-markdown ul ul{list-style:circle}.chat-bubble-markdown ul ul ul{list-style:square}.chat-bubble-markdown li::marker{color:color-mix(in srgb, var(--color-accent) 72%, var(--color-text-muted))}.chat-bubble-markdown ol li::marker{font-variant-numeric:tabular-nums;font-weight:650}.chat-bubble-markdown li+li{margin-top:.25rem}.chat-bubble-markdown li>:is(ul,ol){margin-top:.3rem;margin-bottom:0}.chat-bubble-markdown blockquote{border-left:3px solid color-mix(in srgb, var(--color-accent) 62%, transparent);background:color-mix(in srgb, var(--color-bg-inset) 54%, transparent);border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:.35rem .75rem}.chat-bubble-markdown hr{border:0;border-top:1px solid color-mix(in srgb, var(--color-border) 80%, transparent)}.chat-bubble-markdown pre{padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-bg-inset) 70%, var(--color-surface));margin:0;overflow-x:auto}.chat-bubble-markdown code{font-family:var(--font-mono);font-size:var(--text-sm)}.chat-bubble-markdown :not(pre)>code{border:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);border-radius:var(--radius-xs);background:color-mix(in srgb, var(--color-bg-inset) 65%, transparent);padding:.05rem .35rem}.chat-bubble-markdown a{color:var(--color-accent);text-underline-offset:.14em;text-decoration:underline}.chat-bubble-markdown a:hover{color:var(--color-accent-hover)}.chat-bubble-markdown img{border-radius:var(--radius-sm);max-width:100%;height:auto;display:block}.chat-bubble-markdown table{border-collapse:collapse;width:100%;margin-bottom:var(--space-2);display:block;overflow-x:auto}.chat-bubble-markdown :is(th,td){border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);text-align:left;padding:.3rem .45rem}.chat-bubble-markdown th{background:color-mix(in srgb, var(--color-bg-muted) 74%, transparent)}.chat-bubble-file{min-width:0}@keyframes chat-bubble-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.chat-bubble{max-width:88%}}.chat-thread{flex:1;min-height:0;display:flex}.chat-thread-scroll{min-height:0;padding:var(--space-3);flex:1;overflow-y:auto}.chat-thread-list{gap:var(--space-2);flex-direction:column;min-height:100%;display:flex}@media (width<=640px){.chat-thread-scroll{padding:var(--space-3)}.chat-thread-list{gap:var(--space-2)}}@media (width>=561px){.chat-thread-scroll{padding:var(--space-4)}.chat-thread-list{gap:var(--space-3)}}.compose-bar{gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 88%, transparent);backdrop-filter:blur(10px);transition:background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:sticky;bottom:0}.compose-bar.is-disabled{opacity:.92}.compose-bar-hint{color:var(--color-text-muted);font-size:var(--text-sm)}.compose-bar-drop-hint{color:var(--color-accent);font-weight:600}.compose-bar.is-dragging-file{background:color-mix(in srgb, var(--color-accent-subtle) 38%, var(--color-surface));box-shadow:inset 0 0 0 1px var(--color-accent)}.compose-bar-shell{align-items:center;gap:var(--space-2);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.compose-bar-attach{border-radius:var(--radius-md);align-self:center;width:40px;min-width:40px;height:40px;min-height:40px}.compose-bar-attach svg,.compose-bar-send svg{width:1rem;height:1rem}.compose-bar-text-row{align-items:center;gap:var(--space-2);display:flex}.compose-bar-mode{border-radius:var(--radius-full);appearance:none;width:24px;min-width:24px;height:24px;min-height:24px;color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.04em;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:0;font-weight:650;line-height:1;display:inline-flex}.compose-bar-mode svg{width:14px;height:14px}.compose-bar-mode:hover:not(:disabled){color:var(--color-text);background:color-mix(in srgb, var(--color-accent-subtle) 55%, transparent)}.compose-bar-mode:active:not(:disabled){transform:none}.compose-bar-mode:disabled{opacity:.4;cursor:not-allowed}.compose-bar-input-wrap{justify-content:center;gap:var(--space-2);min-width:0;min-height:40px;padding:7px var(--space-3);border:1px solid color-mix(in srgb, var(--color-border) 72%, var(--color-primary));border-radius:calc(var(--radius-lg) - 4px);background:color-mix(in srgb, var(--color-bg-inset) 66%, var(--color-surface));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-surface-raised) 48%, transparent);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.compose-bar.is-dragging-file .compose-bar-input-wrap{border-color:var(--color-accent);background:var(--color-accent-subtle)}.compose-bar-input-wrap:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.compose-bar-chip{align-items:center;gap:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface-raised) 72%, var(--color-bg-muted));width:fit-content;max-width:100%;min-height:40px;color:var(--color-text-secondary);font-size:var(--text-xs);padding:4px 6px 4px 4px;display:inline-flex}.compose-bar-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:min(32ch,50vw);color:var(--color-text);font-weight:550;overflow:hidden}.compose-bar-chip-size{color:var(--color-text-muted)}.compose-bar-chip-remove{border-radius:var(--radius-full);width:1.25rem;height:1.25rem;color:var(--color-text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:inline-flex}.compose-bar-chip-remove:hover{background:var(--color-bg-inset);color:var(--color-text)}.compose-bar-image-preview{align-items:center;gap:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-muted);min-height:40px;padding:4px 6px 4px 4px;display:flex}.compose-bar-image-thumb{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:48px;height:48px}.compose-bar-image-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.compose-bar-textarea{resize:none;width:100%;min-height:24px;max-height:96px;color:var(--color-text);font:inherit;background:0 0;border:none;padding:0;line-height:1.5}.compose-bar-textarea:focus{outline:none}.compose-bar-textarea::placeholder{color:var(--color-text-muted)}.compose-bar-textarea:disabled{cursor:not-allowed}.compose-bar-send{border-radius:var(--radius-md);background:var(--color-accent);width:40px;height:40px;color:var(--color-accent-text);transition:background var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:none;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}.compose-bar-send:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px)}.compose-bar-send:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (width<=640px){.compose-bar{padding:var(--space-2) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom,0px))}.compose-bar-chip-name{max-width:22ch}}.toast-stack{right:var(--space-4);bottom:var(--space-4);z-index:1300;gap:var(--space-3);width:min(360px, calc(100vw - var(--space-8)));pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast-card{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-raised) 92%, transparent);min-height:48px;box-shadow:var(--shadow-lg);backdrop-filter:blur(12px);pointer-events:auto;animation:toast-enter var(--duration-slow) var(--ease-out);transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);will-change:transform;grid-template-columns:auto 1fr auto;display:grid;transform:translateZ(0)}.toast-card--closing{opacity:0;transform:translateY(6px)scale(.98)}.toast-card__icon{flex-shrink:0;align-self:center;width:18px;height:18px}.toast-card__icon svg{width:18px;height:18px}.toast-card__text{min-width:0;color:var(--color-text);font-size:var(--text-sm);line-height:var(--leading-normal);align-self:center}.toast-card__dismiss{width:28px;min-width:28px;height:28px;min-height:28px;color:var(--color-text-muted);padding:6px}.toast-card__dismiss svg{width:14px;height:14px}.toast-card--info .toast-card__icon{color:var(--color-accent)}.toast-card--success .toast-card__icon{color:var(--color-success)}.toast-card--warning .toast-card__icon{color:var(--color-warning)}.toast-card--error .toast-card__icon{color:var(--color-danger)}@keyframes toast-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.toast-stack{left:50%;right:auto;bottom:var(--space-4);width:min(420px, calc(100vw - var(--space-6)));transform:translate(-50%)}}.sidebar-card{border:1px solid var(--color-border);border-radius:var(--radius-module);background:var(--color-surface);box-shadow:var(--shadow-card);overflow:hidden}.sidebar-card__header{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);color:var(--color-text);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.sidebar-card__header:hover{background:var(--color-bg-subtle)}.sidebar-card__title{align-items:center;gap:var(--space-2);display:flex}.sidebar-card__title svg{width:15px;height:15px;color:var(--color-text-secondary)}.sidebar-card__badge{border-radius:var(--radius-full);background:var(--color-secondary-subtle);min-width:20px;height:20px;color:var(--color-secondary);font-size:var(--text-xs);justify-content:center;align-items:center;padding:0 6px;font-weight:700;display:inline-flex}.sidebar-card__chevron{width:16px;height:16px;color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-out)}.sidebar-card__chevron.is-open{transform:rotate(180deg)}.sidebar-card__body{padding:0 var(--space-3) var(--space-3)}.sidebar-files__empty{border-radius:var(--radius-md);min-height:74px;color:var(--color-text-secondary);font-size:var(--text-sm);padding:var(--space-4);justify-content:center;align-items:center;font-weight:620;display:flex}.sidebar-files__list{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-files__item{padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-bg-subtle);border-top:none;flex-direction:column;gap:6px;display:flex}.sidebar-files__name{font-size:var(--text-sm);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.sidebar-files__meta{gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;display:grid}.sidebar-files__meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-files__actions{align-items:center;gap:var(--space-1);min-width:0;display:flex}.sidebar-files__status{align-items:center;gap:var(--space-1);min-width:0;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:650;line-height:var(--leading-tight);white-space:nowrap;margin-right:auto;display:inline-flex}.sidebar-files__status svg{flex-shrink:0;width:14px;height:14px}.sidebar-files__status--complete{color:var(--color-success)}.sidebar-files__status--partial{color:var(--color-warning)}.sidebar-files__status-spin{animation:1.1s linear infinite sidebar-files-spin}.sidebar-files__actions .btn{min-height:28px;padding:4px var(--space-2);font-size:var(--text-xs)}.sidebar-files__actions .btn svg{width:14px;height:14px}@keyframes sidebar-files-spin{to{transform:rotate(360deg)}}.sidebar-files__actions .btn-sm{padding:2px var(--space-2);min-height:28px;font-size:var(--text-xs)}.sidebar-files__actions .btn-sm svg{width:14px;height:14px}.sidebar-files__footer{padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);margin-top:var(--space-2)}.sidebar-files__clear-all{color:var(--color-danger);gap:var(--space-1)}.sidebar-files__clear-all svg{width:14px;height:14px}.sidebar-settings__body{gap:var(--space-2);flex-direction:column;display:flex}.sidebar-settings__section{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-raised) 72%, var(--color-bg-subtle));box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.sidebar-settings__section:last-child{border-bottom:1px solid var(--color-border)}.sidebar-settings__label{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text);text-transform:none;letter-spacing:0;font-weight:680;display:flex}.sidebar-settings__label svg{width:14px;height:14px;color:var(--color-text-secondary)}.sidebar-settings__value{font-size:var(--text-sm);color:var(--color-text-secondary);word-break:break-all}.sidebar-settings__value code{font-size:var(--text-xs);color:var(--color-text)}.sidebar-settings__value--mono{align-items:flex-start;gap:var(--space-2);display:flex}.sidebar-settings__copy{padding:2px var(--space-2);min-height:24px;font-size:var(--text-xs);flex-shrink:0}.sidebar-settings__copy svg{width:14px;height:14px}.sidebar-settings__section .btn-sm{padding:2px var(--space-2);min-height:28px;font-size:var(--text-xs);align-self:flex-start}.rendezvous-options{gap:var(--space-1);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-bg-subtle) 70%, transparent);grid-template-columns:1fr;padding:3px;display:grid}.rendezvous-option{align-items:flex-start;gap:var(--space-2);padding:7px var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-surface);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);display:flex}.rendezvous-option:hover{background:color-mix(in srgb, var(--color-surface-raised) 72%, var(--color-bg-subtle));border-color:color-mix(in srgb, var(--color-primary) 38%, var(--color-border));transform:translateY(-1px)}.rendezvous-option--selected{background:color-mix(in srgb, var(--color-primary-subtle) 54%, var(--color-surface));border-color:color-mix(in srgb, var(--color-primary) 68%, var(--color-border));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 28%, transparent)}.rendezvous-option--disabled{opacity:.55;cursor:not-allowed}.rendezvous-radio{appearance:none;border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:var(--radius-full);width:16px;height:16px;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);flex-shrink:0;margin-top:1px;position:relative}.rendezvous-radio:checked{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-primary-subtle)}.rendezvous-radio:checked:after{content:"";border-radius:var(--radius-full);background:var(--color-primary);width:6px;height:6px;position:absolute;top:4px;left:4px}.rendezvous-radio:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.rendezvous-option__content{flex-direction:column;gap:1px;min-width:0;display:flex}.rendezvous-option__label{font-size:var(--text-sm);color:var(--color-text);font-weight:650}.rendezvous-option__desc{font-size:var(--text-xs);color:var(--color-text-muted)}.rendezvous-custom{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-bg-subtle) 58%, transparent);flex-direction:column;display:flex}.rendezvous-custom__input-row{gap:var(--space-2);align-items:center;display:flex}.rendezvous-custom__input{min-width:0;font-size:var(--text-xs);font-family:var(--font-mono);padding:var(--space-1) var(--space-2);flex:1;min-height:32px}.rendezvous-custom__input--error{border-color:var(--color-danger)}.rendezvous-custom__input--error:focus{box-shadow:0 0 0 3px var(--color-danger-subtle)}.rendezvous-custom__error{font-size:var(--text-xs);color:var(--color-danger)}.rendezvous-history{gap:var(--space-1);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;padding:3px;display:flex}.rendezvous-history__label{font-size:var(--text-xs);color:var(--color-text-muted);padding:0 var(--space-1);font-weight:600}.rendezvous-history__item{align-items:center;gap:var(--space-1);display:flex}.rendezvous-history__url{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-accent);font-size:var(--text-xs);font-family:var(--font-mono);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;flex:1;overflow:hidden}.rendezvous-history__url:hover{background:var(--color-bg-muted);background:var(--color-bg-muted)}.rendezvous-history__remove{min-width:24px;min-height:24px;color:var(--color-text-muted);flex-shrink:0;padding:2px}.rendezvous-history__remove svg{width:14px;height:14px}.rendezvous-history__pin{flex-shrink:0;font-size:10px}.sidebar-settings__footer{padding:0 var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-tight);white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:flex}.sidebar-settings__footer a{color:inherit;transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.sidebar-settings__footer a:hover{color:var(--color-accent)}.app-layout{gap:var(--space-2);width:100%;max-width:1240px;height:100dvh;padding:var(--space-2);background:var(--color-bg-gradient);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.app-main{gap:var(--space-4);min-height:0;padding-bottom:var(--space-4);flex:1;grid-template-columns:304px minmax(0,1fr);display:grid;position:relative;overflow:hidden}.app-sidebar{gap:var(--space-3);flex-direction:column;min-width:0;min-height:0;padding-right:2px;display:flex;overflow:hidden auto}.app-sidebar__top{gap:var(--space-3);flex-direction:column;flex:1 1 0;min-height:0;display:flex}.app-sidebar__bottom{gap:var(--space-3);padding-top:var(--space-3);flex-direction:column;margin-top:auto;display:flex}.app-chat{border:1px solid var(--color-border);border-radius:var(--radius-module);background:var(--color-surface);min-width:0;min-height:0;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.app-chat__drop-surface{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.app-chat__drop-surface>.chat-thread{transition:filter var(--duration-normal) var(--ease-out), opacity var(--duration-normal) var(--ease-out)}.app-chat.is-dragging-file .app-chat__drop-surface>.chat-thread{filter:blur(3px);opacity:.58}.app-chat__drop-overlay{z-index:4;padding:var(--space-6);pointer-events:none;animation:fade-in var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.app-chat__drop-card{align-items:center;gap:var(--space-1);max-width:280px;padding:var(--space-4) var(--space-5);border:1px solid color-mix(in srgb, var(--color-primary) 28%, var(--color-border));border-radius:var(--radius-module);background:color-mix(in srgb, var(--color-surface) 88%, transparent);color:var(--color-text);text-align:center;box-shadow:var(--shadow-lg);backdrop-filter:blur(14px);flex-direction:column;display:inline-flex}.app-chat__drop-card strong{font-size:var(--text-base);font-weight:700}.app-chat__drop-card span{color:var(--color-text-secondary);font-size:var(--text-sm)}@media (width>=769px){.app-layout{gap:var(--space-4);padding:var(--space-3)}.app-main{gap:var(--space-3);grid-template-columns:288px minmax(0,1fr)}}@media (width>=901px){.app-layout{padding:var(--space-4)}.app-main{gap:var(--space-4);grid-template-columns:304px minmax(0,1fr)}}.sidebar-backdrop{display:none}@media (width<=768px){.app-layout{padding:0}.app-main{grid-template-columns:1fr;gap:0;padding-bottom:0}.app-sidebar{top:74px;left:var(--space-2);bottom:var(--space-2);width:320px;height:auto;max-width:calc(100vw - var(--space-4));z-index:100;box-shadow:none;transition:transform var(--duration-normal) var(--ease-out);overscroll-behavior:contain;scrollbar-gutter:stable;background:0 0;border:none;border-radius:0;padding:0;position:fixed;overflow:hidden auto;transform:translate(-100%)}.app-sidebar__top{flex:none;min-height:auto}.app-sidebar__bottom{margin-top:0;padding-top:0}.app-sidebar.is-open{transform:translate(0)}.sidebar-backdrop{z-index:99;cursor:default;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);background:#00000057;border:none;display:block;position:fixed;inset:0}.sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.app-chat{border-bottom:none;border-left:none;border-right:none;border-radius:0}}