:root{color-scheme:dark;--bg:#0b1014;--panel:#151b22;--ink:#f3f5f7;--muted:#a0a8b3;--line:#29313a;--accent:#a791ff;--button:#7852df;font-family:Rubik,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;line-height:1.55}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.3;cursor:default}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}h1,h2,p{margin:0}svg{width:22px;height:22px;fill:none;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;top:-100px;z-index:20;padding:10px;background:var(--button)}.skip:focus{top:0}.wrap{width:min(100% - 40px,840px);margin-inline:auto}
.top{border-bottom:1px solid var(--line)}.top .wrap{height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{line-height:1.2}.brand b{font-size:14px}.brand small{display:none}.top nav{display:flex;gap:20px;font-size:12px}.top nav a{padding:16px 0}.top nav [aria-current]{color:var(--accent)}
.profile{padding:30px 0 22px;max-width:640px;margin-inline:auto}.profile-heading{display:flex;align-items:center;gap:18px;margin-bottom:18px}.profile-avatar{width:82px;height:82px;border-radius:50%;background:linear-gradient(135deg,#6843c6,#ab308a);display:grid;place-items:center;flex-shrink:0}.profile-avatar span{font-size:30px;font-weight:900;letter-spacing:-2px}.profile-identity{min-width:0}.profile-identity h1{font-size:23px;font-weight:700;background:linear-gradient(100deg,#a7a1ff,#e5a4d4,#e7be83);color:transparent;background-clip:text;-webkit-background-clip:text}.profile-identity p{font-size:12px;color:var(--muted);margin-top:5px}.profile-count{margin-inline-start:auto;text-align:center;min-width:46px}.profile-count b{display:block;font-size:18px}.profile-count span{font-size:11px;color:var(--muted)}.profile-bio{font-size:14px;line-height:1.65}.profile-bio span{display:block}.profile-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;margin-top:17px}.profile-actions a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border-radius:7px;background:#252c35;font-size:13px;font-weight:500;padding:7px 10px}.profile-actions .contact{background:var(--button);color:#fff}.profile-actions svg{width:17px;height:17px}.profile-links{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:7px;margin-top:13px;color:var(--accent);font-size:12px}.profile-links a{display:inline-flex;align-items:center;gap:7px}.profile-links a:hover{text-decoration:underline}.profile-links .custom-link{width:100%;font-weight:500}.profile-links svg{width:16px;height:16px}.networks{display:flex;list-style:none;gap:17px;align-items:center;padding:0;margin:20px 0 0}.network{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.circle{display:grid;place-items:center;width:30px;height:30px;background:#fff;border-radius:50%;padding:6px}.circle img{width:100%;height:100%;object-fit:contain}.network:hover{color:var(--ink)}.network.pending{opacity:.4}.network.pending .circle{filter:grayscale(1)}
.filters{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin:0 0 2px}.filters button{display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);height:53px;font-size:12px}.filters [aria-pressed=true]{color:#fff;border-bottom-color:#fff}.filters svg{width:23px;height:23px}.filter-status{text-align:center;font-size:13px;padding:40px 10px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.tile{display:block;aspect-ratio:1;position:relative;isolation:isolate;overflow:hidden;background:#322654;color:white}.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-2}.tile::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0000 20%,#0002 35%,#000b 74%,#000e)}.tile-copy{position:absolute;bottom:0;inset-inline:0;padding:14px}.tile h2{font-size:20px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;text-shadow:0 1px 5px #000}.tile time{display:none}.kind{position:absolute;top:9px;inset-inline-start:9px;filter:drop-shadow(0 1px 3px #000)}.kind svg{width:17px;height:17px;fill:#fff;stroke:#fff;stroke-width:1}.tile:hover img{filter:brightness(.85)}.empty{text-align:center;padding:45px 20px;font-size:14px}.empty h2{font-size:20px}.empty p{color:var(--muted);margin:14px 0}.empty a{color:var(--accent)}.pagination{display:flex;justify-content:center;gap:18px;font-size:12px;padding:24px 0}.foot{border-top:1px solid var(--line);margin-top:25px;padding:20px 0;color:var(--muted);font-size:10px}.foot .wrap{display:flex;justify-content:space-between}.foot nav{display:flex;gap:16px}.preview-note{padding:7px;text-align:center;background:#f4cf4f;color:#17120b;font-size:11px}
/* Shared post markup: edge-to-edge media, small caption, real actions. */
.post{width:min(94vw,920px);margin:28px auto}.post-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 360px;direction:ltr;background:var(--bg);min-height:500px}.post-layout>.sr-only{margin:0}.media-stage{position:relative;min-width:0;background:#000;overflow:hidden;direction:rtl}.media-track{display:flex;direction:ltr;height:100%;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.media-track::-webkit-scrollbar{display:none}.post-media{display:block;width:100%;height:100%;object-fit:contain;flex:0 0 100%;min-width:0;scroll-snap-align:start;background:#000}.media-track>video{max-height:82dvh}.image-post .media-track{aspect-ratio:1;height:auto}.image-post .post-media{height:100%;max-height:82dvh}.floating-back{position:absolute;top:16px;right:14px;z-index:6;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;background:#171a20a8;border:1px solid #ffffff38;border-radius:99px;padding:9px 12px;min-height:42px;backdrop-filter:blur(12px);color:#fff}.floating-back svg{width:17px;height:17px}.media-actions{position:absolute;right:12px;bottom:30px;display:grid;gap:12px;z-index:5}.icon-button{height:42px;width:42px;background:#0b101476;border:1px solid #ffffff28;border-radius:50%;display:grid;place-items:center;color:#fff;backdrop-filter:blur(8px)}.icon-button svg{width:23px;height:23px}.play-toggle,.seek{display:none}.enhanced-player .play-toggle{display:grid;place-items:center;position:absolute;inset:0;z-index:1;background:transparent;border:0;color:#fff;width:100%;height:100%;padding:0}.play-toggle svg{opacity:0;width:58px;height:58px;border-radius:50%;padding:17px;background:#0008;filter:drop-shadow(0 2px 8px #0006)}.is-paused .play-toggle svg,.play-toggle:focus-visible svg{opacity:1}.enhanced-player .seek{display:block;position:absolute;bottom:0;left:0;z-index:5;width:100%;height:12px;margin:0;appearance:none;background:transparent;cursor:pointer;--progress:0%}.seek::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#fff var(--progress),#ffffff45 var(--progress))}.seek::-webkit-slider-thumb{appearance:none;height:8px;width:8px;border-radius:50%;background:#fff;margin-top:-3px}.seek::-moz-range-track{height:2px;background:#ffffff45}.seek::-moz-range-progress{height:2px;background:#fff}.seek::-moz-range-thumb{height:8px;width:8px;border:0;border-radius:50%;background:white}.enhanced-player video::-webkit-media-controls{display:none!important}.caption-panel{direction:rtl;min-width:0;padding:28px;overflow:auto}.post-author{display:flex;align-items:center;gap:9px;font-size:13px;margin-bottom:20px}.mini-avatar{height:30px;width:30px;border-radius:50%;display:grid;place-items:center;background:#6843c6;font-size:11px;font-weight:700}.post-copy{font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.post-copy a{color:#bcafff}.caption-panel time{display:block;color:var(--muted);font-size:10px;margin-top:14px}.post-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.source{display:inline-flex;align-items:center;gap:6px;font-size:11px;background:#252c35;border-radius:6px;padding:8px 10px}.source img{object-fit:contain;background:white;border-radius:3px}.share-status{display:block;font-size:12px;color:#d6caff;margin-top:8px}.expand-caption{background:none;border:0;padding:4px 0;color:#a0a8b3;font-size:12px;text-align:start;min-height:30px}.carousel-controls{position:absolute;inset:0;direction:ltr;pointer-events:none;z-index:3}.carousel-controls button{position:absolute;top:50%;pointer-events:auto;width:34px;height:34px;border:0;border-radius:50%;background:#0008;color:#fff;display:grid;place-items:center}.carousel-controls [data-slide-prev] svg{transform:rotate(180deg)}.carousel-controls [data-slide-prev]{left:10px}.carousel-controls [data-slide-next]{right:10px}.slide-count{position:absolute;right:14px;top:65px;padding:4px 9px;border-radius:99px;background:#0008;color:#fff;font-size:11px}.carousel-dots{position:absolute;bottom:10px;left:0;right:0;z-index:3;display:flex;justify-content:center;gap:6px;direction:ltr}.carousel-dots button{border:0;width:6px;height:6px;padding:0;border-radius:50%;background:#ffffff55;outline-offset:5px}.carousel-dots [aria-current=true]{background:#fff}
/* Modal uses the browser's dynamic viewport, including iPhone browser chrome. */
.post-dialog{border:0;padding:0;margin:auto;width:min(94vw,calc(50.625dvh + 360px));max-width:980px;height:90dvh;max-height:820px;overflow:hidden;background:var(--bg);color:var(--ink)}.post-dialog::backdrop{background:#000e;backdrop-filter:blur(7px)}.viewer-content,.post-dialog .post-layout{height:100%;min-height:0}.post-dialog .media-track>video{max-height:none}.viewer-nav{position:absolute;top:16px;left:12px;z-index:7;display:flex;gap:6px}.viewer-nav button{border:1px solid #ffffff30;border-radius:50%;width:36px;height:42px;background:#171a20a8;color:white;display:grid;place-items:center;backdrop-filter:blur(10px)}.viewer-nav svg{width:17px;height:17px}.viewer-count{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.viewer-loading,.load-fallback{display:grid;place-items:center;height:100%;padding:24px;text-align:center;font-size:14px}.load-fallback a{color:var(--accent)}.loading-back{position:absolute;top:14px;right:14px;z-index:8;background:#252c35;border:1px solid #ffffff35;border-radius:99px;color:white;padding:10px 14px}.viewing-post{position:fixed;width:100%;overflow:hidden}
@media(min-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){
 .wrap{width:100%}.top .wrap{padding:0 14px;height:46px}.top .brand b{font-size:12px}.top nav{gap:18px;font-size:11px}.profile{padding:20px 14px 16px}.profile-heading{gap:13px;margin-bottom:13px}.profile-avatar{width:62px;height:62px}.profile-avatar span{font-size:25px}.profile-identity h1{font-size:19px}.profile-count b{font-size:16px}.profile-count span{font-size:10px}.profile-bio{font-size:12.5px;line-height:1.65}.profile-actions{margin-top:13px;gap:6px}.profile-actions a{font-size:11px;min-height:38px;padding:7px 5px}.profile-links{font-size:11px;column-gap:14px;row-gap:8px}.networks{gap:13px;margin-top:15px}.network{gap:4px;font-size:9px}.circle{width:27px;height:27px;padding:5px}.network.pending>span:last-child{display:none}.filters button{height:48px;font-size:10px;gap:6px}.filters svg{width:22px;height:22px}.grid{gap:2px;grid-template-columns:repeat(3,minmax(0,1fr))}.tile-copy{padding:8px}.tile h2{font-size:clamp(11px,3.1vw,17px);line-height:1.3}.kind{top:7px;inset-inline-start:7px}.kind svg{height:14px;width:14px}.foot{padding:15px 14px;margin-top:12px}.foot nav{gap:12px}
 .post-page>.top,.post-page>.foot,.post-page>.skip{display:none}.post{width:100%;margin:0}.post-layout{display:block;min-height:0}.post-dialog{width:100%;height:100dvh;max-width:none;max-height:none;margin:0;overflow:auto}.post-dialog .post-layout{height:auto;min-height:100dvh}.viewer-content{height:100%;min-height:100dvh}.post-dialog .reel,.post-layout.reel{height:100dvh;min-height:100dvh;overflow:hidden}.reel .media-stage{position:absolute;inset:0}.reel .media-track{height:100%;overflow:hidden}.reel .post-media{width:100%;height:100%;max-height:none;object-fit:cover}.floating-back{top:max(12px,env(safe-area-inset-top));right:12px;font-size:11px;padding:8px 11px;min-height:41px}.floating-back svg{width:17px;height:17px}.viewer-nav{top:max(12px,env(safe-area-inset-top));left:10px;gap:4px}.viewer-nav button{width:32px;height:41px}.reel .media-stage::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(#0005,transparent 15%,transparent 62%,#000b)}.reel .caption-panel{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:14px;right:67px;padding:0;z-index:4;overflow:visible;pointer-events:none}.reel .caption-panel>*{pointer-events:auto}.reel .post-author{margin-bottom:9px;color:#fff;text-shadow:0 1px 4px #000;font-size:12px}.reel .post-copy{font-size:12px;line-height:1.6;color:#fff;text-shadow:0 1px 5px #000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.reel .caption-panel.is-expanded{background:#0b1014e8;backdrop-filter:blur(12px);padding:14px;border-radius:9px;max-height:57dvh;overflow:auto;pointer-events:auto}.reel .is-expanded .post-copy{display:block;max-height:35dvh;overflow:auto}.reel .post-actions{display:none;margin-top:12px}.reel .is-expanded .post-actions,.reel .sources-open .post-actions{display:flex}.reel time{font-size:9px;margin-top:5px;color:#d4d4d4}.reel .expand-caption{color:#ddd}.media-actions{right:12px;bottom:max(36px,env(safe-area-inset-bottom));gap:12px}.icon-button{width:40px;height:40px;background:#171a2077}.icon-button svg{width:22px;height:22px}.mini-avatar{width:27px;height:27px;font-size:10px}.reel .seek{bottom:max(3px,env(safe-area-inset-bottom))}.image-post .media-stage{width:100%;padding-top:0;overflow:hidden}.image-post .media-track{height:auto;aspect-ratio:1}.image-post .post-media{height:100%;max-height:none}.image-post .caption-panel{padding:18px 16px 28px}.image-post .post-author{margin-bottom:11px}.image-post .post-copy{font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.image-post .is-expanded .post-copy{display:block}.image-post .post-actions{margin-top:15px}.image-post .media-actions{right:12px;bottom:20px}.image-post .carousel-dots{bottom:10px}.image-post .carousel-controls button{height:30px;width:30px}
}
@media(max-width:350px){.profile-identity h1{font-size:17px}.profile-count{min-width:35px}.profile-heading{gap:10px}.profile-avatar{width:54px;height:54px}.networks{gap:10px}.network{font-size:8px}.circle{width:25px;height:25px}.profile-bio{font-size:11.5px}.profile-links{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.profile-identity h1{background:none;color:CanvasText}.tile-copy{background:Canvas;color:CanvasText}.icon-button,.floating-back,.profile-actions a{border:1px solid ButtonText}.profile-avatar,.mini-avatar{border:1px solid CanvasText}}
.seek{direction:ltr}
