.spinner-container{justify-content:center;align-items:center;min-height:100px;padding:2rem;display:flex}.spinner{border:4px solid var(--bg-secondary);border-top:4px solid var(--accent);border-radius:var(--radius-circle);width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-error-placeholder,.image-loading-placeholder{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim);background:color-mix(in srgb, var(--text) 5%, transparent);justify-content:center;align-items:center;display:flex}.default-avatar-placeholder{background:var(--bg-secondary);justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden;container-type:inline-size}.default-avatar-initial{color:var(--text-dim);opacity:.4;-webkit-user-select:none;user-select:none;font-size:clamp(1.75rem,34cqi,4.25rem);font-weight:700;line-height:1;transform:translateY(-18%)}.default-avatar-image{object-fit:cover;width:100%;height:100%;display:block}.app-icon-container{width:20px;height:20px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-icon-container svg{stroke-width:2.5px}.app-icon-container.large,.app-icon-container.large svg{width:32px;height:32px}.app-header{z-index:100;background:var(--bg);background:color-mix(in srgb, var(--bg) 95%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);box-sizing:border-box;width:100%;padding:.6rem 0;transition:background .3s,border-color .3s,color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:block;position:sticky;top:0}.header-content{box-sizing:border-box;justify-content:flex-start;align-items:center;gap:1rem;max-width:1200px;min-height:64px;margin:0 auto;padding:0 1rem;display:flex}@media (width>=768px){.header-content{padding:0 1.5rem}}.header-left,.header-right{align-items:center;gap:1rem;display:flex}.header-right{gap:.5rem;margin-left:auto}.header-nav{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex:auto;align-items:center;gap:.15rem;min-width:0;padding:.15rem 0;display:flex;overflow-x:auto}.header-nav::-webkit-scrollbar{display:none}.header-nav-link{border-radius:var(--radius-8);color:var(--text-dim);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;gap:.4rem;padding:.45rem .65rem;font-family:inherit;font-size:.86rem;font-weight:600;text-decoration:none;transition:color .2s,background-color .2s;display:inline-flex}.header-nav-link:hover{color:var(--text);background:var(--bg-secondary)}.header-nav-link.active{color:var(--accent);background:var(--accent-glow)}.header-nav-link svg{flex-shrink:0;width:17px;height:17px}.header-nav-divider{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 .4rem}.header-nav-badge{border-radius:var(--radius-pill);background:var(--notification-badge-bg);color:#fff;min-width:18px;height:18px;font-size:var(--text-xs);justify-content:center;align-items:center;padding:0 4px;font-weight:800;display:inline-flex}.header-profile-link{border:1px solid var(--border);border-radius:var(--radius-circle);cursor:pointer;width:38px;height:38px;color:inherit;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex;overflow:hidden}.header-profile-link .profile-primary-preview{width:100%;height:100%}.header-account{flex-shrink:0;position:relative}.header-account-menu{z-index:200;border:1px solid var(--border);border-radius:var(--radius-12);background:var(--bg);min-width:220px;padding:.35rem;animation:.15s ease-out header-menu-in;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 12px 32px #00000040}@keyframes header-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-account-item{border-radius:var(--radius-8);width:100%;min-height:40px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;padding:.5rem .65rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.header-account-item svg{width:17px;height:17px;color:var(--text-dim);flex-shrink:0}.header-account-item:hover{background:var(--bg-secondary)}.header-account-item:hover svg{color:var(--text)}.header-account-item.active{background:var(--accent-glow);color:var(--accent)}.header-account-item.active svg{color:var(--accent)}.header-account-logout,.header-account-logout svg,.header-account-logout:hover svg{color:var(--error)}.header-account-logout:hover{background:color-mix(in srgb, var(--error) 12%, transparent)}.header-account-divider{background:var(--border);height:1px;margin:.35rem .4rem;display:block}.header-auth-link{border-radius:var(--radius-8);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);white-space:nowrap;flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.86rem;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.header-auth-link svg{flex-shrink:0;width:17px;height:17px}.header-auth-link:hover{background:var(--bg-tertiary)}.header-auth-link-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.header-auth-link-primary:hover{background:var(--accent-dark,var(--accent))}.header-mobile-menu{flex-shrink:0;position:relative}.header-hamburger{border:1px solid var(--border);border-radius:var(--radius-8);background:var(--bg-secondary);width:38px;height:38px;color:var(--text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .2s,border-color .2s,color .2s;display:none}.header-hamburger svg{flex-shrink:0;width:22px;height:22px}.header-hamburger:hover{background:var(--bg-tertiary)}.header-hamburger[aria-expanded=true]{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.header-mobile-menu-panel{z-index:200;border:1px solid var(--border);border-radius:var(--radius-12);background:var(--bg);min-width:200px;padding:.35rem;animation:.15s ease-out header-menu-in;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 12px 32px #00000040}.header-mobile-menu-item{border-radius:var(--radius-8);width:100%;min-height:40px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;padding:.5rem .65rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.header-mobile-menu-item svg{width:17px;height:17px;color:var(--text-dim);flex-shrink:0}.header-mobile-menu-item:hover{background:var(--bg-secondary)}.header-mobile-menu-item:hover svg{color:var(--text)}@media (width<=768px){.city-network-layout.has-bottom-nav .header-nav,.app-header.is-anonymous .header-nav,.app-header.is-anonymous .header-auth-link{display:none}.app-header.is-anonymous .header-hamburger{display:inline-flex}}@media (width<=560px){.header-logo-text{margin-left:.5rem;font-size:1.35rem}.header-nav-link span,.header-auth-link span{display:none}.header-nav-link,.header-auth-link{padding:.5rem}}.header-logo-wrapper{cursor:pointer;border-radius:var(--radius-8);color:inherit;flex-shrink:0;align-items:center;padding:.5rem;text-decoration:none;transition:background-color .2s;display:flex}.header-logo-wrapper:hover{background-color:var(--bg-secondary)}.header-logo-img{object-fit:contain;border-radius:var(--radius-6);flex-shrink:0;width:40px;height:40px}.header-logo-text{color:var(--text);letter-spacing:-.5px;margin-left:.75rem;font-size:1.7rem;font-weight:800}.header-logo-wrapper:focus-visible,.header-nav-link:focus-visible,.header-auth-link:focus-visible,.header-profile-link:focus-visible,.header-account-item:focus-visible,.header-hamburger:focus-visible,.header-mobile-menu-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.connection-status-dot{border-radius:var(--radius-circle);width:8px;height:8px;margin-left:8px;transition:background-color .3s;display:inline-block}.connection-status-dot.disconnected{background-color:var(--error);animation:2s infinite badge-pulse-intense}.connection-status-dot-small{width:6px;height:6px;margin:0}@keyframes badge-pop{0%{transform:scale(1)}40%{transform:scale(1.3)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes badge-pulse-intense{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}50%{transform:scale(1.5);box-shadow:0 0 0 15px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.city-network-layout{flex-direction:column;flex:1;display:flex}.main-viewport{flex-direction:column;flex:1;display:flex;position:relative}.city-network-layout.is-full-height{height:100dvh;overflow:hidden}.city-network-layout.is-full-height .main-viewport{min-height:0;overflow:hidden}.admin-dev-bar{color:#fc0;z-index:10000;background:#0a0a0af2;border-top:1px solid #fc0;align-items:center;gap:20px;height:28px;padding:0 12px;font-size:11px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #00000080}.dev-item{gap:6px;display:flex}.dev-tag{color:#000;border-radius:var(--radius-2);background:#fc0;padding:0 4px;font-weight:700}.dev-status{opacity:.8;align-items:center;gap:6px;margin-left:auto;display:flex}.pulse-dot{border-radius:var(--radius-circle);background:#fc0;width:6px;height:6px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}:is(body:has(.admin-dev-bar) .chat-input-area,body:has(.admin-dev-bar) .chat-input-banner){padding-bottom:calc(1rem + 28px)}.alert-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.alert-box{background-color:var(--card);color:var(--text);border-radius:var(--radius-12);text-align:center;flex-direction:column;gap:1rem;width:90%;max-width:400px;padding:2rem;display:flex;box-shadow:0 5px 15px #0000004d}.alert-title{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.alert-message{margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.alert-button{background-color:var(--accent);color:var(--accent-fg);border-radius:var(--radius-8);cursor:pointer;border:none;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s}.secondary-btn{background-color:var(--bg-secondary)!important;color:var(--text)!important;border:1px solid var(--border)!important}.alert-button:hover{background-color:var(--accent-dark,var(--accent))}.alert-actions{justify-content:center;gap:1rem;display:flex}.toast{z-index:1300;background:var(--card);max-width:min(400px,100vw - 2rem);color:var(--text);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-12);align-items:flex-start;gap:.75rem;padding:.9rem 1rem;animation:.25s toast-in;display:flex;position:fixed;top:1rem;right:1rem;box-shadow:0 10px 32px #00000038}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--error,var(--danger))}.toast-warning{border-left-color:var(--warning)}.toast-info{border-left-color:var(--accent)}.toast-body{flex:1;min-width:0}.toast-title{margin-bottom:.15rem;font-size:.9rem;font-weight:700}.toast-success .toast-title{color:var(--success)}.toast-error .toast-title{color:var(--error,var(--danger))}.toast-warning .toast-title{color:var(--warning)}.toast-info .toast-title{color:var(--accent)}.toast-message{color:var(--text-dim);word-break:break-word;white-space:pre-line;font-size:.85rem;line-height:1.45}.toast-close{color:var(--text-dim);cursor:pointer;border-radius:var(--radius-6);background:0 0;border:none;flex-shrink:0;padding:.25rem;font-size:.95rem;line-height:1}.toast-close:hover{color:var(--text);background:var(--bg-secondary)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.loading-spinner-large{border:4px solid var(--bg-secondary);border-top:4px solid var(--accent);border-radius:var(--radius-circle);width:60px;height:60px;animation:1s linear infinite spin}.loading-text{color:#fff;letter-spacing:.1em;text-transform:uppercase;font-size:1.1rem;animation:1.5s ease-in-out infinite pulse}.root-error-boundary-container{background-color:var(--bg);min-height:100vh;color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex}.error-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-6);width:100%;max-width:28rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.error-icon-wrapper{background-color:rgba(var(--error-rgb), .1);width:4rem;height:4rem;color:var(--error);border-radius:var(--radius-pill);justify-content:center;align-items:center;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;display:flex}.error-message{color:var(--text-dim);margin-bottom:2rem}.button-group{flex-direction:column;gap:.75rem;display:flex}.button-base{border-radius:var(--radius-12);width:100%;padding-top:.75rem;padding-bottom:.75rem;font-weight:500;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.button-base:hover{filter:brightness(1.1)}.primary-button{background-color:var(--primary);color:var(--accent-fg)}.secondary-button{background-color:var(--bg-secondary);color:var(--text);display:block}:root{--bg:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--card:#fff;--bg-card:#fff;--card-transparent-70:#ffffffb3;--card-transparent:#ffffffd9;--text:#1f2937;--text-main:#1f2937;--text-dim:#6b7280;--text-light:#9ca3af;--border:#e5e7eb;--accent:#2563eb;--accent-rgb:37, 99, 235;--primary:#2563eb;--primary-rgb:37, 99, 235;--accent-fg:#fff;--accent-glow:#2563eb4d;--accent-dark:color-mix(in srgb, var(--accent) 88%, #000);--success:#10b981;--success-rgb:16, 185, 129;--error-rgb:244, 63, 94;--error:#f43f5e;--danger:#f43f5e;--notification-badge-bg:#dc2626;--info:#38bdf8;--warning:#f59e0b;--warning-rgb:245, 158, 11;--packet-shadow-color:#0003;--dim:color-mix(in srgb, var(--border) 45%, var(--bg));--status-sent:var(--text-dim);--status-received:var(--info);--status-seen:var(--success);--chip-success-bg:color-mix(in srgb, var(--success) 14%, var(--bg));--chip-error-bg:color-mix(in srgb, var(--error) 12%, var(--bg));--chip-warning-bg:color-mix(in srgb, var(--warning) 16%, var(--bg));--chip-info-bg:color-mix(in srgb, var(--info) 14%, var(--bg));--chip-neutral-bg:var(--bg-tertiary);--chip-success-text:#047857;--chip-error-text:#be123c;--chip-warning-text:#b45309;--chip-info-text:#0369a1;--chip-neutral-text:var(--text-dim);--radius-none:0;--radius-2:2px;--radius-3:3px;--radius-4:4px;--radius-5:5px;--radius-6:6px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-14:14px;--radius-16:16px;--radius-18:18px;--radius-20:20px;--radius-32:32px;--radius-circle:50%;--radius-pill:9999px;--gradient-hero:var(--bg-secondary);--gradient-gold:var(--accent);--border-subtle:color-mix(in srgb, var(--border) 50%, var(--bg));--focus-ring:color-mix(in srgb, var(--accent) 50%, var(--text));--bg-image:none;--overlay-bg:#000000d9}[data-theme=light]{--status-received:#0284c7;--status-seen:#047857}[data-theme=dark]{--bg:#000;--bg-secondary:#111;--bg-tertiary:#222;--card:#111;--bg-card:#111;--card-transparent-70:#111111b3;--card-transparent:#111111d9;--text:#ededed;--text-main:#ededed;--text-dim:#888;--text-light:#aaa;--border:#333;--accent:#4f46e5;--accent-rgb:79, 70, 229;--primary:#4f46e5;--primary-rgb:79, 70, 229;--accent-glow:#4f46e580;--error:#f43f5e;--danger:#f43f5e;--bg-image:none;--packet-shadow-color:#ffffff4d;--overlay-bg:#000000f2}[data-theme=ocean]{--bg:#082f49;--bg-secondary:#0c4a6e;--bg-tertiary:#075985;--card:#0c4a6e;--bg-card:#0c4a6e;--card-transparent-70:#0c4a6eb3;--card-transparent:#0c4a6ed9;--text:#f0f9ff;--text-main:#f0f9ff;--text-dim:#bae6fd;--text-light:#d4f1fe;--border:#075985;--accent:#22d3ee;--accent-rgb:34, 211, 238;--primary:#22d3ee;--primary-rgb:34, 211, 238;--accent-fg:#000;--accent-dark:color-mix(in srgb, var(--accent) 88%, #000);--accent-glow:#22d3ee4d;--status-received:color-mix(in srgb, var(--info) 50%, #fff);--status-seen:color-mix(in srgb, var(--success) 50%, #fff);--success:#34d399;--success-rgb:52, 211, 153;--error:#f43f5e;--error-rgb:244, 63, 94;--danger:#f43f5e;--warning:#fbbf24;--warning-rgb:251, 191, 36;--packet-shadow-color:#ffffff4d;--overlay-bg:#000000f2;--bg-image:none}[data-theme=terminal]{--bg:#050505;--bg-secondary:#0a0a0a;--bg-tertiary:#111;--card:#0a0a0a;--bg-card:#0a0a0a;--card-transparent-70:#0a0a0ab3;--card-transparent:#0a0a0ad9;--text:#00ff41;--text-main:#00ff41;--text-dim:#00b32e;--text-light:#0c3;--border:#003b00;--accent:#00ff41;--accent-rgb:0, 255, 65;--primary:#00ff41;--primary-rgb:0, 255, 65;--accent-fg:#000;--accent-dark:color-mix(in srgb, var(--accent) 88%, #000);--accent-glow:#00ff414d;--success:#10b981;--success-rgb:16, 185, 129;--error:#f43f5e;--error-rgb:244, 63, 94;--danger:#f43f5e;--warning:#f59e0b;--warning-rgb:245, 158, 11;--packet-shadow-color:#ffffff4d;--overlay-bg:#000000f2;--bg-image:none}[data-theme=rose]{--bg:#4c0519;--bg-secondary:#881337;--bg-tertiary:#9f1239;--card:#881337;--bg-card:#881337;--card-transparent-70:#881337b3;--card-transparent:#881337d9;--text:#fff1f2;--text-main:#fff1f2;--text-dim:#fecdd3;--text-light:#fee2e6;--border:#9f1239;--accent:#fb7185;--accent-rgb:251, 113, 133;--primary:#fb7185;--primary-rgb:251, 113, 133;--accent-fg:#000;--accent-dark:color-mix(in srgb, var(--accent) 88%, #000);--accent-glow:#fb71854d;--success:#34d399;--success-rgb:52, 211, 153;--error:#f43f5e;--error-rgb:244, 63, 94;--danger:#f43f5e;--warning:#fbbf24;--warning-rgb:251, 191, 36;--packet-shadow-color:#ffffff4d;--overlay-bg:#000000f2;--bg-image:none}[data-theme=city]{--bg:#0a0f1d;--bg-secondary:#131c31;--bg-tertiary:#24304f;--card:#1c2740;--bg-card:#1c2740;--card-transparent-70:#1c2740b3;--card-transparent:#1c2740d9;--text:#f8fafc;--text-main:#f8fafc;--text-dim:#cbd5e1;--text-light:#94a3b8;--border:#2b3a5e;--accent:#f59e0b;--accent-rgb:245, 158, 11;--accent-dark:#d97706;--primary:#f59e0b;--primary-rgb:245, 158, 11;--accent-fg:#0a0f1d;--accent-glow:#f59e0b4d;--success:#10b981;--success-rgb:16, 185, 129;--error:#f43f5e;--error-rgb:244, 63, 94;--danger:#f43f5e;--warning:#f59e0b;--warning-rgb:245, 158, 11;--packet-shadow-color:#ffffff4d;--overlay-bg:#000000f2;--bg-image:none;--color-primary:#f59e0b;--color-primary-hover:#d97706;--color-accent:#10b981;--color-accent-hover:#059669;--bg-dark-primary:#0a0f1d;--bg-dark-secondary:#131c31;--bg-dark-card:#1c2740;--bg-light-primary:#f0f7f9;--bg-light-secondary:#e0f2fe;--text-primary-dark:#f8fafc;--text-secondary-dark:#cbd5e1;--text-primary-light:#0f172a;--text-secondary-light:#475569;--romantic-glow:0 0 25px #f59e0b59;--emerald-glow:0 0 20px #10b98140;--gradient-hero:#1c2740;--gradient-gold:#f59e0b}[data-theme=dark],[data-theme=ocean],[data-theme=terminal],[data-theme=rose],[data-theme=city]{--chip-success-text:#34d399;--chip-error-text:#fb7185;--chip-warning-text:#fbbf24;--chip-info-text:#7dd3fc}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{flex-direction:column;min-height:100dvh;margin:0;padding:0;display:flex;overflow:hidden auto}:root{--font-main:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-lg:0 10px 25px #0003;--page-px:1rem;--page-py:1rem;--highlight:var(--accent);--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--touch-min:44px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--control-height:44px;--control-radius:var(--radius-10)}@media (width<=480px){:root{--page-px:.5rem;--page-py:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.25rem;--space-2xl:2rem}}@media (width<=768px){:root{--page-px:.75rem;--page-py:.75rem;--space-lg:1.25rem;--space-xl:1.5rem}.modal-content{padding:1.5rem}}body{background:var(--bg);color:var(--text);font-family:var(--font-main);-webkit-font-smoothing:antialiased;margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-3)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}::selection{background:var(--accent);color:var(--accent-fg)}h1,h2,h3{margin:0}.mono{font-family:var(--font-mono)}.mono-xxs{font-family:var(--font-mono);font-size:var(--text-xs)}.text-highlight-xs{color:var(--primary);font-size:var(--text-xs)}.text-dim-xxs{font-size:var(--text-xs);color:var(--text-dim)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-6);box-shadow:var(--shadow);padding:1.5rem;transition:transform .2s}.album-card:hover,.album-card:focus-visible,.album-photo-card:hover,.album-photo-card:focus-within,.story-card:hover,.story-card-link:focus-visible .story-card{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:var(--shadow-lg);transform:translateY(-3px)}.panel{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-4);padding:1.5rem}.panel-title{font-family:var(--font-mono);color:var(--text-main);margin:0 0 1.25rem;font-size:1.05rem;font-weight:600}.user-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;display:grid}@media (width<=768px){.user-card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}}@media (width<=480px){.card{border-radius:var(--radius-4);padding:1rem}}.card-title{color:var(--text);margin-bottom:.25rem;font-size:1.25rem;font-weight:700;line-height:1.3}.label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--accent);opacity:.8;font-weight:700}.required-mark{color:var(--danger);margin-left:.25em}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#000000d9;place-items:center;padding:1.5rem;animation:.2s ease-out fadeIn;display:grid;position:fixed;inset:0}.modal-content{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-32);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative}.modal-content.large{width:95%;max-width:800px;max-height:90vh;overflow-y:auto}@media (width<=480px){.modal-content{border-radius:var(--radius-6);margin:0 .5rem;padding:1.25rem}.modal-content.large{border-radius:var(--radius-4);width:100%;max-height:85vh}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2px solid var(--text-dim);border-radius:var(--radius-circle);border-bottom-color:#0000;width:16px;height:16px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-loader{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;min-height:60vh;display:flex}.page-loader-text{color:var(--text-dim);font-size:var(--text-sm)}.animate-in{animation:.4s ease-out fadeUp}.text-dim{color:var(--text-dim)}.block{display:block}.no-margin{margin:0!important}.mb-0{margin-bottom:0!important}.flex-1{flex:1}.input-field{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--control-radius);width:100%;color:var(--text);font-family:var(--font-main);font-size:var(--text-md);box-sizing:border-box;outline:none;padding:.75rem 1rem;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .2)}.input-field:disabled,.input-field[readonly]{background:var(--bg-tertiary);color:var(--text-dim);cursor:not-allowed;-webkit-text-fill-color:var(--text-dim);border-style:dashed}.input-field:disabled:focus,.input-field[readonly]:focus{border-color:var(--border);box-shadow:none;outline:none}select.input-field{appearance:none;padding-top:.5rem;padding-bottom:.5rem;padding-right:2.5rem}.bottom-nav{z-index:150;background:var(--bg);background:color-mix(in srgb, var(--bg) 95%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:.5rem;padding-bottom:calc(.5rem + var(--safe-area-bottom));transition:transform .3s;display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=768px){.bottom-nav{justify-content:space-around;align-items:center;display:flex}}.bottom-nav-item{min-width:var(--touch-min);min-height:var(--touch-min);color:var(--text-dim);cursor:pointer;border-radius:var(--radius-4);font-size:var(--text-xs);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:auto;align-items:center;gap:2px;padding:.5rem .15rem;font-weight:600;transition:all .2s;display:flex;position:relative}.bottom-nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;line-height:1.25;overflow:hidden}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-icon{font-size:1.35rem;line-height:1}.bottom-nav-badge{background:var(--notification-badge-bg);color:#fff;border-radius:var(--radius-circle);border:2px solid var(--bg);justify-content:center;align-items:center;min-width:18px;height:18px;font-size:.625rem;font-weight:800;animation:.4s badge-pop;display:flex;position:absolute;top:2px;right:2px}@media (width<=768px){.city-network-layout.has-bottom-nav{padding-bottom:calc(64px + var(--safe-area-bottom))}}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.profile-page .glass-card,.user-profile-page .glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-6);transition:box-shadow .25s,transform .25s;box-shadow:0 1px 3px #0000000a,0 8px 32px #0000000f}.profile-page .glass-card:hover,.user-profile-page .glass-card:hover{box-shadow:0 1px 3px #0000000a,0 12px 40px #00000014}[data-theme=dark] .profile-page .glass-card,[data-theme=terminal] .profile-page .glass-card,[data-theme=dark] .user-profile-page .glass-card,[data-theme=terminal] .user-profile-page .glass-card{background:var(--bg-card);box-shadow:0 1px 3px #0003,0 8px 32px #0000004d}.profile-sections-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.25rem;display:grid}.profile-sections-column{flex-direction:column;gap:1.25rem;display:flex}.profile-sections-column>.profile-section{margin-bottom:0}.profile-section{margin-bottom:1.25rem;overflow:visible}.profile-section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.profile-section-header .section-title{font-family:var(--font-mono);text-transform:none;letter-spacing:.02em;color:var(--text);align-items:center;gap:.5rem;margin:0;font-size:.9rem;font-weight:700;display:flex}.profile-section-header .section-title:before{content:"";border-radius:var(--radius-4);background:var(--accent);width:4px;height:1em;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 50%, transparent);flex-shrink:0}.profile-section-body{padding:1.25rem 1.5rem}.profile-field{color:var(--text-dim);margin:0;padding:0;font-size:.88rem;line-height:1.5}.profile-field strong{color:var(--text);font-weight:600}.profile-info-divider{color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:none;letter-spacing:.04em;align-items:center;margin:1rem 0 .6rem;font-weight:700;display:flex}.profile-info-divider:after{content:"";background:var(--border);flex:1;height:1px;margin-left:1rem}.info-mini-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem 1.25rem;margin-bottom:.25rem;display:grid}.full-width{grid-column:1/-1}.border-b-dim{border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.75rem}.text-xl{font-size:1.15rem}.filter-tabs{gap:.5rem;margin-bottom:1rem;display:flex}.filter-tab{color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;border-radius:var(--radius-8);background:0 0;border:none;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.filter-tab:hover{color:var(--text);background:#ffffff0d}.filter-tab.active{color:var(--primary);background:rgba(var(--primary-rgb), .1);font-weight:600}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.75rem 1rem}.admin-table th{color:var(--text-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.admin-table tr:hover{background:#ffffff05}.admin-table .right{text-align:right}.admin-table.mini th,.admin-table.mini td{padding:.5rem .75rem;font-size:.85rem}.stories-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.story-card-item{border-radius:var(--radius-6);background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;padding:1.25rem}.story-card-content{flex-direction:column;height:100%;display:flex}.story-card-main{flex:1}.story-card-item h3{margin-bottom:.5rem;font-size:1rem}.story-excerpt{font-size:var(--text-sm);color:var(--text-dim);margin:0 0 1rem;line-height:1.5}.truncate-2{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.story-card-meta{border-top:1px solid var(--border);font-size:var(--text-xs);justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.visibility-tooltip{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-8);font-size:var(--text-xs);color:var(--text);white-space:nowrap;z-index:20;font-family:var(--font-mono);pointer-events:none;padding:.4rem .65rem;line-height:1.2;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 4px 12px #00000026}.pending-badge-inline{font-size:var(--text-xs);color:var(--warning);text-transform:uppercase;font-weight:700;font-family:var(--font-mono)}.visibility-dot{border-radius:var(--radius-circle);width:8px;height:8px;margin-right:.25rem;display:inline-block}.visibility-dot.public{background:var(--success)}.visibility-dot.contacts{background:var(--accent)}.visibility-dot.favourited{background:var(--warning)}@media (width<=768px){.profile-sections-grid{grid-template-columns:1fr}.profile-section-header{flex-direction:column;align-items:flex-start;gap:.6rem;padding:1rem 1.25rem}.profile-section-body{padding:1rem 1.25rem}.info-mini-grid{grid-template-columns:1fr 1fr}.stories-grid{grid-template-columns:1fr}}@media (width<=480px){.info-mini-grid{grid-template-columns:1fr}}.interests-cloud{flex-wrap:wrap;gap:.5rem;display:flex}