@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#f7f7f8;--ink:#f1f1f3;--muted:#989aa2;--page:#030304;--page-soft:#0b0c10;--accent:#ff183c;--accent-strong:#ff5635;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 16% -12%,#ff183c29,#0000 28%),radial-gradient(circle at 84% 0,#ffffff0b,#0000 22%),linear-gradient(#030304,#07080a 52%,#030304);font-family:Inter,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:0 0;min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}button,input{font:inherit}input,button,a{outline-color:var(--accent)}img,video,iframe{max-width:100%;display:block}h1{letter-spacing:-.06em;margin:0;font-family:Instrument Serif,serif;font-size:clamp(3.2rem,8vw,6.2rem);font-weight:400;line-height:.92}h2,h3{font-weight:600;line-height:1.1}p{margin:0}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.24em;font-size:.75rem}.app-shell{min-height:100svh}.landing-shell{gap:22px;min-height:100svh;padding:18px 18px 28px;display:grid}.landing-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.brand-lockup{align-items:center;display:flex}.brand-logo{object-fit:contain;width:clamp(128px,15vw,200px);height:auto;display:block}.landing-footer,.tile-copy span,.meta-copy,.empty-state p{color:var(--muted)}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#ffffff8f;margin:0;font-size:.74rem}.landing-search--topbar{flex:30rem;max-width:760px}.nav-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-bar,.viewer-search{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.search-bar input,.viewer-search input{min-width:0;color:var(--paper);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;padding:.95rem 1rem}.search-bar button,.viewer-search button,.quick-links button,.text-link-list button,.text-directory-card-header button,.subreddit-tile,.filter-group button,.viewer-actions button,.viewer-link,.ghost-link,.empty-state button,.stage-nav{font:inherit;cursor:pointer;color:inherit;border:0;text-decoration:none;transition:transform .14s,background-color .14s,opacity .14s,border-color .14s}.search-bar button,.viewer-search button,.empty-state button{color:var(--paper);background:linear-gradient(135deg, var(--accent), var(--accent-strong));border-radius:18px;padding:.95rem 1rem}.quick-links{flex-wrap:wrap;gap:8px;display:flex}.quick-links button,.text-link-list button,.viewer-actions button,.viewer-link,.filter-group button,.ghost-link{color:var(--paper);background:#ffffff12;border-radius:999px;padding:.66rem .86rem}.quick-links .feature-link,.viewer-link.feature-link,.viewer-link.is-active{color:var(--paper);background:linear-gradient(135deg,#ff183cf5,#ff5635e6)}.ghost-link{color:var(--muted);background:0 0;padding-inline:0}.landing-mode-link{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem}.landing-mode-link.is-active{color:var(--paper)}.quick-links button:hover,.text-link-list button:hover,.text-directory-card-header button:hover,.subreddit-tile:hover,.viewer-actions button:hover,.viewer-link:hover,.filter-group button:hover,.search-bar button:hover,.viewer-search button:hover,.empty-state button:hover,.stage-nav:hover{transform:translateY(-1px)}.row-section{gap:10px;display:grid}.row-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.row-header-copy{gap:2px;display:grid}.row-header-copy .eyebrow{color:var(--paper)}.row-toggle-button{color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:0;border-radius:999px;padding:.5rem .72rem;transition:transform .14s,background-color .14s,color .14s}.row-toggle-button:hover{color:var(--paper);background:#ffffff1a;transform:translateY(-1px)}.row-hint{color:var(--muted);max-width:60ch;margin:0;font-size:.82rem}.tile-row{overscroll-behavior-x:contain;scrollbar-width:thin;grid-auto-columns:minmax(188px,188px);grid-auto-flow:column;gap:12px;padding-bottom:4px;display:grid;overflow-x:auto}.tile-row--showcase-landscape{grid-auto-columns:minmax(296px,296px);gap:14px}.tile-row--showcase-portrait{grid-auto-columns:minmax(188px,188px);gap:14px}.subreddit-tile{text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;gap:10px;min-width:0;padding:10px;display:grid}.subreddit-tile--landscape{gap:12px}.tile-poster{aspect-ratio:3/4;background-color:#ffffff0f;background-position:50%;background-size:cover;border-radius:16px}.tile-poster--landscape{aspect-ratio:16/9}.tile-poster--portrait{aspect-ratio:9/16}.tile-copy{gap:2px;display:grid}.tile-copy p{color:var(--paper);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.tile-copy span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-directory{gap:14px;padding-top:4px;display:grid}.text-directory-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;display:grid}.text-directory-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;align-content:start;gap:14px;min-width:0;padding:16px;display:grid}.text-directory-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.text-directory-card h3{align-items:center;gap:8px;margin:0;font-size:1rem;display:inline-flex}.text-directory-card h3 span{min-width:24px;height:24px;color:var(--muted);background:#ffffff12;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:.78rem;font-weight:500;display:inline-flex}.text-directory-card-header button{color:var(--muted);cursor:pointer;white-space:nowrap;background:#ffffff12;border:0;border-radius:999px;padding:.44rem .66rem}.text-link-list{flex-wrap:wrap;gap:8px;display:flex}.text-link-list button{color:var(--paper);background:#ffffff0e;border:0;border-radius:999px;padding:.5rem .68rem}.text-directory-fade{color:var(--muted);margin:0;font-size:.8rem}@media (width<=1180px){.landing-topbar{flex-direction:column;align-items:flex-start}.landing-search--topbar{width:100%;max-width:none}}@media (width<=720px){.landing-shell{gap:16px;padding:16px 14px 24px}.nav-actions{flex-wrap:nowrap;width:100%;padding-bottom:2px;overflow-x:auto}.tile-row{grid-auto-columns:minmax(164px,164px)}.tile-row--showcase-landscape{grid-auto-columns:minmax(260px,260px)}.row-header{flex-direction:column;align-items:start}}.landing-footer{padding:4px 2px 10px;font-size:.9rem}.lock-shell{place-items:center;min-height:100svh;padding:24px;display:grid}.quick-exit-shell{z-index:60;cursor:pointer;background:#060709;align-items:start;padding:clamp(16px,3vw,36px);display:grid;position:fixed;inset:0}.quick-exit-cover{background:radial-gradient(circle at 18% 0,#ff183c1f,#0000 28%),radial-gradient(circle at 86% 8%,#ffffff0b,#0000 24%),linear-gradient(#090a0c,#030304 62%);position:absolute;inset:0}.quick-exit-home{z-index:1;gap:18px;width:min(900px,100%);display:grid;position:relative}.quick-exit-home .brand-logo{width:clamp(160px,22vw,260px)}.quick-exit-search{min-height:56px;color:var(--muted);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:.85rem 1rem;display:flex}.quick-exit-search strong,.quick-exit-grid button{color:var(--paper)}.quick-exit-search strong{background:linear-gradient(135deg, var(--accent), var(--accent-strong));border-radius:999px;padding:.62rem .9rem}.quick-exit-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.quick-exit-grid button{min-height:148px;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(135deg,#ffffff1a,#ffffff08),#ffffff0d;border:1px solid #ffffff14;border-radius:22px;align-content:space-between;gap:12px;padding:10px;display:grid}.quick-exit-thumb-media{background:radial-gradient(circle at 24% 18%,#fff6,#0000 14%),linear-gradient(135deg,#315d74,#79b485);border-radius:16px;min-height:96px}.quick-exit-thumb--2 .quick-exit-thumb-media{background:radial-gradient(circle at 68% 28%,#ffffff59,#0000 10%),linear-gradient(135deg,#72513f,#d2a45f)}.quick-exit-thumb--3 .quick-exit-thumb-media{background:radial-gradient(circle at 70% 22%,#ffffffb8,#0000 9%),linear-gradient(135deg,#161b3a,#485ba4)}.quick-exit-thumb--4 .quick-exit-thumb-media{background:linear-gradient(90deg,#ffffff3d 1px,#0000 1px) 0 0/22px 100%,linear-gradient(135deg,#43484f,#b7aa90) 0 0/cover}.quick-exit-thumb--5 .quick-exit-thumb-media{background:radial-gradient(circle at 78% 24%,#ffffff8c,#0000 8%),linear-gradient(135deg,#28606c,#c7a76e)}.quick-exit-thumb--6 .quick-exit-thumb-media{background:radial-gradient(circle at 30% 26%,#ffffff47,#0000 12%),linear-gradient(135deg,#4b5563,#111827)}.quick-exit-grid button span{font-weight:700}.quick-exit-hint{color:var(--muted);margin:0}.quick-exit-return{z-index:2;font:inherit;color:var(--paper);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);cursor:pointer;background:#0a0c10d1;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:.82rem 1rem;display:inline-flex;position:fixed;bottom:clamp(16px,3vw,28px);right:clamp(16px,3vw,28px);box-shadow:0 18px 42px #0000003d}.quick-exit-return span:first-child{font-size:1.1rem;line-height:1}.lock-card,.dialog-card{background:#0a0c10e6;border:1px solid #ffffff14;border-radius:28px;gap:16px;width:min(100%,28rem);padding:24px;display:grid;box-shadow:0 34px 90px #0000004d}.lock-card h1,.dialog-card h2{color:var(--paper);margin:0}.lock-copy,.form-note{color:var(--muted);margin:0}.form-note span{color:var(--paper)}.lock-form,.dialog-form{gap:14px;display:grid}.dialog-form--nested{border-top:1px solid #ffffff14;padding-top:6px}.field-stack{gap:8px;display:grid}.field-stack span{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.78rem}.field-stack input,.field-stack textarea{min-width:0;color:var(--paper);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;padding:.95rem 1rem}.field-stack textarea{resize:vertical;min-height:110px;font:inherit}.lock-form button,.dialog-actions button{font:inherit;color:var(--paper);cursor:pointer;border:0;border-radius:18px;padding:.92rem 1rem;transition:transform .14s,background-color .14s,opacity .14s}.lock-form button,.dialog-actions button:not(.subtle-button):not(.danger-button){background:linear-gradient(135deg, var(--accent), var(--accent-strong))}.lock-form button:disabled,.dialog-actions button:disabled{cursor:default;opacity:.65}.subtle-button{background:#ffffff0f}.danger-button{background:#a02424d1}.dialog-backdrop{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040507b3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog-header{justify-content:space-between;align-items:start;gap:14px;display:flex}.dialog-actions{flex-wrap:wrap;justify-content:end;gap:10px;display:flex}.dialog-actions--start{justify-content:start}.dialog-actions--spread{justify-content:space-between;align-items:center}.curation-dialog{width:min(100%,76rem);max-height:min(88svh,980px)}.curation-tab-row,.curation-button-row{flex-wrap:wrap;gap:10px;display:flex}.curation-tab-row button,.curation-button-row button,.curation-add-button{font:inherit;color:var(--paper);cursor:pointer;background:#ffffff0f;border:0;border-radius:16px;padding:.72rem .9rem}.curation-tab-row button.is-active{background:linear-gradient(135deg, var(--accent), var(--accent-strong))}.curation-scroll{gap:18px;min-height:0;padding-right:4px;display:grid;overflow:auto}.curation-group{gap:12px;display:grid}.curation-group-copy{gap:4px;display:grid}.curation-group-copy h3,.curation-card h4{margin:0}.curation-group-copy p{color:var(--muted);margin:0}.curation-stack{gap:12px;display:grid}.curation-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:22px;gap:12px;padding:14px;display:grid}.curation-card-actions{gap:12px;display:grid}.curation-showcase-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.error-copy{color:#ff9da8;margin:0}.viewer-shell{--viewer-top-offset:82px;--viewer-footer-height:88px;--stage-side-panel-width:0px;min-height:100svh}.viewer-shell.filters-open{--viewer-top-offset:146px}.viewer-dock,.viewer-toolbar,.stage-footer,.stage-nav{opacity:0;transition:opacity .18s,transform .18s}.viewer-dock.is-visible,.viewer-toolbar.is-visible,.stage-footer.is-visible,.stage-nav.is-visible{opacity:1}.viewer-dock{z-index:12;pointer-events:none;gap:8px;display:grid;position:fixed;top:16px;left:16px;right:16px;transform:translateY(-6px)}.viewer-dock.is-visible{pointer-events:auto;transform:none}.viewer-dock-main,.viewer-dock-filters,.viewer-toolbar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0c0f1485;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:10px;padding:8px 10px;display:flex}.viewer-dock-main{flex-wrap:wrap;justify-content:space-between}.viewer-dock-filters{flex-wrap:wrap}.viewer-identity,.viewer-dock-utility,.viewer-mode-switch,.viewer-shape-switch{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.viewer-subreddit{color:var(--paper);font-family:JetBrains Mono,monospace;font-size:.88rem}.viewer-search{flex:18rem;min-width:min(24rem,100%)}.viewer-toggle{margin-left:auto}.viewer-dock .viewer-search input,.viewer-dock .viewer-search button{border-radius:14px;padding:.66rem .82rem}.viewer-dock .viewer-search-submit{color:var(--paper);background:#ffffff14;border:1px solid #ffffff14}.viewer-dock .viewer-search-submit:hover{background:#ffffff1f}.viewer-mode-switch,.viewer-shape-switch{background:#ffffff0f;border-radius:999px;padding:3px}.viewer-mode-switch button,.viewer-shape-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.5rem .78rem;transition:transform .14s,background-color .14s,color .14s}.viewer-mode-switch button.is-active,.viewer-shape-switch button.is-active{color:var(--paper);background:#ffffff24}.viewer-utility-button{color:var(--paper);font:inherit;cursor:pointer;background:#ffffff12;border:0;border-radius:999px;align-items:center;gap:8px;padding:.62rem .84rem;transition:transform .14s,background-color .14s,color .14s;display:inline-flex}.viewer-utility-button svg{flex:none;width:16px;height:16px}.viewer-utility-button.is-active{color:var(--paper);background:#ffffff24}.viewer-utility-button.muted{color:var(--muted)}.viewer-timer-group,.filter-group,.slider-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-group span,.slider-group span{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-size:.72rem}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.filter-group button{padding:.5rem .72rem;font-size:.92rem}.filter-group button.is-active{background:#ffffff2e}.compact-slider input{width:min(160px,42vw)}.viewer-stage-shell{min-height:100svh;position:relative;overflow:hidden}.viewer-shell.is-fullscreen{--viewer-top-offset:0px;--viewer-footer-height:0px}.viewer-shell.is-fullscreen .stage-frame{padding:0}.viewer-shell.is-fullscreen .stage-nav,.viewer-shell.is-fullscreen .stage-footer,.viewer-shell.is-fullscreen .progress-track{display:none}.viewer-shell.is-fullscreen .stage-media{max-width:100vw;max-height:100svh}.viewer-shell.is-fullscreen .stage-media--portrait,.viewer-shell.is-fullscreen .stage-media--square,.viewer-shell.is-fullscreen .stage-media--landscape,.viewer-shell.is-fullscreen iframe.stage-media{width:100vw;max-width:100vw;height:100svh}.progress-track{z-index:8;background:#ffffff0f;height:2px;position:absolute;top:0;left:0;right:0}.progress-track span{transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--accent-strong));width:100%;height:100%;display:block}.viewer-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.viewer-link{align-items:center;gap:8px;display:inline-flex}.viewer-link svg path,.viewer-utility-button svg path,.landing-utility-card svg path,.stage-action-button svg path,.stage-footer-dismiss svg path{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round}.viewer-link svg:not(.stroke-icon) path:first-child,.landing-utility-card svg:not(.stroke-icon) path:first-child,.stage-action-button svg:not(.stroke-icon) path:first-child{fill:currentColor;stroke:none}.viewer-link svg,.landing-utility-card svg,.stage-action-button svg,.stage-footer-dismiss svg{flex:none;width:16px;height:16px}.viewer-link.muted{color:var(--muted)}.viewer-settings-actions{border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin-top:2px;padding-top:10px;display:flex}.gallery-shell{min-height:100svh;padding:calc(var(--viewer-top-offset) + 28px) 18px 32px}.gallery-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.gallery-count,.gallery-sentinel{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.85rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,208px),1fr));align-items:start;gap:16px;display:grid}.gallery-grid--focused{grid-template-columns:repeat(auto-fit,minmax(min(100%,244px),1fr));gap:18px}.gallery-card{text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;gap:10px;padding:12px;display:grid}.gallery-card.is-active{border-color:#ee4b886b;box-shadow:0 0 0 1px #ee4b8833}.gallery-card-poster{aspect-ratio:3/4;background-color:#ffffff0f;background-position:50%;background-size:cover;border-radius:16px;position:relative;overflow:hidden}.gallery-card-poster:after{content:"";background:linear-gradient(#0000,#06080ad9);height:38%;position:absolute;inset:auto 0 0}.gallery-card-badges{z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:absolute;inset:10px 10px auto}.gallery-chip{color:var(--paper);background:#080a0db8;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:.34rem .56rem;font-size:.76rem;display:inline-flex}.gallery-card-copy{gap:4px;display:grid}.gallery-card-copy p{color:var(--paper);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;line-height:1.3;overflow:hidden}.gallery-card-copy span{color:var(--muted);font-size:.82rem}.gallery-card-meta{display:block}.gallery-card-tags,.favorite-tag-list,.gallery-tag-row{flex-wrap:wrap;gap:8px;display:flex}.gallery-card-tags{margin-top:2px}.gallery-card-tags .gallery-chip,.favorite-tag-list .gallery-chip{font-size:.72rem}.gallery-tag-row button{color:var(--muted);cursor:pointer;font:inherit;background:#ffffff0f;border:0;border-radius:999px;padding:.44rem .72rem;transition:transform .14s,background-color .14s,color .14s}.gallery-tag-row button.is-active{color:var(--paper);background:#ffffff24}.gallery-sentinel{text-align:center;padding:18px 4px 4px}.gallery-empty-state{margin:0 auto}.stage-frame{isolation:isolate;min-height:100svh;padding:calc(var(--viewer-top-offset) + 16px) 16px calc(var(--viewer-footer-height) + 20px);place-items:center;display:grid;position:relative}.stage-frame--top-aligned{place-items:start center}.stage-frame:before{content:"";z-index:-2;background:radial-gradient(circle at top,#ffffff14,#0000 22%),linear-gradient(#080a0de0,#080a0df7);position:absolute;inset:0}.stage-frame:fullscreen{background:#000;padding:0}.stage-frame:fullscreen:before{display:none}.stage-frame:fullscreen .stage-media{max-width:100vw;max-height:100svh;box-shadow:none;background:#000;border:0;border-radius:0}.stage-frame:fullscreen .stage-quick-controls{position:fixed;bottom:24px;left:24px}:is(.stage-frame:fullscreen video.stage-media,.stage-frame:fullscreen img.stage-media,.stage-frame:fullscreen iframe.stage-media){object-fit:contain;width:100vw;height:100svh}.stage-media{max-width:min(94vw,1680px);max-height:calc(100svh - var(--viewer-top-offset) - var(--viewer-footer-height) - 44px);object-fit:contain;object-position:center;background:#00000038;border:1px solid #ffffff14;border-radius:24px;width:auto;height:auto;box-shadow:0 36px 110px #0000006b}.stage-media--fullscreen{max-width:min(97vw,1920px)}.stage-media--portrait,.stage-media--square{width:auto;max-width:min(100%,34rem)}.stage-media--landscape{width:min(100%,120rem)}iframe.stage-media{aspect-ratio:16/9;width:min(94vw,1280px)}.stage-nav{width:56px;height:96px;color:var(--paper);z-index:10;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0f146b;border:1px solid #ffffff14;border-radius:999px;font-size:2.4rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.stage-nav.is-visible:hover{transform:translateY(-50%)scale(1.02)}.stage-nav.is-visible{pointer-events:auto}.stage-nav svg{width:24px;height:24px}.stage-nav svg path{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.stage-nav--prev{left:16px}.stage-nav--next{right:16px}.stage-nav--vertical-prev,.stage-nav--vertical-next{left:50%;right:auto;transform:translate(-50%)}.stage-nav--vertical-prev{top:calc(var(--viewer-top-offset) + 84px)}.stage-nav--vertical-next{top:auto;bottom:22px}.stage-nav--vertical-prev.is-visible:hover,.stage-nav--vertical-next.is-visible:hover{transform:translate(-50%)scale(1.02)}.stage-quick-controls{left:28px;bottom:calc(var(--viewer-footer-height) + 34px);z-index:11;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0c10a8;border:1px solid #ffffff1a;border-radius:999px;gap:10px;padding:8px;transition:opacity .18s,transform .18s;display:flex;position:absolute;transform:translateY(6px)}.viewer-stage-shell:hover .stage-quick-controls,.stage-quick-controls.is-visible{opacity:1;pointer-events:auto;transform:none}.stage-frame:fullscreen:hover .stage-quick-controls{opacity:1;pointer-events:auto;transform:none}.stage-quick-controls button{width:44px;height:44px;color:var(--paper);font:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.stage-quick-controls svg{fill:currentColor;width:22px;height:22px}.stage-quick-controls svg path+path,.stage-quick-controls svg.stroke-icon path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.stage-quick-controls button.is-active{background:linear-gradient(135deg, var(--accent), var(--accent-strong))}.stage-quick-controls button:disabled{cursor:not-allowed;color:#ffffff6b;background:#ffffff0b}.stage-footer{z-index:10;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0a0c10bd;border:1px solid #ffffff14;border-radius:22px;align-content:start;gap:14px;padding:14px;display:grid;position:fixed;bottom:18px;left:18px;right:18px}.stage-footer-copy{gap:10px;min-width:0;display:grid}.stage-footer-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.stage-footer-title-wrap{gap:8px;min-width:0;display:grid}.stage-panel-header-actions{align-items:center;gap:8px;display:flex}.stage-footer-dismiss{width:40px;min-width:40px;height:40px;color:var(--muted);font:inherit;cursor:pointer;background:#ffffff0f;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.stage-footer h3{color:var(--paper);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:none;margin:0;font-size:clamp(.96rem,1.2vw,1.12rem);line-height:1.2;display:-webkit-box;overflow:hidden}.stage-footer .meta-copy{flex-wrap:wrap;gap:8px 10px;display:flex;overflow:hidden}.stage-footer .meta-copy span{align-items:center;gap:8px;display:inline-flex}.stage-footer .meta-copy span:not(:last-child):after{content:"·";color:#ffffff38}.stage-footer-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.stage-footer .viewer-link,.stage-footer button,.stage-action-button{color:var(--paper);font:inherit;cursor:pointer;background:#ffffff0f;border:0;border-radius:999px;padding:.72rem .88rem;transition:transform .14s,background-color .14s,opacity .14s,border-color .14s}.stage-action-button{text-align:left;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:46px;display:inline-flex}.stage-action-button--primary{background:#ffffff16}.stage-action-button--secondary{background:#ffffff0d}.stage-action-button--tertiary{color:var(--muted);background:#ffffff09}.stage-footer button.is-active,.stage-action-button.is-active{background:linear-gradient(135deg, var(--accent), var(--accent-strong))}.stage-footer .favorite-icon-button,.viewer-settings-actions .favorite-icon-button{width:40px;min-width:40px;height:40px;color:var(--accent);place-items:center;padding:0;display:grid}.stage-footer .favorite-icon-button svg{width:20px;height:20px}.stage-error-card{z-index:9;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0c0f14db;border:1px solid #ffffff17;border-radius:18px;gap:10px;max-width:min(32rem,100vw - 48px);padding:14px 16px;display:grid;position:absolute;bottom:26px;left:24px;right:24px}.stage-error-card h3,.stage-error-card p{margin:0}.stage-error-card p{color:var(--muted);line-height:1.4}.stage-error-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stage-error-actions button{color:var(--paper);font:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;padding:.58rem .82rem}.comment-preview-card{background:#ffffff0b;border:1px solid #ffffff14;border-radius:16px;gap:10px;min-width:0;padding:12px;display:grid}.comment-preview-header,.comment-preview-controls{align-items:center;gap:8px;display:flex}.comment-preview-header{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;justify-content:space-between;font-size:.76rem}.comment-preview-controls{text-transform:none;letter-spacing:0}.comment-preview-controls button{padding:.28rem .5rem}.comment-preview-scroll{overscroll-behavior:contain;gap:10px;max-height:min(32svh,280px);padding-right:2px;display:grid;overflow:auto}.comment-preview-item{gap:6px;display:grid}.comment-preview-item+.comment-preview-item{border-top:1px solid #ffffff14;padding-top:10px}.comment-preview-item p,.comment-preview-note{color:var(--paper);margin:0;line-height:1.42}.comment-preview-item.is-compact p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.comment-preview-item span,.comment-preview-note{color:var(--muted);font-size:.86rem}@media (width>=1080px){.viewer-shell.has-side-panel{--viewer-footer-height:18px;--stage-side-panel-width:clamp(280px, 23vw, 360px)}.viewer-shell.has-side-panel .stage-nav--next{right:calc(var(--stage-side-panel-width) + 26px)}.viewer-shell.has-side-panel .stage-frame{padding-right:calc(var(--stage-side-panel-width) + 34px);padding-bottom:18px}.viewer-shell.has-side-panel .stage-quick-controls{bottom:32px;left:34px}.viewer-shell.has-side-panel .stage-media{max-width:min(calc(100vw - var(--stage-side-panel-width) - 92px), 1680px);max-height:calc(100svh - var(--viewer-top-offset) - 34px)}.viewer-shell.has-side-panel .stage-media--portrait{max-width:min(calc(100vw - var(--stage-side-panel-width) - 92px), 42rem)}.viewer-shell.has-side-panel .stage-footer{left:auto;right:18px;top:max(calc(var(--viewer-top-offset) + 18px), 128px);width:var(--stage-side-panel-width);grid-template-rows:auto auto 1fr;place-content:start stretch;align-items:stretch;display:grid;bottom:18px;overflow:auto}.viewer-shell.has-side-panel .stage-footer-copy{gap:8px}.viewer-shell.has-side-panel .stage-footer h3{-webkit-line-clamp:4;font-size:clamp(1rem,1vw,1.16rem)}.viewer-shell.has-side-panel .stage-footer .meta-copy{gap:8px 10px}.viewer-shell.has-side-panel .stage-footer-actions{grid-template-columns:1fr;place-content:start stretch}:is(.viewer-shell.is-fullscreen.has-side-panel .stage-frame,.viewer-shell.has-side-panel .stage-frame:fullscreen){padding-bottom:0;padding-right:0}.viewer-shell.is-fullscreen.has-side-panel .stage-media,.viewer-shell.is-fullscreen.has-side-panel .stage-media--portrait,.viewer-shell.is-fullscreen.has-side-panel iframe.stage-media{max-width:100vw;max-height:100svh}.viewer-shell.has-side-panel .stage-frame:fullscreen .stage-media{max-width:100vw;max-height:100svh}.viewer-shell.has-side-panel .stage-frame:fullscreen .stage-media--portrait{max-width:100vw;max-height:100svh}.viewer-shell.has-side-panel .stage-frame:fullscreen iframe.stage-media{max-width:100vw;max-height:100svh}}@media (width<=960px){.stage-nav{opacity:1;pointer-events:auto}}.empty-state{text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;gap:14px;max-width:28rem;padding:1.6rem;display:grid}:focus-visible{outline-offset:2px;outline:2px solid #ffffffb3}button:focus-visible,summary:focus-visible,a:focus-visible{border-radius:6px}input:focus-visible,textarea:focus-visible{outline-color:#ffffff80}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.viewer-kbd-hint{color:var(--muted);letter-spacing:.03em;white-space:nowrap;font-size:.72rem;display:none}@media (hover:hover) and (width>=761px){.viewer-kbd-hint{display:block}}@media (width<=900px){.viewer-toggle{margin-left:0}.viewer-shell{--viewer-footer-height:116px}}@media (width<=760px){.viewer-shell{--viewer-top-offset:94px;--viewer-footer-height:154px}.viewer-shell.filters-open{--viewer-top-offset:252px}.landing-shell{gap:16px;padding:14px}.landing-topbar,.viewer-dock-main,.viewer-dock-filters,.stage-footer,.gallery-toolbar{flex-direction:column;align-items:stretch}.search-bar,.viewer-search{grid-template-columns:1fr}.viewer-dock{opacity:1;top:10px;left:10px;right:10px}.viewer-identity,.viewer-dock-utility{justify-content:space-between;width:100%}.viewer-search,.compact-slider input{width:100%}.gallery-shell{padding:172px 10px 24px}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px}.stage-frame{padding-left:10px;padding-right:10px}.stage-nav{width:46px;height:78px}.stage-nav--prev{left:10px}.stage-nav--next{right:10px}.stage-media{max-width:calc(100vw - 24px)}.tile-row{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-card-copy p{font-size:.9rem}.stage-footer{bottom:10px;left:10px;right:10px}}