@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0a0f1e;--color-bg-surface:#111827;--color-bg-elevated:#1a2235;--color-border:#ffffff14;--color-border-hover:#ffffff2e;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-text-subtle:#64748b;--color-accent:#38bdf8;--color-accent-glow:#38bdf826;--color-success:#4ade80;--color-error:#f87171;--color-video-badge:#ef4444d9;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--shadow-card:0 4px 24px #0006;--shadow-modal:0 24px 60px #000000b3, 0 0 0 1px #ffffff0f;--transition-fast:.15s ease;--transition-base:.25s ease;--card-min-width:150px;color:var(--color-text);background-color:var(--color-bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(ellipse at top, #141c2e 0%, var(--color-bg) 60%);min-height:100vh;margin:0}.container{text-align:center;padding:var(--space-8);max-width:400px;margin:0 auto}.share-page{width:100vw;min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.share-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem var(--space-8);width:100%;max-width:320px;box-shadow:var(--shadow-card);background:#1e293bcc;flex-direction:column;align-items:center;gap:1.25rem;animation:.3s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.share-message{color:#e2e8f0;text-align:center;margin:0;font-size:1.125rem;font-weight:600}.spinner{border:3.5px solid #ffffff1a;border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-success{width:48px;height:48px;color:var(--color-success);background:#22c55e26;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.icon-error{width:48px;height:48px;color:var(--color-error);background:#ef444426;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.close-button{margin-top:var(--space-2);color:#f1f5f9;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);background:#334155;padding:.625rem 1.5rem;font-size:.95rem;font-weight:500}.close-button:hover{background:#475569}.gallery-page{flex-direction:column;min-height:100vh;display:flex}.gallery-header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);background:#0a0f1ed9;display:flex;position:sticky;top:0}.gallery-header__logo{color:var(--color-text);letter-spacing:-.01em;align-items:center;gap:var(--space-2);font-size:1.1rem;font-weight:700;display:flex}.gallery-header__logo-icon{font-size:1.3rem}.gallery-header__count{color:var(--color-text-subtle);background:var(--color-bg-elevated);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:999px;margin-left:auto;font-size:.8rem}.gallery-grid{padding:var(--space-3);grid-template-columns:repeat(auto-fill, minmax(var(--card-min-width), 1fr));gap:var(--space-2);flex:1;display:grid}@media (width>=480px){:root{--card-min-width:140px}.gallery-grid{gap:var(--space-3)}}@media (width>=768px){:root{--card-min-width:160px}.gallery-grid{padding:var(--space-4);gap:var(--space-3)}}@media (width>=1024px){:root{--card-min-width:180px}.gallery-grid{padding:var(--space-4) var(--space-6);gap:var(--space-4)}}@media (width>=1440px){:root{--card-min-width:200px}.gallery-grid{padding:var(--space-6) var(--space-8);gap:var(--space-4)}}.media-card{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;background:var(--color-bg-elevated);border:1px solid var(--color-border);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);position:relative;overflow:hidden}.media-card:hover{border-color:var(--color-border-hover);z-index:1;transform:scale(1.03);box-shadow:0 8px 32px #00000080}.media-card:active{transform:scale(.98)}.media-card__img{object-fit:cover;width:100%;height:100%;transition:opacity var(--transition-base);display:block}.media-card__img--loading{opacity:0}.media-card__img--loaded{opacity:1}.media-card__video-badge{transition:background var(--transition-fast);background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-card:hover .media-card__video-badge{background:#00000080}.media-card__play-icon{background:var(--color-video-badge);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:40px;height:40px;transition:transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;box-shadow:0 2px 12px #0006}.media-card:hover .media-card__play-icon{transform:scale(1.1)}.media-card__count-badge{top:var(--space-2);right:var(--space-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:2px var(--space-2);background:#000000a6;border:1px solid #ffffff26;border-radius:999px;font-size:.7rem;font-weight:600;line-height:1.5;position:absolute}.media-card--skeleton{background:linear-gradient(90deg, var(--color-bg-elevated) 25%, var(--color-bg-surface) 50%, var(--color-bg-elevated) 75%);cursor:default;background-size:200% 100%;border:none;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.gallery-empty{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center;color:var(--color-text-muted);flex-direction:column;flex:1;display:flex}.gallery-empty__icon{opacity:.4;font-size:4rem}.gallery-empty__title{color:var(--color-text-muted);margin:0;font-size:1.25rem;font-weight:600}.gallery-empty__desc{color:var(--color-text-subtle);max-width:300px;margin:0;font-size:.9rem;line-height:1.7}.gallery-sentinel{justify-content:center;align-items:center;height:48px;display:flex}.gallery-loading-more{align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--color-text-subtle);font-size:.85rem;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:backdropIn var(--transition-fast) ease-out;background:#000000e0;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-height:95dvh;box-shadow:var(--shadow-modal);animation:slideUp var(--transition-base) cubic-bezier(.22, 1, .36, 1);flex-direction:column;display:flex;position:relative;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.modal-backdrop{align-items:center}.modal-panel{border-radius:var(--radius-xl);width:min(90vw,900px);max-height:90dvh;animation:modalIn var(--transition-base) cubic-bezier(.22, 1, .36, 1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}}.modal-drag-handle{background:var(--color-border-hover);width:40px;height:4px;margin:var(--space-3) auto var(--space-2);border-radius:2px;flex-shrink:0}@media (width>=768px){.modal-drag-handle{display:none}}.modal-close{top:var(--space-3);right:var(--space-3);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);z-index:1;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute}.modal-close:hover{color:var(--color-text);background:#ffffff26}.modal-inner{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (width>=768px){.modal-inner{flex-direction:row}}.modal-media{background:#000;flex-shrink:0;justify-content:center;align-items:center;min-height:240px;max-height:55dvh;display:flex;position:relative}@media (width>=768px){.modal-media{flex:1;min-height:0;max-height:none}}.modal-media__img{object-fit:contain;max-width:100%;max-height:100%;display:block}.modal-media__video{outline:none;max-width:100%;max-height:100%;display:block}.modal-media__nav{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;width:44px;height:44px;transition:background var(--transition-fast);z-index:2;background:#0000008c;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.modal-media__nav:hover{background:#000000bf}.modal-media__nav--prev{left:var(--space-3)}.modal-media__nav--next{right:var(--space-3)}.modal-media__dots{bottom:var(--space-3);gap:var(--space-2);display:flex;position:absolute;left:50%;transform:translate(-50%)}.modal-media__dot{width:6px;height:6px;transition:background var(--transition-fast), transform var(--transition-fast);cursor:pointer;background:#ffffff59;border:none;border-radius:50%;padding:0}.modal-media__dot--active{background:var(--color-accent);transform:scale(1.3)}.modal-meta{padding:var(--space-4) var(--space-6);gap:var(--space-4);flex-direction:column;flex-shrink:0;max-height:40dvh;display:flex;overflow-y:auto}@media (width>=768px){.modal-meta{border-left:1px solid var(--color-border);width:300px;max-height:none;padding:var(--space-6);flex-shrink:0}}.modal-author{align-items:center;gap:var(--space-3);display:flex}.modal-author__avatar{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.modal-author__name{color:var(--color-text);font-size:.95rem;font-weight:600;line-height:1.2}.modal-author__handle{color:var(--color-text-muted);font-size:.8rem}.modal-content-text{color:var(--color-text);white-space:pre-wrap;word-break:break-word;padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--color-border);margin:0;font-size:.9rem;line-height:1.7}.modal-footer{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);flex-direction:column;margin-top:auto;display:flex}.modal-meta-row{align-items:center;gap:var(--space-2);color:var(--color-text-subtle);font-size:.78rem;display:flex}.modal-meta-row__icon{opacity:.6;font-size:.9rem}.modal-link{color:var(--color-accent);word-break:break-all;transition:opacity var(--transition-fast);font-size:.78rem;text-decoration:none}.modal-link:hover{opacity:.75;text-decoration:underline}.spinner-sm{border:2px solid #ffffff1a;border-top-color:var(--color-accent);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.8s linear infinite spin}