.header.header{background:var(--brand-bar);border-bottom:1px solid var(--brand-bar-border);--control-accent: var(--brand-bar-text);--control-ring-halo: var(--brand-primary)}.header .brand{display:inline-flex;align-items:center;gap:10px;color:var(--brand-bar-text)}.header .nav-link{color:var(--brand-bar-text-muted)}.header .nav-link:hover{background:var(--brand-bar-hover);color:var(--brand-bar-text)}.header .nav-link.active{background:var(--brand-bar-active);color:var(--brand-bar-text)}.header .user-chip{color:var(--brand-bar-text-muted)}.header .btn-ghost{color:var(--brand-bar-text-muted);background:none}.header .btn-ghost:hover{color:var(--brand-bar-text);background:var(--brand-bar-hover)}.header .brand img{display:block;height:40px;width:40px;background:var(--brand-mark-backdrop, transparent);border-radius:var(--brand-mark-radius, 0)}.header .header-inner{padding-block:6px}.header .wordmark{font:800 21px/1 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.02em;color:var(--brand-bar-text)}.hero.hero{background:var(--brand-hero)}.hero .hero-title{color:#fff}.hero .hero-subtitle{font-size:1.5rem;line-height:1.4;color:#fff;max-width:30ch}.hero .btn-primary{background:#fff;color:var(--brand-primary);border-color:#fff;font-weight:700}.hero .btn-primary:hover{background:var(--brand-tile-bg);color:var(--brand-primary-hover)}a.card-media,a.card-media:link,a.card-media:visited,a.card-media:hover,a.card-media:focus{color:inherit;text-decoration:none}.crumbs{margin:0 0 var(--space-4, 16px);font-size:14px;color:var(--color-text-muted, #667085)}.crumbs a,.crumbs a:link,.crumbs a:visited{color:var(--color-primary, var(--brand-primary));text-decoration:none}.crumbs a:hover,.crumbs a:focus{color:var(--color-primary-hover, var(--brand-primary-hover));text-decoration:none}a.rail-open,a.rail-open:link,a.rail-open:visited,a.rail-open:hover,a.rail-open:focus{text-decoration:none}.back-link{text-decoration:underline;text-underline-offset:3px;background:none;border:none;cursor:pointer;color:var(--color-text-muted, #667085);font-size:.9rem;padding:0;margin-bottom:var(--space-4, 16px);display:inline-flex;align-items:center;gap:6px}.back-link:hover{color:var(--color-text, #101828)}.similar-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4, 16px)}.similar-card{display:flex;flex-direction:column;gap:var(--space-2, 8px);padding:var(--space-3, 12px);border:1px solid var(--color-border, #e4e7ec);border-radius:var(--radius-md, 10px);background:var(--color-surface, #ffffff);color:inherit;text-decoration:none}.similar-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-sm, 6px);background:var(--color-bg, #f6f7f9)}.similar-name{font-size:.9rem;font-weight:600}.similar-price{font-size:.9rem;color:var(--color-text-muted, #667085)}.product-link{color:inherit;text-decoration:none}.product-link:hover{text-decoration:underline}.stars{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:.85rem;color:var(--color-text-muted)}.stars-track{display:inline-flex;align-items:center}.stars-empty-g{fill:var(--color-border)}.stars-full-g{fill:#d97706}.stars-value{font-weight:700;color:var(--color-text)}.auth-layout.auth-layout{max-width:400px;margin-inline:auto;margin-block:clamp(24px,9vh,96px)}.auth-layout.auth-layout .btn{background:var(--brand-auth-btn-bg, var(--brand-primary));color:var(--brand-auth-btn-text, var(--brand-on-primary));font-weight:700}.auth-layout.auth-layout .btn:hover:not(:disabled){background:var(--brand-auth-btn-bg-hover, var(--brand-primary-hover))}.auth-layout.auth-layout .btn-secondary{background:transparent;color:inherit;border:1px solid var(--brand-auth-secondary-border, currentColor);border-radius:999px;padding:7px 15px;font-weight:600;text-decoration:none}.auth-layout.auth-layout .btn-secondary:hover{background:var(--brand-auth-secondary-hover, rgba(127, 127, 127, .14))}.auth-layout.auth-layout .auth-switch,.auth-layout.auth-layout .switch{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--brand-auth-rule, rgba(127, 127, 127, .28));font-size:13px}.auth-layout.auth-layout .auth-switch button,.auth-layout.auth-layout .switch button{align-self:center;min-width:190px;text-align:center}.page-wide.page-wide{width:100%;max-width:min(2200px,100%);margin-inline:auto;padding-inline:clamp(16px,2vw,32px)}html{scrollbar-gutter:stable}.page-form.page-form{width:100%;max-width:480px;margin-inline:auto;margin-block:clamp(64px,8vh,96px);padding-inline:16px}.page-form.page-form>.panel,.page-form.page-form>form{max-width:none;width:100%}.search-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.search-input{flex:1 1 auto;max-width:360px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;font-size:.95rem}.search-count{font-size:.85rem;color:var(--color-text-muted)}.header-actions{display:flex;align-items:center;gap:var(--space-4)}:root{--control-accent: var(--accent);--accent: var(--brand-accent, var(--brand-primary, #4b5563));--accent-ink: var(--brand-accent-ink, var(--brand-on-primary, #ffffff));--accent-hover: color-mix(in srgb, var(--accent) 86%, #ffffff);--accent-quiet: color-mix(in srgb, var(--accent) 16%, transparent);color-scheme:light;--control-h: 42px;--control-radius: 10px;--control-line: light-dark(#d9d6e4, #2a3a56);--control-border: 1px solid var(--control-line);--control-bg: light-dark(#ffffff, #111a2e);--control-ink: light-dark(#1f2937, #e6edf7);--control-placeholder: light-dark(#5b6472, #93a3bb);--control-disabled-bg: light-dark(#f4f4f6, #16213a);--app-scheme: light;--control-error: light-dark(#b42318, #f87171);--control-ok: light-dark(#067647, #4ade80)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]),select,textarea{background-color:var(--control-bg);color:var(--control-ink);caret-color:var(--control-ink)}input::placeholder,textarea::placeholder{color:var(--control-placeholder);opacity:1}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--control-ink);-webkit-box-shadow:0 0 0 1000px var(--control-bg) inset;box-shadow:0 0 0 1000px var(--control-bg) inset;caret-color:var(--control-ink)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;min-width:0}.field>label,.field>span:first-child{font-size:13px;font-weight:600;color:var(--control-ink)}legend,.field>legend{font-size:13px;font-weight:600;color:var(--control-ink);padding:0}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0 14px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]),select,textarea{box-sizing:border-box;min-height:var(--control-h);padding:0 12px;border:var(--control-border);border-radius:var(--control-radius);background:var(--control-bg);color:var(--control-ink);font:inherit;font-size:15px;transition:border-color var(--dur-fast, .12s) var(--ease, ease),box-shadow var(--dur-fast, .12s) var(--ease, ease),background-color var(--dur-fast, .12s) var(--ease, ease)}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea,input.control,select.control,textarea.control{width:100%}textarea{min-height:120px;padding:10px 12px;line-height:1.5;resize:none;max-height:60vh;overflow-y:auto}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%236b7280' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}.field input[type=number],input.control[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.field input[type=number]::-webkit-outer-spin-button,.field input[type=number]::-webkit-inner-spin-button,input.control[type=number]::-webkit-outer-spin-button,input.control[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field input:hover:not(:disabled),.field select:hover:not(:disabled),.field textarea:hover:not(:disabled){border-color:var(--control-accent)}:root{--control-ring-halo: #ffffff}:where(input,select,textarea,button,a,[tabindex]):focus-visible{outline:2px solid var(--control-accent);outline-offset:2px;box-shadow:0 0 0 2px var(--control-ring-halo);border-radius:var(--control-radius)}input:not([type=checkbox]):not([type=radio]):focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--control-accent);box-shadow:0 0 0 2px var(--control-ring-halo),0 0 0 4px var(--control-accent)}:root{accent-color:var(--control-accent)}::selection{background:color-mix(in srgb,var(--control-accent) 30%,var(--control-bg));color:var(--control-ink)}.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--control-disabled-bg);color:var(--control-placeholder);cursor:not-allowed}.field input[aria-invalid=true],.field.field-bad input,.field.field-bad textarea,.field.field-bad select{border-color:var(--control-error)}.field-error{margin:0;font-size:13px;color:var(--control-error)}.field-ok{margin:0;font-size:13px;color:var(--control-ok)}.field-hint{margin:6px 0 0;font-size:13px;color:var(--control-placeholder)}.counter{align-self:flex-end;margin-top:-2px;font-size:12px;color:var(--control-placeholder)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-h);padding:0 18px;border:var(--control-border);border-radius:var(--control-radius);background:var(--control-bg);color:var(--control-ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer}.btn-primary,.btn-accent{background:var(--control-accent);border-color:var(--control-accent);color:var(--accent-ink)}.btn-quiet{background:transparent;border-color:var(--control-line);color:var(--control-ink)}:where(p,li,blockquote) a[href]{text-decoration:underline;text-underline-offset:2px}:where(button,a[href],[role=button]):hover{filter:brightness(.96)}.btn-quiet:hover{background:color-mix(in srgb,var(--control-ink) 7%,transparent)}.btn-quiet.btn-danger-hover:hover,.btn-quiet.btn-danger-hover:focus-visible{border-color:var(--control-error);color:var(--control-error);background:color-mix(in srgb,var(--control-error) 8%,transparent)}.btn-danger{background:var(--control-error);border-color:var(--control-error);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.linklike{border:0;background:none;padding:0;font:inherit;color:var(--control-accent);text-decoration:underline;cursor:pointer}.spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:control-spin .7s linear infinite}@keyframes control-spin{to{transform:rotate(360deg)}}.tabular{font-variant-numeric:tabular-nums}.visually-hidden,.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:3s}}.follow-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-h);padding:0 16px;border:1px solid var(--control-accent);border-radius:999px;background:var(--control-accent);color:var(--accent-ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background-color var(--dur-fast, .12s) var(--ease, ease),border-color var(--dur-fast, .12s) var(--ease, ease),color var(--dur-fast, .12s) var(--ease, ease)}.follow-btn[data-size=compact]{min-height:30px;padding:0 11px;font-size:13px}.follow-btn-on{background:transparent;color:var(--control-accent);border-color:var(--control-accent)}.follow-btn-on:hover:not(:disabled),.follow-btn-on:focus-visible:not(:disabled){background:var(--control-error);border-color:var(--control-error);color:#fff}.follow-swap{display:grid;grid-template-areas:"label";place-items:center}.follow-now,.follow-next{grid-area:label;white-space:nowrap}.follow-next{visibility:hidden}.follow-btn-on:hover:not(:disabled) .follow-now,.follow-btn-on:focus-visible:not(:disabled) .follow-now{visibility:hidden}.follow-btn-on:hover:not(:disabled) .follow-next,.follow-btn-on:focus-visible:not(:disabled) .follow-next{visibility:visible}@media (prefers-reduced-motion: reduce){.follow-btn{transition:none}}.menu,.overlay-panel{color-scheme:var(--app-scheme, light);background:var(--control-bg);color:var(--control-ink);border:var(--control-border);border-radius:12px;box-shadow:0 10px 24px light-dark(rgba(15,23,42,.16),rgba(2,6,16,.55))}.menu{position:absolute;z-index:60;min-width:190px;padding:4px;display:flex;flex-direction:column}.menu button,.menu a{text-align:left;background:none;border:0;border-radius:8px;padding:8px 10px;font:inherit;font-size:14px;color:inherit;cursor:pointer;text-decoration:none;display:block;width:100%}.menu button:hover:not(:disabled),.menu a:hover{background:color-mix(in srgb,var(--control-ink) 10%,transparent)}.menu button:disabled{opacity:.5;cursor:default}.menu .menu-danger{color:var(--control-error);font-weight:650}.menu .menu-danger:hover:not(:disabled){background:color-mix(in srgb,var(--control-error) 12%,transparent)}.btn-small{min-height:30px;padding:0 10px;font-size:13px}.btn-link,.linklike{min-height:0;padding:0;border:0;border-radius:0;background:none;color:var(--control-accent);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.btn-link:hover,.linklike:hover{text-decoration:underline}.btn.btn-ghost{border:var(--control-border)}button,input,select,textarea{font-family:inherit}:root{--dur-fast: .12s;--dur: .18s;--dur-slow: .28s;--ease: cubic-bezier(.2, .7, .3, 1)}.btn{transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:hover:not(:disabled):not(:focus-visible){box-shadow:0 3px 10px #00000021}.btn:active:not(:disabled){transform:translateY(0) scale(.99)}.btn:active:not(:disabled):not(:focus-visible){box-shadow:none}.card{transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000001f}.card .thumb,.card-media{overflow:hidden}.card .thumb img,.card-media img{transition:transform var(--dur-slow) var(--ease)}.card:hover .thumb img,.card:hover .card-media img{transform:scale(1.03)}.route-enter,main>*{animation:rise var(--dur) var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.dialog{animation:dialog-in var(--dur) var(--ease) both}@keyframes dialog-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.dialog-scrim{animation:fade var(--dur-fast) var(--ease) both}@keyframes fade{0%{opacity:0}to{opacity:1}}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.8s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.line{animation:line-in var(--dur) var(--ease) both}@keyframes line-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tabular{transition:color var(--dur) var(--ease)}.heart-pop{animation:heart var(--dur-slow) var(--ease)}@keyframes heart{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.enter-down{animation:enter-down var(--dur-slow) var(--ease)}.enter-up{animation:enter-up var(--dur-slow) var(--ease)}@keyframes enter-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes enter-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.badge-pop{animation:badge-pop var(--dur-slow) var(--ease)}@keyframes badge-pop{0%{transform:scale(1)}45%{transform:scale(1.28)}to{transform:scale(1)}}.skeleton{position:relative;overflow:hidden;background:var(--bg-2, #f1f0f5);border-radius:10px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgb(255 255 255 / .55),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-card{height:210px}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 1ms;--dur: 1ms;--dur-slow: 1ms}.enter-down,.enter-up,.badge-pop{animation:none}.btn:hover:not(:disabled),.btn:active:not(:disabled),.card:hover,.card:hover .thumb img,.card:hover .card-media img{transform:none}.route-enter,main>*,.dialog,.dialog-scrim,.line,.pulse-dot,.heart-pop,.skeleton:after{animation:none}.pulse-dot{opacity:1}}:root{--brand-mark: #111827;--brand-primary: #111827;--brand-primary-hover: #1F2937;--brand-on-primary: #ffffff;--brand-bar: #111827;--brand-bar-text: #ffffff;--brand-bar-text-muted: #94A3B8;--brand-bar-hover: rgba(0, 0, 0, .16);--brand-bar-active: rgba(0, 0, 0, .24);--brand-bar-border: #1E293B;--brand-focus-ring: color-mix(in srgb, var(--brand-accent) 30%, transparent);--brand-check: var(--brand-accent);--brand-auth-btn-bg: #ffffff;--brand-auth-btn-text: #111827;--brand-auth-btn-bg-hover: #E2E8F0;--brand-auth-secondary-border: #334155;--brand-accent: #059669;--brand-accent-ink: #0B1120;--brand-hero: #111827;--brand-hero-from: #111827;--brand-hero-to: #0B1120;--brand-surface: #0B1120;--brand-surface-2: #111A2E;--brand-tile-bg: #111A2E;--brand-tile-border: #1E293B;--brand-tile-text: #E2E8F0}:root{--surface: var(--brand-surface);--surface-2: var(--brand-surface-2);--card: #f8fafc;--card-ink: #0f172a;--card-dim: #55606f;--dim: var(--ink-dim);--ink: #e2e8f0;--ink-dim: #94a3b8;--line: #1e293b;--link-ink: #0F172A;--link-ink-dim: #334155;--danger: var(--control-error);--rail-l: 260px;--rail-l-icons: 88px;--rail-r: 320px;--feed: 600px;--gutter: 24px;--shell-w: calc(var(--rail-l) + var(--feed) + var(--rail-r) + 2 * var(--gutter) + 32px);color-scheme:dark;--app-scheme: dark}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a,.linklike{color:inherit;font-weight:650;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}a:hover,.linklike:hover{text-decoration-thickness:2px}.linklike{background:none;border:0;padding:0;cursor:pointer;font:inherit}.shell{display:grid;gap:var(--gutter);align-items:start;margin:0 auto;padding:0 16px}.shell>*{min-width:0}.shell[data-rails="3"]{grid-template-columns:var(--rail-l) var(--feed) var(--rail-r);max-width:var(--shell-w)}.shell[data-rails="2"]{grid-template-columns:var(--rail-l) minmax(0,1fr);max-width:1180px}.shell[data-rails="1"]{grid-template-columns:minmax(0,1fr);max-width:100%;padding:0}@media (max-width: 1259px){:root{--shell-w: calc(var(--rail-l) + var(--feed) + var(--gutter) + 32px)}.shell[data-rails="3"]{grid-template-columns:var(--rail-l) minmax(0,var(--feed));max-width:var(--shell-w)}.shell[data-rails="3"]>.rail-right{display:none}}@media (max-width: 919px){:root{--shell-w: calc(var(--rail-l-icons) + var(--feed) + var(--gutter) + 32px)}.shell[data-rails="3"],.shell[data-rails="2"]{grid-template-columns:var(--rail-l-icons) minmax(0,var(--feed));max-width:var(--shell-w)}.shell>.rail-left{align-items:center}.shell>.rail-left .rail-label,.shell>.rail-left .rail-me-who,.shell>.rail-left .wordmark,.shell>.rail-left .btn-post-long{display:none}.shell>.rail-left .btn-post-short{display:inline-flex}.shell>.rail-left .rail-item{justify-content:center;padding:12px 0}.shell>.rail-left .rail-item .pill{display:none}.shell>.rail-left .rail-dot{display:block}.shell>.rail-left .menu.account-menu{min-width:190px;left:0;right:auto}}@media (max-width: 744px){:root{--shell-w: 100vw}.shell[data-rails="3"],.shell[data-rails="2"]{grid-template-columns:minmax(0,1fr);max-width:100%}.shell>.rail-left{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:30;flex-direction:row;align-items:center;justify-content:space-around;gap:0;height:56px;padding:0 8px;background:var(--surface);border-top:1px solid var(--line);border-right:0}.shell>.rail-left .brand{display:none}.shell>.rail-left .rail-account{margin-top:0}.shell>.rail-left .rail-me{width:auto;padding:6px}.shell>.rail-left .rail-me-more{display:none}.shell>.rail-left .menu.account-menu{left:auto;right:0;min-width:190px;top:auto;bottom:calc(100% + 6px)}.shell>.rail-left .rail-items{flex-direction:row;gap:0;margin:0;flex:1 1 auto;justify-content:space-around}.shell>.rail-left .btn-post{position:fixed;right:16px;bottom:72px;width:52px;height:52px;padding:0;border-radius:999px}.column{padding-bottom:72px}.dock{bottom:68px}}.column{min-width:0}.rail{position:sticky;top:0;align-self:start;overscroll-behavior:contain}.rail-left{display:flex;flex-direction:column;gap:6px;padding:12px 8px 24px}.rail-right{padding:12px 0 64px;display:flex;flex-direction:column;gap:14px}.brand{background:none;border:0;cursor:pointer;padding:6px 10px;display:flex;align-items:center;gap:9px;color:var(--ink)}.wordmark{font:800 19px/1 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.02em;color:var(--ink)}.rail-items{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;gap:2px}.rail-item{width:100%;display:flex;align-items:center;gap:14px;background:none;border:0;border-radius:999px;padding:11px 14px;color:var(--ink);font:inherit;font-size:16px;cursor:pointer;transition:background-color var(--dur, .16s) var(--ease, ease)}.rail-item:hover{background:var(--surface-2)}.rail-item.on{font-weight:750;color:var(--accent)}.rail-item.on .rail-glyph{color:var(--accent)}.rail-glyph{position:relative;display:inline-flex}.rail-label{flex:1 1 auto;text-align:left}.rail-dot{display:none;position:absolute;top:-2px;right:-3px;width:8px;height:8px;border-radius:999px;background:var(--accent)}.rail-item.quiet{color:var(--ink-dim);font-size:15px}.btn-post{margin:10px 6px 4px;padding:12px 16px;font-size:16px;display:flex;align-items:center;justify-content:center}.btn-post-short{display:none;align-items:center;justify-content:center}.rail-auth{gap:6px}.rail-auth .btn{padding:10px 16px}.rail-account{position:relative;margin-top:10px}.rail-me{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:none;border:0;border-radius:999px;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.rail-me:hover{background:var(--surface-2)}.rail-me-who{display:flex;flex-direction:column;line-height:1.25;min-width:0;flex:1 1 auto}.rail-me-who strong{font-size:14px}.rail-me-more{display:inline-flex;color:var(--dim)}.menu.account-menu{top:calc(100% + 6px);bottom:auto;left:0;right:auto;min-width:100%}.rail-auth{display:flex;flex-direction:column;gap:4px}.feed{display:flex;flex-direction:column;min-width:0;padding:12px 0 40px}.feed-title{font-size:20px;margin:4px 2px 12px}.card{background:var(--card);color:var(--card-ink);border-radius:14px;padding:12px 14px;margin-bottom:10px;--dim: var(--card-dim);color-scheme:light}.post.openable{cursor:pointer}.card:not(.openable):hover{transform:none;box-shadow:none}.post.lead{padding:16px}.post-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}.post-avatar{display:flex;align-items:flex-start}.avatar-btn{background:none;border:0;padding:0;cursor:pointer;border-radius:50%}.avatar-btn:disabled{cursor:default}.post-main{min-width:0}.post-head{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.post-name{font-weight:700}.post-name .linklike{text-decoration:none}.post-name .linklike:hover{text-decoration:underline}.post-handle,.post-time,.post-dot{color:var(--dim);font-size:14px;font-weight:400}a.post-time{color:var(--dim);text-decoration:none}a.post-time:hover{text-decoration:underline}.post-more{margin-left:auto;position:relative}.post-body{margin:4px 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}.mention{background:none;border:0;padding:0;font:inherit;font-weight:650;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.mention:hover{text-decoration-thickness:2px}.card-media{margin:8px 0 4px;border-radius:12px;background:var(--surface-2)}.post-image{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.post-meta{display:flex;gap:8px;align-items:center;margin-top:6px}.meta-action{display:inline-flex;align-items:center;gap:6px;background:none;border:0;border-radius:999px;padding:5px 8px;font:inherit;font-size:13px;color:var(--dim);cursor:pointer;transition:background-color var(--dur, .16s) var(--ease, ease),color var(--dur, .16s) var(--ease, ease)}.meta-action:hover:not(:disabled){background:color-mix(in srgb,var(--card-ink) 7%,transparent);color:var(--link-ink)}.meta-action:disabled{cursor:default;opacity:.65}.meta-count{font-variant-numeric:tabular-nums}.meta-action .icon{display:block}.repost-btn.on{color:var(--accent);font-weight:700}.repost-btn.on:hover:not(:disabled){color:var(--accent)}.repost-by{display:flex;align-items:center;gap:6px;margin:0 0 6px 4px;font-size:13px;font-weight:650;color:var(--dim)}.like-btn.on{color:var(--control-error);font-weight:700}.like-btn.on:hover:not(:disabled){color:var(--control-error)}.show-replies{margin-top:2px;align-self:flex-start;background:none;border:0;padding:4px 0;font:inherit;font-size:13px;font-weight:650;color:var(--link-ink-dim);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.menu{right:0;top:calc(100% + 4px)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:none;border:0;border-radius:999px;color:inherit;cursor:pointer}.icon-btn:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.verified{display:inline-flex;align-items:center;color:var(--brand-check, var(--accent));margin-left:2px;vertical-align:middle}.verified .icon{display:block}.compose{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}.compose-main{min-width:0}.compose textarea,.field input,.field textarea,.search-box input,.dm-compose textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit;resize:none}.compose textarea{border:0;padding:6px 0;resize:none;min-height:52px;font-size:17px}.compose-row{display:flex;align-items:center;gap:10px;margin-top:6px;border-top:1px solid color-mix(in srgb,var(--card-ink) 10%,transparent);padding-top:8px}.compose-count{margin-left:auto;font-size:12px;color:var(--link-ink-dim)}.file-pick{display:inline-flex;align-items:center;color:var(--link-ink-dim);cursor:pointer}.file-pick input{display:none}.file-pick:hover{color:var(--link-ink)}.file-pick:focus-within{outline:2px solid var(--control-accent);outline-offset:2px;border-radius:6px}.compose-preview{position:relative;margin-top:10px;width:max-content;max-width:100%}.compose-preview img{display:block;max-height:220px;max-width:100%;border-radius:12px}.preview-remove{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:999px;border:0;background:color-mix(in srgb,var(--brand-surface) 72%,transparent);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.new-posts{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:700;padding:10px 16px;margin:0 0 10px;cursor:pointer}.new-posts:hover{background:var(--accent-hover)}.section-head{font-size:15px;margin:16px 2px 10px;color:var(--ink-dim)}.notice{color:var(--ink-dim);padding:10px 2px}.error{color:var(--danger)}.empty{border:1px dashed var(--line);border-radius:14px;padding:28px 20px;text-align:center;color:var(--ink-dim);margin:6px 0 10px}.empty h1,.empty h2{margin:0 0 6px;font-size:17px;color:var(--ink)}.empty p{margin:0 0 10px}.empty .btn{margin-top:4px}.empty-actions{justify-content:center;margin-top:10px}.empty-line{color:var(--ink-dim);font-size:13px;margin:6px 2px}.skeleton-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;height:auto}.sk-avatar{width:40px;height:40px;border-radius:50%}.sk-lines{display:flex;flex-direction:column;gap:8px}.sk-line{height:11px}.w-40{width:40%}.w-70{width:70%}.w-90{width:90%}.skeleton-lines{display:flex;flex-direction:column;gap:8px}.skeleton-lines .skeleton{height:12px;border-radius:6px;display:block;--bg-2: color-mix(in srgb, var(--ink) 16%, transparent)}.profile{margin-bottom:10px}.profile-cover{height:150px;border-radius:14px 14px 0 0;background-image:linear-gradient(var(--cover-angle, 115deg),var(--accent-quiet),var(--surface-2))}.profile-top{display:flex;align-items:flex-end;padding:0 14px;margin-top:-42px}.profile-avatar{border-radius:50%;padding:4px;background:var(--surface);display:inline-flex}.profile-actions{margin-left:auto;display:flex;gap:8px;padding-bottom:6px}.profile-who{padding:10px 14px 0}.profile-who h1{margin:0;font-size:21px;display:flex;align-items:center;gap:6px}.profile-bio{margin:8px 0}.profile-facts{display:flex;gap:16px;flex-wrap:wrap;color:var(--ink-dim);font-size:14px}.profile-facts strong{color:var(--ink)}.profile-inbox{border-bottom:1px solid var(--line);padding:12px 16px}.profile-inbox h2{font-size:15px;margin:0 0 8px}.profile-inbox ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.profile-inbox li{margin:0}.profile-inbox button{display:flex;align-items:center;gap:8px;width:100%;text-align:left}.profile-inbox-who{font-weight:600}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:14px 0 12px;overflow-x:auto}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-bottom:2px solid transparent;color:var(--ink-dim);padding:10px 14px;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:baseline;gap:6px}.tab:hover{color:var(--ink)}.tab.on{color:var(--accent);border-bottom-color:var(--accent)}.tab-count{font-size:12px;opacity:.8;font-variant-numeric:tabular-nums}.panel{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.panel h3{margin:0 0 10px;font-size:14px;color:var(--ink-dim);font-weight:600}.search-box{position:relative;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:0 14px;color:var(--ink-dim)}.search-box input{border:0;background:none;padding:11px 0}.search-box:focus-within{border-color:var(--accent)}.search-box-page{margin-bottom:12px;padding-right:6px}.search-box-page .btn{flex:0 0 auto}.typeahead{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:6px;display:flex;flex-direction:column;max-height:60vh;overflow-y:auto}.ta-row{display:flex;align-items:center;gap:10px;background:none;border:0;border-radius:10px;padding:8px 10px;font:inherit;color:var(--ink);text-align:left;cursor:pointer}.ta-row:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}.ta-who{display:flex;flex-direction:column;min-width:0;line-height:1.3}.ta-name{font-weight:650;display:inline-flex;align-items:center;gap:4px}.ta-count{margin-left:auto;font-size:12px;color:var(--ink-dim)}.ta-tag .ta-name{color:var(--accent)}.ta-all{background:none;border:0;border-radius:10px;padding:8px 10px;font:inherit;font-size:13px;font-weight:650;color:var(--accent);text-align:left;cursor:pointer}.ta-all:hover{background:var(--accent-quiet)}.trend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.trend-row{flex-direction:row;flex-wrap:wrap;gap:8px}.trend{width:100%;display:flex;flex-direction:column;align-items:flex-start;background:none;border:0;border-radius:10px;padding:8px 10px;font:inherit;color:var(--ink);text-align:left;cursor:pointer}.trend-row .trend{width:auto;max-width:100%;border:1px solid var(--line)}.trend-tag,.trend-count{max-width:100%;overflow-wrap:anywhere}.trend:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}.trend-tag{font-weight:700;color:var(--accent)}.trend-count{font-size:12px;color:var(--ink-dim)}.who-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.who{display:flex;align-items:center;gap:10px}.who-who{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;background:none;border:0;padding:4px;border-radius:10px;font:inherit;color:var(--ink);text-align:left;cursor:pointer}.who-who:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}.who-results .who{padding:12px 14px}.who-results .who-who{color:var(--card-ink)}.who-bio{font-size:13px;color:var(--dim);margin-top:2px}.explore-trends{margin-bottom:12px}.dm{display:grid;grid-template-columns:1fr;gap:16px;align-items:start;padding:12px 0 40px}.dm>*{min-width:0}@media (min-width: 860px){.dm{grid-template-columns:320px minmax(0,1fr);height:calc(100vh - 100px)}.dm-list{height:100%;overflow-y:auto}.dock-row-open,.thread-open{flex:1 1 auto;min-width:0;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.dock-row-open:after,.thread-open:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.dock-row-who,.thread-who,.dock-who,.dm-who,.msg-who{position:relative;z-index:1;display:flex;align-items:center;gap:8px;min-width:0;color:inherit;text-decoration:none}.dock-row-who strong,.thread-who strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-row-who:hover strong,.thread-who:hover strong,.dock-who:hover,.dm-who:hover h2{text-decoration:underline}.dm-who{gap:10px}.dock-who{gap:8px}.thread-who{flex:0 1 auto}.msg-who{align-self:flex-end}.dm-thread{height:100%}}.thread-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--card);color:var(--card-ink);border:0;border-radius:12px;padding:10px 12px;margin-bottom:8px;cursor:pointer;font:inherit;position:relative;--dim: var(--card-dim)}.thread-row.on{outline:2px solid var(--accent)}.thread-body{min-width:0;flex:1 1 auto}.thread-top{display:flex;align-items:baseline;gap:6px}.thread-time{margin-left:auto;font-size:12px;color:var(--dim)}.thread-last{display:block;font-size:13px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-thread{display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-height:320px}.dm-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.dm-head h2{margin:0;font-size:16px}.msg-list{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.msg-list-compact{max-height:46vh}.msg{display:flex;align-items:flex-end;gap:8px}.msg.mine{flex-direction:row-reverse}.msg .bubble{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px 11px;font-size:14px;max-width:78%;overflow-wrap:anywhere}.msg.mine .bubble{background:var(--accent);color:var(--accent-ink);border-color:transparent}.msg .from{font-size:11px;color:var(--ink-dim);white-space:nowrap}.dm-compose{display:flex;gap:10px;align-items:flex-end;margin-top:10px}.dm-compose textarea{flex:1 1 auto}.dm-empty{margin:auto}.dm-hint{margin:4px 0 0;font-size:12px}.dock{position:fixed;right:max(16px,calc((100vw - var(--shell-w)) / 2 + 16px));bottom:0;z-index:40;width:min(380px,calc(100vw - 32px));display:flex;flex-direction:column}.dock-tab{order:2;display:flex;align-items:center;gap:8px;background:var(--accent);color:var(--accent-ink);border:0;border-radius:12px 12px 0 0;padding:11px 14px;font:inherit;font-weight:700;cursor:pointer;transition:background-color var(--dur, .16s) var(--ease, ease)}.dock-tab:hover{background:var(--accent-hover)}.dock-tab-label{flex:1 1 auto;text-align:left}.dock-tab .icon{display:block}.dock-badge{background:var(--accent-ink);color:var(--accent)}.dock-body{order:1;background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;padding:10px;display:flex;flex-direction:column;height:min(520px,calc(100vh - 96px));overflow:hidden}.dock-head{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex:0 0 auto}.dock-head .icon-btn{flex:0 0 auto}.dock-title{flex:1 1 auto;font-size:15px}.dock-x{margin-left:auto}.dock-list{overflow-y:auto;flex:1 1 auto;display:flex;flex-direction:column;gap:2px}.dock-compose-to{gap:10px}.dock-suggest{margin-top:12px;text-align:left}.dock-list .empty{border:0;padding:18px 8px}.dock-list .empty h2{font-size:15px}.live{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-size:12px;font-weight:650;color:var(--dim);white-space:nowrap}.live-dot{width:7px;height:7px;border-radius:999px;background:currentColor}.live-open{color:var(--accent)}.live-closed{color:var(--danger)}.typing{margin:2px 0 0;font-size:12px;color:var(--dim);font-style:italic}.dock-row{display:flex;align-items:center;gap:10px;background:none;border:0;border-radius:10px;padding:8px;font:inherit;color:var(--ink);text-align:left;cursor:pointer;position:relative}.dock-row:hover{background:var(--surface-2)}.dock-row.unread strong{font-weight:800}.dock-row-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.dock-row-top{display:flex;align-items:baseline;gap:6px}.dock-row-time{margin-left:auto;font-size:12px;color:var(--ink-dim)}.dock-row-last{font-size:13px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock .dm-compose{margin-top:8px}.dock .dm-compose textarea{min-height:38px}.pill{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700}.btn{background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;padding:9px 16px;font:inherit;font-weight:700;cursor:pointer;transition:background-color var(--dur, .16s) var(--ease, ease)}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:default}.btn-quiet{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}.btn-quiet:hover:not(:disabled){background:var(--surface)}.btn-outline{background:none;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent)}.btn-outline:hover:not(:disabled){background:var(--accent-quiet);color:var(--accent)}.auth-panel{max-width:420px}.auth-switch{margin-top:12px;font-size:13px;color:var(--ink-dim)}.field{margin-bottom:12px}.field label{display:block;font-size:13px;color:var(--ink-dim);margin-bottom:4px}.field-hint{font-size:12px;color:var(--ink-dim);margin:4px 0 0}.field-error{font-size:12px;color:var(--danger);margin:4px 0 0}.card .field label,.card .field-hint{color:var(--dim)}.notice-kind{display:inline-flex;color:var(--dim)}.footer{border-top:1px solid var(--line);color:var(--ink-dim);font-size:13px;padding:16px 2px;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.rail-item,.meta-action,.dock-tab{transition:none}}.confirm-menu{min-width:260px;padding:12px;gap:10px}.confirm-ask{margin:0;font-size:14px;line-height:1.45}.confirm-actions{display:flex;gap:8px;justify-content:flex-end}.confirm-actions .btn{height:34px;padding:0 14px;font-size:14px}.edit-panel{margin:12px 0;padding:16px;display:flex;flex-direction:column;gap:12px}.edit-panel h3{margin:0;font-size:16px}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.menu.menu-up{top:auto;bottom:calc(100% + 4px)}.menu.account-menu.menu-up{top:auto;bottom:calc(100% + 6px)}