:root{--hue:255;--tint:.5;--fg:#111;--on-accent:#fff;--bg:hsl(var(--hue) calc(var(--tint) * 55%) 98%);--hover:hsl(var(--hue) calc(var(--tint) * 45%) 94%);--bubble:hsl(var(--hue) calc(var(--tint) * 40%) 92%);--line:hsl(var(--hue) calc(var(--tint) * 30%) 88%);--muted:hsl(var(--hue) calc(var(--tint) * 10%) 45%);--accent:hsl(var(--hue) 72% 56%);--glass:hsl(var(--hue) calc(var(--tint) * 55%) 98% / .8);--menu:color-mix(in oklab, var(--accent) 9%, var(--bg));--menu-press:color-mix(in oklab, var(--accent) 24%, var(--bg));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--r-sm:8px;--r-md:12px;--r-lg:14px;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--fg:#eee;--bg:hsl(var(--hue) calc(var(--tint) * 32%) 8%);--hover:hsl(var(--hue) calc(var(--tint) * 28%) 13%);--bubble:hsl(var(--hue) calc(var(--tint) * 24%) 17%);--line:hsl(var(--hue) calc(var(--tint) * 22%) 18%);--muted:hsl(var(--hue) calc(var(--tint) * 12%) 62%);--accent:hsl(var(--hue) 80% 70%);--glass:hsl(var(--hue) calc(var(--tint) * 32%) 9% / .8);--menu:color-mix(in oklab, var(--accent) 14%, var(--bubble));--menu-press:color-mix(in oklab, var(--accent) 32%, var(--bubble))}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fg:#eee;--bg:hsl(var(--hue) calc(var(--tint) * 32%) 8%);--hover:hsl(var(--hue) calc(var(--tint) * 28%) 13%);--bubble:hsl(var(--hue) calc(var(--tint) * 24%) 17%);--line:hsl(var(--hue) calc(var(--tint) * 22%) 18%);--muted:hsl(var(--hue) calc(var(--tint) * 12%) 62%);--accent:hsl(var(--hue) 80% 70%);--glass:hsl(var(--hue) calc(var(--tint) * 32%) 9% / .8);--menu:color-mix(in oklab, var(--accent) 14%, var(--bubble));--menu-press:color-mix(in oklab, var(--accent) 32%, var(--bubble))}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--accent) 40%, transparent) transparent}@supports selector(::-webkit-scrollbar){*{scrollbar-width:auto;scrollbar-color:auto}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--accent) 40%, transparent);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab, var(--accent) 70%, transparent);background-clip:content-box}}body{color:var(--fg);background:var(--bg);min-height:100dvh;margin:0}input,button{font:inherit;border:1px solid var(--line);background:var(--bg);color:inherit;border-radius:999px;padding:8px 14px}button{cursor:pointer;background:var(--accent);color:var(--on-accent);border-color:#0000}button:disabled{opacity:.5;cursor:default}@supports (corner-shape:squircle){:root{--r-sm:12px;--r-md:18px;--r-lg:21px}*{corner-shape:superellipse(1.7)}.chip,.quick,.avatar,input,textarea,select,button{corner-shape:round}.emoji-grid button,.quick button{corner-shape:superellipse(1.7)}}:root{--glass-hi:oklab(100% 0 5.96046e-8/.24);--glass-lo:oklab(0% none none/.14);--field:color-mix(in oklab, var(--fg) 6%, transparent);--field-line:color-mix(in oklab, var(--fg) 13%, transparent);--ring:0 0 0 3px color-mix(in oklab, var(--accent) 26%, transparent);--ease-spring:linear(0, .55 14%, 1.05 36%, .99 56%, 1)}button{box-shadow:inset 0 1px 0 var(--glass-hi), 0 4px 14px color-mix(in oklab, var(--accent) 26%, transparent);transition:transform .15s var(--ease-spring), filter .15s, box-shadow .15s}button:hover:not(.menu-item){filter:brightness(1.06)}button:active:not(.menu-item){transform:scale(.97)}button:focus-visible{box-shadow:var(--ring);outline:none}button.secondary,button.link,.menu-item,.emoji-grid button,.quick button,.shortcodes button,aside li button{box-shadow:none}.login{flex-direction:column;gap:12px;max-width:360px;margin:15vh auto;padding:0 16px;display:flex}.login h1{margin:0 0 8px}.stack{flex-direction:column;gap:12px;display:flex}.stack label{flex-direction:column;gap:4px;display:flex}textarea{font:inherit;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--bg);color:inherit;resize:none;word-break:break-all;padding:10px 14px;font-size:13px}details summary{cursor:pointer}details>.stack{margin-top:12px}.secondary{background:var(--hover);color:var(--fg);border-color:var(--line)}.menu{position:relative}.menu summary{box-sizing:border-box;border-radius:999px;outline:none;height:32px;padding:4px 8px 8px;font-size:20px;line-height:1;list-style:none}.menu summary:hover,.menu summary:focus-visible,.menu[open] summary{background:var(--hover)}.menu summary:focus-visible{box-shadow:0 0 0 2px var(--accent)}.menu summary::-webkit-details-marker{display:none}.menu>.popup-list{z-index:5;transform-origin:100% 0;position:absolute;top:calc(100% + 6px);right:0}aside li.pad p{margin:0 0 8px}.login form,.new,.composer{gap:8px;display:flex}.composer{align-items:flex-end}.composer textarea{min-width:0;font-size:inherit;word-break:normal;field-sizing:content;border-radius:20px;flex:1;max-height:160px;padding:9px 16px}.login input,.new input,.composer input{flex:1;min-width:0}.login textarea{font:inherit;field-sizing:content;border-radius:20px;max-height:40vh;padding:8px 14px}.app{height:var(--vvh,100dvh);translate:var(--vv-shift,none);display:flex}aside{border-right:1px solid var(--line);flex-direction:column;width:300px;display:flex}section{flex-direction:column;flex:1;min-width:0;display:flex}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}section header{justify-content:flex-start}.new{padding:12px 16px}.new-group{border-bottom:1px solid var(--line);flex:none;max-height:75%;padding:12px 16px;overflow-y:auto}.form-head{align-items:center;gap:8px;display:flex}.pick{border:0;min-width:0;margin:0;padding:0}.pick legend{padding:0 0 6px;font-size:12px}.pick-list{flex-direction:column;gap:2px;max-height:220px;display:flex;overflow-y:auto}.stack .pick-row,.members .who{border-radius:var(--r-sm);cursor:pointer;flex-direction:row;align-items:center;gap:10px;width:100%;padding:5px 8px;display:flex}.pick-row input{margin-left:auto}.pick-row:has(input:checked){background:color-mix(in oklab, var(--accent) 14%, transparent)}.pick-row:hover,.members .who:hover{background:var(--hover)}.pick-row:has(input:checked):hover{background:color-mix(in oklab, var(--accent) 20%, transparent)}aside footer.me{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 16px;display:flex}.menu.up>.popup-list{transform-origin:100% 100%;top:auto;bottom:calc(100% + 6px)}.members .member{align-items:center;gap:4px;display:flex}.members .member .icon-btn{color:var(--muted)}.members .member .icon-btn:hover{color:#e5484d}.members{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}aside ul{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}aside li:not(.pad) button{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-radius:0;align-items:center;gap:10px;padding:8px 16px;display:flex}.thread-text{flex-direction:column;min-width:0;display:flex}aside li:not(.pad) button.active,aside li:not(.pad) button:hover{background:var(--hover)}aside small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}ol{flex-direction:column;flex:1;margin:0;padding:12px 0;list-style:none;display:flex;overflow-y:auto}.msg{gap:12px;padding:2px 16px;display:flex}.msg.starts{margin-top:14px}.msg.starts:first-child{margin-top:0}.msg:hover,.msg.selected{background:var(--hover)}.gutter{flex:none;width:40px}.gutter time{white-space:nowrap;font-size:10px;line-height:calc(var(--msg-size,16px) * 1.4);visibility:hidden;display:block}.msg:hover .gutter time,.msg.selected .gutter time{visibility:visible}.msg-body{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.meta{align-items:baseline;gap:8px;min-width:0;max-width:100%;display:flex}.author{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.has-dot{flex:none;line-height:0;display:inline-flex;position:relative}.online-dot{aspect-ratio:1;width:28%;min-width:9px;max-width:14px;box-shadow:0 0 0 2px var(--bg);background:#2bbf69;border-radius:50%;position:absolute;bottom:-1px;right:-1px}.text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--msg-size,16px);cursor:pointer;align-self:stretch;line-height:1.4}.text a{color:var(--accent)}.text.big{font-size:40px;line-height:1.15}.embed{border-radius:var(--r-md);background:var(--bubble);border:0;max-width:100%}.embed.wide{aspect-ratio:16/9;width:420px}.embed.tall{aspect-ratio:9/16;width:260px}.embed.insta{background:#000;border-radius:0;width:326px;max-width:100%;display:block}.embed-crop,.preview-list>*{flex:none}.embed-crop{border-radius:var(--r-md);background:#000;width:326px;max-width:100%;overflow:hidden}.actions{flex-wrap:wrap;gap:6px;display:flex}.actions button{padding:4px 10px;font-size:13px}.pinned{border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;max-height:96px;padding:6px 16px;display:flex;overflow-y:auto}.pinned button{white-space:nowrap;text-overflow:ellipsis;text-align:left;max-width:100%;overflow:hidden}.danger{color:#fff;background:#d33}.push{margin-left:auto}time{color:var(--muted);font-size:12px}.composer{border-top:1px solid var(--line);padding:12px 16px;position:relative}.emoji-btn{padding:0 4px;font-size:22px}.emoji-picker{background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;gap:6px;width:max-content;min-width:min(300px,100vw - 32px);max-width:calc(100vw - 32px);padding:6px;display:flex}.emoji-grid{grid-template-columns:repeat(8,36px);grid-auto-rows:36px;gap:2px;display:grid}.emoji-grid button,.emoji-grid .cell{width:36px;height:36px}.emoji-scroll .emoji-grid button{place-items:center;padding:0;display:grid}.emoji-scroll{overscroll-behavior:contain;max-height:280px;position:relative;overflow-y:auto}@media (prefers-reduced-motion:no-preference){.emoji-scroll{scroll-behavior:smooth}}.emoji-scroll h4{z-index:2;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:color-mix(in oklab, var(--bg) 88%, transparent);margin:0;padding:6px 4px 4px;font-size:11px;font-weight:700;position:sticky;top:0}.emoji-tabs{justify-content:space-between;gap:2px;display:flex}.emoji-tabs button{border-radius:var(--r-sm);color:var(--muted);box-shadow:none;opacity:.6;background:0 0;border:0;flex:1;place-items:center;padding:5px 0;font-size:18px;display:grid}.emoji-tabs button:hover{background:var(--hover);opacity:1;filter:none}.emoji-tabs button.on{background:color-mix(in oklab, var(--accent) 18%, transparent);color:var(--accent);opacity:1}.composer .emoji-picker{z-index:1;position:absolute;bottom:calc(100% + 4px);left:16px}.emoji-grid button,.quick button{border-radius:var(--r-sm);background:0 0;border:0;padding:4px;font-size:22px;line-height:1}.emoji-grid button:hover,.quick button:hover{background:var(--hover)}.quick{border:1px solid var(--line);border-radius:999px;gap:2px;padding:2px 4px;display:flex}.reactions{flex-wrap:wrap;gap:4px;margin-top:-2px;display:flex}.chip{background:var(--hover);color:var(--fg);border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:14px}.chip.on{border-color:var(--accent)}.reactions .chip{align-items:center;gap:5px;padding:3px 11px 3px 9px;font-size:15px;font-weight:600;display:inline-flex}.reactions .chip img.emoji{vertical-align:0;width:24px;height:24px;margin:0}.back{display:none}.muted{color:var(--muted)}.error{color:#d33}.pad{margin:0;padding:8px 16px}.empty{text-align:center;margin:auto;padding:16px}.brand{background:linear-gradient(var(--fg), color-mix(in oklab, var(--accent) 55%, var(--fg)));-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat;display:block}.brand.logo{--src:url(/logo.svg);aspect-ratio:354/311;width:64px;margin:0 auto 12px}.brand.logo.big{width:96px;margin:0 auto}.brand.logo.faint{opacity:.35}.login .center{text-align:center}.brand.title{--src:url(/title.svg);aspect-ratio:616/111;width:160px;margin:0 auto 8px}.link{color:var(--accent);background:0 0;border:0;padding:4px}@media (width<=700px){.app{position:relative;overflow:hidden}.app>aside,.app>section{background:var(--bg);width:100%;position:absolute;inset:0}.app>aside{border:0;transition:translate .3s cubic-bezier(.2,.8,.2,1),visibility}.app.has-peer>aside{visibility:hidden;transition:translate .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s;translate:-25%}.app>section{visibility:hidden;touch-action:pan-y pinch-zoom;transition:translate .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s;translate:100%;box-shadow:-10px 0 30px #00000040}.app.has-peer>section{visibility:visible;transition:translate .3s cubic-bezier(.2,.8,.2,1),visibility;translate:none}.back{font-size:20px;display:inline}}@media (width<=700px) and (prefers-reduced-motion:reduce){.app>aside,.app>section{transition:none}}.settings{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--glass);color:var(--fg);width:min(440px,100vw - 32px);padding:0}.settings::backdrop{background:#00000073}.stack .choice{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;display:flex}select{font:inherit;border:1px solid var(--line);background:var(--bg);color:inherit;border-radius:999px;padding:6px 12px}.stack .toggle{flex-direction:row;align-items:flex-start;gap:10px;display:flex}.toggle small{margin-top:2px;display:block}input[type=checkbox]{appearance:none;cursor:pointer;background:color-mix(in oklab, var(--fg) 24%, transparent);border-radius:999px;flex:none;width:44px;height:26px;margin:0;padding:0;transition:background .2s;position:relative}input[type=checkbox]:before{content:"";background:#fff;border-radius:999px;width:22px;height:22px;transition:translate .2s,width .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000004d}input[type=checkbox]:checked{background:var(--accent)}input[type=checkbox]:checked:before{translate:18px}input[type=checkbox]:active:before{width:28px}input[type=checkbox]:checked:active:before{translate:12px}input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=checkbox]:disabled{opacity:.5;cursor:default}@media (prefers-reduced-motion:reduce){input[type=checkbox],input[type=checkbox]:before{transition:none}}.stack .toggle input{margin-top:1px}.composer-preview{flex-direction:column;gap:8px;padding:8px 16px 0;display:flex}.composer-preview .toggle{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.preview-list{flex-direction:column;align-items:flex-start;gap:8px;max-height:40vh;display:flex;overflow-y:auto}img.emoji{vertical-align:-.22em;width:1.2em;height:1.2em;margin:0 .05em}.emoji-picker,.settings{-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4)}input[type=range]{accent-color:var(--accent);background:0 0;border:0;width:160px;padding:0}input[type=range].hue{appearance:none;background:linear-gradient(to right in hsl longer hue, #eb4747, #eb4747);border-radius:999px;height:10px}input[type=range].hue::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #0000004d;border-radius:50%;width:18px;height:18px}input[type=range].hue::-moz-range-thumb{background:#fff;border:2px solid #0000004d;border-radius:50%;width:14px;height:14px}.swatch{vertical-align:-1px;border-radius:50%;width:12px;height:12px;margin-left:8px;display:inline-block}.avatar{object-fit:cover;color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:600;line-height:1;display:inline-grid}.clip{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.profile{align-items:center;gap:14px;display:flex}.grow{flex:1;min-width:0}.row{align-items:center;gap:8px;display:flex}.row input{flex:1;min-width:0}.stack .profile .stack{gap:8px}.settings hr{border:0;border-top:1px solid var(--line);margin:2px 0}.reset{align-self:flex-end;padding:6px 14px;font-size:14px}.ctx{z-index:20;transform-origin:0 0;position:fixed}.ctx .quick{border:0;border-radius:0;justify-content:space-between;padding:8px 10px 6px}.ctx .quick button.on{background:var(--menu-press);box-shadow:inset 0 0 0 1px var(--accent)}.ctx-picker{padding:0 8px 6px}@media (pointer:coarse){.msg{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.shortcodes{z-index:2;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);flex-direction:column;max-width:360px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 4px);left:16px;right:16px}.shortcodes button{color:var(--fg);border-radius:var(--r-sm);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:6px 10px;display:flex}.shortcodes button.on{background:var(--hover)}.shortcodes span{color:var(--muted)}.popup-list{border-radius:var(--r-lg);white-space:nowrap;flex-direction:column;min-width:220px;padding:0;display:flex;overflow:hidden;box-shadow:0 12px 32px #00000047,0 2px 6px #00000024}.popup-list>*{background-color:var(--menu)}.menu-item{background:var(--menu);width:100%;color:var(--fg);text-align:left;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;padding:14px 24px;font-size:16px;font-weight:600;transition:background-color .22s}.menu-item>span{transition:transform .22s cubic-bezier(.2,.8,.2,1);display:inline-block}.menu-item:hover{background:color-mix(in oklab, var(--menu-press) 45%, var(--menu))}.menu-item:focus-visible{background:var(--menu-press);outline:none}.menu-item:active{background:var(--menu-press);transition-duration:80ms}.menu-item:active>span{transition-duration:.12s;transform:scale(.93)}.danger-text{color:#e5484d}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}}.popup-list,.emoji-picker,.color-pop,.shortcodes,.settings[open]{animation:.2s cubic-bezier(.2,.8,.2,1) both pop-in}.settings[open]::backdrop{animation:.2s both fade-in}.composer .emoji-picker,.shortcodes{transform-origin:0 100%}@media (prefers-reduced-motion:reduce){.popup-list,.emoji-picker,.color-pop,.shortcodes,.settings[open],.settings[open]::backdrop{animation:none}.menu-item>span{transition:none}}.emoji-picker,.gif-picker,.color-pop,.shortcodes,.settings,.popup-list{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);border:1px solid color-mix(in oklab, var(--fg) 10%, transparent);box-shadow:inset 1px 1px 0 var(--glass-hi), inset -1px -1px 0 color-mix(in oklab, var(--accent) 22%, transparent), 0 16px 40px #0000003d}::picker(select){background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);border:1px solid color-mix(in oklab, var(--fg) 10%, transparent);box-shadow:inset 1px 1px 0 var(--glass-hi), inset -1px -1px 0 color-mix(in oklab, var(--accent) 22%, transparent), 0 16px 40px #0000003d}.settings::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059}.popup-list>*,.menu-item{background-color:#0000}.menu-item:hover{background-color:color-mix(in oklab, var(--accent) 14%, transparent)}.menu-item:focus-visible,.menu-item:active{background-color:color-mix(in oklab, var(--accent) 26%, transparent)}.chip.on{box-shadow:0 0 10px color-mix(in oklab, var(--accent) 40%, transparent)}input:not([type=checkbox],[type=range],[type=file],[type=radio]),textarea,select{background:var(--field);border:1px solid var(--field-line);outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s;box-shadow:inset 0 1px 2px #00000029}input:not([type=checkbox],[type=range],[type=file],[type=radio]):focus,textarea:focus,select:focus-visible{border-color:color-mix(in oklab, var(--accent) 65%, transparent);box-shadow:inset 0 1px 2px #00000029, var(--ring)}select:open{border-color:color-mix(in oklab, var(--accent) 65%, transparent);box-shadow:inset 0 1px 2px #00000029, var(--ring)}input:not([type=checkbox],[type=range],[type=file],[type=radio]),textarea,select{box-shadow:inset 0 1px 0 var(--glass-hi), inset 0 2px 4px #00000024}input:not([type=checkbox],[type=range],[type=file],[type=radio]):focus,textarea:focus,select:focus-visible{box-shadow:inset 0 1px 0 var(--glass-hi), inset 0 2px 4px #00000024, var(--ring)}select:open{box-shadow:inset 0 1px 0 var(--glass-hi), inset 0 2px 4px #00000024, var(--ring)}button.secondary,.menu summary{background:color-mix(in oklab, var(--fg) 8%, transparent);border-color:var(--field-line);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);box-shadow:inset 0 1px 0 var(--glass-hi), 0 4px 14px #0000001f}button.secondary:focus-visible{box-shadow:inset 0 1px 0 var(--glass-hi), var(--ring)}::placeholder{color:var(--muted);opacity:.8}.emoji-picker input{background:var(--field)}select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 19px) 52%,calc(100% - 14px) 52%;background-repeat:no-repeat;background-size:5px 5px;padding:6px 34px 6px 14px}@supports (appearance:base-select){select{appearance:base-select}::picker(select){appearance:base-select}select{background-image:none;align-items:center;gap:8px;padding:6px 12px 6px 14px;display:inline-flex}select::picker-icon{color:var(--muted);transition:rotate .2s var(--ease-spring)}select:open::picker-icon{rotate:180deg}::picker(select){border-radius:var(--r-lg);opacity:0;transform-origin:top;min-width:200px;transition:opacity .18s, scale .22s var(--ease-spring), display .22s allow-discrete, overlay .22s allow-discrete;margin-block:6px;padding:0;overflow:hidden;scale:.96}select:open::picker(select){opacity:1;scale:1}@starting-style{select:open::picker(select){opacity:0;scale:.96}}select option{color:var(--fg);background:0 0;border-radius:0;padding:14px 24px;font-size:16px;font-weight:600;transition:background-color .22s}select option:hover{background:color-mix(in oklab, var(--accent) 14%, transparent)}select option:focus-visible,select option:active{background:color-mix(in oklab, var(--accent) 26%, transparent);outline:none}select option:checked{color:var(--accent)}select option::checkmark{display:none}}.msg,aside li:not(.pad) button,.chip{transition:background-color .15s}.msg{transition:background-color .15s ease, opacity .25s ease, translate .3s var(--ease-spring)}@starting-style{.msg{opacity:0;translate:0 6px}}.popup-list,.emoji-picker,.color-pop,.shortcodes,.settings[open]{animation-timing-function:var(--ease-spring)}@media (prefers-reduced-motion:reduce){button,.msg,.chip{transition:none}select::picker-icon{transition:none}::picker(select){transition:none}@starting-style{.msg{opacity:1;translate:none}}}@media (prefers-reduced-transparency:reduce){.emoji-picker,.gif-picker,.color-pop,.shortcodes,.settings,.popup-list{background:var(--menu);-webkit-backdrop-filter:none}::picker(select){background:var(--menu);-webkit-backdrop-filter:none}.settings::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.emoji-picker,.gif-picker,.color-pop,.shortcodes,.settings,.popup-list{background:var(--menu)}::picker(select){background:var(--menu)}}.ctx .quick{flex-wrap:wrap}.cell{display:inline-flex;position:relative}.cell .fav-badge{z-index:1;width:16px;height:16px;color:var(--fg);background:var(--menu-press);box-shadow:0 0 0 1px var(--field-line);border-radius:50%;place-items:center;padding:0;font-size:13px;font-weight:700;line-height:1;display:none;position:absolute;top:-2px;right:-2px}.cell:hover .fav-badge,.cell .fav-badge:focus-visible{display:grid}.cell .fav-badge:hover{background:var(--accent);color:var(--on-accent)}@media (hover:none){.quick .cell .fav-badge{opacity:.7;display:grid}}.quick:not(.open) .cell .fav-badge{display:none}.dbl{gap:8px}.dbl-current{font-size:26px;line-height:1}.dbl .emoji-picker{width:100%;max-width:none}.text:focus:not(:focus-visible){outline:none}.photo{border-radius:var(--r-md);width:auto;max-width:min(100%,360px);height:auto;max-height:360px;display:block}.photo.loading{aspect-ratio:4/3;background:var(--hover);width:240px;max-width:100%;animation:1.2s ease-in-out infinite alternate shimmer}@keyframes shimmer{to{background:var(--bubble)}}.photo-btn{box-shadow:none;border-radius:var(--r-md);cursor:zoom-in;background:0 0;border:0;max-width:100%;padding:0;display:block}.photo-btn:active{transform:scale(.985)}.lightbox{cursor:zoom-out;background:0 0;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0}.lightbox[open]{animation:pop-in .2s var(--ease-spring) both;place-items:center;display:grid}.lightbox::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1}.lightbox img{border-radius:var(--r-md);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:0 20px 60px #00000080}.lightbox{touch-action:none}.lightbox img{-webkit-user-select:none;user-select:none}.player.video video{touch-action:pan-y}.lightbox .icon-btn{color:#fff;background:#0006;position:fixed;top:14px;right:14px}.file-msg{flex-direction:column;align-items:flex-start;gap:6px;max-width:100%;display:flex}.file-card{background:var(--hover);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:12px;width:min(100%,340px);padding:12px 16px 12px 12px;display:flex}.file-card>.icon{color:var(--accent);flex:none}.file-card .grow{flex-direction:column;display:flex}.file-card small{font-size:12px}.hint-touch{display:none}@media (hover:none){.hint-touch{display:inline}.hint-mouse{display:none}}.icon-btn{width:32px;height:32px;color:inherit;box-shadow:none;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.icon-btn:hover{background:color-mix(in oklab, currentColor 12%, transparent);filter:none}.icon{flex:none;display:block}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{rotate:360deg}}.player{position:relative;overflow:hidden}.player.video{aspect-ratio:16/9;border-radius:var(--r-md);color:#fff;background:#000;width:min(100%,420px);display:grid}.player.video video{object-fit:contain;grid-area:1/1;width:100%;height:100%;max-height:420px;display:block}.player.video:has(video){aspect-ratio:auto}.player .big-play{width:56px;height:56px;margin:auto;position:absolute;inset:0}.controls{align-items:center;gap:4px;display:flex}.player.video .controls{opacity:0;background:linear-gradient(#0000,#000000a6);padding:28px 8px 6px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.player.video.playing:hover .controls,.player.video:focus-within .controls{opacity:1}.player.video:not(.playing):has(video) .controls{opacity:1}.player.video:not(:has(video)) .controls{display:none}.player.audio{background:var(--hover);border:1px solid var(--line);border-radius:999px;width:min(100%,360px);padding:6px 8px 6px 6px}.player.audio .pp{width:38px;height:38px}.track{flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;padding:0 6px;display:flex}.track .name{font-size:13px;font-weight:600}.time{font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.85;padding:0 2px;font-size:12px}input[type=range].seek{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--accent) var(--p), color-mix(in oklab, currentColor 25%, transparent) var(--p));border-radius:999px;width:100%;height:4px;margin:6px 0}input[type=range].seek:disabled{cursor:default}input[type=range].seek::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:50%;width:12px;height:12px;transition:scale .15s;scale:0}input[type=range].seek::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:12px;height:12px}.player:hover .seek::-webkit-slider-thumb{scale:1}.seek:focus-visible::-webkit-slider-thumb{scale:1}.player:fullscreen{border-radius:0;width:100%;max-width:none}.player:fullscreen video{max-height:none}.menu-item>span{align-items:center;gap:12px;display:inline-flex}.menu-item .icon{opacity:.75}.menu-item.danger-text .icon{opacity:1}.popup-list>.sep{background-color:color-mix(in oklab, var(--fg) 10%, transparent);flex:none;height:1px;margin:4px 0}.menu summary{place-items:center;width:32px;padding:0;display:grid}.msg{position:relative}.msg-tools{z-index:2;background:var(--menu);border:1px solid var(--field-line);border-radius:999px;gap:2px;padding:2px;display:none;position:absolute;top:-16px;right:16px;box-shadow:0 4px 14px #0000002e}.msg-tools .icon-btn{font-size:18px}@media (hover:hover){.msg:hover .msg-tools{display:flex}}.msg.selected .msg-tools{display:none}.day{color:var(--muted);align-items:center;gap:12px;margin:18px 16px 4px;font-size:12px;font-weight:600;display:flex}.day:before,.day:after{content:"";background:var(--line);flex:1;height:1px}.day:first-child{margin-top:0}.day+.msg.starts{margin-top:6px}.start{margin-top:auto;padding:16px}.older{text-align:center;padding:4px 0 10px;font-size:13px}.thread-text{flex:1}.thread-top{align-items:baseline;gap:8px;min-width:0;display:flex}.thread-top time{flex:none;margin-left:auto;font-size:11px}.pin-mark{vertical-align:-2px;color:var(--muted);margin-right:4px;display:inline-block}.pinned button{align-items:center;gap:4px;display:inline-flex}.note{align-items:center;gap:8px;display:flex}.note .icon-btn{width:26px;height:26px;color:var(--muted);margin-left:auto}.jump{z-index:1;animation:pop-in .2s var(--ease-spring) both;align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50%}.drop-zone{z-index:50;pointer-events:none;background:color-mix(in oklab, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;animation:.15s both fade-in;display:grid;position:fixed;inset:0}.drop-zone>div{border:2px dashed var(--accent);border-radius:var(--r-lg);background:var(--menu);color:var(--accent);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:36px 48px;display:flex}.drop-zone strong{color:var(--fg);font-size:18px}@media (prefers-reduced-motion:reduce){.photo.loading,.jump,.drop-zone,.lightbox[open]{animation:none}.spinner{animation-duration:2s}}.send-btn{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;padding:0;display:inline-grid}.send-btn .icon{margin-left:-2px}.send-btn.play .icon,.send-btn.tool .icon,.send-btn.mic .icon{margin:0}.send-btn.tool{width:36px;height:36px}.pill{border-radius:999px;flex:none;align-items:center;gap:2px;padding:2px;display:flex;position:relative}.pill:before{content:"";border-radius:inherit;pointer-events:none;background:color-mix(in oklab, var(--fg) 8%, transparent);border:1px solid var(--field-line);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);box-shadow:inset 0 1px 0 var(--glass-hi), 0 4px 14px #0000001f;position:absolute;inset:0}.pill>*{position:relative}.pill .menu summary{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.pill .icon-btn:hover,.pill .menu summary:hover,.pill .menu[open] summary{background:color-mix(in oklab, var(--fg) 12%, transparent)}.pill .menu summary:focus-visible{box-shadow:0 0 0 2px var(--accent)}.mini-player{z-index:5;top:64px;left:calc(300px + (100vw - 300px - var(--card-w)) / 2);width:min(440px, calc(100vw - 332px - var(--card-w)));border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);border-radius:999px;align-items:center;gap:10px;padding:8px 10px 8px 8px;animation:.4s cubic-bezier(.2,.8,.2,1) both mini-in;display:flex;position:fixed;translate:-50%;box-shadow:0 8px 24px #00000047}@keyframes mini-in{0%{opacity:0;translate:-50% -10px}}.mini-player .send-btn{width:36px;height:36px}.mini-player .vol-pop{top:calc(100% + 8px);bottom:auto}@media (width<=700px){.mini-player{width:calc(100vw - 32px);left:50%}.player.audio .vol-pop{display:none!important}}@media (prefers-reduced-motion:reduce){.mini-player{animation:none}}.call-pill{gap:8px}.call-pill+.mini-player{top:120px}.call-pill .people{flex:none;display:flex}.call-pill .people>*+*{margin-left:-8px}.call-pill .people .avatar{box-shadow:0 0 0 2px var(--glass)}.call-pill .track{flex:1;min-width:0;display:block}.call-pill .hang-up{color:#fff;background:#e5484d}@media (prefers-reduced-transparency:reduce){.mini-player{background:var(--menu);-webkit-backdrop-filter:none}}aside footer.me .menu{margin-left:auto}.who{min-width:0;color:inherit;box-shadow:none;font:inherit;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0;display:inline-flex}.who:hover{filter:none}.who:hover .author,.meta .who:hover,section header .who:hover strong{text-decoration:underline}.who:active{transform:none}.meta .who.author{font-weight:600}.quote{max-width:100%;box-shadow:none;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:0 0 0 2px;font-size:13px;display:flex}.quote:hover:not(:disabled){color:var(--fg);filter:none}.quote b{color:var(--fg);flex:none;font-weight:600}.quote:disabled{opacity:1;font-style:italic}.edited{font-size:11px}.composer-banner{background:var(--hover);border:1px solid var(--line);border-radius:var(--r-md) var(--r-md) 0 0;border-bottom:0;align-items:center;gap:8px;margin:0 16px;padding:6px 6px 6px 14px;font-size:13px;display:flex}.composer-banner .icon-btn{width:26px;height:26px}.msg.target{background:color-mix(in oklab, var(--accent) 10%, transparent);box-shadow:inset 2px 0 var(--accent)}.msg.hit{background:color-mix(in oklab, var(--accent) 16%, transparent)}.msg.flash{animation:1.2s flash}@keyframes flash{0%,40%{background:color-mix(in oklab, var(--accent) 22%, transparent)}}.search-bar{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:6px;padding:8px 12px 8px 16px;display:flex}.search-bar input{flex:1;min-width:0;padding:6px 12px}.search-bar small{white-space:nowrap}.icon-btn:disabled{opacity:.35}.tray{gap:8px;margin:0;padding:10px 16px 0;list-style:none;display:flex;overflow-x:auto}.tray li{background:var(--hover);border:1px solid var(--line);border-radius:var(--r-md);width:116px;animation:pop-in .2s var(--ease-spring) both;flex-direction:column;flex:none;gap:2px;padding:6px;display:flex;position:relative}.tray img,.tray-file{object-fit:cover;border-radius:var(--r-sm);width:100%;height:76px}.tray-file{background:var(--bubble);color:var(--accent);place-items:center;display:grid}.tray small{font-size:11px}.tray-x{background:var(--menu-press);width:22px;height:22px;box-shadow:0 0 0 1px var(--field-line);position:absolute;top:-6px;right:-6px}.tray-x:hover{color:#fff;background:#e5484d}.recording{z-index:2;background:var(--bg);font-variant-numeric:tabular-nums;align-items:center;gap:10px;padding:12px 16px;display:flex;position:absolute;inset:0}.rec-dot{background:#e5484d;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite alternate blink}@keyframes blink{to{opacity:.25}}.typing{align-items:center;gap:6px;margin:0;padding:0 16px 4px;font-size:12px;display:flex}.typing b{color:var(--fg)}.dots{gap:3px;display:inline-flex}.dots i{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.2s infinite bounce}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.5;translate:0}30%{opacity:1;translate:0 -3px}}@property --card-w{syntax:"<length>";inherits:true;initial-value:0}.app{--card-w:0px;transition:--card-w .32s cubic-bezier(.2,.8,.2,1)}.card-panel{background:color-mix(in oklab, var(--hover) 50%, var(--bg));flex:none;overflow:hidden auto}.card-inner{border-left:1px solid var(--line);box-sizing:border-box;min-height:100%}@media (width>=1100px){.app.card-open{--card-w:320px}.card-panel{width:var(--card-w);transition:visibility}.app:not(.card-open) .card-panel{visibility:hidden;transition:visibility 0s .32s}.card-inner{width:320px}}@media (width<=1099px){.card-panel{z-index:30;touch-action:pan-y pinch-zoom;visibility:hidden;width:min(340px,100vw);transition:translate .32s cubic-bezier(.2,.8,.2,1),visibility 0s .32s;position:fixed;top:0;bottom:0;right:0;translate:100%;box-shadow:-12px 0 40px #0000004d}.card-panel.drawer{visibility:visible;transition:translate .32s cubic-bezier(.2,.8,.2,1),visibility;translate:none}}.card{position:relative}.profile-pop{z-index:40;border-radius:var(--r-lg);transform-origin:0 0;background:color-mix(in oklab, var(--hover) 50%, var(--bg));border:1px solid color-mix(in oklab, var(--fg) 10%, transparent);width:300px;max-height:calc(100dvh - 16px);animation:pop-in .2s var(--ease-spring) both;position:fixed;overflow-y:auto;box-shadow:0 16px 40px #00000059}.profile-pop .card{min-height:0}@media (prefers-reduced-motion:reduce){.profile-pop{animation:none}}.banner{object-fit:cover;width:100%;height:120px;display:block}.card-close{color:#fff;background:#00000059;position:absolute;top:10px;right:10px}.card-avatar{corner-shape:round;background:color-mix(in oklab, var(--hover) 50%, var(--bg));border-radius:50%;width:max-content;margin:-44px 0 0 16px;padding:5px;position:relative}.card-avatar .avatar{display:grid}.card-body{flex-direction:column;gap:6px;padding:8px 16px 20px;display:flex}.card-body h2{margin:0;font-size:20px}.card-id{color:var(--muted);align-self:flex-start;align-items:center;gap:6px;padding:0;font-family:ui-monospace,monospace;font-size:12px;display:inline-flex}.card-id:hover{color:var(--fg)}.card-section{border-top:1px solid var(--line);margin-top:10px;padding-top:12px}.card-section h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 6px;font-size:12px}.card-section h3 small{text-transform:none;letter-spacing:0}.about{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.4}.about a{color:var(--accent)}.card-body>.secondary{margin-top:12px}.about-edit textarea{font-size:14px}.small{padding:5px 12px;font-size:13px}.color-swatch{border:1px solid var(--line);border-radius:var(--r-sm);width:48px;height:30px;box-shadow:none;flex:none;padding:0}.color-pop{z-index:10;border-radius:var(--r-lg);transform-origin:100% 0;flex-direction:column;gap:12px;width:232px;padding:12px;display:flex;position:fixed}.color-sv{border-radius:var(--r-md);touch-action:none;cursor:crosshair;background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(var(--pick-hue) 100% 50%));outline:none;height:150px;position:relative}.color-hue{touch-action:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;outline:none;height:14px;position:relative}.color-sv:focus-visible,.color-hue:focus-visible{box-shadow:var(--ring)}.color-knob{pointer-events:none;border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;translate:-50% -50%;box-shadow:0 0 0 1px #00000059,0 2px 6px #0006}.color-hex{text-align:center;font-family:ui-monospace,monospace;font-size:13px}@media (prefers-reduced-motion:reduce){.msg.flash,.tray li,.rec-dot,.dots i{animation:none}.app,.card-panel,.card-panel.drawer{transition:none!important}}.card{min-height:100%}.card.themed{background:linear-gradient(var(--card-top), var(--card-bottom));color:var(--card-fg);--fg:var(--card-fg);--muted:color-mix(in oklab, var(--card-fg) 70%, transparent);--line:color-mix(in oklab, var(--card-fg) 18%, transparent);--field:color-mix(in oklab, var(--card-fg) 10%, transparent);--field-line:color-mix(in oklab, var(--card-fg) 22%, transparent);padding-bottom:10px}.card.themed .card-avatar{background:var(--card-top)}.card.themed .card-body{border-radius:var(--r-md);background:var(--card-inner);margin:6px 10px 0;padding:12px 14px 16px}.card.themed .card-section{border-top-color:var(--line)}.card.themed .about a{color:inherit;text-decoration:underline}.card.themed .secondary{background:var(--field);color:var(--fg)}.look-preview{border-radius:var(--r-lg);border:1px solid var(--line);background:color-mix(in oklab, var(--hover) 50%, var(--bg));align-self:center;width:300px;max-width:100%;overflow:hidden}.look-preview .card{min-height:0}.vol{flex:none;align-items:center;display:inline-flex;position:relative}.vol-pop{border-radius:var(--r-sm);background:var(--menu);border:1px solid var(--line);color:var(--fg);z-index:3;opacity:0;visibility:hidden;padding:12px 10px;transition:opacity .15s .4s,visibility 0s .55s;display:flex;position:absolute;bottom:100%;left:50%;translate:-50%;box-shadow:0 8px 24px #00000047}.vol-pop:before{content:"";position:absolute;inset:-14px -14px 0}.mini-player .vol-pop:before{inset:-8px -14px -14px}.vol:hover .vol-pop,.vol:focus-within .vol-pop{opacity:1;visibility:visible;transition-delay:0s}@media (prefers-reduced-motion:reduce){.vol-pop{transition:none}}.vol-pop input[type=range].seek{writing-mode:vertical-lr;background:linear-gradient(to top, var(--accent) var(--p), color-mix(in oklab, currentColor 25%, transparent) var(--p));direction:rtl;width:4px;height:84px;margin:0}.vol-pop input[type=range].seek::-webkit-slider-thumb{scale:1}.player.audio{overflow:visible}.player.video .controls{pointer-events:none}.player.video .controls :is(button,input,.vol-pop){pointer-events:auto}.player.audio .track{min-width:60px}.settings{width:min(720px,100vw - 32px)}.settings .body{flex-direction:column;height:min(86dvh,760px);display:flex}.settings-main{flex:1;min-height:0;display:flex}.settings-tabs{border-right:1px solid var(--line);flex-direction:column;flex:none;gap:2px;width:190px;padding:12px 8px;display:flex}.settings-tabs button{border-radius:var(--r-sm);color:var(--muted);box-shadow:none;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:600;display:flex}.settings-tabs button:hover{background:var(--hover);color:var(--fg);filter:none}.settings-tabs button.on{background:color-mix(in oklab, var(--accent) 18%, transparent);color:var(--fg)}.settings-tabs button.on .icon{color:var(--accent)}.settings-page{flex:1;min-width:0;padding:16px 20px 20px;overflow-y:auto}@media (width<=600px){.settings-main{flex-direction:column}.settings-tabs{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;width:auto;padding:8px;overflow-x:auto}.settings-tabs button{flex:none}}.start-self{align-self:flex-start;align-items:center;gap:8px;display:inline-flex}.save-bar{background:var(--menu);border-top:1px solid var(--line);animation:pop-in .2s var(--ease-spring) both;align-items:center;gap:8px;margin:4px -20px -20px;padding:10px 20px;display:flex;position:sticky;bottom:-20px}.look-preview{align-self:stretch;width:auto;max-width:340px}.danger{align-items:center;gap:8px;display:inline-flex}.danger-zone{border-radius:var(--r-md);background:oklab(62.5565% .177936 .0756249/.08);border:1px solid oklab(62.5565% .177936 .0756249/.55);padding:14px 16px}.danger-zone ul{flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:14px;display:flex}.gif-picker{z-index:2;border-radius:var(--r-lg);transform-origin:0 100%;width:min(420px,100vw - 32px);height:min(480px,60dvh);animation:pop-in .2s var(--ease-spring) both;flex-direction:column;display:flex;position:absolute;bottom:calc(100% + 4px);left:16px;overflow:hidden}.gif-top{border-bottom:1px solid color-mix(in oklab, var(--fg) 8%, transparent);flex-direction:column;gap:8px;padding:10px 10px 8px;display:flex}.gif-search{color:var(--muted);background:var(--field);border:1px solid var(--field-line);border-radius:999px;align-items:center;gap:8px;padding:0 6px 0 14px;display:flex;box-shadow:inset 0 1px 2px #00000029}.gif-search:focus-within{border-color:color-mix(in oklab, var(--accent) 65%, transparent);box-shadow:inset 0 1px 2px #00000029, var(--ring)}.gif-search input{min-width:0;box-shadow:none;background:0 0;border:0;flex:1;padding:8px 0}.gif-search input:focus{box-shadow:none}.gif-search .icon-btn{width:26px;height:26px}.gif-tabs{gap:4px;display:flex}.gif-tabs button{color:var(--muted);box-shadow:none;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.gif-tabs button:hover{background:color-mix(in oklab, var(--accent) 12%, transparent);color:var(--fg);filter:none}.gif-tabs button.on{background:color-mix(in oklab, var(--accent) 22%, transparent);color:var(--fg)}.gif-tabs button.on .icon{color:var(--accent)}.gif-grid{flex:1;padding:8px;overflow-y:auto}.gif-cols{align-items:flex-start;gap:6px;display:flex}.gif-col{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.gif-cell{border-radius:var(--r-sm);background:var(--hover) center / cover no-repeat;position:relative;overflow:hidden}.gif-item{width:100%;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block}.gif-item img,.gif-item video{object-fit:cover;width:100%;height:100%;display:block}.gif-item:hover{filter:brightness(1.08)}.gif-item:focus-visible{box-shadow:inset 0 0 0 3px var(--accent)}.gif-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;margin:32px 16px;font-size:14px;display:flex}.gif-credit{text-align:right;color:var(--muted);border-top:1px solid color-mix(in oklab, var(--fg) 8%, transparent);padding:6px 12px;font-size:11px}.gif-btn.on{color:var(--accent)}.gif-star{color:#fff;opacity:0;width:30px;height:30px;transition:opacity .15s, transform .15s var(--ease-spring);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;position:absolute;top:6px;right:6px;box-shadow:inset 0 0 0 1px #ffffff2e}.gif-cell:hover .gif-star,.gif:hover .gif-star,.gif-star:focus-visible,.gif-star.on{opacity:1}.gif-star.on{color:#f5c542}.gif-star:hover{background:#00000080}@media (hover:none){.gif-star{opacity:.85}}.gif{border-radius:var(--r-md);background:var(--hover);max-width:min(100%,300px);line-height:0;position:relative;overflow:hidden}.gif video,.gif img{object-fit:cover;width:100%;height:100%;display:block}.gif-badge{letter-spacing:.04em;color:#fff;border-radius:var(--r-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#0006;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.4;transition:opacity .15s;position:absolute;bottom:8px;left:8px}.gif:hover .gif-badge{opacity:1}@media (prefers-reduced-motion:reduce){.gif-picker{animation:none}}