@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__search{flex:1;max-width:360px}.search-bar{align-items:center;width:100%;display:flex;position:relative}.search-bar__icon{opacity:.5;pointer-events:none;font-size:.85rem;position:absolute;left:.75rem}.search-bar__input{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.45rem 2rem .45rem 2.2rem;font-size:.85rem}.search-bar__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.search-bar__clear{color:var(--color-text-subtle);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.2rem;font-size:.8rem;position:absolute;right:.5rem}.search-bar__clear:hover{color:var(--color-text)}.gallery-header__filter-btn{align-items:center;gap:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);padding:.45rem .85rem;font-size:.85rem;font-weight:500;display:flex}.gallery-header__filter-btn:hover{border-color:var(--color-border-hover);color:var(--color-text)}.gallery-header__filter-btn--active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-glow)}.gallery-header__filter-badge{background:var(--color-accent);color:#000;border-radius:999px;padding:1px 6px;font-size:.7rem;font-weight:700;line-height:1.2}.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}.active-filters-bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background:#11182799;flex-wrap:wrap;font-size:.8rem;display:flex}.active-filters-bar__label{color:var(--color-text-subtle);font-size:.75rem}.active-filter-chip{align-items:center;gap:var(--space-1);background:var(--color-bg-elevated);border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-accent);padding:.2rem .5rem;font-weight:500;display:inline-flex}.active-filter-chip button{color:inherit;cursor:pointer;opacity:.8;background:0 0;border:none;margin-left:2px;padding:0;font-size:.75rem}.active-filter-chip button:hover{opacity:1}.active-filters-bar__clear-all{color:var(--color-text-subtle);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:.75rem;text-decoration:underline}.active-filters-bar__clear-all:hover{color:var(--color-text)}.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:200px;max-height:50dvh;display:flex;position:relative;overflow:hidden}@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:1;min-height:120px;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}.media-card__tags{bottom:var(--space-2);left:var(--space-2);right:var(--space-2);pointer-events:none;z-index:2;flex-wrap:wrap;gap:4px;display:flex;position:absolute}.media-card__tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-accent);white-space:nowrap;text-overflow:ellipsis;background:#000000bf;border:1px solid #38bdf833;border-radius:4px;max-width:100%;padding:1px 5px;font-size:.65rem;font-weight:500;overflow:hidden}.media-card__tag--more{color:var(--color-text-muted);border-color:#ffffff1a}.filter-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.filter-panel{background:var(--color-bg-surface);border-left:1px solid var(--color-border);flex-direction:column;width:min(100vw,360px);height:100%;animation:.25s cubic-bezier(.22,1,.36,1) filterSlideIn;display:flex;box-shadow:-8px 0 32px #00000080}@keyframes filterSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.filter-panel__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.filter-panel__title{color:var(--color-text);margin:0;font-size:1.05rem;font-weight:600}.filter-panel__close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:1.1rem}.filter-panel__close:hover{color:var(--color-text)}.filter-panel__body{padding:var(--space-6);gap:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.filter-group{gap:var(--space-2);flex-direction:column;display:flex}.filter-group__label{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.filter-segmented{background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:3px;display:flex}.filter-segmented__btn{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:.4rem .6rem;font-size:.8rem;font-weight:500}.filter-segmented__btn--active{background:var(--color-bg-surface);color:var(--color-accent);box-shadow:0 2px 8px #0006}.filter-tags-grid{gap:var(--space-2);max-height:180px;padding-right:var(--space-1);flex-wrap:wrap;display:flex;overflow-y:auto}.filter-empty-tags{color:var(--color-text-subtle);font-size:.8rem;font-style:italic}.filter-tag-chip{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:.3rem .6rem;font-size:.8rem;display:inline-flex}.filter-tag-chip:hover{border-color:var(--color-border-hover);color:var(--color-text)}.filter-tag-chip--selected{background:var(--color-accent-glow);border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.filter-tag-chip__count{opacity:.7;font-size:.7rem}.filter-input{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);outline:none;padding:.5rem .75rem;font-size:.85rem}.filter-input:focus{border-color:var(--color-accent)}.filter-date-range{align-items:center;gap:var(--space-2);display:flex}.filter-date-range__sep{color:var(--color-text-subtle);font-size:.8rem}.filter-panel__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.filter-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:.5rem 1rem;font-size:.85rem;font-weight:500}.filter-btn--reset{border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0}.filter-btn--reset:hover{border-color:var(--color-border-hover);color:var(--color-text)}.filter-btn--apply{background:var(--color-accent);color:#000;border:none;flex:1;font-weight:600}.filter-btn--apply:hover{opacity:.9}.tag-editor{gap:var(--space-2);flex-direction:column;display:flex}.tag-editor__chips{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.tag-chip{background:var(--color-accent-glow);border-radius:var(--radius-sm);color:var(--color-accent);border:1px solid #38bdf84d;align-items:center;gap:4px;padding:.2rem .55rem;font-size:.8rem;font-weight:500;display:inline-flex}.tag-chip__name{line-height:1.3}.tag-chip__remove{color:var(--color-accent);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:.85rem;line-height:1}.tag-chip__remove:hover{opacity:1}.tag-editor__input-wrapper{display:inline-block;position:relative}.tag-editor__input{border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);width:110px;transition:all var(--transition-fast);background:0 0;outline:none;padding:.2rem .5rem;font-size:.8rem}.tag-editor__input:focus{border-style:solid;border-color:var(--color-accent);width:140px}.tag-editor__dropdown{z-index:50;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;min-width:180px;max-height:160px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 8px 24px #0009}.tag-editor__option{border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.4rem .6rem;font-size:.8rem;display:flex}.tag-editor__option:hover{background:#ffffff14}.tag-editor__option-name{color:var(--color-accent);font-weight:500}.tag-editor__option-count{color:var(--color-text-subtle);font-size:.7rem}.tag-editor__option--create{color:var(--color-success);border-top:1px solid var(--color-border);margin-top:2px;padding-top:.4rem}