@font-face{font-family:poppins;src:url(../media/poppins_latin_400_normal-s.p.26axoheojcvao.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:poppins;src:url(../media/poppins_latin_500_normal-s.p.01tiwsu2c6vk3.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:poppins;src:url(../media/poppins_latin_600_normal-s.p.14nztc_w4mkh_.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:poppins;src:url(../media/poppins_latin_700_normal-s.p.3raw8inii9jva.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:poppins Fallback;src:local(Arial);ascent-override:92.83%;descent-override:30.94%;line-gap-override:8.84%;size-adjust:113.11%}.fd6O8q_className{font-family:poppins,poppins Fallback,Segoe UI,Noto Sans,Arial,sans-serif}.fd6O8q_variable{--font-poppins:"poppins", "poppins Fallback", Segoe UI, Noto Sans, Arial, sans-serif}
@font-face{font-family:geistMono;src:url(../media/GeistMono_Variable-s.p.3ms9vq719j3f8.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:geistMono Fallback;src:local(Arial);ascent-override:76.43%;descent-override:22.43%;line-gap-override:0.0%;size-adjust:131.49%}.ZTVXgG_className{font-family:geistMono,geistMono Fallback}.ZTVXgG_variable{--font-geist-mono:"geistMono", "geistMono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-poppins);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[ask\:\.\.\.\]{ask:...}.\[countdown\:\.\.\.\]{countdown:...}.\[poll\:\.\.\.\]{poll:...}.\[quiz\:\.\.\.\]{quiz:...}.\[slider\:\.\.\.\]{slider:...}}:root{--background:#f5f6f8;--surface:#fff;--surface-muted:#f5f6f8;--surface-hover:#f2f4f7;--primary:#258cf4;--primary-hover:#1877e8;--primary-soft:#eaf3fe;--primary-soft-strong:#d9eafd;--text:#17191d;--text-2:#4a5059;--muted:#737b87;--border:#e8ebf0;--border-strong:#dfe3e9;--input:#f5f6f8;--like:#f0445f;--danger:#d93a4a;--success:#1f9d61;--radius-card:16px;--radius-control:10px;--radius-media:12px;--radius-pill:999px;--shadow-card:0 1px 2px #17191d08, 0 1px 1px #17191d05;--shadow-pop:0 10px 30px #17191d1a, 0 2px 6px #17191d0d;--ease-out:cubic-bezier(.22, .8, .24, 1);--dur-fast:.15s;--dur:.2s;--header-h:72px;--gap:22px;--card-pad:18px;--cols:minmax(0, 24fr) minmax(0, 52fr) minmax(0, 24fr);--container:80vw}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--background);min-height:100vh;color:var(--text);font-family:var(--font-poppins), "Segoe UI", "Noto Sans", system-ui, -apple-system, sans-serif;letter-spacing:-.003em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:13.5px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button,summary,select{cursor:pointer}button{touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.55}summary{list-style:none}summary::-webkit-details-marker{display:none}h1,h2,h3,p,ul,dl,dd{margin:0}ul{padding:0;list-style:none}img,video{max-width:100%;display:block}hr{border:0;border-top:1px solid var(--border);margin:6px 0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}.muted{color:var(--muted)}.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}.skip-link{z-index:100;border-radius:var(--radius-control);background:var(--text);color:#fff;padding:10px 16px;font-weight:600;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app-container{width:var(--container);max-width:none;margin-left:auto;margin-right:auto}.app-header{z-index:40;height:var(--header-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(1.4);backdrop-filter:saturate(1.4);background:#fffffff7;position:sticky;top:0}.header-inner{grid-template-columns:var(--cols);column-gap:var(--gap);align-items:center;height:100%;display:grid}.header-left{align-items:center;gap:16px;min-width:0;display:flex}.brand{letter-spacing:-.04em;color:var(--text);flex-shrink:0;align-items:center;gap:8px;font-size:24px;font-weight:760;display:inline-flex}.brand-logo{aspect-ratio:706/728;object-fit:contain;flex-shrink:0;width:40px;height:auto;display:block}.brand:focus-visible{outline:2px solid var(--primary);outline-offset:5px;border-radius:6px}.header-search{border-radius:var(--radius-pill);background:var(--input);min-width:0;max-width:230px;height:38px;color:var(--muted);border:1px solid #0000;flex:1;align-items:center;gap:8px;padding:0 14px;transition:border-color .15s,background .15s;display:flex}.header-search:focus-within{background:#fff;border-color:#b9d9fb}.header-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:13px}.header-search input::placeholder{color:var(--muted)}.header-nav{justify-content:center;align-self:stretch;gap:clamp(8px,2.4vw,40px);display:flex}.header-nav a{color:#8a919b;place-items:center;width:52px;transition:color .15s;display:grid;position:relative}.header-nav a:after{content:"";background:0 0;border-radius:3px 3px 0 0;height:3px;transition:background .15s;position:absolute;bottom:-1px;left:10px;right:10px}.header-nav a:hover{color:var(--text)}.header-nav a.active{color:var(--primary)}.header-nav a.active:after{background:var(--primary)}.nav-badge{border-radius:var(--radius-pill);color:#fff;text-align:center;background:#f03e3e;border:2px solid #fff;min-width:17px;height:17px;padding:0 4px;font-size:9.5px;font-weight:700;line-height:13px;position:absolute;top:calc(50% - 20px);left:calc(50% + 4px)}.header-right{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.header-auth{gap:8px;display:flex}.mobile-only{display:none!important}.header-bell{position:relative}.header-bell .nav-badge{top:2px;left:20px}.app-grid{grid-template-columns:var(--cols);gap:var(--gap);align-items:start;padding:22px 0 48px;display:grid}.left-sidebar,.right-sidebar{top:calc(var(--header-h) + 22px);min-width:0;max-height:calc(100vh - var(--header-h) - 44px);scrollbar-width:none;flex-direction:column;gap:18px;display:flex;position:sticky;overflow-y:auto}.left-sidebar::-webkit-scrollbar{display:none}.right-sidebar::-webkit-scrollbar{display:none}.main-column{flex-direction:column;gap:18px;min-width:0;display:flex}.post-list{flex-direction:column;gap:18px;display:flex}.mobile-nav{display:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.button{border-radius:var(--radius-control);background:var(--primary);color:#fff;white-space:nowrap;height:38px;transition:background var(--dur-fast) ease, color var(--dur-fast) ease, border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease, transform .12s ease;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.button:hover:not(:disabled){background:var(--primary-hover)}.button:active:not(:disabled){transform:scale(.97)}.button.icon-only{width:38px;padding:0}.button.full{width:100%}.button.small{height:32px;padding:0 13px;font-size:12.5px}.button.xs{border-radius:8px;height:28px;padding:0 12px;font-size:12px}.button.secondary{color:var(--text);border-color:var(--border-strong);background:#fff}.button.secondary:hover:not(:disabled){background:var(--surface-hover)}.button.neutral{color:var(--text-2);background:#eef0f3}.button.neutral:hover:not(:disabled){background:#e4e7ec}.button.soft{background:var(--primary-soft);color:var(--primary)}.button.soft:hover:not(:disabled){background:var(--primary-soft-strong)}.button.ghost{color:var(--text);border-color:var(--border-strong);background:0 0}.button.ghost:hover:not(:disabled){background:var(--surface-hover)}.button.danger{background:var(--danger)}.button.danger:hover:not(:disabled){background:#c12f3e}.button svg{flex-shrink:0}.text-button{color:var(--primary);border-radius:6px;align-items:center;gap:6px;padding:4px 2px;font-size:12.5px;font-weight:600;display:inline-flex}.text-button:hover:not(:disabled){color:var(--primary-hover)}.text-button:active:not(:disabled){transform:scale(.95)}.text-button.muted{color:var(--muted)}.icon-button{width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;transition:background .15s,color .15s,transform .12s;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.icon-button:active:not(:disabled){transform:scale(.9)}.post-actions .action,.reel-action{transition:transform .12s,color .15s,background .15s}.post-actions .action:active:not(:disabled),.reel-action:active:not(:disabled){transform:scale(.9)}.avatar{color:#2b6fbf;letter-spacing:0;background:linear-gradient(135deg,#e7f1fe,#d6e8fd);border-radius:50%;flex-shrink:0;place-items:center;font-weight:650;line-height:1;display:inline-grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.user-identity{align-items:center;gap:10px;min-width:0;display:flex}.user-identity>span:not(.avatar),.user-identity>div{flex-direction:column;min-width:0;display:flex}.user-identity strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:650;overflow:hidden}.user-identity span span,.user-identity small,.user-identity div>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.dropdown{position:relative}.dropdown>summary{align-items:center;display:inline-flex}.dropdown-menu{z-index:50;border:1px solid var(--border);min-width:200px;box-shadow:var(--shadow-pop);transform-origin:100% 0;background:#fff;border-radius:12px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) dropdown-in;position:absolute;top:calc(100% + 6px)}.dropdown-menu>*{animation:.26s cubic-bezier(.22,1,.36,1) backwards dropdown-item-in}.dropdown-menu>:first-child{animation-delay:30ms}.dropdown-menu>:nth-child(2){animation-delay:60ms}.dropdown-menu>:nth-child(3){animation-delay:90ms}.dropdown-menu>:nth-child(4){animation-delay:.12s}.dropdown-menu>:nth-child(5){animation-delay:.15s}.dropdown-menu>:nth-child(6){animation-delay:.18s}.dropdown-menu>:nth-child(7){animation-delay:.21s}@keyframes dropdown-item-in{0%{opacity:0;transform:translate(-6px)}}.dropdown-menu.align-end{right:0}.dropdown-menu.align-start{left:0}.dropdown-menu a,.dropdown-menu button{text-align:left;width:100%;color:var(--text);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.dropdown-menu a:hover,.dropdown-menu button:hover:not(:disabled){background:var(--surface-hover)}.dropdown-menu svg{color:var(--muted);flex-shrink:0}.dropdown-menu .danger-text,.dropdown-menu .danger-text svg{color:var(--danger)}.dropdown-user{border-bottom:1px solid var(--border);flex-direction:column;margin-bottom:4px;padding:8px 10px 10px;display:flex}.dropdown-user strong{font-size:13.5px;font-weight:650}.dropdown-user span{color:var(--muted);font-size:12px}.menu-note{color:var(--muted);padding:6px 10px;font-size:12px}.profile-dropdown>summary{border-radius:var(--radius-pill);gap:8px;padding:4px 8px 4px 4px;transition:background .15s}.profile-dropdown>summary:hover,.profile-dropdown[open]>summary{background:var(--surface-hover)}.profile-dropdown-name{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:13px;font-weight:600;overflow:hidden}.profile-dropdown .chevron{color:var(--muted);transition:transform .15s}.profile-dropdown[open] .chevron{transform:rotate(180deg)}.form-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-field>span{color:var(--text-2);justify-content:space-between;font-size:12.5px;font-weight:600;display:flex}.form-field>span small{color:var(--muted);font-weight:500}.form-field input,.form-field textarea,.form-field select,.password-field{border-radius:var(--radius-control);border:1px solid var(--border-strong);background:#fff;width:100%;min-height:42px;padding:10px 13px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.form-field textarea{resize:vertical;min-height:84px;line-height:1.55}.form-field input:focus,.form-field textarea:focus,.password-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #258cf424}.form-field input[aria-invalid=true]{border-color:var(--danger)}.form-field>small{color:var(--muted);font-size:12px}.password-field{align-items:center;padding:0 4px 0 13px;display:flex}.password-field input{min-width:0;min-height:40px;box-shadow:none;background:0 0;border:0;outline:none;flex:1;padding:0}.field-error,.inline-error,.form-error{color:var(--danger);font-size:12px}.form-error{border-radius:var(--radius-control);background:#fdecee;margin-bottom:12px;padding:10px 12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;display:grid}select{appearance:none}.segmented{border-radius:var(--radius-control);background:var(--surface-muted);gap:4px;padding:3px;display:inline-flex}.segmented button{height:28px;color:var(--muted);border-radius:8px;padding:0 14px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.segmented button.active{color:var(--text);background:#fff;box-shadow:0 1px 2px #17191d14}.count-chip{border-radius:var(--radius-pill);background:var(--primary-soft);height:22px;color:var(--primary);align-items:center;padding:0 9px;font-size:12px;font-weight:650;display:inline-flex}.skeleton{background:linear-gradient(90deg,#f0f2f5 25%,#f7f8fa 50%,#f0f2f5 75%) 0 0/200% 100%;border-radius:6px;animation:1.4s linear infinite shimmer;display:block}.skeleton.circle{border-radius:50%;flex-shrink:0;width:38px;height:38px}.skeleton.line{height:10px;margin:6px 0}.skeleton.line.short{width:55%}.skeleton.line.tiny{width:32%}.skeleton.line.center{margin-left:auto;margin-right:auto}.skeleton.media{border-radius:var(--radius-media);height:220px;margin-top:12px}.skeleton-card{padding:var(--card-pad)}.skeleton-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.skeleton-row>div{flex:1}.widget-skeleton{padding:4px 0}.empty-state,.error-state{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:34px 22px;display:flex}.empty-illustration{place-items:center;width:110px;height:110px;margin-bottom:10px;display:grid;position:relative}.empty-illustration:before{content:"";background:radial-gradient(circle at 50% 50%, var(--primary-soft) 0%, transparent 68%);border-radius:50%;animation:3s ease-in-out infinite empty-pulse;position:absolute;inset:0}.empty-illustration-dot{background:var(--primary);opacity:.3;border-radius:50%;width:8px;height:8px;position:absolute}.empty-illustration-dot.d1{animation:3.6s ease-in-out infinite empty-float;top:10%;left:18%}.empty-illustration-dot.d2{background:var(--like);opacity:.45;width:6px;height:6px;animation:4.2s ease-in-out .6s infinite empty-float;bottom:14%;right:10%}.empty-illustration-dot.d3{background:var(--success,#22c55e);opacity:.4;width:5px;height:5px;animation:3.2s ease-in-out 1.1s infinite empty-float;top:42%;right:-4%}.empty-icon{background:var(--surface);width:72px;height:72px;color:var(--primary);border:1px solid var(--border);box-shadow:0 10px 30px -14px var(--primary);border-radius:50%;place-items:center;animation:2.8s cubic-bezier(.4,0,.6,1) infinite empty-bounce;display:grid;position:relative}.empty-icon svg{width:30px;height:30px}@keyframes empty-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes empty-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.empty-state h3,.error-state h3{font-size:14.5px;font-weight:650}.empty-state p,.error-state p{max-width:340px;color:var(--muted);font-size:12.5px}.empty-state .button,.error-state .button{margin-top:8px}.error-state>svg{color:var(--danger)}.load-more{align-self:center}.modal{width:min(640px,100vw - 32px);max-height:calc(100vh - 64px);color:var(--text);background:#fff;border:0;border-radius:20px;margin:auto;padding:0;inset:0;overflow:auto;box-shadow:0 24px 60px #17191d2e}.modal[open]{animation:.24s cubic-bezier(.16,1,.3,1) dialog-in}.modal::backdrop{-webkit-backdrop-filter:blur(6px)saturate(140%);animation:fade-in var(--dur) ease;background:#17191d80}.modal.closing{animation:.18s ease-in forwards dialog-out}.modal.closing::backdrop{animation:.18s ease-in forwards fade-out}.modal>header{z-index:1;border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:14px 16px 12px 20px;display:flex;position:sticky;top:0}.modal>header h2{font-size:16px;font-weight:680}.modal>:not(header){padding:18px 20px 20px}.modal>p.muted{padding-bottom:0}.dialog-actions{justify-content:flex-end;gap:8px;display:flex;padding-top:16px!important}.post-media-spoiler-wrap{position:relative}.post-media-spoiler-wrap.spoilered>:first-child{filter:blur(28px)saturate(80%);pointer-events:none;transition:filter .32s,transform .32s;transform:scale(1.05)}.media-spoiler-cover{z-index:10;color:#fff;cursor:pointer;text-shadow:0 2px 8px #0009;background:#0000001a;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:background .18s;display:flex;position:absolute;inset:0}.media-spoiler-cover:hover{background:#0003}.media-spoiler-label{letter-spacing:.5px;font-size:17px;font-weight:700}.media-spoiler-hint{opacity:.85;font-size:12px;font-weight:500}.ibuilder-dialog{width:min(540px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--text);background:#fff;border:0;border-radius:20px;margin:auto;padding:0;inset:0;overflow:auto;box-shadow:0 30px 80px #0000004d}.ibuilder-dialog[open]{animation:.24s cubic-bezier(.16,1,.3,1) dialog-in}.ibuilder-dialog::backdrop{-webkit-backdrop-filter:blur(14px)saturate(140%);background:#0a0c11a6;animation:.22s fade-in}.ibuilder-sheet{flex-direction:column;display:flex}.ibuilder-header{border-bottom:1px solid var(--border);z-index:1;background:#fff;justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex;position:sticky;top:0}.ibuilder-header h2{font-size:17px;font-weight:650}.ibuilder-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.ibuilder{flex-direction:column;gap:14px;padding:20px 20px 22px;display:flex}.ibuilder-field{flex-direction:column;gap:4px;display:flex}.ibuilder-field>span{color:var(--muted);font-size:12px;font-weight:600}.ibuilder-field input{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:10px 12px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.ibuilder-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.ibuilder-options{flex-direction:column;gap:8px;display:flex}.ibuilder-option{align-items:center;gap:8px;display:flex}.ibuilder-option>input{border:1px solid var(--border);border-radius:10px;flex:1;padding:9px 12px;font-size:13px}.ibuilder-option>input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.ibuilder-radio{place-items:center;width:28px;display:grid}.ibuilder-radio input{width:18px;height:18px;accent-color:var(--success,#22c55e)}.ibuilder-emoji-row{gap:10px;display:flex}.ibuilder-emoji-row .ibuilder-field{flex:1}.ibuilder-emoji-row input{text-align:center;font-size:18px}.ipost{border:1px solid var(--border);background:linear-gradient(180deg, var(--surface) 0%, #fafbfc 100%);border-radius:14px;margin-top:10px;padding:14px}.ipost>header{text-transform:uppercase;color:var(--muted);letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.ipost>header svg{color:var(--primary)}.ipost h4{margin:8px 0 12px;font-size:15px;font-weight:650;line-height:1.35}.ipost>footer{color:var(--muted);margin-top:10px;font-size:12px}.ipost>footer.right{color:var(--success,#22c55e);font-weight:600}.ipost>footer.wrong{color:var(--danger,#ef4444);font-weight:600}.ipost-options{flex-direction:column;gap:8px;display:flex}.ipost-option{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;padding:11px 14px;font-size:13.5px;font-weight:500;transition:all .18s;display:flex;position:relative;overflow:hidden}.ipost-option:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.ipost-option:active:not(:disabled){transform:scale(.98)}.ipost-option.picked{border-color:var(--primary);font-weight:650}.ipost-option.voted{cursor:default}.ipost-option.correct{border-color:var(--success,#22c55e);color:#065f46;background:#ecfdf5;font-weight:650}.ipost-option.wrong{border-color:var(--danger,#ef4444);color:#991b1b;background:#fef2f2}.ipost-fill{background:var(--primary-soft);z-index:0;transition:width .65s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0}.ipost-option.picked .ipost-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--primary) 100%)}@supports (color:color-mix(in lab, red, red)){.ipost-option.picked .ipost-fill{background:linear-gradient(90deg, var(--primary) 0%, color-mix(in srgb, var(--primary) 60%, white) 100%)}}.ipost-option.picked .ipost-fill{opacity:.35}.ipost-label,.ipost-pct{z-index:1;position:relative}.ipost-pct{color:var(--text);font-variant-numeric:tabular-nums;font-weight:650}.ipost-countdown{background:#fff;border-color:#e5e5ea;box-shadow:0 1px 2px #00000008}.ipost-countdown>header{color:#86868b;text-transform:none;letter-spacing:-.1px;font-size:12px;font-weight:500}.ipost-countdown>header svg{color:#86868b}.ipost-countdown h4{color:#1d1d1f;letter-spacing:-.3px;font-weight:600}.ipost-timer{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px;display:grid}.ipost-timer>span{background:#f5f5f7;border:0;border-radius:14px;flex-direction:column;align-items:center;padding:16px 8px 12px;display:flex}.ipost-timer strong{color:#1d1d1f;font-variant-numeric:tabular-nums;letter-spacing:-1.2px;font-feature-settings:"tnum";font-size:32px;font-weight:500;line-height:1}.ipost-timer small{color:#86868b;text-transform:lowercase;letter-spacing:0;margin-top:8px;font-size:11px;font-weight:400}.ipost-countdown.done{background:#fff;border-color:#e5e5ea}.ipost-done{text-align:center;letter-spacing:-.4px;font-size:22px;font-weight:500;color:#1d1d1f!important}.ipost-slider-row{align-items:center;gap:14px;display:flex}.ipost-slider-row input{flex:1}.ipost-emoji{font-size:24px}.ipost-ask{background:var(--surface)}.ipost-ask-row{align-items:stretch;gap:8px;display:flex}.ipost-ask-row input{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;flex:1;padding:10px 14px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.ipost-ask-row input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.ipost-ask-send{background:var(--primary);color:#fff;border-radius:10px;place-items:center;width:40px;transition:background .15s,transform .12s;display:grid}.ipost-ask-send:hover:not(:disabled){background:var(--primary-hover)}.ipost-ask-send:active:not(:disabled){transform:scale(.92)}.ipost-ask-send:disabled{background:var(--border);color:var(--muted);cursor:not-allowed}.ipost-ask>footer{color:var(--muted);margin-top:8px;font-size:11px}.ptr-root{position:relative;overflow:visible}.ptr-indicator{color:var(--primary);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:-40px;left:0;right:0;overflow:hidden}.ptr-content{position:relative}.toast{z-index:120;background:var(--text);color:#fff;max-width:min(460px,100vw - 24px);box-shadow:var(--shadow-pop);border-radius:12px;align-items:center;gap:10px;padding:10px 10px 10px 14px;font-size:13px;animation:.16s ease-out pop-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast>svg{color:#6fd59f;flex-shrink:0}.toast-error>svg{color:#ff8a98}.toast>span{flex:1}.toast .icon-button{color:#b8bec7;width:28px;height:28px}.toast .icon-button:hover{color:#fff;background:#ffffff1a}.widget,.shortcuts{padding:16px 16px 12px}.widget-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.widget-heading h2{letter-spacing:-.01em;font-size:15px;font-weight:680}.widget-heading a{color:var(--primary);font-size:12px;font-weight:550}.widget-heading a:hover{color:var(--primary-hover);text-underline-offset:3px;text-decoration:underline}.widget-note{color:var(--muted);padding:6px 0 8px;font-size:12.5px}.widget-note a{color:var(--primary);font-weight:600}.widget .error-state{padding:16px 8px}.profile-card{padding:8px 8px 16px;overflow:hidden}.profile-cover{background:#dbe9f9;border-radius:12px;height:82px;overflow:hidden}.profile-cover img{object-fit:cover;width:100%;height:100%}.cover-art{background:radial-gradient(120% 140% at 0 0,#cfe4fb 0%,#0000 55%),radial-gradient(90% 120% at 100% 100%,#e3eefc 0%,#0000 60%),linear-gradient(135deg,#e6f0fc,#d3e5f9);width:100%;height:100%}.profile-card-body{text-align:center;flex-direction:column;align-items:center;padding:0 10px;display:flex}.profile-card-avatar{background:#fff;border:4px solid #fff;border-radius:50%;margin-top:-38px;margin-bottom:8px;box-shadow:0 1px 3px #17191d14}.profile-card-avatar.skeleton{width:82px;height:82px}.profile-card h2{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:700;overflow:hidden}.profile-card .muted{font-size:12px}.profile-card.guest .profile-card-body{gap:4px;padding-top:14px}.profile-card.guest .button{margin-top:8px}.profile-card.guest .button+.button{margin-top:0}.profile-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);width:100%;margin:14px 0;padding:12px 0;display:grid}.profile-stats>div{flex-direction:column-reverse;gap:1px;display:flex}.profile-stats>div+div{border-left:1px solid var(--border)}.profile-stats dd{letter-spacing:-.01em;font-size:15px;font-weight:700}.profile-stats dt{color:var(--muted);font-size:12px}.shortcuts ul{flex-direction:column;gap:2px;display:flex}.shortcuts a{border-radius:var(--radius-control);color:var(--text-2);align-items:center;gap:11px;margin:0 -8px;padding:6px 8px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.shortcuts a:hover{background:var(--surface-hover);color:var(--text)}.shortcuts a.active{color:var(--primary);font-weight:600}.shortcut-icon{background:var(--surface-muted);color:#6c737d;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:grid}.shortcuts a:hover .shortcut-icon{background:#eceff3}.shortcuts a.active .shortcut-icon{background:var(--primary-soft);color:var(--primary)}.suggested-list{flex-direction:column;gap:2px;display:flex}.suggested-user{justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.suggested-user .user-identity strong{font-size:13px}.suggested-user .user-identity small{font-size:12px}.suggested-user .button{border-radius:8px;flex-shrink:0;height:28px;padding:0 11px;font-size:12px}.sidebar-footer{color:#a0a6ae;padding:0 4px;font-size:12px}.notice-list{flex-direction:column;display:flex}.notice{border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:4px 10px;margin:0 -12px;padding:10px 12px;transition:background .15s;display:flex;position:relative}.notice:hover{background:#f8f9fb}.notice.compact{margin:0 -10px;padding:8px 10px}.notice-link{border-radius:8px;flex:200px;align-items:flex-start;gap:10px;min-width:0;display:flex}.notice-avatar{flex-shrink:0;position:relative}.notice-icon{background:var(--primary);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:-3px;right:-3px}.notice-icon.type-post_like,.notice-icon.type-comment_like{background:var(--like)}.notice-icon.type-repost,.notice-icon.type-quote_repost{background:var(--success)}.notice-icon.type-comment,.notice-icon.type-comment_reply{background:#7b61ff}.notice-text{flex-direction:column;gap:1px;min-width:0;padding-top:1px;display:flex}.notice-line{color:var(--text-2);font-size:13px;line-height:1.4}.notice-line strong{color:var(--text);font-weight:650}.notice.compact .notice-line{font-size:12.5px}.notice-handle{color:var(--muted);font-size:12px}.notice-preview{color:var(--muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.notice time{color:#a0a6ae;font-size:12px}.notice.unread .notice-line{color:var(--text)}.notice-request{flex-direction:column;align-self:center;align-items:flex-end;gap:4px;margin-left:auto;display:flex}.notice.compact .notice-request{flex-basis:100%;align-items:stretch;padding-left:46px}.notice-actions{gap:6px;display:flex}.notice.compact .notice-actions .button{flex:1}.notice-error{max-width:260px;color:var(--danger);font-size:12px}.notice-status{border-radius:var(--radius-pill);background:var(--surface-muted);height:24px;color:var(--muted);align-self:center;align-items:center;gap:4px;margin-left:auto;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.notice-status.accepted{color:var(--success);background:#e7f6ee}.unread-dot{background:var(--primary);border-radius:50%;flex-shrink:0;align-self:center;width:9px;height:9px;margin-left:4px}.unread-dot:hover:not(:disabled){box-shadow:0 0 0 4px var(--primary-soft)}.notice.compact .unread-dot{align-self:flex-start;margin-top:6px}.notification-center{padding:18px 20px 14px}.notification-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.notification-title{align-items:center;gap:10px;display:flex}.notification-title h1{letter-spacing:-.02em;font-size:24px;font-weight:700}.notification-center .segmented{margin-bottom:8px}.notice-group{padding-top:10px}.group-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:4px 0;font-size:12px;font-weight:650}.notification-center .load-more{margin-top:8px;display:flex}.composer-card{padding:16px var(--card-pad) 12px}.composer-top{align-items:center;gap:12px;display:flex}.composer-trigger{border-radius:var(--radius-pill);background:var(--input);min-width:0;height:42px;color:var(--muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;padding:0 18px;font-size:13.5px;transition:background .15s;display:flex;overflow:hidden}.composer-trigger:hover{background:#eef0f3}.composer-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;display:flex}.composer-tools{gap:4px;display:flex}.composer-tools button{height:32px;color:var(--text-2);border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-size:12.5px;font-weight:550;transition:background .15s;display:inline-flex}.composer-tools button:hover:not(:disabled){background:var(--surface-hover)}.tool-image{color:#22a565}.tool-video{color:#e8475e}.visibility-select{border-radius:var(--radius-pill);background:var(--surface-muted);height:30px;color:var(--text-2);align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:550;display:inline-flex;position:relative}.visibility-select:after{content:"";pointer-events:none;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;margin-left:2px;transform:translateY(-2px)rotate(45deg)}.visibility-select select{background:0 0;border:0;outline:none;padding-right:2px;font-size:12px;font-weight:550}.visibility-select:focus-within{box-shadow:0 0 0 2px var(--primary)}.composer-modal-body{padding:0!important}.composer-editor{flex-direction:column;gap:16px;padding:22px 26px;display:flex}.composer-editor-bottom .composer-tools{flex-wrap:wrap;gap:6px}.composer-editor-bottom .composer-tools button{color:var(--muted);border-radius:8px;padding:6px 10px;font-size:12px;transition:all .15s}.composer-editor-bottom .composer-tools button:hover:not(:disabled){color:var(--primary);background:var(--primary-soft)}.composer-editor-top{align-items:center;gap:10px;display:flex}.composer-editor-meta{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.composer-editor-meta strong{font-size:13.5px;font-weight:650}.composer-editor-meta .visibility-select{height:24px;padding:0 8px}.composer-textarea{resize:vertical;background:0 0;border:0;outline:none;width:100%;min-height:110px;padding:2px 0;font-size:15px;line-height:1.6}.composer-textarea::placeholder{color:#9aa1aa}.composer-editor-bottom{border-top:1px solid var(--border);align-items:center;gap:10px;padding-top:12px;display:flex}.composer-editor-bottom .composer-tools{flex:1}.character-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.character-count.over{color:var(--danger);font-weight:600}.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.attachment-grid.count-1{grid-template-columns:1fr}.attachment{aspect-ratio:4/3;border-radius:var(--radius-media);background:#eef0f3;position:relative;overflow:hidden}.attachment-grid.count-1 .attachment{aspect-ratio:16/10}.attachment img,.attachment video{object-fit:cover;width:100%;height:100%}.attachment-remove{color:#fff;background:#17191d99;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:8px;right:8px}.attachment-remove:hover:not(:disabled){background:#17191dcc}.upload-progress,.upload-error{background:#fffffff0;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.upload-progress progress{appearance:none;background:#e4e7ec;border:0;border-radius:4px;flex:1;height:4px;overflow:hidden}.upload-progress progress::-webkit-progress-bar{background:#e4e7ec}.upload-progress progress::-webkit-progress-value{background:var(--primary)}.upload-progress progress::-moz-progress-bar{background:var(--primary)}.upload-error{color:var(--danger);justify-content:space-between}.upload-error button{color:var(--primary);align-items:center;gap:4px;font-weight:650;display:inline-flex}.feed-toolbar{align-items:center;gap:12px;margin:-4px 0;display:flex}.feed-toolbar-line{background:#e2e5ea;flex:1;height:1px}.feed-sort{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:inline-flex;position:relative}.feed-sort select{color:var(--text);background:0 0;border:0;border-radius:6px;padding:2px 16px 2px 2px;font-size:12px;font-weight:650}.feed-sort:after{content:"";border-right:1.5px solid var(--text);border-bottom:1.5px solid var(--text);pointer-events:none;width:5px;height:5px;position:absolute;top:50%;right:4px;transform:translateY(-70%)rotate(45deg)}.feed-sort select:focus-visible{outline:2px solid var(--primary)}.post-card{padding:16px var(--card-pad) 14px;transition:box-shadow var(--dur) ease, border-color var(--dur) ease}@media (hover:hover){.post-card:hover{border-color:#e1e5eb;box-shadow:0 6px 18px #17191d0d}}.reposted-label{color:var(--muted);align-items:center;gap:6px;margin:-2px 0 10px 4px;font-size:12px;font-weight:550;display:flex}.reposted-label a:hover{color:var(--text)}.post-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.post-author{flex-direction:column;gap:1px;min-width:0;display:flex}.post-author strong{letter-spacing:-.01em;font-size:14px;font-weight:680}.post-meta{color:var(--muted);align-items:center;gap:4px;min-width:0;flex-direction:row!important;font-size:12px!important;display:flex!important}.post-meta>*{color:var(--muted);flex-shrink:0;font-size:12px}.post-meta .post-handle{text-overflow:ellipsis;flex-shrink:1;overflow:hidden}.visibility-icon{margin-left:2px;display:inline-flex}.post-menu{margin:-6px -8px 0 0}.post-content{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px;line-height:1.62}.hashtag{color:var(--primary);font-weight:500}.hashtag:hover{text-underline-offset:2px;text-decoration:underline}.post-content+.post-media-wrap,.post-content+.post-media,.post-content+.quoted-post{margin-top:12px}.post-media-wrap{-webkit-user-select:none;user-select:none;position:relative}.post-double-tap-heart{transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) rotate(var(--rot,0deg)) scale(0);color:#ff3b5c;filter:drop-shadow(0 4px 20px #ff3b5c99);pointer-events:none;z-index:20;animation:.95s cubic-bezier(.17,.89,.32,1.49) forwards post-heart-burst;position:absolute;top:50%;left:50%}@keyframes post-heart-burst{0%{transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) rotate(var(--rot,0deg)) scale(0);opacity:0}15%{transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) rotate(var(--rot,0deg)) scale(1.3);opacity:1}50%{transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) rotate(var(--rot,0deg)) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px) - 20px)) rotate(var(--rot,0deg)) scale(.8);opacity:0}}.post-media{border-radius:var(--radius-media);background:#f0f2f5;gap:4px;display:grid;overflow:hidden}.post-media.count-1{grid-template-columns:1fr}.post-media.count-2{aspect-ratio:16/9;grid-template-columns:1fr 1fr}.post-media.count-3{aspect-ratio:16/10;grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr}.post-media.count-3 .post-media-item:first-child{grid-row:span 2}.post-media.count-4{aspect-ratio:4/3;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.post-media-item{background:#eef0f3;width:100%;min-height:0;position:relative;overflow:hidden}.post-media.count-1 .post-media-item{aspect-ratio:16/10;max-height:560px}.post-media-item img,.post-media-item video{object-fit:cover;width:100%;height:100%}.post-media-item video{object-fit:contain;background:#000}.media-status{height:100%;min-height:140px;color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:12.5px;display:flex}.quoted-post{border:1px solid var(--border-strong);border-radius:var(--radius-media);flex-direction:column;gap:8px;margin-top:12px;padding:12px 14px;transition:background .15s;display:flex}a.quoted-post:hover{background:#fafbfc}.quoted-post .user-identity{gap:7px;font-size:12.5px;flex-direction:row!important}.quoted-post .user-identity strong{font-size:12.5px}.quoted-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px;line-height:1.55}.quoted-post.unavailable{color:var(--muted);background:var(--surface-muted);border-style:dashed;font-size:12.5px}.post-actions{align-items:center;gap:4px;margin-top:12px;margin-left:-8px;margin-right:-8px;display:flex}.post-actions .action,.post-actions summary.action{color:#6c737d;font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 8px;font-size:12.5px;font-weight:550;transition:background .15s,color .15s;display:inline-flex}.post-actions .action+.action,.post-actions .action+.dropdown{margin-left:10px}.post-actions .action:hover:not(:disabled),.post-actions summary.action:hover{background:var(--surface-hover);color:var(--text)}.post-actions .action.like.active{color:var(--like)}.post-actions .action.pop svg,.reel-action.pop .reel-action-icon svg{animation:.42s cubic-bezier(.17,.89,.32,1.49) heart-pop}.post-actions .action.like,.reel-action.like{position:relative;overflow:visible}.post-actions .action.like.pop:before,.reel-action.like.pop:before{content:"";pointer-events:none;background:radial-gradient(circle, var(--like) 0%, transparent 70%);border-radius:50%;width:18px;height:18px;margin:auto;animation:.46s ease-out forwards like-pulse;position:absolute;inset:0}.post-actions .action.like.pop:after,.reel-action.like.pop:after{content:"";pointer-events:none;width:4px;height:4px;color:var(--like);background:0 0;border-radius:50%;animation:.54s cubic-bezier(.3,.8,.4,1) forwards like-spark;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.4);box-shadow:14px -8px,-14px -8px,0 -16px,10px 10px,-10px 10px}@keyframes like-pulse{0%{opacity:.9;transform:scale(.4)}60%{opacity:.35;transform:scale(2.6)}to{opacity:0;transform:scale(3.2)}}@keyframes like-spark{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}.post-actions .action.bookmark.pop svg,.reel-action.bookmark.pop .reel-action-icon svg{animation-name:soft-pop}.post-actions .action.repost.active{color:var(--success)}.post-actions .action.bookmark.active{color:var(--primary)}.post-actions .action.active-neutral{color:var(--text)}.post-actions .action:disabled{opacity:1;cursor:progress}.post-action-spacer{flex:1}.post-actions .post-action-spacer+.action{margin-left:0}.comment-form{align-items:flex-start;gap:10px;display:flex}.comment-form.inline{border-top:1px solid var(--border);align-items:center;margin-top:12px;padding-top:12px}.comment-field{flex:1;min-width:0;position:relative}.comment-field textarea{background:var(--input);resize:none;field-sizing:content;border:1px solid #0000;border-radius:20px;outline:none;width:100%;min-height:38px;max-height:160px;padding:9px 44px 9px 16px;font-size:13px;line-height:1.45;transition:background .15s,border-color .15s;display:block}.comment-field textarea:focus{background:#fff;border-color:#b9d9fb}.comment-field textarea::placeholder{color:#9aa1aa}.comment-send{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;transition:background .15s,opacity .15s;display:grid;position:absolute;top:5px;right:5px}.comment-send:hover:not(:disabled){background:var(--primary-hover)}.comment-send:disabled{opacity:1;background:#c9d3de}.comment-field .inline-error{padding:4px 12px 0}.comment-signin{color:var(--muted);margin-top:12px;font-size:12.5px}.comment-signin a{color:var(--primary);font-weight:600}.comments-section{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:12px;padding-top:14px;display:flex}.comments-title{justify-content:space-between;align-items:center;display:flex}.comments-title h3{font-size:13.5px;font-weight:680}.comments-title select{border:1px solid var(--border-strong);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237c838d' fill='none' stroke-width='1.5'/%3E%3C/svg%3E") right 8px center no-repeat;border-radius:8px;padding:4px 22px 4px 10px;font-size:12px}.comments-section .empty-state{padding:14px 8px}.comment-item{align-items:flex-start;gap:9px;display:flex}.comment-body{flex:1;min-width:0}.comment-bubble{background:var(--surface-muted);border-radius:14px;max-width:100%;padding:8px 12px;display:inline-block}.comment-heading{align-items:baseline;gap:8px;display:flex}.comment-heading strong{font-size:12.5px;font-weight:650}.comment-heading time{color:#a0a6ae;font-size:12px}.comment-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.comment-bubble textarea{border:1px solid var(--border-strong);background:#fff;border-radius:8px;width:100%;min-height:64px;margin-top:4px;padding:8px 10px;font-size:13px}.comment-actions{align-items:center;gap:12px;padding:4px 4px 0;display:flex}.comment-actions button,.comment-actions>span{color:var(--muted);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.comment-actions button:hover:not(:disabled){color:var(--text)}.comment-actions .liked{color:var(--like)}.replies-toggle{color:var(--primary);align-items:center;gap:6px;margin:6px 0 0 4px;font-size:12px;font-weight:600;display:inline-flex}.reply-list{flex-direction:column;gap:10px;margin-top:10px;display:flex}.comment-body .comment-form{margin-top:8px}.inline-actions{justify-content:flex-end;gap:8px;display:flex}.page-header{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.page-header h1{letter-spacing:-.02em;font-size:24px;font-weight:700}.page-header p{color:var(--muted);margin-top:2px;font-size:12.5px}.back-link{color:var(--muted);align-self:flex-start;align-items:center;gap:6px;font-size:12.5px;font-weight:550;display:inline-flex}.back-link:hover{color:var(--text)}.eyebrow{letter-spacing:.08em;color:var(--primary);margin-bottom:8px;font-size:12px;font-weight:650;display:block}.explore-search{padding:14px}.explore-search form{border-radius:var(--radius-pill);background:var(--input);height:44px;color:var(--muted);border:1px solid #0000;align-items:center;gap:10px;padding:0 6px 0 16px;display:flex}.explore-search form:focus-within{background:#fff;border-color:#b9d9fb}.explore-search form svg{width:18px;height:18px}.explore-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:14px}.search-tabs{border-radius:var(--radius-control);background:var(--surface-muted);gap:4px;width:fit-content;margin-top:12px;padding:3px;display:flex}.search-tabs button{height:28px;color:var(--muted);border-radius:8px;padding:0 16px;font-size:12.5px;font-weight:600}.search-tabs button.active{color:var(--text);background:#fff;box-shadow:0 1px 2px #17191d14}.search-results-heading{justify-content:space-between;align-items:baseline;padding:0 4px;display:flex}.search-results-heading h1{font-size:15px;font-weight:680}.search-results-heading .muted{font-size:12px}.people-results{padding:6px 18px}.people-result{justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.people-result+.people-result{border-top:1px solid var(--border)}.people-result .user-identity p{color:var(--text-2);-webkit-line-clamp:1;white-space:normal;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;display:-webkit-box;overflow:hidden}.settings-card{padding:20px 22px}.settings-title{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.settings-title>svg{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:50%;flex-shrink:0;padding:8px}.settings-title h2{font-size:16px;font-weight:680}.settings-title p{color:var(--muted);font-size:12.5px}.settings-images{align-items:center;gap:16px;margin-bottom:18px;display:flex}.settings-images>div{flex-wrap:wrap;gap:8px 14px;display:flex}.image-control{align-items:center;gap:8px;display:flex}.image-control label.disabled{opacity:.55;pointer-events:none}.settings-progress{color:var(--muted);align-items:center;gap:10px;margin-bottom:16px;font-size:12px;display:flex}.settings-progress progress{height:4px;accent-color:var(--primary);flex:1}.privacy-control{background:var(--surface-muted);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 18px;padding:12px 14px;display:flex}.privacy-control>span{align-items:center;gap:10px;display:flex}.privacy-control>span>span{flex-direction:column;display:flex}.privacy-control strong{font-size:13px;font-weight:650}.privacy-control small{color:var(--muted);font-size:12px}.privacy-control input{width:18px;height:18px;accent-color:var(--primary)}.session-control{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.session-control h3{font-size:13.5px;font-weight:650}.session-control p{color:var(--muted);font-size:12px}.settings-card .people-result .inline-actions{flex-shrink:0}.auth-page{flex-direction:column;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.auth-brand{margin-bottom:28px}.auth-grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:56px;width:min(980px,100%);display:grid}.auth-intro h1{letter-spacing:-.03em;font-size:clamp(26px,3vw,36px);font-weight:720;line-height:1.15}.auth-intro>p{max-width:420px;color:var(--text-2);margin-top:14px;font-size:14.5px;line-height:1.6}.auth-features{flex-direction:column;gap:12px;margin-top:26px;display:flex}.auth-features span{color:var(--text-2);align-items:center;gap:12px;font-size:13.5px;font-weight:550;display:flex}.auth-features svg{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:50%;padding:8px}.auth-art{display:none}.auth-card{padding:28px}.auth-card h2{letter-spacing:-.02em;font-size:19px;font-weight:700}.auth-card>.muted{margin:4px 0 22px;font-size:13px}.auth-submit{height:42px;margin-top:6px}.auth-switch{text-align:center;color:var(--muted);margin-top:18px;font-size:13px}.auth-switch a{color:var(--primary);font-weight:600}.auth-card .back-link{justify-content:center;margin:12px auto 0;display:flex}.auth-footer{color:#a0a6ae;margin-top:28px;font-size:12px}.not-found{text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(480px,100% - 32px);margin:18vh auto 0;padding:36px 28px;display:flex}.not-found h1{font-size:20px;font-weight:700}.not-found p{color:var(--muted);margin-bottom:8px}.route-loading{width:min(640px,100% - 32px);margin:40px auto}.initial-loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}@media (max-width:1439px){:root{--container:90vw;--gap:20px}}@media (max-width:1239px){:root{--cols:minmax(0, 23fr) minmax(0, 54fr) minmax(0, 23fr);--gap:18px}.header-search{max-width:180px}.profile-dropdown-name{display:none}}@media (max-width:1099px){:root{--container:94vw;--cols:minmax(0, 32fr) minmax(0, 68fr)}.right-sidebar{display:none}.header-nav{grid-area:1/2;justify-content:flex-start;gap:6px}.header-right{grid-area:1/2;justify-self:end}}@media (max-width:767px){:root{--container:100%;--header-h:58px;--cols:minmax(0, 1fr);--card-pad:14px}.app-container{padding-left:14px;padding-right:14px}.header-inner{grid-template-columns:minmax(0,1fr) auto;column-gap:10px}.header-right{grid-column:2}.brand{font-size:21px}.brand-logo{width:34px}.header-search,.header-nav,.left-sidebar{display:none}.mobile-only{display:inline-grid!important}.header-auth .button.ghost{display:none}.app-grid{padding-top:14px;padding-bottom:calc(78px + env(safe-area-inset-bottom));gap:14px}.main-column,.post-list{gap:12px}.card{border-radius:14px}.post-card{padding:14px var(--card-pad) 12px}.post-content{font-size:14.5px}.post-media.count-1 .post-media-item{max-height:70vh}.post-actions .action+.action,.post-actions .action+.dropdown{margin-left:2px}.post-actions .action{height:38px;padding:0 10px}.composer-tools button{height:36px}.button.xs{height:34px;padding:0 14px}.notice-request{flex-basis:100%;align-items:stretch;padding-left:52px}.notice-actions .button{flex:1}.notification-center{padding:14px}.notification-header{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.settings-card{padding:16px}.settings-images{align-items:flex-start}.session-control,.page-header{flex-direction:column;align-items:flex-start}.public-profile-content{padding:0 16px 14px}.profile-tabs{padding:0 16px}.modal{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}.composer-textarea{min-height:160px}.mobile-nav{z-index:40;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#fffffffa;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#8a919b;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;font-size:10.5px;font-weight:600;display:flex}.mobile-nav a.active{color:var(--primary)}.mobile-nav-icon{position:relative}.mobile-nav-icon .nav-badge{top:-6px;left:12px}.toast{bottom:calc(76px + env(safe-area-inset-bottom))}.auth-grid{grid-template-columns:1fr;gap:24px}.auth-intro{display:none}.auth-card{padding:22px 18px}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px)scale(.92)}}@keyframes dialog-out{to{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes heart-pop{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes soft-pop{0%{transform:scale(1)}45%{transform:scale(.84)}to{transform:scale(1)}}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(12px)}}@keyframes flash-out{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.08)}}.post-actions .action svg,.reel-action-icon svg{transition:color var(--dur) ease, fill var(--dur) ease}.profile-header{overflow:hidden}.profile-hero{background:#dbe9f9;border-radius:12px;height:clamp(140px,14vw,220px);margin:8px 8px 0;overflow:hidden}.profile-hero.skeleton{border-radius:12px}.profile-hero img{object-fit:cover;width:100%;height:100%}.profile-header-body{padding:0 24px 18px}.profile-header-top{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:-52px;display:flex}.profile-avatar .avatar,.profile-avatar-skeleton{border:4px solid #fff;box-shadow:0 1px 4px #17191d14}.profile-avatar-skeleton.skeleton.circle{width:104px;height:104px;margin-top:-52px;margin-bottom:12px}.profile-actions{align-items:center;gap:8px;padding-bottom:6px;display:flex}.profile-actions>.button{min-width:112px}.profile-name{letter-spacing:-.02em;overflow-wrap:anywhere;align-items:center;gap:6px;margin-top:12px;font-size:22px;font-weight:700;line-height:1.25;display:flex}.profile-name svg{color:var(--muted);flex-shrink:0}.profile-handle{color:var(--muted);align-items:center;gap:8px;margin-top:2px;font-size:13.5px;display:flex}.follows-you{background:var(--surface-muted);color:var(--text-2);border-radius:6px;padding:2px 7px;font-size:12px;font-weight:600}.profile-counts{flex-wrap:wrap;gap:4px 22px;margin-top:14px;display:flex}.profile-counts>*{color:var(--text-2);font-size:14px}.profile-counts strong{color:var(--text);font-weight:700}.profile-counts button{transition:color var(--dur-fast) ease;border-radius:6px}.profile-counts button:hover:not(:disabled){color:var(--text)}.profile-counts button:disabled{opacity:1;cursor:default}.profile-bio-text{white-space:pre-wrap;overflow-wrap:anywhere;max-width:620px;margin-top:12px;font-size:14px;line-height:1.6}.profile-details{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:13px;display:flex}.profile-details>*{align-items:center;gap:5px;display:inline-flex}.profile-details a{color:var(--primary);font-weight:500}.profile-details a:hover{text-underline-offset:3px;text-decoration:underline}.profile-tabs{grid-template-columns:repeat(var(--tab-count), minmax(0, 1fr));border-top:1px solid var(--border);display:grid;position:relative}.profile-tabs button{height:48px;color:var(--muted);transition:color var(--dur) ease;justify-content:center;align-items:center;gap:7px;font-size:13.5px;font-weight:600;display:inline-flex}.profile-tabs button:hover{color:var(--text-2)}.profile-tabs button.active{color:var(--text)}.profile-tab-indicator{width:calc(100% / var(--tab-count));height:2px;transform:translateX(calc(var(--tab-index) * 100%));transition:transform .24s var(--ease-out);justify-content:center;display:flex;position:absolute;bottom:-1px;left:0}.profile-tab-indicator:after{content:"";background:var(--primary);border-radius:2px;width:min(96px,60%);height:2px}.profile-panel{animation:fade-in var(--dur) ease;flex-direction:column;gap:18px;display:flex}.connections{padding-top:4px!important}.modal .people-result{padding:10px 0}.skeleton-list{padding:4px 0}.edit-profile-dialog{width:min(620px,100vw - 24px)}.edit-media{margin-bottom:58px;position:relative}.edit-cover{background:#dbe9f9;border-radius:12px;height:150px;position:relative;overflow:hidden}.edit-cover img{object-fit:cover;width:100%;height:100%}.edit-cover-actions{gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.chip-button{border-radius:var(--radius-pill);color:#fff;cursor:pointer;height:32px;transition:background var(--dur-fast) ease;background:#17191d9e;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.chip-button:hover{background:#17191dc7}.chip-button.disabled{opacity:.55;pointer-events:none}.edit-avatar{align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:-50px;left:18px}.edit-avatar .avatar{border:4px solid #fff;box-shadow:0 1px 4px #17191d1a}.edit-avatar-button{background:var(--primary);color:#fff;cursor:pointer;width:32px;height:32px;transition:background var(--dur-fast) ease;border:3px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:4px;left:68px}.edit-avatar-button:hover{background:var(--primary-hover)}.edit-avatar-button.disabled{opacity:.55;pointer-events:none}.edit-avatar .text-button{margin-bottom:6px;margin-left:4px}.edit-profile .dialog-actions{border-top:1px solid var(--border);background:#fff;margin:0 -20px -20px;position:sticky;bottom:-20px;padding:14px 20px!important}.confirm-dialog{width:min(440px,100vw - 24px)}.confirm-body{color:var(--text-2);font-size:13.5px;line-height:1.55;padding-bottom:0!important}.block-explainer{gap:6px;padding-left:18px;list-style:outside;display:grid}.report-dialog{width:min(520px,100vw - 24px)}.report-intro{margin-bottom:10px;font-size:13.5px}.report-reasons{gap:6px;max-height:min(340px,45vh);margin-bottom:14px;padding-right:2px;display:grid;overflow-y:auto}.report-reason{border:1px solid var(--border);border-radius:var(--radius-control);cursor:pointer;transition:border-color var(--dur-fast) ease, background var(--dur-fast) ease;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.report-reason:hover{background:#fafbfc}.report-reason.selected{border-color:var(--primary);background:var(--primary-soft)}.report-reason input{accent-color:var(--primary);margin-top:2px}.report-reason span{flex-direction:column;display:flex}.report-reason strong{font-size:13.5px;font-weight:600}.report-reason small{color:var(--muted);font-size:12px}.report-done{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex;padding:26px 24px 24px!important}.report-done svg{color:var(--success)}.report-done h3{font-size:16px;font-weight:650}.report-done p{max-width:340px;color:var(--muted);margin-bottom:8px;font-size:13px}input.switch{appearance:none;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur) ease;background:#d3d9e1;flex-shrink:0;position:relative;width:42px!important;height:24px!important}input.switch:before{content:"";width:18px;height:18px;transition:transform var(--dur) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #17191d33}input.switch:checked{background:var(--primary)}input.switch:checked:before{transform:translate(18px)}input.switch:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input.switch:disabled{opacity:.6;cursor:progress}html.reels-mode,html.reels-mode body{overscroll-behavior:none;background:#0a0a0b;height:100%;overflow:hidden}.reels-page{--reel-h:min(calc(var(--app-h,100dvh) - 40px), calc((100vw - 280px) * 16 / 9));--reel-w:calc(var(--reel-h) * 9 / 16);z-index:30;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:#fff;background:radial-gradient(120% 90% at 50% 40%,#17181b 0%,#0a0a0b 70%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.reels-page.comments-open{--reel-h:min(calc(var(--app-h,100dvh) - 40px), calc((100vw - 720px) * 16 / 9))}.reels-topbar{z-index:6;top:calc(16px + env(safe-area-inset-top));left:calc(18px + env(safe-area-inset-left));align-items:center;gap:12px;display:flex;position:absolute}.reels-title{letter-spacing:-.01em;align-items:center;gap:8px;font-size:16px;font-weight:650;display:inline-flex}.reels-icon-button{color:#fff;width:40px;height:40px;transition:background var(--dur-fast) ease, transform .12s ease;background:#ffffff1a;border-radius:50%;place-items:center;display:grid}.reels-icon-button:hover:not(:disabled){background:#ffffff2e}.reels-icon-button:active:not(:disabled){transform:scale(.94)}.reels-icon-button:disabled{opacity:.3}.reels-nav{z-index:5;right:calc(28px + env(safe-area-inset-right));flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.reels-shell{align-items:flex-end;gap:18px;display:flex;position:relative}.reel-viewport{height:var(--reel-h);width:var(--reel-w);aspect-ratio:9/16;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;transition:height var(--dur) var(--ease-out), width var(--dur) var(--ease-out);background:#000;border-radius:16px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000073}.reel-track{position:absolute;inset:0}.reel-slide{transition:transform .34s var(--ease-out);will-change:transform;position:absolute;inset:0;overflow:hidden}.reel-player{cursor:pointer;background:#050505;position:absolute;inset:0;overflow:hidden}.reel-video{object-fit:contain;background:0 0;width:100%;height:100%;position:absolute;inset:0}.reel-center{z-index:2;color:#fff;pointer-events:none;background:#0000006b;border-radius:50%;place-items:center;width:66px;height:66px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reel-loading{background:0 0}.reel-play-indicator{animation:fade-in var(--dur) ease}.reel-flash{animation:.45s forwards flash-out}.reel-pause-glyph{border-left:6px solid #fff;border-right:6px solid #fff;width:18px;height:22px}.reel-replay{border-radius:var(--radius-pill);pointer-events:auto;background:#ffffff29;gap:8px;width:auto;height:44px;padding:0 18px;font-size:13.5px;font-weight:600;display:inline-flex}.reel-replay:hover{background:#ffffff3d}.reel-error,.reel-state{z-index:3;text-align:center;color:#e9e9eb;background:#0d0d0f;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px;display:flex;position:absolute;inset:0}.reel-error p,.reel-state h2{font-size:16px;font-weight:650}.reel-error small,.reel-state p{color:#a5a7ad;max-width:260px;font-size:13px}.reel-error .button,.reel-state .button{margin-top:8px}.reel-info{z-index:3;cursor:default;padding:12px 20px 8px;position:absolute;bottom:68px;left:0;right:0}.reel-creator,.reel-creator-link{align-items:center;gap:10px;min-width:0;display:flex}.reel-creator-link .avatar{border:2px solid #ffffffd9}.reel-creator-link>span:not(.avatar){flex-direction:column;min-width:0;display:flex}.reel-creator strong{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #0006;font-size:14px;font-weight:650;overflow:hidden}.reel-creator small{color:#ffffffc7;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.reel-caption{-webkit-line-clamp:2;text-align:left;color:#fff;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 1px 2px #00000059;-webkit-box-orient:vertical;max-width:100%;margin-top:10px;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.reel-caption.expanded{max-height:34vh;display:block;overflow-y:auto}.reel-actions{flex-direction:column;align-items:center;gap:14px;padding-bottom:6px;display:flex}.reel-action{color:#fff;font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.reel-action-icon{width:48px;height:48px;transition:background var(--dur-fast) ease, transform .12s ease;background:#ffffff1a;border-radius:50%;place-items:center;display:grid}.reel-action:hover:not(:disabled) .reel-action-icon{background:#ffffff2e}.reel-action:active:not(:disabled) .reel-action-icon{transform:scale(.92)}.reel-action:disabled{opacity:1}.reel-action.repost:disabled{opacity:.45}.reel-action.like.active{color:#ff4d67}.reel-action.repost.active{color:#4ade80}.reel-action.bookmark.active{color:#ffd166}.reel-action.active-neutral .reel-action-icon{background:#ffffff3d}.reel-more .dropdown-menu{color:var(--text);top:auto;bottom:calc(100% + 8px)}.reel-comments{width:380px;height:var(--reel-h);color:var(--text);animation:slide-in-right var(--dur) var(--ease-out);background:#fff;border-radius:16px;outline:none;flex-direction:column;display:flex;overflow:hidden}.reel-comments header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 14px 12px 18px;display:flex}.reel-comments h2{font-size:15px;font-weight:650}.reel-comments h2 span{color:var(--muted);margin-left:4px;font-weight:500}.reel-comments-body{overscroll-behavior:contain;flex:1;padding:0 16px 16px;overflow-y:auto}.reel-comments-body .comments-section{border-top:0;margin-top:0}.reel-comments footer{padding:10px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.reel-comments footer .comment-form.inline{border-top:0;margin-top:0;padding-top:0}.reel-sheet-backdrop,.reel-sheet-handle{display:none}@media (max-width:767px){.profile-header-body{padding:0 16px 14px}.profile-header-top{margin-top:-40px}.profile-avatar .avatar{width:84px!important;height:84px!important}.profile-actions>.button{min-width:0;height:34px}.profile-name{font-size:20px}.profile-counts{gap:4px 16px}}@media (max-width:899px){.reels-page,.reels-page.comments-open{--reel-h:min(calc(var(--app-h,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom)), calc(100vw * 16 / 9));background:#050505}.reels-nav{display:none}.reels-topbar{top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left))}.reels-title{text-shadow:0 1px 3px #00000080}.reels-topbar .reels-icon-button,.reel-mute{background:#00000052}.reel-viewport{box-shadow:none;border-radius:0}.reel-actions{z-index:4;gap:12px;position:absolute;bottom:92px;right:8px}.reel-action{text-shadow:0 1px 2px #00000080}.reel-action-icon{background:#00000038;width:44px;height:44px}.reel-info{padding-right:72px}.reel-sheet-backdrop{z-index:19;animation:fade-in var(--dur) ease;background:#00000059;display:block;position:fixed;inset:0}.reel-comments{z-index:20;width:100%;height:72dvh;animation:slide-up .26s var(--ease-out);transition:transform .2s var(--ease-out);border-radius:18px 18px 0 0;position:fixed;bottom:0;left:0;right:0}.reel-sheet-handle{touch-action:none;justify-content:center;padding:8px 0 2px;display:flex}.reel-sheet-handle span{background:#d5d9df;border-radius:4px;width:38px;height:4px}.reel-comments header{padding-top:6px}}@media (prefers-reduced-motion:reduce){.reel-slide,.profile-tab-indicator{transition:none!important}}.reel-comments .comments-title{justify-content:flex-end;padding-top:10px}.reel-comments .comments-title h3{display:none}.composer-disabled{color:var(--muted);padding:6px 2px;font-size:13px}.readonly-banner{color:#8a5300;text-align:center;background:#fdf3e2;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.inbox-icon{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.inbox-item.warning .inbox-icon{color:#b26a00;background:#fdf3e2}.inbox-body{color:var(--text-2);white-space:pre-line;overflow-wrap:anywhere}.inbox-group .group-label{justify-content:space-between;align-items:center;display:flex}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.profile-editor-page{padding-top:28px;padding-bottom:48px}.profile-editor-page .page-header{box-shadow:none;background:0 0;border:0;margin-bottom:24px;padding:0}.profile-editor-page .page-header h1{letter-spacing:-.04em;font-size:clamp(24px,2.2vw,32px);font-weight:600}.profile-editor-page .page-header p{margin-top:5px}.profile-editor-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start;gap:28px;display:grid}.profile-editor-form{min-width:0;padding:0;overflow:visible}.editor-section{border-bottom:1px solid var(--border);padding:28px}.editor-section-heading{align-items:center;gap:12px;margin-bottom:24px;display:flex}.editor-step{color:var(--primary);background:var(--primary-soft);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:11px;font-weight:600;display:grid}.editor-section h2{letter-spacing:-.02em;font-size:16px;font-weight:600}.editor-section-heading p{color:var(--muted);margin-top:3px;font-size:12px}.profile-editor-form .form-field{margin-bottom:18px}.profile-editor-form .form-grid .form-field{min-width:0}.profile-editor-form .form-field>span small{color:var(--muted);font-size:10px;font-weight:400}.profile-editor-form .form-field input,.profile-editor-form .form-field textarea{transition:border-color .18s,box-shadow .18s}.profile-editor-form .form-field input:focus,.profile-editor-form .form-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.profile-editor-form .form-field:last-child{margin-bottom:0}.profile-editor-form .edit-cover,.editor-preview-cover,.profile-hero{aspect-ratio:3;height:auto}.editor-privacy{cursor:pointer;align-items:center;gap:24px;display:flex}.editor-privacy strong{align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.editor-privacy p{max-width:480px;color:var(--muted);margin-top:7px;font-size:12px;line-height:1.6}.editor-privacy input{width:20px;height:20px;accent-color:var(--primary);flex-shrink:0;margin-left:auto}.editor-save{z-index:3;background:#fff;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 12px #17191d03}.editor-save>span{color:var(--muted);font-size:11px}.editor-save>div{gap:10px;display:flex}.profile-editor-form>.settings-progress,.profile-editor-form>.form-error{margin:18px 28px}.editor-preview{top:calc(var(--header-h) + 28px);min-width:0;position:sticky}.editor-preview-label{letter-spacing:.1em;color:var(--text-2);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10px;font-weight:600;display:flex}.editor-preview-label span{color:var(--muted);letter-spacing:0;font-weight:400}.editor-preview-card{padding:8px;overflow:hidden}.editor-preview-cover{background:#dbe9f9;border-radius:10px;overflow:hidden}.editor-preview-cover img{object-fit:cover;width:100%;height:100%}.editor-preview-body{padding:0 18px}.editor-preview-body>.avatar{border:4px solid #fff;margin-top:-42px;transition:background .2s;position:relative}.editor-preview-body h2{overflow-wrap:anywhere;align-items:center;gap:8px;margin-top:12px;font-size:18px;font-weight:600;display:flex}.editor-preview-body>p:not(.profile-handle){color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.editor-preview-body p svg{flex-shrink:0}.editor-preview-body>p.editor-preview-bio{white-space:pre-wrap;color:var(--text-2);display:block}.editor-preview-tabs{border-top:1px solid var(--border);color:var(--muted);gap:26px;margin-top:24px;padding-top:14px;font-size:12px;display:flex}.editor-preview-tabs span{padding-bottom:12px}.editor-preview-tabs span:first-child{color:var(--primary);border-bottom:2px solid var(--primary);font-weight:500}.editor-preview-note{color:var(--muted);padding:18px 4px;font-size:12px;line-height:1.7}.editor-loading{flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:50px;display:flex}.modal.crop-dialog{width:min(640px,100vw - 24px)}.modal.crop-dialog[open]{animation:.18s fade-in}.modal.crop-dialog.closing{animation:.16s fade-out}.modal.crop-dialog>.crop-stage{padding:0}.modal.crop-dialog>.crop-help{padding:0 20px}.crop-help{color:var(--muted);margin:16px 0;padding:0 20px;font-size:12px;line-height:1.6}.crop-stage{background:#17191d;border-radius:12px;place-items:center;height:min(420px,48dvh);margin:0 20px;display:grid;position:relative;overflow:hidden}.crop-stage.cover{height:min(340px,38dvh)}.crop-zoom{align-items:center;gap:14px;padding:20px;display:flex}.crop-zoom input{min-width:0;accent-color:var(--primary);flex:1}.crop-zoom output{color:var(--muted);min-width:38px;font-size:12px}:is(.chip-button:has(input:focus-visible),.edit-avatar-button:has(input:focus-visible)){outline:3px solid var(--primary);outline-offset:3px}:is(.chip-button:has(input:disabled),.edit-avatar-button:has(input:disabled)){pointer-events:none;opacity:.5}.button:active:not(:disabled),.icon-button:active:not(:disabled){transform:scale(.97)}.card{transition:border-color .18s,box-shadow .18s}.post-card:hover{border-color:var(--border-strong)}.comment-item>a{border-radius:50%;flex-shrink:0}.notice-line a:hover,.notice-avatar:hover,.comment-heading a:hover{color:var(--primary)}.reel-load-skeleton{pointer-events:none;background:linear-gradient(130deg,#101216,#20242c,#101216) 0 0/200% 200%;animation:2s infinite reel-skeleton;position:absolute;inset:0}.reel-buffer-hint{z-index:4;color:#fff;background:#17191daa;border-radius:8px;padding:8px 10px;font-size:11px;position:absolute;top:16px;left:16px;right:60px}.reel-buffer-hint button{color:#a8d4ff;margin-left:8px;text-decoration:underline}.reel-comments.closing{pointer-events:none;animation:.18s forwards reel-panel-out}.reel-sheet-backdrop.closing{animation:.18s forwards fade-out}@keyframes reel-skeleton{50%{background-position:100% 100%}}@keyframes reel-panel-out{to{opacity:0;transform:translate(16px)}}@keyframes reel-sheet-out{to{opacity:.5;transform:translateY(100%)}}@media (max-width:1023px){.profile-editor-grid{grid-template-columns:minmax(0,1fr)}.editor-preview{position:static}.editor-preview-card{max-width:580px}}@media (max-width:767px){.profile-editor-page{padding:20px 14px 100px}.profile-editor-page .page-header{align-items:flex-start;gap:14px}.profile-editor-page .page-header .text-button{white-space:nowrap;font-size:11px}.profile-editor-grid{gap:22px}.editor-section{padding:20px 16px}.editor-section-heading{gap:9px}.editor-section h2{font-size:14px}.editor-save{flex-wrap:wrap;padding:14px 16px;bottom:64px}.editor-save>div{margin-left:auto}.editor-save .button{padding:0 14px;font-size:12px}.editor-preview{order:-1}.editor-preview-note{display:none}.profile-editor-form .edit-cover-actions{bottom:6px;right:6px}.profile-editor-form .chip-button{height:28px;padding:0 9px;font-size:10px}.crop-stage{margin:0 12px}.modal.crop-dialog{border-radius:16px;height:auto;max-height:calc(100dvh - 24px);margin:auto}}@media (max-width:899px){.reel-comments.closing{animation-name:reel-sheet-out}}@media (prefers-reduced-motion:reduce){.crop-dialog,.crop-dialog.closing,.reel-comments,.reel-sheet-backdrop{animation:none!important}.reel-viewport,.reel-comments,.reels-sidebar nav a,.editor-preview-body>.avatar,.card{transition:none!important}.button:active:not(:disabled),.icon-button:active:not(:disabled){transform:none}.reel-load-skeleton{animation:none}}
.video-player{isolation:isolate;color:#fff;background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.video-player-feed{margin:auto}.video-player video{z-index:0}.post-media:not(.count-1) .video-player-feed{width:100%;height:100%;aspect-ratio:auto!important;max-width:none!important}.post-media .post-media-item.has-video{aspect-ratio:auto;background:#000;justify-content:center;align-items:center;min-height:0;max-height:none;display:flex}.post-media .video-player video{object-fit:contain;width:100%;height:100%;min-height:0;max-height:none;display:block;position:absolute;inset:0}.video-play-surface{z-index:2;border-radius:inherit;background:0 0;width:100%;height:100%;position:absolute;inset:0}.video-play-surface:focus-visible{outline-offset:-5px;outline:2px solid #8dcaff}.video-center{pointer-events:none;background:#0007;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-loading{z-index:2;background:0 0}.video-placeholder{pointer-events:none;background:linear-gradient(120deg,#101010,#202020,#101010) 0 0/200% 200%;animation:2s infinite reel-skeleton;position:absolute;inset:0}.video-player:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#000b);height:min(65%,260px);position:absolute;inset:auto 0 0}.video-playback-dock{z-index:4;opacity:0;pointer-events:none;padding:4px 12px 2px;transition:opacity .18s;position:absolute;bottom:0;left:0;right:0}.video-playback-dock>*{pointer-events:auto}.video-controls{align-items:center;gap:4px;min-height:36px;display:flex}.video-player:hover .video-playback-dock,.video-player:focus-within .video-playback-dock,.video-player.is-paused .video-playback-dock{opacity:1}.video-controls button,.video-controls a{color:#fff;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;transition:background .18s,color .18s;display:grid}.video-controls button:hover,.video-controls a:hover{background:#ffffff26}.video-controls button:focus-visible,.video-controls a:focus-visible,.video-seek:focus-visible{outline-offset:2px;outline:2px solid #8dcaff}.video-time{font-variant-numeric:tabular-nums;color:#e8e8e8;font-size:11px}.video-audio-hint{color:#d5eaff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;min-width:0;margin-left:auto;font-size:9px;overflow:hidden}.video-controls .video-sound{margin-left:auto}.video-volume-wrap{align-items:center;margin-left:auto;display:inline-flex;position:relative}.video-volume-wrap .video-sound{margin-left:0}.video-volume-popover{-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;z-index:20;background:#141414e6;border-radius:20px;justify-content:center;align-items:center;width:36px;height:110px;padding:10px 0;transition:opacity .16s,transform .18s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 10px 24px #00000059}.video-volume-wrap.open .video-volume-popover{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.video-volume-wrap:before{content:"";width:40px;height:10px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.video-volume-slider{appearance:slider-vertical;writing-mode:vertical-lr;accent-color:#fff;cursor:pointer;direction:rtl;background:0 0;width:6px;height:90px;margin:0;padding:0}.video-volume-slider::-webkit-slider-runnable-track{background:#ffffff40;border-radius:2px;width:4px}.video-volume-slider::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;margin-left:-5px;box-shadow:0 1px 3px #0006}.video-volume-slider::-moz-range-track{background:#ffffff40;border-radius:2px;width:4px}.video-volume-slider::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px}.video-seek{z-index:5;width:100%;height:20px;accent-color:var(--primary);cursor:pointer;touch-action:none;background:0 0;border:none;margin:0;padding:0;display:block;position:relative}.video-seek:disabled{opacity:.45}.video-seek{appearance:none}.video-seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--video-progress-color,#258cf4) var(--video-progress,0%), #ffffff50 var(--video-progress,0%));border-radius:3px;height:3px}.video-seek::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:10px;height:10px;margin-top:-3.5px;box-shadow:0 1px 3px #0005}.video-seek::-moz-range-track{background:#ffffff50;border-radius:3px;height:3px}.video-seek::-moz-range-progress{background:var(--video-progress-color,#258cf4);height:3px}.video-seek::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:10px;height:10px}@media (hover:hover){.video-seek:hover::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4.5px}.video-seek:hover::-moz-range-thumb{width:12px;height:12px}}.video-play-hint{z-index:2;text-align:center;pointer-events:none;font-size:12px;position:absolute;top:calc(50% + 40px);left:0;right:0}.video-buffer-hint{z-index:5;background:#181818de;border-radius:8px;padding:8px 10px;font-size:11px;position:absolute;top:12px;left:12px;right:72px}.video-buffer-hint button{color:#a8d4ff;margin-left:8px;text-decoration:underline}.video-error{z-index:5;text-align:center;background:#111;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:13px;display:flex;position:absolute;inset:0}.video-error small{color:#aaa;max-width:280px}.video-player:fullscreen{border-radius:0;width:100%;height:100%;aspect-ratio:auto!important;max-width:none!important}.video-player:fullscreen video{object-fit:contain}.video-player:fullscreen .video-playback-dock{padding-bottom:max(2px, env(safe-area-inset-bottom));padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.video-settings-note{color:var(--muted);margin:14px 0 0;font-size:12px}.reels-page,.reels-page.comments-open{--sidebar-w:72px;--comments-w:0px;color:#fff;background:#000;align-items:stretch;padding:0}.reels-page.comments-open{--comments-w:384px}.reels-sidebar{width:72px;height:var(--app-h,100dvh);z-index:9;background:#000;border-right:1px solid #202020;align-items:center;gap:24px;padding:20px 12px}.reels-sidebar .brand{height:40px;padding:0}.reels-sidebar .brand-logo{width:36px}.reels-sidebar nav{flex-direction:column;align-items:center;gap:8px;display:flex}.reels-sidebar nav>a,.reels-sidebar nav>button,.reels-rail-more>summary{color:#d9d9d9;background:0 0;border-radius:12px;place-items:center;width:46px;height:46px;padding:0;transition:color .18s,background .18s;display:grid;position:relative}.reels-sidebar nav>a:hover,.reels-sidebar nav>button:hover,.reels-rail-more>summary:hover{color:#fff;background:#1d1d1d}.reels-sidebar nav a[aria-current]{color:#62b5ff;box-shadow:none;background:#258cf420}.reels-sidebar nav .reels-tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#232323;border:1px solid #353535;border-radius:8px;padding:7px 11px;font-size:11px;font-weight:500;transition:opacity .15s,transform .15s;display:block;position:absolute;top:50%;left:calc(100% + 10px);transform:translate(4px,-50%)}.reels-sidebar nav>a:hover .reels-tooltip,.reels-sidebar nav>a:focus-visible .reels-tooltip,.reels-sidebar nav>button:hover .reels-tooltip,.reels-sidebar nav>button:focus-visible .reels-tooltip,.reels-rail-more>summary:hover .reels-tooltip,.reels-rail-more>summary:focus-visible .reels-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)}.reels-rail-create{order:5}.reels-sidebar nav>a[aria-label=Notifications]{order:6}.reels-sidebar nav>a[aria-label=Profile]{order:7}.reels-rail-more{order:8}.reels-rail-more .dropdown-menu{inset:auto auto 0 calc(100% + 12px)}.reels-rail-more .dropdown-menu,.reel-more .dropdown-menu{color:#fff;--text:#fff;--background:#272727;--muted:#aaa;--border:#333;background:#181818;border-color:#333}.reels-workspace{flex:1;align-items:stretch;gap:0;min-width:0;min-height:0;padding:0;display:flex}.reels-shell{flex:1;justify-content:center;align-items:center;gap:0;min-width:0;height:100%;position:relative}.reel-viewport{width:var(--reel-w);height:var(--reel-h);max-width:calc(100% - 264px);max-height:calc(var(--app-h,100dvh) - 48px);aspect-ratio:auto;color:#fff;box-shadow:none;background:#080808;border-radius:14px;transition:width .22s,height .22s}.reel-slide{transition-duration:.32s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.reel-media-wrap{position:absolute;inset:0}.reel-double-tap-heart{transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) rotate(var(--rot,0deg)) scale(0);color:#ff3b5c;filter:drop-shadow(0 4px 24px #ff3b5cb3);pointer-events:none;z-index:5;animation:1s cubic-bezier(.17,.89,.32,1.49) forwards reel-heart-burst;position:absolute;top:50%;left:50%}@keyframes reel-heart-burst{0%{transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) rotate(var(--rot,0deg)) scale(0);opacity:0}15%{transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) rotate(var(--rot,0deg)) scale(1.35);opacity:1}50%{transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) rotate(var(--rot,0deg)) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px) - 30px)) rotate(var(--rot,0deg)) scale(.75);opacity:0}}.video-player-reels{isolation:auto;border-radius:inherit;background:#000;width:100%;height:100%;position:absolute;inset:0}.video-player-reels .video-playback-dock{opacity:1}.video-player-reels .video-seek{--video-progress-color:#fff;accent-color:#fff;opacity:.75}.reel-info{pointer-events:none}.reel-info a,.reel-info button,.reel-info .reel-caption.expanded{pointer-events:auto}.reel-info .reel-creator strong{font-size:14px}.reel-info .reel-creator small{color:#d0d0d0;font-size:11px}.reel-caption{max-height:none;margin-top:8px;font-size:12px;line-height:1.65;display:block;overflow:visible}.reel-caption-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.reel-caption.expanded .reel-caption-text{display:block}.reel-info .reel-follow,.reels-topbar{display:none}.reel-caption.expanded{overscroll-behavior:contain;max-height:30dvh;overflow-y:auto}.reel-caption .hashtag{color:#fff;font-weight:500}.reel-caption-toggle{opacity:.85;font-weight:500}.reel-actions{left:calc(50% + var(--reel-w) / 2 + 14px);z-index:5;gap:10px;width:52px;padding:0;transition:left .22s;position:absolute;top:50%;bottom:auto;right:auto;transform:translateY(-50%)}.reel-action{color:#f5f5f5;gap:3px;font-size:10px;font-weight:500}.reel-action-icon{background:#222;width:42px;height:42px}.reel-action:hover:not(:disabled) .reel-action-icon{background:#333}.reel-action.active-neutral .reel-action-icon{color:#fff;background:#3c3c3c}.reel-action.bookmark{order:3}.reel-action.repost{order:4}.reel-action.share{order:5}.reel-more{order:6}.reel-action.bookmark.active{color:#62b5ff}.reel-action.repost.active{color:#4ade80}.reel-toolbar-creator{justify-items:center;margin-bottom:8px;display:grid;position:relative}.reel-toolbar-creator .avatar{border:2px solid #fff}.reel-follow-badge{color:#fff;background:#258cf4;border:2px solid #000;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;transition:background .18s,transform .18s;display:grid}.reel-toolbar-creator .reel-follow-badge{position:absolute;bottom:-9px;left:calc(50% - 12px)}.reel-follow-badge:hover:not(:disabled){background:#56aaff;transform:scale(1.08)}.reel-follow-badge.following,.reel-follow-badge.requested{color:#dceaff;opacity:1;background:#30343b}.reel-follow-badge:disabled{cursor:default}.reel-follow-badge:focus-visible,.reel-toolbar-creator>a:focus-visible,.reels-sidebar nav>a:focus-visible,.reels-sidebar nav>button:focus-visible,.reels-rail-more>summary:focus-visible,.reels-mobile-nav a:focus-visible,.reels-mobile-nav>button:focus-visible{outline-offset:3px;border-radius:50%;outline:2px solid #8dcaff}.reel-action-icon svg,.video-controls svg,.reels-icon-button svg{stroke-width:1.8px}.reel-action-icon,.reels-icon-button{transition:background .18s,color .18s,transform .18s}.reel-action:active:not(:disabled) .reel-action-icon{transform:scale(.94)}.reel-action:focus-visible,.reels-icon-button:focus-visible,.reel-comments .icon-button:focus-visible{outline-offset:3px;border-radius:50%;outline:2px solid #8dcaff}.reel-mobile-repost{display:none!important}.reels-nav{right:calc(var(--comments-w) + 20px);gap:12px}.reels-nav .reels-icon-button{color:#fff;box-shadow:none;background:#222;border:0;width:40px;height:40px}.reels-nav .reels-icon-button:hover:not(:disabled){color:#fff;background:#393939}.reel-comments{--background:#101010;--surface:#181818;--text:#f3f3f3;--muted:#aaa;--border:#2b2b2b;--border-strong:#444;--text-soft:#ccc;width:var(--comments-w);color:#f3f3f3;height:100%;box-shadow:none;background:#101010;border:0;border-left:1px solid #262626;border-radius:0;animation-duration:.2s}.reel-comments header{padding:22px 20px}.reel-comments h2{font-size:14px}.reel-comments-body{scrollbar-width:thin;scrollbar-color:#444 transparent;min-height:0;padding:0 20px 20px}.reel-comments .comment-bubble,.reel-comments textarea,.reel-comments .comment-input,.reel-comments input{color:#f3f3f3;background:#1b1b1b;border-color:#333}.reel-comments .icon-button{color:#ddd}.reel-comments .icon-button:hover{background:#242424}.reel-comments .comment-field textarea:focus{background:#1b1b1b;border-color:#4f9de6}.reel-comments .comments-title select{color:#ddd;background-color:#1b1b1b}.reel-comments .comment-send:disabled{color:#888;background:#333}.reel-comments .modal,.reel-comments .modal>header{color:#f3f3f3;background:#181818}.reel-comments footer{background:#101010;padding:16px 18px}.reels-network-error,.reels-start-error{text-align:center;color:#bbb;z-index:6;font-size:12px;position:absolute;bottom:6px;left:20px;right:20px}.reels-start-error{top:4px;bottom:auto}.reels-network-error button{color:#62b5ff}.reels-mobile-nav{display:none}@media (hover:none){.video-player-feed .video-playback-dock{opacity:1}}@media (max-height:720px) and (min-width:900px){.reels-sidebar{gap:12px;padding-top:12px}.reels-sidebar nav{gap:3px}.reel-actions{gap:5px}.reel-action-icon{width:38px;height:38px}}@media (max-width:899px){.reels-page,.reels-page.comments-open{--sidebar-w:0px;--comments-w:0px;--mobile-nav-h:calc(56px + env(safe-area-inset-bottom));height:100vh;height:var(--app-h,100dvh);background:#000;flex-direction:column;padding:0;display:flex;bottom:auto}.reels-sidebar,.reels-nav{display:none}.reels-workspace{flex:auto;width:100%;height:auto;min-height:0;padding:0}.reels-shell{width:100%;height:100%;min-height:0}.reels-page .reel-viewport{aspect-ratio:auto;border-radius:0;width:100%;max-width:none;height:100%;max-height:none}.reels-topbar{padding:calc(8px + env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 30px max(10px, env(safe-area-inset-left));pointer-events:none;background:linear-gradient(#0007,#0000);gap:4px;display:flex;top:0;left:0;right:0}.reels-topbar>*{pointer-events:auto}.reels-title{font-size:18px;font-weight:600}.reels-title>svg{display:none}.reels-create{margin-left:auto}.reels-topbar .reels-icon-button{background:0 0;width:40px;height:40px}.reel-actions{top:auto;left:auto;right:max(8px, env(safe-area-inset-right));gap:8px;width:46px;bottom:110px;transform:none}.reel-toolbar-creator,.reel-action.repost{display:none}.reel-action{color:#fff;gap:0;font-size:11px}.reel-action-icon{background:#0002;width:44px;height:44px}.reel-action>span:not(.reel-action-icon){line-height:18px}.reel-action.bookmark>span:last-child,.reel-action.share>span:last-child{display:none}.reel-action.bookmark{order:4}.reel-action.share{order:3}.reel-mobile-repost{display:flex!important}.reel-info{padding:12px 72px 8px max(14px, env(safe-area-inset-left));bottom:68px}.reel-info .reel-follow{flex-shrink:0;display:block}.reel-follow-badge{border-color:#ffffff50}.reel-creator{gap:7px}.reel-creator-link{gap:8px}.reel-info .reel-creator strong{font-size:12px}.reel-info .reel-creator small{font-size:9px}.reel-caption{font-size:11px}.video-player-reels .video-playback-dock{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.reels-mobile-nav{z-index:8;height:var(--mobile-nav-h);min-height:var(--mobile-nav-h);padding:4px max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-left));color:#aaa;background:#050505;border-top:1px solid #242424;flex-shrink:0;justify-content:space-around;display:flex;position:relative}.reels-mobile-nav a,.reels-mobile-nav>button{color:#aaa;background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:44px;padding:0;font-size:9px;display:flex}.reels-mobile-nav a.active{color:#fff}.reels-mobile-nav a.active .mobile-nav-icon{background:0 0}.reels-mobile-nav>button{color:#fff}.reel-sheet-backdrop{z-index:19;background:#0007}.reel-comments{width:100%;height:min(calc(var(--app-h,100dvh) * .76), var(--sheet-available,76dvh));bottom:var(--keyboard-offset,0px);border:1px solid #303030;border-bottom:0;border-radius:20px 20px 0 0;animation-duration:.22s}.reel-comments header{padding:10px 16px 16px}.reel-sheet-handle span{background:#555}.reel-comments footer{padding-bottom:max(14px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.video-placeholder{animation:none}.video-playback-dock,.video-controls button,.video-controls a,.reel-follow-badge,.reels-icon-button,.reels-tooltip,.reel-action-icon,.reel-actions,.reel-viewport,.reel-slide{transition:none!important}.reel-action.pop .reel-action-icon svg{animation:none!important}}
.photo-gallery{border:1px solid var(--border,#e8ecf2);background:#f5f7fa;border-radius:14px;margin-top:14px;overflow:hidden}.photo-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;aspect-ratio:var(--photo-ratio);max-height:min(76svh,680px);display:flex;overflow-x:auto}.photo-carousel::-webkit-scrollbar{display:none}.photo-preview{scroll-snap-align:start;cursor:zoom-in;background:0 0;flex:0 0 100%;min-width:100%;height:100%;padding:0;position:relative}.photo-preview img{object-fit:contain;width:100%;height:100%;display:block}.photo-expand{color:#fff;background:#17203399;border-radius:9px;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:10px;right:10px}.gallery-controls{color:#697589;background:#fff;justify-content:center;align-items:center;gap:12px;padding:3px 8px;font-size:11px;display:flex}.photo-viewer.modal{color:#fff;background:0 0;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}.photo-viewer::backdrop{-webkit-backdrop-filter:blur(24px)saturate(140%);background:#05070abf}.photo-viewer>header{top:env(safe-area-inset-top,0);z-index:10;height:56px;padding:0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));background:0 0;border:0;justify-content:flex-end;align-items:center;display:flex;position:absolute;left:0;right:0}.photo-viewer>header h2{display:none}.photo-viewer .icon-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff26;width:42px;height:42px;transition:background .15s,transform .12s}.photo-viewer .icon-button:hover:not(:disabled){background:#ffffff38}.photo-viewer .icon-button:active:not(:disabled){transform:scale(.92)}.photo-stage{height:calc(100dvh - 64px - env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:16px;display:flex;position:relative;overflow:hidden}.photo-stage img{object-fit:contain;will-change:transform;flex-shrink:0;width:auto;max-width:100%;height:auto;max-height:100%}.photo-loader{width:28px;height:28px;position:absolute}.photo-controls{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);color:#fff;z-index:5;background:linear-gradient(#0000 0%,#0006 100%);justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.photo-control-divider{background:#ffffff26;width:1px;height:22px}.profile-view-switch{background:#fff;border:1px solid #e4e9f0;border-radius:12px;width:max-content;margin:0 0 12px auto;padding:4px;display:flex}.profile-view-switch button{color:#65718a;border-radius:8px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:flex}.profile-view-switch button[aria-pressed=true]{color:#2460d5;background:#edf4ff}.profile-tab-indicator{width:33.3333%}.profile-social-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.profile-tile{aspect-ratio:4/5;color:#223148;background:#edf1f7;border-radius:9px;display:block;position:relative;overflow:hidden}.profile-tile>img{object-fit:cover;width:100%;height:100%;display:block}.grid-reel-cover{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.grid-reel-cover.ready{opacity:1}.grid-text-preview,.grid-video-fallback{background:linear-gradient(145deg,#f3f7ff,#e7edf8);flex-direction:column;justify-content:center;gap:12px;height:100%;padding:16px;display:flex}.grid-text-preview p,.grid-video-fallback p{-webkit-line-clamp:7;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.grid-video-fallback{color:#e7eefb;background:#14223a}.grid-video-fallback>span{font-size:11px}.grid-media-badge{color:#fff;filter:drop-shadow(0 1px 3px #0009);position:absolute;top:8px;right:8px}.text-tile .grid-media-badge{color:#647997;filter:none}.grid-duration,.grid-attribution{color:#fff;background:#0008;border-radius:5px;padding:3px 6px;font-size:10px;position:absolute;bottom:8px;right:8px}.grid-attribution{align-items:center;gap:4px;max-width:85%;display:flex;left:8px;right:auto;overflow:hidden}.grid-engagement{color:#fff;opacity:0;background:#0c182766;justify-content:center;align-items:center;gap:16px;transition:opacity .16s;display:flex;position:absolute;inset:0}.grid-engagement>span{align-items:center;gap:6px;font-size:12px;display:flex}.profile-tile:hover .grid-engagement,.profile-tile:focus-visible .grid-engagement{opacity:1}.composer-create-reel{color:#55708f;align-items:center;gap:7px;padding:6px;font-size:12px;display:inline-flex}@media (max-width:600px){.profile-social-grid{gap:3px}.profile-tile{border-radius:4px}.grid-text-preview,.grid-video-fallback{gap:6px;padding:9px}.grid-text-preview p,.grid-video-fallback p{-webkit-line-clamp:5;font-size:10px}.grid-engagement{display:none}.profile-view-switch button{padding:8px 10px}.photo-controls{gap:8px}}@media (prefers-reduced-motion:reduce){.grid-engagement{transition:none}.photo-viewer{animation:none!important}}.reel-video{object-fit:contain;background:#000}@media (max-width:899px){.reels-page{--playback-dock-h:64px}.reels-page,.reels-page.comments-open{top:var(--app-top,0px)}.reel-actions{bottom:calc(var(--playback-dock-h) + 12px);max-height:calc(100% - 80px - env(safe-area-inset-top))}.reel-info{bottom:var(--playback-dock-h)}.reel-caption.expanded{max-height:min(30dvh,180px)}.reel-comments footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media (max-width:899px) and (max-height:500px){.reels-mobile-nav,.reels-page{--mobile-nav-h:calc(46px + env(safe-area-inset-bottom))}.reel-actions{bottom:var(--playback-dock-h);gap:2px}.reel-action-icon{width:30px;height:30px}.reel-action>span:not(.reel-action-icon){font-size:9px;line-height:12px}.reel-info{padding-top:4px}.reel-caption-text{-webkit-line-clamp:1}.reels-topbar{padding-bottom:6px}}