:root{--bg: #0f1117;--sidebar: #151821;--panel: #1c202b;--panel-soft: #232836;--border: #2a2f3c;--text: #e6e9ef;--muted: #9aa3b2;--accent: #5b8cff;--accent-soft: rgba(91, 140, 255, .15);--danger: #d76666;--radius: 10px;--radius-sm: 7px;--preview-height: 160px;--preview-height-compact: 120px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif}button,input,textarea{font-family:inherit;color:inherit}.app{height:100vh;display:flex}.sidebar{width:300px;background:#0d121b;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;gap:10px}.sidebar-head,.sidebar-nav-panel,.sidebar-stats-panel{background:#121824e0;border:1px solid var(--border);border-radius:7px;padding:10px}.sidebar-head{display:flex;align-items:center;gap:10px;background:#18202ff5}.sidebar-emblem{width:42px;height:42px;flex-shrink:0;border-radius:6px;border:1px solid rgba(140,170,255,.45);background:#5a8bff33;display:inline-flex;align-items:center;justify-content:center;color:#d2e0ff}.sidebar-head-copy{min-width:0}.sidebar-eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.sidebar h1{font-size:16px;margin:3px 0 0;font-weight:700;line-height:1.1}.sidebar-primary-action{background:#5b8cff;border:1px solid rgba(146,176,255,.45);border-radius:6px;height:42px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.sidebar-primary-action:hover{filter:brightness(1.06)}.sidebar-nav-panel{display:flex;flex-direction:column;gap:8px}.sidebar-nav-item{background:#0d121cd9;border:1px solid var(--border);text-align:unset;padding:10px;border-radius:7px;cursor:pointer;color:#d5ddec;display:flex;align-items:flex-start;gap:10px}.sidebar-nav-item i{width:14px;text-align:center;color:#aebadd;margin-top:1px}.sidebar-nav-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.sidebar-nav-text span{font-size:13px;font-weight:600}.sidebar-nav-text small{font-size:11px;color:var(--muted);line-height:1.25}.sidebar-nav-item.active{background:#4f7ce833;border-color:#6e91ff73;color:var(--text)}.sidebar-nav-item.active i{color:#d6e3ff}.sidebar-nav-item:hover{background:#1b2332f2}.sidebar-stats-panel{margin-top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sidebar-stat-card{background:#0b0f17cc;border:1px solid var(--border);border-radius:7px;padding:8px;display:flex;flex-direction:column;gap:2px;align-items:flex-start}.sidebar-stat-card span{font-size:11px;color:var(--muted)}.sidebar-stat-card strong{font-size:18px;color:var(--text);font-weight:700;line-height:1}.main{flex:1;display:flex;flex-direction:column}.topbar{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:center;position:relative;z-index:10}.search-popover{width:100%;max-width:1000px;position:relative;display:flex;flex-direction:column;gap:8px}.search-shell{min-height:42px;border:1px solid var(--border);border-radius:7px;background:#131925;display:flex;align-items:center;gap:10px;padding:6px 10px}.search-shell.open{border-color:#78a0ff8c;box-shadow:0 0 0 2px #5b8cff26}.search-shell>i{color:var(--muted);font-size:13px;align-self:center}.search-input-zone{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.search{flex:1;min-width:120px;height:28px;padding:0 2px;border:none;outline:none;width:auto;background:transparent}.search-filter-pill{height:24px;padding:0 8px;border:1px solid rgba(126,150,194,.5);border-radius:999px;background:#1c2637;color:#d7deec;font-size:11px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}.search-filter-pill i{font-size:10px;color:var(--muted)}.search-filter-pill:hover{background:#223049}.search-shell-toggle{height:28px;padding:0 9px;border:1px solid var(--border);border-radius:6px;background:#1a2232;display:inline-flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;flex-shrink:0;align-self:center}.search-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px}.search-clear-inline{height:24px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:#1a2232;font-size:11px;cursor:pointer}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:auto;width:min(360px,calc(100vw - 32px));background:#121826;border:1px solid var(--border);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:10px;box-shadow:0 18px 40px #00000073}.search-filter-row{display:flex;align-items:center;gap:10px}.search-filter-row label{width:76px;font-size:12px;color:var(--muted)}.search-dropdown-select{flex:1;height:34px;min-width:0;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:#161d2b;color:#d8deea;font-size:12px}.search-dropdown-footer{display:flex;justify-content:flex-end}.search-clear-button{height:30px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:#1a2232;font-size:12px;cursor:pointer}.feed{flex:1;overflow-y:auto;display:flex;justify-content:center;padding:24px}.feed-inner{width:100%;max-width:1220px;display:flex;flex-direction:column;gap:12px}.empty-state-card{background:var(--panel);border:1px dashed var(--border);border-radius:var(--radius);padding:18px;color:var(--muted);font-size:13px;text-align:center}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.content-grid>*{min-width:0}.tiny-button{background:var(--accent);border:1px solid transparent;border-radius:6px;padding:6px 10px;font-size:12px;cursor:pointer}.tiny-button.subtle{background:#222735;border-color:var(--border)}.tiny-button.danger{background:#2d1f26;border-color:#4b2a35;color:#ffb8c5}.content-grid .attachment-card{width:100%;max-width:none;height:100%;padding:9px;gap:7px;background:#202636;border-color:#30384a}.content-grid .attachment-visual{height:156px;border-radius:7px}.content-grid .attachment-visual.non-image{background:#131a28;border-color:#36455f}.content-grid .attachment-info{min-height:34px;gap:3px}.content-grid .attachment-actions-row{margin-top:auto;justify-content:flex-end}.content-grid .attachment-card.non-previewable{padding:9px;gap:7px}.content-grid .attachment-card.non-previewable .attachment-visual.short-fallback{height:156px;min-height:0}.content-grid,.attachment-card.non-previewable,.attachment-visual.short-fallback,.attachment-fallback{padding:12px 10px;gap:8px;font-size:11px}.content-grid .attachment-card.non-previewable .fallback-extension{padding:5px 9px;font-size:11px}.content-grid .attachment-card.non-previewable .attachment-name{font-size:11px}.content-grid .attachment-card.non-previewable .attachment-meta{font-size:10px}.content-grid .attachment-visual.non-image .attachment-text-preview{background:#0c121c73;border-radius:6px;padding:12px;font-size:11px;line-height:1.5}.content-tile{background:#202636;border:1px solid #30384a;border-radius:7px;padding:9px;display:flex;flex-direction:column;gap:8px;min-height:234px}.content-tile-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.content-tile-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#9fb0ce;font-weight:600}.content-tile-actions{display:inline-flex;align-items:center;gap:6px}.content-tile small{margin-top:auto;color:var(--muted);font-size:11px}.content-text{flex:1;font-size:13px;line-height:1.45;color:#dbe2f1;white-space:pre-wrap;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:10;line-clamp:10;-webkit-box-orient:vertical}.content-text.markdown-note{display:block;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:initial}.markdown-note>:first-child{margin-top:0}.markdown-note>:last-child{margin-bottom:0}.markdown-note h1,.markdown-note h2,.markdown-note h3,.markdown-note h4,.markdown-note h5,.markdown-note h6{margin:0 0 8px;font-weight:700;line-height:1.25;color:#edf3ff}.markdown-note h1{font-size:19px}.markdown-note h2{font-size:17px}.markdown-note h3{font-size:15px}.markdown-note h4,.markdown-note h5,.markdown-note h6{font-size:13px}.markdown-note p{margin:0 0 8px}.markdown-note ul,.markdown-note ol{margin:0 0 8px;padding-left:18px}.markdown-note li{margin:0 0 4px}.markdown-note blockquote{margin:0 0 8px;padding:0 0 0 10px;border-left:2px solid #3d4862;color:#c9d4ea}.markdown-note blockquote p{margin:0 0 6px}.markdown-note blockquote p:last-child{margin-bottom:0}.markdown-note hr{margin:10px 0;border:none;border-top:1px solid var(--border)}.markdown-note a{color:#9fbeff;text-decoration:none}.markdown-note a:hover{text-decoration:underline}.markdown-note code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em;background:#0e141fd9;border:1px solid #313b50;border-radius:5px;padding:1px 5px}.markdown-code-block{margin:0 0 8px}.markdown-code-lang{display:inline-flex;margin-bottom:4px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#96a8cc}.markdown-note pre{margin:0;padding:8px 10px;border-radius:6px;border:1px solid #313b50;background:#111722;overflow:hidden}.markdown-note pre code{display:block;padding:0;border:none;border-radius:0;background:transparent;white-space:pre-wrap;word-break:break-word}.syntax-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre-wrap;word-break:break-word}.syntax-token.comment{color:#6e7f9f}.syntax-token.keyword{color:#8fb4ff}.syntax-token.string{color:#a8d38f}.syntax-token.number{color:#d6b37f}.syntax-token.operator{color:#b5c2de}.syntax-token.function{color:#8ee1dc}.syntax-token.tag{color:#ffb284}.syntax-token.heading{color:#c3d8ff;font-weight:700}.syntax-token.list,.syntax-token.quote{color:#98a9cb}.syntax-token.link{color:#84b5ff}.syntax-token.strong{font-weight:700;color:#dce7ff}.syntax-token.emphasis{font-style:italic;color:#cad8f4}.syntax-token.meta{color:#91a5cf}.grid-text-edit{flex:1;min-height:130px;border-radius:6px;border:1px solid var(--border);background:#131925;padding:10px}.content-link{flex:1;min-height:0;border-radius:6px;border:1px solid var(--border);background:#131925;padding:10px;text-decoration:none;color:#dce6ff;display:flex;align-items:flex-start;gap:8px}.content-link:hover{background:#182035}.content-link i{color:#9bb5f2;margin-top:2px}.content-link span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;line-clamp:8;overflow:hidden;word-break:break-word;text-overflow:ellipsis}.composer{border-top:1px solid var(--border);padding:16px;display:flex;justify-content:center;background:var(--sidebar)}.composer-inner{width:100%;max-width:800px;display:flex;flex-direction:column;gap:10px}.composer-status-error{border:1px solid rgba(194,95,95,.52);background:#85353538;color:#ffc7c7;border-radius:8px;padding:10px;font-size:12px;line-height:1.35}.composer-file-strip{display:flex;flex-wrap:wrap;gap:8px}.composer-file-chip{max-width:100%;display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 8px;border:1px solid var(--border);border-radius:999px;background:#1b2231;font-size:11px;line-height:1}.composer-file-chip>i{color:#9fb5eb;font-size:11px}.composer-file-chip span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-file-remove{width:20px;height:20px;border-radius:999px;border:1px solid var(--border);background:#131925;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.composer-file-remove:hover{background:#202a3d}.attachment-card{background:var(--panel-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;position:relative;display:flex;flex-direction:column;gap:8px;min-width:0}.attachment-visual{border:1px solid var(--border);border-radius:6px;background:#11141d;height:var(--preview-height);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.attachment-visual.clickable{cursor:zoom-in}.attachment-visual.clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.preview-overlay-actions{position:absolute;top:8px;right:8px;z-index:3;display:inline-flex;align-items:center;gap:6px;opacity:0;transform:translateY(-2px);transition:opacity .14s ease,transform .14s ease}.attachment-visual:hover .preview-overlay-actions,.attachment-visual:focus-within .preview-overlay-actions{opacity:1;transform:translateY(0)}.preview-overlay-action{width:30px;height:30px;border-radius:999px;border:1px solid var(--border);background:#0f121bdb;color:var(--text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.preview-overlay-action:hover{background:#1c2233f2;color:#fff;text-decoration:none}.preview-overlay-action:disabled{cursor:default;opacity:.55}.preview-overlay-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.preview-overlay-action.danger{color:#ffb8c5;border-color:#5a3340}.preview-overlay-action.danger:hover{background:#3a1f29f5;color:#ffd6df}.attachment-card.compact .preview-overlay-actions{top:6px;right:6px;gap:4px}.attachment-card.compact .preview-overlay-action{width:26px;height:26px;font-size:12px}.attachment-card.compact .attachment-visual{height:var(--preview-height-compact)}.attachment-visual.short-fallback{height:auto;min-height:84px}.attachment-card.compact .attachment-visual.short-fallback{height:auto;min-height:64px}.attachment-visual.short-fallback .attachment-fallback{height:auto;padding:8px 10px;gap:6px;font-size:11px}.attachment-image-preview,.attachment-video-preview{width:100%;height:100%;object-fit:contain;display:block;background:#0b0e15}.pdf-preview-wrap{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px;overflow:hidden}.pdf-page-indicator{position:absolute;top:10px;left:10px;z-index:6;padding:4px 8px;border-radius:999px;border:1px solid rgba(146,168,214,.45);background:#0c111ccc;color:#d7e2ff;font-size:11px;font-weight:600;letter-spacing:.01em;pointer-events:none}.pdf-page-nav{position:absolute;top:50%;z-index:6;width:36px;height:36px;border-radius:999px;border:1px solid rgba(146,168,214,.45);background:#0c111cdb;color:#e8f0ff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .16s ease}.pdf-page-nav-prev{left:10px}.pdf-page-nav-next{right:10px}.pdf-page-nav:disabled{opacity:.35;cursor:not-allowed}.pdf-page-nav:not(:disabled):hover{background:#151d2df5}.fullscreen-modal:hover .pdf-page-nav,.fullscreen-modal:focus-within .pdf-page-nav{opacity:1;pointer-events:auto}.fullscreen-modal:hover .pdf-page-nav:disabled,.fullscreen-modal:focus-within .pdf-page-nav:disabled{opacity:.35}.pdf-preview-wrap canvas{width:auto!important;max-width:100%;max-height:calc(100% - 4px);height:auto;border-radius:6px;background:#fff}.preview-loading{color:var(--muted);font-size:12px}.pdf-reload-action{margin-top:2px;background:#222735;border:1px solid var(--border);border-radius:6px;width:32px;height:32px;padding:0;font-size:14px;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.pdf-reload-action:hover{background:#293043}.pdf-reload-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.audio-preview-wrap{width:100%;height:100%;padding:12px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}.audio-preview-wrap audio{width:100%}.audio-preview-icon{font-size:18px;color:#9fb5eb;opacity:.95}.attachment-text-preview{width:100%;height:100%;min-height:0;margin:0;padding:10px;background:transparent;color:var(--text);white-space:pre-wrap;word-break:break-word;overflow:hidden;font-size:12px;line-height:1.4}.attachment-text-preview .syntax-code{display:block;margin:0;color:inherit}.attachment-fallback{width:100%;height:100%;min-height:0;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--muted);font-size:12px}.fallback-file-icon{font-size:24px;color:#a6baef;opacity:.95}.fallback-extension{color:var(--text);font-size:11px;letter-spacing:normal;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:5px 10px;max-width:100%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-info{display:flex;flex-direction:column;gap:2px;min-width:0}.attachment-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-meta{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-actions-row{display:flex;align-items:center;gap:10px;font-size:12px}.attachment-actions-row a,.link-button{color:var(--accent);text-decoration:none}.attachment-actions-row a:hover,.link-button:hover{text-decoration:underline}.link-button{background:transparent;border:none;padding:0;cursor:pointer;font:inherit}.icon-action{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--border);background:#151a27db;text-decoration:none}.icon-action:hover{text-decoration:none;background:#1e2538f5}.link-button:disabled{cursor:default;opacity:.6;text-decoration:none}.attachment-card.is-deleting{border-color:#789ceb80}.attachment-deleting-overlay{position:absolute;inset:0;border-radius:inherit;background:#080b1285;display:flex;align-items:center;justify-content:center;z-index:4}.attachment-deleting-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#d6e3ff;padding:7px 11px;border-radius:999px;border:1px solid rgba(126,159,230,.45);background:#121928f0}.input-row{display:flex;gap:10px}textarea{flex:1;resize:none;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);padding:10px;min-height:44px;outline:none}.actions{display:flex;gap:8px}.actions button:disabled,.composer-file-remove:disabled{opacity:.6;cursor:not-allowed}button.primary{background:var(--accent);border:none;border-radius:var(--radius-sm);padding:8px 14px;cursor:pointer}button.secondary{background:var(--panel-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;cursor:pointer}.drag-overlay{position:fixed;inset:0;z-index:1300;pointer-events:none;background:#06090fb8;display:flex;align-items:center;justify-content:center;padding:24px}.drag-overlay-box{width:min(680px,100%);min-height:280px;border:2px dashed rgba(91,140,255,.8);border-radius:6px;background:#141a28e0;box-shadow:0 18px 70px #00000073;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:20px}.drag-overlay-icon{font-size:68px;color:var(--accent);line-height:1}.drag-overlay-title{font-size:24px;font-weight:700;letter-spacing:.02em}.drag-overlay-subtitle{color:var(--muted);font-size:14px}.copy-feedback-toast-region{position:fixed;top:16px;right:16px;z-index:1200;width:min(420px,calc(100vw - 24px));pointer-events:none}.copy-feedback-toast{width:100%;background:#171d2a;border:1px solid var(--border);border-radius:8px;padding:14px 14px 12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;box-shadow:0 22px 70px #00000080;pointer-events:auto;transform-origin:top right;animation:copy-feedback-toast-in .18s cubic-bezier(.2,.8,.2,1)}.copy-feedback-toast.is-leaving{animation:copy-feedback-toast-out .16s ease forwards}.copy-feedback-toast.success{border-color:#7bc2918c}.copy-feedback-toast.error{border-color:#d174748c}.copy-feedback-icon{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:18px}.copy-feedback-toast.success .copy-feedback-icon{background:#427b543d;color:#95d2a8}.copy-feedback-toast.error .copy-feedback-icon{background:#91404038;color:#f2a5a5}.copy-feedback-message{font-size:13px;line-height:1.35;color:#dfe7f7}.copy-feedback-close{background:#222735;border:1px solid var(--border);border-radius:6px;width:30px;height:30px;padding:0;font-size:14px;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.copy-feedback-close:hover{background:#293043}.copy-feedback-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes copy-feedback-toast-in{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes copy-feedback-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}@media(prefers-reduced-motion:reduce){.copy-feedback-toast,.copy-feedback-toast.is-leaving{animation:none}}@media(max-width:640px){.copy-feedback-toast-region{top:10px;right:10px;left:10px;width:auto}}.fullscreen-overlay{position:fixed;inset:0;z-index:1000;background:#05070ddb;display:flex;align-items:center;justify-content:center;padding:20px}.fullscreen-modal{width:auto;max-width:min(1200px,100%);height:auto;max-height:100%;background:var(--panel);border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.fullscreen-header{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px}.fullscreen-file-info{min-width:0;display:flex;flex-direction:column;gap:2px}.fullscreen-file-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fullscreen-file-meta{color:var(--muted);font-size:12px}.fullscreen-header-actions{display:inline-flex;align-items:center;gap:8px}.fullscreen-header-icon-action,.fullscreen-close,.entry-icon-action{background:#222735;border:1px solid var(--border);border-radius:6px;width:32px;height:32px;padding:0;font-size:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.fullscreen-header-icon-action{color:var(--text);text-decoration:none}.fullscreen-header-icon-action:hover,.fullscreen-close:hover,.entry-icon-action:hover{background:#293043}.fullscreen-header-icon-action:focus-visible,.fullscreen-close:focus-visible,.entry-icon-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.entry-icon-action{color:var(--text);text-decoration:none}.entry-icon-action.danger{background:#2b1f28;border-color:#5a3340;color:#ffb8c5}.entry-icon-action.danger:hover{background:#3b2731;color:#ffd6df}.fullscreen-body{flex:0 1 auto;overflow:hidden;padding:16px;background:#0b0e15}.fullscreen-preview{min-height:0;height:auto;max-width:100%;max-height:calc(100vh - 240px);display:flex;align-items:center;justify-content:center;position:relative}.fullscreen-preview-loading{position:absolute;inset:0;z-index:4;background:#080c1494;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#d7deec;font-size:13px;pointer-events:none}.fullscreen-preview-spinner{width:36px;height:36px;border-radius:999px;border:3px solid rgba(151,172,217,.3);border-top-color:#9cb8ff;animation:fullscreen-preview-spin .8s linear infinite}@keyframes fullscreen-preview-spin{to{transform:rotate(360deg)}}.fullscreen-actions{border-top:1px solid var(--border);padding:12px 14px;display:flex;gap:14px;font-size:13px}.fullscreen-actions a{color:var(--accent);text-decoration:none}.fullscreen-actions a:hover{text-decoration:underline}.attachment-image-preview.fullscreen,.attachment-video-preview.fullscreen{width:auto;height:auto;max-width:100%;max-height:calc(100vh - 240px);min-height:0;object-fit:contain;background:#000}.audio-preview-wrap.fullscreen{width:min(760px,100%);height:auto;background:#0f121a;border:1px solid var(--border);border-radius:7px}.attachment-text-preview.fullscreen{width:min(980px,100%);height:auto;max-height:calc(100vh - 240px);min-height:0;background:#0f121a;border:1px solid var(--border);border-radius:7px;padding:14px;font-size:13px;overflow:hidden}.attachment-fallback.fullscreen{width:min(760px,100%);height:auto;min-height:0;border:1px dashed var(--border);border-radius:7px;background:#0f121a}.pdf-preview-wrap.fullscreen{width:auto;height:auto;max-width:100%;max-height:calc(100vh - 240px);padding:0;position:relative}.pdf-preview-wrap.fullscreen canvas{max-width:100%;max-height:calc(100vh - 240px);width:auto}@media(max-width:900px){.app{flex-direction:column;height:auto;min-height:100vh}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:12px;gap:10px}.sidebar-head,.sidebar-nav-panel,.sidebar-stats-panel{padding:10px}.sidebar-primary-action{width:100%}.sidebar-nav-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-nav-item{min-height:64px}.sidebar-nav-text small{display:none}.sidebar-nav-text{align-items:flex-start}.sidebar-stats-panel{margin-top:0}.sidebar-stat-card{align-items:center;text-align:center}.feed{padding:14px}.topbar{padding:12px}.search-shell{min-height:40px}.search-shell-toggle{padding:0 8px}.search-filter-row{flex-direction:column;align-items:stretch;gap:6px}.search-filter-row label{width:auto}.composer{padding:12px}.input-row{flex-direction:column}.actions{justify-content:flex-end}.content-grid{grid-template-columns:1fr}.composer-file-strip{display:grid;grid-template-columns:1fr}.composer-file-chip span{max-width:none;flex:1}.fullscreen-overlay{padding:10px}.drag-overlay{padding:14px}.drag-overlay-box{min-height:220px;border-radius:6px}.drag-overlay-icon{font-size:54px}.drag-overlay-title{font-size:20px}.fullscreen-modal{border-radius:6px}.fullscreen-header,.fullscreen-body,.fullscreen-actions{padding:10px}.attachment-image-preview.fullscreen,.attachment-video-preview.fullscreen{max-height:calc(100vh - 220px)}.attachment-text-preview.fullscreen{height:auto;max-height:calc(100vh - 220px);min-height:0}}.auth-page,.auth-loading-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 20% 10%,rgba(70,112,214,.24),transparent 45%),linear-gradient(180deg,#0f131c,#090d14)}.auth-card,.auth-loading-card{width:min(460px,100%);background:#131a27;border:1px solid var(--border);border-radius:10px;box-shadow:0 22px 70px #00000073}.auth-card{padding:22px}.auth-loading-card{padding:18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:#dce6ff}.auth-head{margin-bottom:16px}.auth-eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9db5eb}.auth-head h1{margin:6px 0 8px;font-size:22px}.auth-head p{margin:0;color:var(--muted);font-size:13px}.auth-form{display:flex;flex-direction:column;gap:8px}.auth-label{font-size:12px;color:#a6b7da;margin-top:2px}.auth-form input{border:1px solid var(--border);border-radius:8px;background:#0f1420;color:var(--text);padding:10px;outline:none}.auth-form input:focus{border-color:#5d8cfd;box-shadow:0 0 0 2px #5d8cfd33}.auth-config-warning,.auth-error{border-radius:8px;padding:10px;font-size:12px;line-height:1.35}.auth-config-warning{background:#936f3033;border:1px solid rgba(200,154,67,.48);color:#ffe0a8}.auth-error{background:#85353538;border:1px solid rgba(194,95,95,.52);color:#ffc7c7}.auth-submit{margin-top:6px;width:100%}.auth-submit:disabled{opacity:.7;cursor:not-allowed}