:root{--color-bg:#000;--color-bg-elevated:#111;--color-surface:#222;--color-surface-hover:#2d2d2d;--color-border:#333;--color-border-subtle:#222;--color-primary:#1185fe;--color-primary-hover:#0f74e0;--color-primary-text:#fff;--color-text-primary:#fff;--color-text-secondary:#8a8a8a;--color-text-tertiary:#555;--color-text-link:#1185fe;--color-like:#ff2a56;--color-repost:#00ba7c;--color-follow:#1185fe;--color-error:#f44;--color-warning:#ffa726;--color-success:#00ba7c;--color-cw-bg:#1a1a2e;--color-cw-text:#e0e0e0;--color-cw-border:#335;--color-overlay:#000000bf;--color-overlay-light:#00000073;--color-scrim-bottom:linear-gradient(180deg, #0000 0%, #000000d9 100%);--color-scrim-top:linear-gradient(180deg, #000000bf 0%, #0000 100%);--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fs-caption:11px;--fs-small:12px;--fs-body:14px;--fs-body-bold:14px;--fs-subhead:15px;--fs-heading:17px;--fs-title:20px;--fs-display:28px;--lh-tight:1.2;--lh-normal:1.4;--lh-relaxed:1.6;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--max-content-width:430px;--tab-bar-height:56px;--top-bar-height:48px;--feed-controls-height:160px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 4px 16px #000000b3;--shadow-lg:0 8px 32px #000000e6;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0}html{background:var(--color-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--fs-body);font-weight:var(--fw-normal);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}button,input{color:inherit;font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}#root{background:var(--color-bg);justify-content:center;display:flex}.mobile-shell{width:100%;max-width:var(--max-content-width);background:var(--color-bg);height:100dvh;min-height:520px;box-shadow:var(--shadow-lg);isolation:isolate;position:relative;overflow:hidden}.screen{background:var(--color-bg);position:absolute;inset:0;overflow:hidden}.page-with-tabs{bottom:var(--tab-bar-height)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=431px){.mobile-shell{border-inline:1px solid var(--color-border-subtle)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:var(--duration-fast)!important;animation-duration:var(--duration-fast)!important;animation-iteration-count:1!important}}.icon{flex:none;display:block}.icon-button{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-text-primary);transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;place-items:center;padding:0;display:inline-grid}.icon-button:active{transform:scale(.92)}.surface-button{background:var(--color-surface)}.primary-button,.secondary-button,.outline-button{min-height:44px;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--fs-body-bold);font-weight:var(--fw-semibold);transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out)}.primary-button{background:var(--color-primary);color:var(--color-primary-text)}.primary-button:hover{background:var(--color-primary-hover)}.primary-button:active,.secondary-button:active,.outline-button:active{transform:scale(.97)}.secondary-button{background:var(--color-surface);color:var(--color-text-primary)}.outline-button{border:1px solid var(--color-border);color:var(--color-text-primary);background:0 0}.outline-button.is-following,.primary-button.is-following{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text-secondary)}.compact-button{min-width:78px;min-height:34px;padding:var(--space-xs) var(--space-md);font-size:var(--fs-small)}.full-button{width:100%}.text-button{padding:var(--space-sm);color:var(--color-primary);font-size:var(--fs-body);font-weight:var(--fw-semibold);background:0 0}.eyebrow{margin:0 0 var(--space-xs);color:var(--color-primary);font-size:var(--fs-caption);font-weight:var(--fw-bold);letter-spacing:.12em}.launch-screen{padding:var(--space-2xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.launch-glow{border-radius:var(--radius-full);background:var(--color-cw-bg);filter:blur(60px);opacity:.75;width:270px;height:270px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.launch-mark{width:100px;height:100px;margin-bottom:var(--space-xl);border:1px solid var(--color-cw-border);border-radius:var(--radius-xl);background:var(--color-bg-elevated);box-shadow:var(--shadow-lg);animation:mark-float 1.8s var(--ease-in-out) infinite alternate;place-items:center;display:grid;position:relative}.launch-mark span{font-size:50px;line-height:1}.launch-screen h1{font-size:var(--fs-display);line-height:var(--lh-tight);margin:0;position:relative}.launch-screen>p{margin:var(--space-sm) 0 0;color:var(--color-text-secondary);font-size:var(--fs-subhead);position:relative}.launch-status{bottom:var(--space-2xl);align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:var(--fs-small);display:flex;position:absolute}.launch-status i{border-radius:var(--radius-full);background:var(--color-primary);width:7px;height:7px;animation:status-pulse 1s var(--ease-in-out) infinite}@keyframes mark-float{to{transform:translateY(-8px)}}@keyframes status-pulse{50%{opacity:.35;transform:scale(.8)}}.app-tab-panel{visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);position:absolute;inset:0}.app-tab-panel.is-active{visibility:visible;opacity:1;pointer-events:auto}.bottom-tabs{z-index:20;height:var(--tab-bar-height);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);box-shadow:var(--shadow-md);grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.tab-button{padding:var(--space-xs);color:var(--color-text-secondary);font-size:var(--fs-caption);font-weight:var(--fw-medium);transition:color var(--duration-fast) var(--ease-out);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.tab-button.is-active{color:var(--color-primary)}.tab-button.is-active:after{border-radius:var(--radius-full);background:var(--color-primary);content:"";width:16px;height:2px;position:absolute;bottom:2px}.tab-icon-wrap{position:relative}.notification-dot{border:1px solid var(--color-bg-elevated);border-radius:var(--radius-full);background:var(--color-like);width:7px;height:7px;position:absolute;top:-1px;right:-2px}.avatar{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);width:44px;height:44px;color:var(--color-primary-text);font-size:var(--fs-small);font-weight:var(--fw-bold);box-shadow:var(--shadow-sm);flex:none;place-items:center;display:inline-grid;overflow:hidden}.avatar-small{width:34px;height:34px;font-size:var(--fs-caption)}.avatar-large{width:56px;height:56px}.avatar-hero{border:4px solid var(--color-bg);width:84px;height:84px;font-size:var(--fs-title)}.avatar-sun,.avatar-rose{background:linear-gradient(145deg, var(--color-warning), var(--color-like))}.avatar-fern{background:linear-gradient(145deg, var(--color-success), var(--color-cw-bg))}.avatar-night,.avatar-violet{background:linear-gradient(145deg, var(--color-primary), var(--color-cw-bg))}.avatar-ocean,.avatar-sky{background:linear-gradient(145deg, var(--color-primary-hover), var(--color-repost))}.feed-page{touch-action:none}.feed-top-scrim,.feed-bottom-scrim{z-index:3;pointer-events:none;position:absolute;left:0;right:0}.feed-top-scrim{background:var(--color-scrim-top);height:110px;top:0}.feed-topbar{z-index:8;height:var(--top-bar-height);padding:0 var(--space-lg);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.feed-title-button{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);background:var(--color-overlay-light);color:var(--color-text-primary);font-size:var(--fs-subhead);font-weight:var(--fw-bold);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex}.following-top-button{right:var(--space-lg);align-items:center;gap:var(--space-xs);padding:var(--space-sm);color:var(--color-text-primary);font-size:var(--fs-small);font-weight:var(--fw-semibold);background:0 0;display:flex;position:absolute}.following-top-button.is-disabled{color:var(--color-text-tertiary)}.feed-pager,.feed-track,.feed-item{width:100%;height:100%}.feed-pager{position:relative;overflow:hidden}.feed-track{transition:transform var(--duration-slow) var(--ease-out);will-change:transform}.feed-item{position:relative;overflow:hidden}.media-surface{background:linear-gradient(155deg, var(--color-bg-elevated), var(--color-surface));position:absolute;inset:0;overflow:hidden}.media-decoration{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-overlay-light);box-shadow:var(--shadow-lg);position:absolute;inset:9% -18% 14% 18%;transform:rotate(-18deg)}.media-decoration:before{border:1px solid var(--color-border);border-radius:var(--radius-full);content:"";position:absolute;inset:18%}.media-dawn,.media-gold{background:linear-gradient(155deg, var(--color-warning), var(--color-like), var(--color-cw-bg))}.media-forest{background:linear-gradient(155deg, var(--color-success), var(--color-cw-bg), var(--color-bg))}.media-ocean,.media-lagoon,.media-sky{background:linear-gradient(155deg, var(--color-primary), var(--color-repost), var(--color-cw-bg))}.media-neon,.media-violet,.media-arcade{background:linear-gradient(155deg, var(--color-like), var(--color-primary), var(--color-cw-bg))}.media-clay,.media-rose{background:linear-gradient(155deg, var(--color-error), var(--color-warning), var(--color-cw-bg))}.media-city,.media-night,.media-storm{background:linear-gradient(155deg, var(--color-surface-hover), var(--color-primary-hover), var(--color-bg))}.media-paper{background:linear-gradient(155deg, var(--color-cw-text), var(--color-primary), var(--color-surface))}.media-type-badge{top:calc(var(--top-bar-height) + var(--space-md));left:var(--space-lg);align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);background:var(--color-overlay-light);color:var(--color-text-primary);font-size:var(--fs-caption);font-weight:var(--fw-semibold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;position:absolute}.gallery-dots{top:50%;right:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex;position:absolute;transform:translateY(-50%)}.gallery-dots i{border-radius:var(--radius-full);background:var(--color-text-secondary);width:4px;height:4px}.gallery-dots i:first-child{background:var(--color-text-primary);height:15px}.text-media{padding:var(--space-2xl);place-items:center;display:grid}.text-media blockquote{max-width:320px;color:var(--color-text-primary);font-size:var(--fs-display);font-weight:var(--fw-semibold);line-height:var(--lh-normal);text-align:left;text-shadow:var(--shadow-sm);margin:0;position:relative}.feed-bottom-scrim{background:var(--color-scrim-bottom);height:48%;bottom:0}.author-overlay{z-index:5;right:82px;bottom:var(--space-xl);left:var(--space-lg);color:var(--color-text-primary);text-align:left;text-shadow:var(--shadow-sm);position:absolute}.author-line{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.author-link{color:var(--color-text-primary);font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;background:0 0;padding:0;overflow:hidden}.follow-button{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-text-primary);border-radius:var(--radius-full);background:var(--color-overlay-light);color:var(--color-text-primary);font-size:var(--fs-caption);font-weight:var(--fw-bold)}.follow-button.is-following{border-color:var(--color-border);color:var(--color-text-secondary)}.caption-button{-webkit-line-clamp:3;width:100%;color:var(--color-text-primary);font-size:var(--fs-body);line-height:var(--lh-relaxed);text-align:left;text-shadow:var(--shadow-sm);background:0 0;-webkit-box-orient:vertical;padding:0;display:-webkit-box;overflow:hidden}.post-meta{margin-top:var(--space-sm);color:var(--color-text-secondary);font-size:var(--fs-caption);background:0 0;padding:0}.post-meta span{margin-left:var(--space-xs);color:var(--color-text-primary);font-weight:var(--fw-semibold)}.engagement-rail{z-index:6;right:var(--space-md);bottom:var(--space-lg);align-items:center;gap:var(--space-md);flex-direction:column;width:56px;display:flex;position:absolute}.rail-avatar{border-radius:var(--radius-full);background:0 0;padding:0;position:relative}.avatar-plus{border:2px solid var(--color-text-primary);border-radius:var(--radius-full);background:var(--color-primary);width:18px;height:18px;color:var(--color-primary-text);font-size:var(--fs-body);font-weight:var(--fw-bold);place-items:center;line-height:1;display:grid;position:absolute;bottom:-3px;right:-2px}.rail-action{min-width:48px;color:var(--color-text-primary);font-size:var(--fs-caption);font-weight:var(--fw-semibold);text-shadow:var(--shadow-sm);background:0 0;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex}.rail-icon{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-overlay-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:43px;height:43px;transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);place-items:center;display:grid}.rail-action:active .rail-icon{transform:scale(.82)}.rail-action.is-liked .rail-icon,.is-liked{color:var(--color-like)!important}.rail-action.is-liked .rail-icon{animation:like-pop var(--duration-normal) var(--ease-out)}.rail-action.is-reposted .rail-icon,.is-reposted{color:var(--color-repost)!important}.rail-action-label{gap:0}@keyframes like-pop{50%{transform:scale(1.3)}}.feed-position{z-index:6;top:50%;left:var(--space-xs);flex-direction:column;gap:3px;display:flex;position:absolute;transform:translateY(-50%)}.feed-position i{border-radius:var(--radius-full);background:var(--color-text-tertiary);width:2px;height:7px;transition:height var(--duration-fast), background var(--duration-fast)}.feed-position i.is-active{background:var(--color-text-primary);height:18px}.content-warning{z-index:10;padding:var(--space-2xl);background:var(--color-cw-bg);color:var(--color-cw-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.content-warning:before{background:linear-gradient(145deg, var(--color-bg-elevated), var(--color-cw-bg), var(--color-surface));content:"";opacity:.65;position:absolute;inset:0}.content-warning>*{position:relative}.cw-icon{width:64px;height:64px;margin-bottom:var(--space-lg);border:1px solid var(--color-cw-border);border-radius:var(--radius-full);background:var(--color-overlay-light);color:var(--color-warning);place-items:center;display:grid}.content-warning h2{max-width:300px;margin:0 0 var(--space-md);color:var(--color-text-primary);font-size:var(--fs-title);line-height:var(--lh-tight)}.warning-labels{justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.warning-labels span{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-cw-border);border-radius:var(--radius-full);background:var(--color-overlay-light);color:var(--color-cw-text);font-size:var(--fs-small)}.cw-description,.why-copy{max-width:310px;margin:0 0 var(--space-xl);color:var(--color-text-secondary);font-size:var(--fs-body)}.why-copy{margin:0 0 var(--space-md);padding:var(--space-md);border:1px solid var(--color-cw-border);border-radius:var(--radius-md);color:var(--color-cw-text)}.content-warning .full-button{max-width:310px;margin-bottom:var(--space-sm)}.muted-text-button{color:var(--color-text-secondary);font-size:var(--fs-small)}.sheet-layer,.modal-layer{z-index:60;background:var(--color-overlay);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade-in var(--duration-normal) var(--ease-out);justify-content:center;align-items:flex-end;padding:0;display:flex;position:absolute;inset:0}.bottom-sheet{width:100%;max-height:86%;padding:var(--space-sm) var(--space-lg) calc(var(--space-xl) + env(safe-area-inset-bottom));border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-bg-elevated);box-shadow:var(--shadow-lg);animation:sheet-up var(--duration-normal) var(--ease-out);border-bottom:0;overflow:auto}.sheet-grabber{width:38px;height:4px;margin:0 auto var(--space-lg);border-radius:var(--radius-full);background:var(--color-border)}.sheet-heading{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.sheet-heading h2{font-size:var(--fs-title);margin:0}.sheet-list,.action-list{gap:var(--space-xs);flex-direction:column;display:flex}.feed-option{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);border-radius:var(--radius-md);text-align:left;background:0 0;display:flex}.feed-option:hover{background:var(--color-surface)}.feed-option-icon,.setting-icon{border-radius:var(--radius-md);background:var(--color-surface);width:40px;height:40px;color:var(--color-primary);flex:none;place-items:center;display:grid}.feed-option-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.feed-option-copy strong{color:var(--color-text-primary);font-size:var(--fs-subhead)}.feed-option-copy strong small{margin-left:var(--space-xs);padding:2px var(--space-xs);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-primary-text);font-size:var(--fs-caption)}.feed-option-copy>span{color:var(--color-text-secondary);font-size:var(--fs-small)}.selected-check{color:var(--color-primary)}.action-author{gap:var(--space-xs);padding:0 var(--space-sm) var(--space-md);color:var(--color-text-secondary);font-size:var(--fs-small);display:flex}.action-author strong{color:var(--color-text-primary)}.action-list button{align-items:center;gap:var(--space-md);width:100%;min-height:48px;padding:var(--space-md);border-radius:var(--radius-md);color:var(--color-text-primary);text-align:left;background:0 0;display:flex}.action-list button:hover{background:var(--color-surface)}.action-list button span{flex:1}.action-list .danger-action{color:var(--color-error)}.action-list .protected-row{color:var(--color-text-tertiary)}.sheet-cancel{width:100%;min-height:48px;margin-top:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-weight:var(--fw-semibold)}.share-preview{gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg);display:flex}.share-thumb{border-radius:var(--radius-sm);flex:none;width:64px;height:76px}.share-preview>div{min-width:0}.share-preview strong,.share-preview span{display:block}.share-preview span{color:var(--color-text-secondary);font-size:var(--fs-small)}.share-preview p{margin:var(--space-xs) 0 0;-webkit-line-clamp:2;font-size:var(--fs-small);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.share-option{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) 0;border-top:1px solid var(--color-border-subtle);text-align:left;background:0 0;display:flex}.share-option>span{border-radius:var(--radius-full);background:var(--color-surface);width:46px;height:46px;color:var(--color-primary);place-items:center;display:grid}.share-option div{flex-direction:column;display:flex}.share-option small{color:var(--color-text-secondary);margin-top:2px}.modal-layer{padding:var(--space-xl);align-items:center}.protected-modal{width:100%;max-width:350px;padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-elevated);box-shadow:var(--shadow-lg);text-align:center;animation:modal-in var(--duration-normal) var(--ease-out)}.modal-butterfly{margin-bottom:var(--space-md);font-size:42px}.lock-chip{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--fs-caption);display:inline-flex}.protected-modal h2{font-size:var(--fs-title);margin:0}.protected-modal p{margin:var(--space-sm) 0 var(--space-xl);color:var(--color-text-secondary);line-height:var(--lh-relaxed)}.protected-modal .full-button+.full-button{margin-top:var(--space-sm)}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(16px)scale(.97)}}.overlay-screen{z-index:40;animation:overlay-in var(--duration-normal) var(--ease-out)}@keyframes overlay-in{0%{opacity:0;transform:translate(20px)}}.page-header{z-index:4;height:var(--top-bar-height);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);grid-template-columns:54px 1fr 54px;align-items:center;display:grid;position:absolute;top:0;left:0;right:0}.page-header h1{font-size:var(--fs-heading);text-align:center;margin:0}.header-side{padding-left:var(--space-sm);display:flex}.header-side-end{padding:0 var(--space-sm) 0 0;justify-content:flex-end}.detail-scroll{inset:var(--top-bar-height) 0 0;overscroll-behavior:contain;padding-bottom:var(--space-2xl);position:absolute;overflow-y:auto}.detail-author-row{padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;display:flex}.bare-author{align-items:center;gap:var(--space-md);text-align:left;background:0 0;flex:1;min-width:0;padding:0;display:flex}.bare-author>span{flex-direction:column;min-width:0;display:flex}.bare-author strong{color:var(--color-text-primary);font-size:var(--fs-body-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bare-author small{color:var(--color-text-secondary);font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bare-author em{-webkit-line-clamp:1;color:var(--color-text-secondary);font-size:var(--fs-small);-webkit-box-orient:vertical;margin-top:2px;font-style:normal;display:-webkit-box;overflow:hidden}.detail-media{aspect-ratio:4/5;width:100%;position:relative;overflow:hidden}.detail-media:after{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-overlay-light);content:"";position:absolute;inset:16%;transform:rotate(22deg)}.center-play{z-index:2;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-overlay-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;width:58px;height:58px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.detail-counter{z-index:2;top:var(--space-md);right:var(--space-md);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);background:var(--color-overlay-light);font-size:var(--fs-caption);position:absolute}.text-mark{z-index:2;color:var(--color-text-primary);font-size:var(--fs-display);font-weight:var(--fw-bold);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.detail-caption{padding:var(--space-lg) var(--space-lg) var(--space-sm);color:var(--color-text-primary);font-size:var(--fs-subhead);line-height:var(--lh-relaxed);white-space:pre-wrap;margin:0}.detail-timestamp{padding:0 var(--space-lg) var(--space-md);color:var(--color-text-tertiary);font-size:var(--fs-small);margin:0}.detail-metrics{gap:var(--space-lg);padding:var(--space-md) var(--space-lg);border-block:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:var(--fs-small);display:flex}.detail-metrics button{color:var(--color-text-secondary);background:0 0;padding:0}.detail-metrics strong{color:var(--color-text-primary)}.detail-actions{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-subtle);justify-content:space-around;align-items:center;display:flex}.detail-actions button{border-radius:var(--radius-full);width:42px;height:42px;color:var(--color-text-secondary);background:0 0;place-items:center;display:grid}.reply-composer{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-subtle);display:flex}.mini-user-dot{border-radius:var(--radius-full);background:linear-gradient(145deg, var(--color-primary), var(--color-repost));flex:none;width:30px;height:30px}.reply-composer input{min-width:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);background:var(--color-surface);border:0;outline:0;flex:1}.reply-composer button{padding:var(--space-sm);color:var(--color-primary);font-weight:var(--fw-semibold);background:0 0}.reply-composer button:disabled{color:var(--color-text-tertiary)}.reply-composer.is-disabled{opacity:.7}.replies-section h2{padding:var(--space-lg);font-size:var(--fs-heading);margin:0}.reply-row{gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border-subtle);display:flex}.reply-row>div{flex:1;min-width:0}.reply-row p{margin:0}.reply-row p strong{font-size:var(--fs-body-bold)}.reply-row p span{color:var(--color-text-secondary);font-size:var(--fs-small)}.reply-row p+p{margin-top:var(--space-xs);line-height:var(--lh-relaxed)}.reply-tools{gap:var(--space-xl);margin-top:var(--space-md);color:var(--color-text-tertiary);display:flex}.standard-page{background:var(--color-bg)}.main-page-title{z-index:3;height:82px;padding:var(--space-md) var(--space-lg);background:var(--color-bg);justify-content:space-between;align-items:flex-end;display:flex;position:absolute;top:0;left:0;right:0}.main-page-title h1{font-size:var(--fs-display);line-height:var(--lh-tight);margin:0}.main-page-title .text-button{margin-bottom:var(--space-xs)}.butterfly-mini{font-size:var(--fs-display)}.page-scroll{overscroll-behavior:contain;padding:0 var(--space-lg) var(--space-2xl);position:absolute;inset:82px 0 0;overflow-y:auto}.search-field{align-items:center;gap:var(--space-sm);height:46px;padding:0 var(--space-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);display:flex}.search-field input{min-width:0;color:var(--color-text-primary);font-size:var(--fs-body);background:0 0;border:0;outline:0;flex:1}.search-field input::placeholder{color:var(--color-text-tertiary)}.search-field button{padding:var(--space-xs);color:var(--color-primary);font-size:var(--fs-small);font-weight:var(--fw-bold);background:0 0}.topic-chips{gap:var(--space-sm);margin:var(--space-md) calc(var(--space-lg) * -1) 0;padding:0 var(--space-lg);scrollbar-width:none;display:flex;overflow-x:auto}.topic-chips button{padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text-secondary);white-space:nowrap}.topic-chips button.is-active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-text)}.discover-section{margin-top:var(--space-xl)}.section-heading{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-end;display:flex}.section-heading h2{font-size:var(--fs-heading);margin:0}.section-heading>button,.section-heading>span{color:var(--color-primary);font-size:var(--fs-small);background:0 0;padding:0}.featured-feeds{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.featured-feed{min-height:154px;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--color-cw-bg), var(--color-surface));color:var(--color-text-primary);text-align:left;flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex;position:relative;overflow:hidden}.featured-feed:first-child{background:linear-gradient(145deg, var(--color-primary-hover), var(--color-cw-bg));grid-column:1/-1;min-height:135px}.feed-card-2{background:linear-gradient(145deg, var(--color-like), var(--color-cw-bg))}.feed-card-3{background:linear-gradient(145deg, var(--color-repost), var(--color-cw-bg))}.featured-icon{top:var(--space-md);right:var(--space-md);border-radius:var(--radius-full);background:var(--color-overlay-light);place-items:center;width:40px;height:40px;display:grid;position:absolute}.featured-feed strong{font-size:var(--fs-subhead)}.featured-feed small{margin-top:var(--space-xs);-webkit-line-clamp:2;color:var(--color-cw-text);line-height:var(--lh-normal);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.open-feed{margin-top:var(--space-sm);font-size:var(--fs-caption);font-weight:var(--fw-semibold)}.creator-row{align-items:center;gap:var(--space-sm);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border-subtle);display:flex}.creator-row .bare-author{min-width:0}.discover-media-row{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.discover-tile{min-height:145px;padding:var(--space-sm);border-radius:var(--radius-md);color:var(--color-text-primary);position:relative;overflow:hidden}.discover-tile>span{top:var(--space-sm);right:var(--space-sm);position:absolute}.discover-tile small{right:var(--space-sm);bottom:var(--space-sm);left:var(--space-sm);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;position:absolute;overflow:hidden}.results-search{z-index:2;top:calc(var(--top-bar-height) + var(--space-md));right:var(--space-lg);left:var(--space-lg);position:absolute}.segmented-tabs{z-index:2;top:calc(var(--top-bar-height) + 70px);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg);grid-template-columns:repeat(4,1fr);height:42px;display:grid;position:absolute;left:0;right:0}.segmented-tabs button{color:var(--color-text-secondary);font-size:var(--fs-small);font-weight:var(--fw-semibold);background:0 0;position:relative}.segmented-tabs button.is-active{color:var(--color-text-primary)}.segmented-tabs button.is-active:after{border-radius:var(--radius-full);background:var(--color-primary);content:"";height:2px;position:absolute;bottom:0;left:20%;right:20%}.results-scroll{inset:calc(var(--top-bar-height) + 112px) 0 0;padding:0 var(--space-lg) var(--space-2xl);position:absolute;overflow-y:auto}.result-section{padding-top:var(--space-lg)}.result-section+.result-section{margin-top:var(--space-sm);border-top:1px solid var(--color-border-subtle)}.post-result-card{gap:var(--space-sm);width:100%;padding:var(--space-md) 0;border-bottom:1px solid var(--color-border-subtle);text-align:left;background:0 0;display:flex}.post-result-card>span{flex:1;min-width:0}.post-result-card strong{font-size:var(--fs-body-bold);display:block}.post-result-card strong small{color:var(--color-text-secondary);font-weight:var(--fw-normal)}.post-result-card p{margin:var(--space-xs) 0 var(--space-sm);-webkit-line-clamp:2;line-height:var(--lh-relaxed);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.result-media{border-radius:var(--radius-md);width:100%;height:110px;display:block}.feed-result-card{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border-subtle);text-align:left;background:0 0;display:flex}.feed-result-card>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.feed-result-card small{color:var(--color-text-secondary)}.feed-result-card>.icon:last-child{color:var(--color-text-tertiary);transform:rotate(180deg)}.activity-list{padding-bottom:var(--space-xl);position:absolute;inset:82px 0 0;overflow-y:auto}.activity-filter{gap:var(--space-sm);padding:var(--space-sm) var(--space-lg) var(--space-md);border-bottom:1px solid var(--color-border-subtle);display:flex}.activity-filter button{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--fs-small)}.activity-filter button.is-active{background:var(--color-primary);color:var(--color-primary-text)}.notification-row{gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-subtle);text-align:left;background:0 0;grid-template-columns:24px 44px 1fr 8px;align-items:start;display:grid;position:relative}.notification-row.is-unread{background:var(--color-bg-elevated)}.notification-row>span{min-width:0}.notification-row p{color:var(--color-text-primary);margin:2px 0}.notification-row small{color:var(--color-text-tertiary)}.notification-row>i{width:6px;height:6px;margin-top:var(--space-sm);border-radius:var(--radius-full);background:var(--color-primary)}.notification-type{border-radius:var(--radius-full);width:23px;height:23px;color:var(--color-primary);place-items:center;display:grid}.notification-type.type-like{color:var(--color-like)}.notification-type.type-repost{color:var(--color-repost)}.empty-state{width:calc(100% - var(--space-2xl) * 2);text-align:center;max-width:330px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-icon,.guest-avatar{width:72px;height:72px;margin:0 auto var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-elevated);color:var(--color-primary);place-items:center;display:grid}.empty-state h2{font-size:var(--fs-title);margin:0}.empty-state>p{margin:var(--space-sm) 0 var(--space-xl);color:var(--color-text-secondary);line-height:var(--lh-relaxed)}.empty-state .full-button+.full-button{margin-top:var(--space-sm)}.empty-state>small{margin-top:var(--space-lg);color:var(--color-text-tertiary);display:block}.profile-nav{z-index:3;height:var(--top-bar-height);background:var(--color-bg);text-align:center;grid-template-columns:48px 1fr 48px;align-items:center;display:grid;position:absolute;top:0;left:0;right:0}.profile-nav>div{padding-left:var(--space-xs)}.profile-scroll{inset:var(--top-bar-height) 0 0;position:absolute;overflow-y:auto}.profile-cover{background:linear-gradient(145deg, var(--color-cw-bg), var(--color-primary-hover), var(--color-repost));height:126px;position:relative;overflow:hidden}.cover-orb{border:1px solid var(--color-cw-border);border-radius:var(--radius-full);background:var(--color-overlay-light);width:170px;height:170px;position:absolute;top:-70px;right:-30px}.profile-header-content{padding:0 var(--space-lg) var(--space-lg);border-bottom:1px solid var(--color-border-subtle)}.profile-avatar-row{justify-content:space-between;align-items:flex-start;height:48px;display:flex}.profile-avatar-row .avatar{transform:translateY(-42px)}.profile-action{align-items:center;gap:var(--space-xs);min-height:36px;padding:var(--space-xs) var(--space-md);display:flex}.profile-header-content h1{margin:var(--space-sm) 0 0;font-size:var(--fs-title)}.profile-handle{color:var(--color-text-secondary);font-size:var(--fs-small);margin:1px 0 0}.profile-bio{margin:var(--space-md) 0;line-height:var(--lh-relaxed)}.profile-stats{gap:var(--space-lg);display:flex}.profile-stats button{color:var(--color-text-secondary);font-size:var(--fs-small);background:0 0;padding:0}.profile-stats strong{color:var(--color-text-primary)}.profile-tabs{z-index:2;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg);grid-template-columns:1fr 1fr;height:46px;display:grid;position:sticky;top:0}.profile-tabs button{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:var(--fs-small);font-weight:var(--fw-semibold);background:0 0;display:flex}.profile-tabs button.is-active{border-bottom:2px solid var(--color-primary);color:var(--color-text-primary)}.media-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.grid-tile{aspect-ratio:1/1.25;padding:0;position:relative}.grid-tile>span{top:var(--space-sm);right:var(--space-sm);position:absolute}.profile-post-list{padding-bottom:var(--space-xl)}.profile-post{width:100%;padding:var(--space-lg);border-bottom:1px solid var(--color-border-subtle);text-align:left;background:0 0;display:block}.profile-post p{margin:0 0 var(--space-sm);line-height:var(--lh-relaxed)}.profile-post small{color:var(--color-text-tertiary)}.guest-profile-card{margin:112px var(--space-lg) 0;padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-elevated);box-shadow:var(--shadow-md);text-align:center}.guest-profile-card h2{font-size:var(--fs-title);margin:0}.guest-profile-card>p:not(.eyebrow){margin:var(--space-sm) 0 var(--space-xl);color:var(--color-text-secondary);line-height:var(--lh-relaxed)}.guest-profile-card .full-button+.full-button{margin-top:var(--space-sm)}.settings-button{justify-content:center;align-items:center;gap:var(--space-sm);display:flex}.browse-note{width:calc(100% - var(--space-2xl));align-items:center;gap:var(--space-md);margin:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);color:var(--color-primary);text-align:left;background:0 0;display:flex}.browse-note>span:nth-child(2){color:var(--color-text-primary);flex-direction:column;flex:1;display:flex}.browse-note small{color:var(--color-text-secondary)}.followers-summary{top:var(--top-bar-height);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:var(--fs-small);position:absolute;left:0;right:0}.followers-list{inset:calc(var(--top-bar-height) + 45px) 0 0;padding:0 var(--space-lg) var(--space-xl);position:absolute;overflow-y:auto}.settings-scroll{inset:var(--top-bar-height) 0 0;padding:var(--space-lg) var(--space-lg) var(--space-2xl);position:absolute;overflow-y:auto}.settings-scroll section{margin-bottom:var(--space-xl);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-elevated);overflow:hidden}.settings-scroll section>h2{padding:var(--space-md);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:var(--fs-small);font-weight:var(--fw-semibold);text-transform:uppercase;margin:0}.setting-row,.setting-link{align-items:center;gap:var(--space-md);width:100%;min-height:68px;padding:var(--space-md);border-bottom:1px solid var(--color-border-subtle);text-align:left;background:0 0;display:flex}.setting-row:last-child,.setting-link:last-child{border-bottom:0}.setting-row>div,.setting-link>div{flex-direction:column;flex:1;min-width:0;display:flex}.setting-row small,.setting-link small{color:var(--color-text-secondary)}.switch{border-radius:var(--radius-full);background:var(--color-surface);width:46px;height:27px;transition:background var(--duration-fast);padding:3px}.switch span{border-radius:var(--radius-full);background:var(--color-text-secondary);width:21px;height:21px;transition:transform var(--duration-fast) var(--ease-out), background var(--duration-fast);display:block}.switch.is-on{background:var(--color-primary)}.switch.is-on span{background:var(--color-primary-text);transform:translate(19px)}.setting-link>span:last-child{color:var(--color-text-tertiary);font-size:var(--fs-title)}.signout-button{border:1px solid var(--color-error);border-radius:var(--radius-md);width:100%;min-height:46px;color:var(--color-error);font-weight:var(--fw-semibold);background:0 0}.toast{z-index:90;bottom:calc(var(--tab-bar-height) + var(--space-lg));padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-md);font-size:var(--fs-small);font-weight:var(--fw-semibold);white-space:nowrap;animation:toast-in var(--duration-normal) var(--ease-out);position:absolute;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@media (height<=650px){.engagement-rail{gap:var(--space-sm)}.rail-icon{width:38px;height:38px}.guest-profile-card{padding:var(--space-lg);margin-top:92px}.content-warning{padding:var(--space-lg) var(--space-2xl)}.cw-icon{width:50px;height:50px;margin-bottom:var(--space-sm)}.content-warning h2{font-size:var(--fs-heading)}.cw-description{margin-bottom:var(--space-md)}}