:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f5f7;--surface:#fff;--surface-raised:#fff;--border:#e1e4e9;--text:#1a1d23;--text-muted:#6b7280;--accent:#3d6bff;--accent-text:#fff;--danger:#d3372f;--bubble-own:#3d6bff;--bubble-own-text:#fff;--bubble-other:#fff;--bubble-other-text:#1a1d23;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161a;--surface:#1c1f26;--surface-raised:#232630;--border:#2c303a;--text:#eef0f3;--text-muted:#9aa1ac;--accent:#6d8bff;--accent-text:#0d1020;--bubble-own:#6d8bff;--bubble-own-text:#0d1020;--bubble-other:#232630;--bubble-other-text:#eef0f3}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea,button{font-family:inherit}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}.btn{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--accent-text);border:none;font-weight:600;transition:opacity .12s,transform 80ms}.btn:hover{opacity:.92}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-danger{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);background:var(--danger);color:#fff;border:none;font-weight:600;transition:opacity .12s,transform 80ms}.btn-danger:hover{opacity:.92}.btn-danger:active{transform:scale(.98)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.field{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:var(--space-3);font-size:15px}.field:focus{outline:2px solid var(--accent);outline-offset:1px}.error-text{color:var(--danger);font-size:13px}@media (width<=760px){.dashboard-grid{grid-auto-rows:60vh;grid-template-columns:1fr!important}}.btn-ghost{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);transition:background .12s,color .12s}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb, var(--text) 6%, transparent);color:var(--text)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.link-button{color:var(--accent);background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.media-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;display:grid}.media-tile{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--bg);cursor:zoom-in;border:none;width:100%;padding:0;display:block;position:relative;overflow:hidden}.media-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.media-tile-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s,transform .2s;position:absolute;inset:0}.media-tile-img.is-loaded{opacity:1}.media-tile:hover .media-tile-img.is-loaded{transform:scale(1.04)}.media-tile-skeleton{background:linear-gradient(100deg, var(--bg) 30%, color-mix(in srgb, var(--text) 7%, var(--bg)) 50%, var(--bg) 70%);background-size:200% 100%;animation:1.2s ease-in-out infinite shimmer;position:absolute;inset:0}.media-tile-placeholder{color:var(--text-muted);justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.media-tile-video{color:#fff;background:#111318}.media-play{background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding-left:2px;font-size:13px;display:flex}.media-loading{text-align:center;color:var(--text-muted);padding:16px 0 4px;font-size:13px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.viewer{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08090cf7;flex-direction:column;display:flex;position:fixed;inset:0}.viewer-stage{flex:1;justify-content:center;align-items:center;min-height:0;margin:16px 64px 0;display:flex;position:relative}.viewer-media{object-fit:contain;max-width:100%;max-height:100%;display:block}.viewer-thumb{filter:blur(6px);width:100%;height:100%;position:absolute}.viewer-full{opacity:0;transition:opacity .25s;position:relative}.viewer-full.is-loaded{opacity:1}.viewer-spinner{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.viewer-nav{color:#fff;background:#ffffff1f;border:none;border-radius:50%;width:44px;height:44px;font-size:28px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.viewer-nav:hover{background:#ffffff38}.viewer-prev{left:12px}.viewer-next{right:12px}.viewer-bar{color:#d7dbe2;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.viewer-bar .btn-ghost{color:#d7dbe2;border-color:#fff3}.viewer-bar .btn-ghost:hover:not(:disabled){color:#fff;background:#ffffff1a}.viewer-actions{gap:8px;display:flex}@media (width<=760px){.viewer-stage{margin:8px 8px 0}.viewer-nav{top:auto;bottom:64px;transform:none}}@media (prefers-reduced-motion:reduce){.media-tile-skeleton,.viewer-spinner{animation:none}.media-tile-img,.viewer-full{transition:none}}