:root{color-scheme:dark;--bg: #000000;--surface: #0f0f10;--surface-2: #17181a;--surface-3: #202225;--border: #2f3136;--text: #f5f5f5;--muted: #a9a9ad;--accent: #f58529;--accent-2: #dd2a7b;--accent-3: #515bd4;--shadow: 0 24px 64px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(81,91,212,.18),transparent 28%),radial-gradient(circle at right top,rgba(221,42,123,.16),transparent 22%),var(--bg);color:var(--text);overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;padding:16px 24px;margin-bottom:16px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,#17181aeb,#0f0f10f5);box-shadow:var(--shadow)}.topbar h1{margin:0;font-size:clamp(28px,4vw,40px);line-height:1;min-width:0}.tabs{display:inline-flex;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#111214eb;backdrop-filter:blur(18px);width:fit-content;max-width:100%;justify-self:start}.tab{border:0;display:inline-flex;align-items:center;gap:10px;background:transparent;padding:12px 20px;border-radius:999px;cursor:pointer;color:var(--muted);transition:background-color .16s ease,color .16s ease,transform .16s ease}.tab:hover{color:var(--text)}.tab.is-active{background:linear-gradient(135deg,#f585292e,#dd2a7b3d);color:var(--text)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:4px 8px;border-radius:999px;background:#ffffff14;color:inherit;font-size:12px;line-height:1}.layout{display:block}.panel{display:none}.panel.is-active{display:block}.panel-shell{display:grid;gap:18px}.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.section-title{margin:0;font-size:24px}.section-note{margin:6px 0 0;color:var(--muted)}.section-actions{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}.archive-filters{display:grid;gap:10px}.filter-group{display:grid;gap:6px}@media(min-width:769px){.filter-group{justify-content:end}}.filter-options{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{border:1px solid rgba(255,255,255,.08);background:#ffffff08;border-radius:999px;padding:8px 12px;color:var(--muted);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.filter-chip:hover{transform:translateY(-1px);border-color:#ffffff2e;color:var(--text)}.filter-chip.is-active{background:linear-gradient(135deg,#f585292e,#dd2a7b3d);color:var(--text)}.section-toggle{display:inline-flex;align-items:center;gap:10px;position:relative;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff08;color:var(--muted);cursor:pointer;user-select:none;transition:border-color .16s ease,background-color .16s ease}.section-toggle:hover{border-color:#ffffff2e}.section-toggle-input{position:absolute;opacity:0;margin:0;pointer-events:none}.section-toggle-control{position:relative;width:42px;height:24px;border-radius:999px;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff14;transition:background .16s ease,box-shadow .16s ease}.section-toggle-control:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#f6f7f8;transition:transform .16s ease}.section-toggle-label{color:var(--muted);font-size:14px;font-weight:600;transition:color .16s ease}.section-toggle-input:checked+.section-toggle-control{background:linear-gradient(135deg,#f58529f2,#dd2a7bf2)}.section-toggle-input:checked+.section-toggle-control:after{transform:translate(18px)}.section-toggle-input:checked~.section-toggle-label{color:var(--text)}.section-toggle-input:focus-visible+.section-toggle-control{box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 3px #dd2a7b47}.loading,.empty{margin:0;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#111214eb;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.card{display:grid;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:linear-gradient(180deg,#18191bf2,#0e0e0ff2);box-shadow:var(--shadow)}.card-meta{display:flex;align-items:center;gap:10px;padding:12px 12px 10px;color:var(--muted);font-size:14px}.card-meta-primary{flex:1;text-align:center;min-width:0}.card-public-id{display:inline-flex;flex:0 0 auto;align-items:center;margin-left:auto;color:#a9a9add1;text-decoration:none}.card-public-id svg{width:16px;height:16px;fill:currentColor}.card-public-id:hover{color:var(--text)}.card-status-dot{display:inline-block;flex:0 0 auto;width:10px;height:10px;margin-left:auto;border-radius:50%}.card-status-dot--missing-cover{background:#f58529f2;box-shadow:0 0 0 3px #f5852929}.card-stats{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.card-stat{display:inline-flex;align-items:center;gap:4px;color:#dc5050d9;line-height:1}.card-stat--comments{color:#648cdcd9}.card-stat-icon{width:13px;height:13px;fill:currentColor;flex-shrink:0}.card-kicker{font-weight:600;color:var(--text)}.caption{margin:0;white-space:pre-wrap;line-height:1.5}.caption-toggle{position:absolute;top:14px;right:14px;z-index:3;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:#0a0a0cd1;color:var(--text);cursor:pointer;font-size:18px;line-height:1;transition:transform .16s ease,border-color .16s ease,color .16s ease}.caption-toggle:hover{transform:translateY(-1px);border-color:#ffffff2e;color:var(--text)}.media-expand-button{position:absolute;top:14px;left:14px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:#0a0a0cd1;color:var(--text);cursor:pointer;font-size:18px;font-weight:700;line-height:1;transition:transform .16s ease,border-color .16s ease,color .16s ease}.media-expand-button:hover{transform:translateY(-1px);border-color:#ffffff2e;color:var(--text)}.media-list{display:grid;gap:10px}.media-list--with-caption{position:relative}.caption-overlay{position:absolute;inset:0;z-index:2;display:grid;align-content:start;padding:20px;border-radius:0 0 12px 12px;background:#0a0a0cf0;overflow:auto}.caption-overlay--hidden{display:none}.caption--overlay{max-width:72ch;padding-right:30px}.caption-authors{color:#a9a9adeb}.caption-divider{width:min(72ch,calc(100% - 30px));margin:8px 0;border:0;border-top:1px solid rgba(255,255,255,.12)}.caption-comment{color:var(--muted)}.caption-comment-author{font-weight:600;color:var(--text)}.caption-music{display:flex;align-items:center;gap:8px;padding-right:30px;min-width:0}.caption-music-icon{flex-shrink:0;width:14px;height:14px;fill:var(--muted)}.caption-music-text{display:flex;flex-direction:column;flex:1;min-width:0;gap:1px}.caption-music-title{font-size:.85em;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caption-music-artist{font-size:.75em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caption-music-link{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;opacity:.7;transition:opacity .15s}.caption-music-link:hover{opacity:1}.caption-music-link svg{width:16px;height:16px;fill:var(--text)}.caption-music-link--spotify svg{fill:#1db954}.media-item{position:relative;overflow:hidden;border-radius:0 0 12px 12px;background:#050505;border:1px solid rgba(255,255,255,.07);margin-bottom:auto}.media-item--zoomable{cursor:zoom-in}.video-poster-shell{position:relative}.video-poster-button{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;justify-content:flex-end;padding:12px;border:0;background:transparent;cursor:pointer}.video-poster-button-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#0a0a0ccc;color:var(--text);font-size:12px;line-height:1;box-shadow:0 10px 24px #0000003d;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.video-poster-button:hover .video-poster-button-icon{transform:scale(1.04);border-color:#ffffff2e;background:#0a0a0ce6}.media-item img,.media-item video{display:block;width:100%;height:auto;max-height:75vh;background:#000}.media-item img{object-fit:cover}.media-item--story img,.media-item--story video{aspect-ratio:9 / 16;width:100%;height:auto}.media-item--story img{object-fit:cover}.media-item--post{aspect-ratio:4 / 5}.media-item--post img,.media-item--post video{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}.media-item--post video.video-native-fullscreen,.image-lightbox-media--video.video-native-fullscreen{width:auto!important;height:auto!important;max-width:100vw!important;max-height:100vh!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center center!important;background:#000!important}.media-item video:fullscreen,.media-item video:-webkit-full-screen,.media-item video:-moz-full-screen,.media-item video:-ms-fullscreen{width:100%;height:100%;max-height:none;object-fit:contain;background:#000}.media-item--post video:fullscreen,.media-item--post video:-webkit-full-screen,.media-item--post video:-moz-full-screen,.media-item--post video:-ms-fullscreen{width:100%;height:100%;max-height:none;object-fit:contain}video:fullscreen,video:-webkit-full-screen,video:-moz-full-screen,video:-ms-fullscreen{width:auto!important;height:auto!important;max-width:100vw!important;max-height:100vh!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center center!important;background:#000!important}video:fullscreen::backdrop,video:-webkit-full-screen::backdrop,video:-moz-full-screen::backdrop,video:-ms-fullscreen::backdrop{background:#000}.image-lightbox{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:24px;background:#000000f0}.image-lightbox--hidden{display:none}.image-lightbox--single{grid-template-columns:minmax(0,1fr);justify-items:center}.image-lightbox-figure{margin:0;position:relative;display:grid;padding-bottom:52px;justify-items:center}.image-lightbox-stage{display:grid;justify-items:center;width:auto;max-width:100%}.image-lightbox-media{display:block;max-width:100%;max-height:calc(100vh - 120px);object-fit:contain}.image-lightbox-media--video{width:auto;height:auto;max-width:100%;max-height:calc(100vh - 180px);background:#000}.image-lightbox-media--video:fullscreen,.image-lightbox-media--video:-webkit-full-screen,.image-lightbox-media--video:-moz-full-screen,.image-lightbox-media--video:-ms-fullscreen{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;background:#000}.image-lightbox-dots{bottom:8px}.image-lightbox-close,.image-lightbox-nav{border:1px solid rgba(255,255,255,.12);background:#111214eb;color:var(--text);cursor:pointer}.image-lightbox-close{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:50%;font-size:28px;line-height:1}.image-lightbox-nav{padding:12px 16px;border-radius:999px}.media-slider,.media-slider-frame{position:relative}.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.media-slider-status{color:var(--muted);font-size:13px}.media-slider-nav{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-20px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#0a0a0cb8;color:var(--text);cursor:pointer;font-size:28px;line-height:1;backdrop-filter:blur(12px);transition:background-color .16s ease,border-color .16s ease,transform .16s ease,opacity .16s ease}.media-slider-nav:hover{transform:translateY(-1px);border-color:#ffffff38;background:#0a0a0ce0}.media-slider-nav:disabled{opacity:.22;cursor:default;transform:none}.media-slider-nav--prev{left:12px}.media-slider-nav--next{right:12px}.media-slider-dots{position:absolute;left:50%;bottom:12px;z-index:2;display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#0a0a0c9e;backdrop-filter:blur(12px);transform:translate(-50%)}.media-slider-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#ffffff57;cursor:pointer;transition:transform .16s ease,background-color .16s ease}.media-slider-dot:hover{transform:scale(1.15);background:#ffffff9e}.media-slider-dot.is-active{background:linear-gradient(135deg,#f58529fa,#dd2a7bfa);transform:scale(1.25)}.control-button,.page-button,.highlight-chip{border:1px solid rgba(255,255,255,.08);background:#ffffff08;border-radius:999px;transition:border-color .16s ease,background-color .16s ease}.control-button,.page-button{padding:10px 16px;cursor:pointer}.control-button:hover,.page-button:hover,.highlight-chip:hover{border-color:#ffffff2e}.control-button:disabled,.page-button:disabled{opacity:.4;cursor:default;transform:none}.page-button.is-active{border-color:transparent;background:linear-gradient(135deg,#f58529eb,#dd2a7beb);color:#050505}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.story-card .caption{color:var(--muted);font-size:14px}.highlights-shell{display:grid;gap:22px}.highlights-sidebar,.highlights-main{min-width:0}.highlights-sidebar{display:grid;gap:18px;align-content:start;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:30px;background:linear-gradient(180deg,#18191bf5,#0b0c0dfa);box-shadow:var(--shadow)}.highlight-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:16px}.highlight-chip{display:grid;justify-items:center;gap:10px;padding:16px 10px 14px;border-radius:30px;cursor:pointer;color:var(--text)}.highlight-chip.is-active{background:#ffffff14;border-color:#f585298c}.highlight-ring{width:84px;height:84px;padding:1px;border-radius:50%;background:#ffffff1a}.highlight-ring-inner{width:100%;height:100%;overflow:hidden;border-radius:50%}.highlight-ring-inner img,.highlight-ring-inner span{display:block;width:100%;height:100%}.highlight-ring-inner img{object-fit:cover}.highlight-ring-inner span{display:grid;place-items:center;color:var(--muted);font-weight:700}.highlight-chip-title{font-size:14px;text-align:center;line-height:1.35}.highlight-chip-count{color:var(--muted);font-size:12px}.highlight-viewer{display:grid;gap:18px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:30px;background:linear-gradient(180deg,#18191bf5,#0b0c0dfa);box-shadow:var(--shadow)}.highlight-viewer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.highlight-viewer-title{min-width:0;width:stretch}.highlight-viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.highlight-viewer-head h3{margin:0;font-size:24px}.highlight-viewer-date{margin:0;color:var(--muted);font-size:14px}.story-viewer{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.story-stage{display:grid;gap:14px;width:100%}.story-nav-area{position:absolute;top:0;bottom:60px;z-index:2;width:24%;padding:0;border:0;background:transparent;cursor:pointer;transition:background-color .16s ease,opacity .16s ease}.story-nav-area:hover{background:#ffffff0a}.story-nav-area:disabled{opacity:0;cursor:default}.story-nav-area--prev{left:0}.story-nav-area--next{right:0}.highlight-story-strip{display:grid;grid-auto-flow:column;grid-auto-columns:72px;gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 6px;scroll-snap-type:x proximity}.highlight-story-thumb{display:block;padding:0;border:0;background:transparent;cursor:pointer;scroll-snap-align:start}.highlight-story-thumb-media{position:relative;display:block;aspect-ratio:9 / 16;overflow:hidden;border:2px solid rgba(255,255,255,.12);border-radius:18px;background:#ffffff0a;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.highlight-story-thumb:hover .highlight-story-thumb-media{transform:translateY(-1px);border-color:#ffffff3d}.highlight-story-thumb.is-active .highlight-story-thumb-media{border-color:#f58529f2;box-shadow:0 0 0 3px #f585292e}.highlight-story-thumb-media img,.highlight-story-thumb-media>span:first-child{display:block;width:100%;height:100%}.highlight-story-thumb-media img{object-fit:cover}.highlight-story-thumb-media--video>span:first-child{display:grid;place-items:center;color:#ffffffd1;font-size:24px;background:linear-gradient(180deg,#202123eb,#0d0e10fa)}.highlight-story-thumb-index{position:absolute;left:8px;bottom:8px;min-width:24px;padding:2px 6px;border-radius:999px;background:#0a0a0cc7;color:#ffffffeb;font-size:11px;line-height:1.2;text-align:center}.story-caption-toggle{width:32px;height:32px;font-size:16px}@media(min-width:769px){.highlights-shell{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}.highlights-sidebar{position:sticky;top:92px;max-height:calc(100vh - 108px);overflow-y:auto}.highlight-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.highlight-chip{grid-template-columns:auto 1fr;align-items:center;justify-items:start;text-align:left;padding:12px 14px}.highlight-ring{grid-row:1 / span 2}.highlight-chip-title,.highlight-chip-count{grid-column:2}.highlight-chip-title,.highlight-chip-count{text-align:left}}@media(min-width:769px){.tabs{justify-self:end}}@media(max-width:768px){.topbar{grid-template-columns:1fr;align-items:flex-start;gap:12px}.story-viewer{grid-template-columns:1fr}.story-aside{width:100%}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.highlights-sidebar{padding:16px;border-radius:22px}.highlight-strip{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(136px,148px);overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scroll-snap-type:x proximity}.highlight-chip{scroll-snap-align:start}}@media(min-width:769px)and (max-width:1024px){.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1025px){.highlight-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.app-shell{width:calc(100% - 20px);padding-top:14px}.topbar,.highlight-viewer,.card{padding:16px;border-radius:22px}.story-grid{grid-template-columns:1fr}.tab{text-align:center}.image-lightbox{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center}.image-lightbox-figure{grid-column:1 / -1;grid-row:1}.image-lightbox-dots{bottom:4px}.image-lightbox-nav--prev{grid-column:1;grid-row:2;justify-self:start}.image-lightbox-nav--next{grid-column:2;grid-row:2;justify-self:end}}@media(max-width:500px){.tabs{display:grid;grid-template-columns:1fr;width:100%;border-radius:18px}.tab{justify-content:space-between;text-align:left;border-radius:12px}}