*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mt-1{margin-top:.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-12{height:3rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-64{max-height:16rem}.w-12{width:3rem}.w-60{width:15rem}.w-8{width:2rem}.w-full{width:100%}.min-w-\[140px\]{min-width:140px}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.bg-accent{background-color:var(--color-accent)}.bg-black\/60{background-color:rgb(0 0 0/.6)}.bg-panel{background-color:var(--color-panel)}.bg-panelAlt{background-color:var(--color-panel-alt)}.bg-transparent{background-color:transparent}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.text-accent{color:var(--color-accent)}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.grayscale{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)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.invert,.sepia{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)}.sepia{--tw-sepia:sepia(100%)}.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)}.hover\:rounded-xl:hover{border-radius:.75rem}.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-panel:hover{background-color:var(--color-panel)}.hover\:bg-panelAlt:hover{background-color:var(--color-panel-alt)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.disabled\:opacity-50:disabled{opacity:.5}:root{--color-bg:#070b10;--color-panel:#111820;--color-panel-alt:#18222c;--color-accent:#52c251;--color-accent-hover:#6cd96b;--color-on-accent:#04130a;--color-text:#ebebeb;--color-text-muted:#9aaaa0;--color-text-faint:#66766c;--color-danger:#f87171;--color-success:#52c251;--color-recording:#ef4444;--hull-border:rgba(82,194,81,0.16);--hull-border-strong:rgba(82,194,81,0.4);--hull-glow:0 0 18px rgba(82,194,81,0.25);--space-deep:#03060a;--space-nebula-green:rgba(82,194,81,0.09);--space-nebula-violet:rgba(120,72,200,0.1);--star-bright:rgba(235,235,235,0.8);--star-dim:rgba(235,235,235,0.35);--call-stage-bg:#070b10;--call-speaking:#23a55a;--call-accept:#23a55a;--call-hangup:#da373c;--call-hangup-hover:#a12828;--call-ring:rgba(35,165,90,0.6);--coin-bg:rgba(250,204,21,0.14);--coin-text:#facc15;--gift-pink:#ec4899;--gift-pink-hover:#db2777;--shop-tint:rgba(236,72,153,0.18);--mood-gradient:linear-gradient(90deg,#60a5fa,#a3a3a3 50%,#facc15);--world-canvas-surround:#03060a;--area-header-bg:#111820;--area-music:#8e5cc9;--area-cinema:#c94f4f;--area-arcade:#3a7bd5;--area-shop:#e0719b;--area-homes:#e39b3c;--room-lobby-tint:rgba(82,194,81,0.22);--cabinet-top:#1b2140;--cabinet-glow:rgba(58,123,213,0.45);--library-card-top:#3a2414;--library-accent:#f28c28;--library-glow:rgba(242,140,40,0.45);--challenge-accent:#e5484d;--challenge-bg:rgba(229,72,77,0.18);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--vn-box-top:rgba(16,30,26,0.94);--vn-box-bottom:rgba(6,12,14,0.96);--vn-border:rgba(255,255,255,0.85);--vn-inner-glow:rgba(82,194,81,0.3);--vn-nameplate:#52c251;--vn-nameplate-own:#b8f0a6;--vn-name-text:var(--color-on-accent);--vn-text:#f8f8ff;--vn-portrait-size:96px;--rpg-box-top:#2130a8;--rpg-box-bottom:#0b1250;--rpg-border:#ffffff;--rpg-outline:#000000;--rpg-name:#ffe066;--rpg-name-own:#7cf0c6;--rpg-text:#ffffff;--rpg-font:"Courier New",ui-monospace,SFMono-Regular,Menlo,monospace;--p5-red:#e5191c;--p5-black:#0d0d0d;--p5-white:#fafafa;--p5-muted:rgba(250,250,250,0.45);--p5-font:"Arial Black","Helvetica Neue",Impact,sans-serif;--p5-font-alt:Georgia,"Times New Roman",serif;--p5-font-body:"Helvetica Neue",Arial,sans-serif;--p5-box-shape:polygon(0 9%,97% 0,100% 86%,2.5% 100%);--p5-portrait-shape:polygon(10% 0,100% 7%,90% 100%,0 88%);--comic-ink:#111111;--comic-ink-faint:rgba(17,17,17,0.5);--comic-paper:#fffdf5;--comic-paper-own:#e8f4ff;--comic-caption:#ffe14d;--comic-font:"Comic Sans MS","Comic Neue","Chalkboard SE",cursive;--term-bg:#050805;--term-green:#39ff6a;--term-green-dim:#1f8a3a;--term-cyan:#4de3ff;--term-amber:#ffb000;--term-glow:rgba(57,255,106,0.25);--term-font:"SF Mono",ui-monospace,Menlo,Consolas,monospace;--pixel-black:#000000;--pixel-white:#ffffff;--pixel-grey:#9a9a9a;--pixel-yellow:#ffe600;--pixel-border:4px;--pixel-font:"Courier New",ui-monospace,monospace;--overlay-gap:0.75rem;--overlay-card-gap:1.1rem;--overlay-blur:12px;--overlay-portrait-size:64px;--overlay-max-lines:5;--overlay-hint-bg:rgba(7,11,16,0.88)}@media (max-width:640px){:root{--vn-portrait-size:56px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon{width:1.15em;height:1.15em;flex-shrink:0;vertical-align:middle}.modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,.6)}.modal__card{display:flex;flex-direction:column;gap:1rem;width:min(26rem,100%);max-height:90vh;overflow-y:auto;padding:1.5rem;border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:0 20px 50px rgba(0,0,0,.5)}.modal__title{margin:0;font-size:1.1rem;font-weight:600}.modal__hint{margin:0;color:var(--color-text-muted);font-size:.875rem}.modal__link{color:var(--color-accent)}.modal__input{padding:.55rem .7rem;border-radius:var(--radius-sm);background:var(--color-panel-alt);color:var(--color-text);font-size:.875rem;outline:none}.modal__input:focus{box-shadow:0 0 0 2px var(--color-accent)}.modal__error{margin:0;color:var(--color-danger);font-size:.85rem}.modal__actions{display:flex;justify-content:flex-end;gap:.5rem}.modal__button{padding:.5rem 1rem;border-radius:4px;background:var(--color-accent);color:var(--color-on-accent);font-size:.875rem;font-weight:500}.modal__button:disabled{opacity:.4}.modal__button--secondary{background:transparent;color:var(--color-text-muted)}.modal__button--secondary:hover{background:var(--color-panel-alt)}.give-gift__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.5rem}.give-gift__option{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .4rem;border-radius:var(--radius-md);background:var(--color-panel-alt)}.give-gift__option--selected{box-shadow:inset 0 0 0 2px var(--color-accent)}.give-gift__emoji{font-size:1.75rem}.give-gift__name{font-size:.75rem}.give-gift__owned{color:var(--color-text-muted);font-size:.7rem}.friend-picker{display:flex;flex-direction:column;gap:.25rem;max-height:16rem;margin:0;padding:0;overflow-y:auto;list-style:none}.friend-picker__option{display:flex;align-items:center;gap:.6rem;width:100%;padding:.4rem .5rem;border-radius:var(--radius-sm);font-size:.875rem;text-align:left}.friend-picker__option--selected,.friend-picker__option:hover{background:var(--color-panel-alt)}.friend-picker__option--selected{box-shadow:inset 0 0 0 2px var(--color-accent)}body{background-color:var(--space-deep);background-image:radial-gradient(ellipse at 15% 10%,var(--space-nebula-green),transparent 45%),radial-gradient(ellipse at 90% 95%,var(--space-nebula-violet),transparent 50%);background-attachment:fixed;color:var(--color-text)}.bg-accent,.hover\:bg-accent:hover{color:var(--color-on-accent)}.brand-logo{display:block;width:44px;height:44px;filter:drop-shadow(0 0 8px rgba(82,194,81,.45));transition:transform .15s ease}.brand-logo:hover{transform:rotate(-8deg) scale(1.06)}.brand-logo--large{width:72px;height:72px;margin:0 auto}.brand-name{margin:0;color:var(--color-accent);font-size:.85rem;font-weight:800;letter-spacing:.06em;text-align:center;text-shadow:0 0 10px rgba(82,194,81,.5)}.app-rail{border-right:1px solid var(--hull-border);background:linear-gradient(180deg,var(--color-bg),var(--space-deep))}.app-rail__settings{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;background:var(--color-panel);color:var(--color-text-muted);font-size:1.25rem;transition:color .15s,background .15s}.app-rail__settings--active,.app-rail__settings:hover{background:var(--color-accent);color:var(--color-on-accent)}.planet-orb{--planet-hue:120;position:relative;border-radius:999px;background:radial-gradient(circle at 32% 30%,hsl(var(--planet-hue) 70% 72%),hsl(var(--planet-hue) 55% 42%) 55%,hsl(var(--planet-hue) 60% 18%));color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);box-shadow:inset -6px -6px 12px rgba(0,0,0,.45);transition:box-shadow .15s ease,transform .15s ease}.planet-orb:after{content:"";position:absolute;inset:40% -14%;border:2px solid hsl(var(--planet-hue) 80% 80%/.55);border-radius:50%;transform:rotate(-18deg);pointer-events:none}.planet-orb:hover{transform:scale(1.06)}.planet-orb[data-active=true]{box-shadow:inset -6px -6px 12px rgba(0,0,0,.45),0 0 0 2px var(--color-accent),var(--hull-glow)}.planet-orb[data-hue="0"]{--planet-hue:120}.planet-orb[data-hue="1"]{--planet-hue:270}.planet-orb[data-hue="2"]{--planet-hue:20}.planet-orb[data-hue="3"]{--planet-hue:190}.planet-orb[data-hue="4"]{--planet-hue:320}.planet-orb[data-hue="5"]{--planet-hue:45}.planet-orb[data-hue="6"]{--planet-hue:160}.planet-orb[data-hue="7"]{--planet-hue:230}.planet-header__name:before{content:"🪐 "}.auth-card{border:1px solid var(--hull-border-strong);box-shadow:var(--hull-glow),0 20px 60px rgba(0,0,0,.6)}@media (max-width:480px){.auth-card.auth-card{max-width:calc(100% - 2rem);padding:1.5rem 1.25rem}}.auth-card__brand{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-bottom:.5rem}.auth-card__tagline{margin:0;color:var(--color-text-muted);font-size:.8rem;text-align:center}.auth-card__notice{margin:0;padding:.75rem;border:1px solid var(--hull-border-strong);border-radius:.5rem;font-size:.875rem;line-height:1.4;text-align:center}.star-sky{inset:0;width:100%;height:100%;--sky-star:#ebebeb;--sky-star-tint:#8fe38e;--sky-shooting:#f4fff0}.space-traffic,.star-sky{position:fixed;z-index:1;pointer-events:none}.space-traffic{top:0;bottom:0;left:72px;right:0;overflow:hidden}.app-main>*,.app-rail>*,.app-sidebar>*,.auth-card{z-index:2}.profile-page{position:relative;z-index:2}.space-flyby{position:absolute;left:-120px;opacity:.9;animation-timing-function:linear;animation-fill-mode:forwards}.space-flyby--lane-0{top:8%}.space-flyby--lane-1{top:22%}.space-flyby--lane-2{top:36%}.space-flyby--lane-3{top:50%}.space-flyby--lane-4{top:64%}.space-flyby--lane-5{top:78%}.space-flyby--ltr{animation-name:space-fly-ltr}.space-flyby--rtl{animation-name:space-fly-rtl}.space-flyby--slow{animation-duration:26s}.space-flyby--medium{animation-duration:18s}.space-flyby--fast{animation-duration:11s}@keyframes space-fly-ltr{0%{left:-120px}to{left:100%}}@keyframes space-fly-rtl{0%{left:100%}to{left:-120px}}.space-flyby__wobble{animation:space-wobble 3.2s ease-in-out infinite}.space-flyby--ltr .space-flyby__wobble{--flyby-tilt:14deg}.space-flyby--rtl .space-flyby__wobble{--flyby-tilt:-14deg}@keyframes space-wobble{0%,to{transform:translateY(0) rotate(var(--flyby-tilt))}50%{transform:translateY(-14px) rotate(var(--flyby-tilt))}}.space-flyby__ship{display:block;width:96px;height:120px}@media (prefers-reduced-motion:reduce){.space-traffic{display:none}}.ship-picker{position:relative}.ship-picker__toggle{padding:.3rem .7rem;border-radius:999px;background:var(--color-accent);color:var(--color-on-accent);font-size:.8rem;font-weight:600}.ship-picker__toggle:hover{background:var(--color-accent-hover)}.ship-picker__menu{position:absolute;right:0;top:calc(100% + .4rem);z-index:20;display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.4rem;width:min(22rem,calc(100vw - 2rem));padding:.6rem;border:1px solid var(--hull-border-strong);border-radius:var(--radius-md);background:var(--color-panel);box-shadow:0 12px 30px rgba(0,0,0,.45)}.ship-picker__option{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.3rem;border-radius:var(--radius-sm);background:var(--color-panel-alt)}.ship-picker__option:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--hull-border-strong)}.ship-picker__option--selected{box-shadow:inset 0 0 0 2px var(--color-accent),var(--hull-glow)}.ship-picker__option:disabled{opacity:.7}.ship-picker__preview{width:72px;height:72px}.ship-picker__name{color:var(--color-text);font-size:.72rem;font-weight:600;text-align:center}.ship-picker__error{grid-column:1/-1;margin:0;color:var(--color-danger);font-size:.75rem}:root{--mobile-bar-height:52px;--rail-width:72px}.app-shell{display:flex;height:100vh;height:100dvh}.app-rail{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:.75rem;width:var(--rail-width);padding:.75rem 0;overflow-y:auto;scrollbar-width:none}.app-rail::-webkit-scrollbar{display:none}.app-rail>*{flex-shrink:0}.app-rail__divider{width:2rem;height:1px;background:var(--color-panel)}.app-rail__footer{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:auto}.app-sidebar{flex-shrink:0}.app-main{min-width:0;min-height:0}.app-mobile-bar,.app-rail-backdrop{display:none}@media (max-width:768px){.app-shell{flex-direction:column}.app-mobile-bar{display:flex;align-items:center;gap:.5rem;flex-shrink:0;height:var(--mobile-bar-height);padding:0 .6rem;border-bottom:1px solid var(--hull-border);background:linear-gradient(90deg,var(--color-bg),var(--space-deep));z-index:3}.app-mobile-bar__logo{display:flex;flex-shrink:0;padding:.2rem;border-radius:999px;transition:transform .2s ease}.app-mobile-bar__logo .brand-logo{width:2.4rem;height:2.4rem}.app-shell[data-rail-open=true] .app-mobile-bar__logo{transform:rotate(-12deg) scale(1.05)}.app-mobile-back{display:flex;align-items:center;gap:.35rem;min-width:0;padding:.4rem .6rem;border-radius:var(--radius-md);color:var(--color-text);font-size:.9rem;font-weight:600}.app-mobile-back:hover{background:var(--color-panel)}.app-mobile-back__arrow{color:var(--color-accent);font-size:1.3rem;line-height:1}.app-mobile-back__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell .app-rail{position:fixed;top:var(--mobile-bar-height);bottom:0;left:0;z-index:40;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));box-shadow:8px 0 24px rgba(0,0,0,.45);transform:translateX(-105%);transition:transform .22s ease;visibility:hidden}.app-shell[data-rail-open=true] .app-rail{transform:translateX(0);visibility:visible}.app-rail>a:first-child{display:none}.app-shell[data-rail-open=true] .app-rail-backdrop{display:block;position:fixed;inset:var(--mobile-bar-height) 0 0 0;z-index:39;background:rgba(0,0,0,.5)}.app-shell .app-main,.app-shell .app-sidebar{flex:1;width:100%}.app-shell[data-mobile-view=chat] .app-sidebar,.app-shell[data-mobile-view=list] .app-main,.app-shell[data-mobile-view=page] .app-sidebar{display:none}}@media (max-width:768px) and (prefers-reduced-motion:reduce){.app-mobile-bar__logo,.app-shell .app-rail{transition:none}}.abduction-loader{--abduction-cycle:3.6s;--abduction-hull:#8b9aa6;--abduction-hull-dark:#56646f;--abduction-rim:#c3cfd8;--abduction-glass:rgba(170,230,255,0.28);--abduction-light:#facc15;--abduction-light-off:#6b5a14;--abduction-alien:var(--color-accent);--abduction-alien-eye:#04130a;--abduction-beam:rgba(108,217,107,0.75);--abduction-beam-fade:rgba(108,217,107,0.05);--abduction-ground:rgba(82,194,81,0.18);--abduction-shadow:rgba(0,0,0,0.55);--abduction-cow:#f3f1ea;--abduction-cow-spot:#2a2a2e;--abduction-cow-pink:#f2a7b5;--abduction-cow-horn:#e8d9a8;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-text-muted)}.abduction-loader--screen{justify-content:center;width:100%;height:100vh}.abduction-loader__scene{width:160px;height:auto;overflow:visible}.abduction-loader--sm .abduction-loader__scene{width:96px}.abduction-loader--lg .abduction-loader__scene{width:220px}.abduction-loader__label{margin:0;font-size:.875rem;letter-spacing:.04em}.abduction-loader--sm .abduction-loader__label{font-size:.75rem}.abduction-loader__ground{fill:var(--abduction-ground)}.abduction-loader__shadow{fill:var(--abduction-shadow);transform-box:fill-box;transform-origin:center;animation:abduction-shadow var(--abduction-cycle) ease-in-out infinite}.abduction-loader__beam-stop--top{stop-color:var(--abduction-beam)}.abduction-loader__beam-stop--bottom{stop-color:var(--abduction-beam-fade)}.abduction-loader__beam{opacity:0;animation:abduction-beam var(--abduction-cycle) ease-in-out infinite}.abduction-loader__cow{transform-box:fill-box;transform-origin:center;animation:abduction-cow var(--abduction-cycle) ease-in-out infinite}.abduction-loader__cow-hide{fill:var(--abduction-cow)}.abduction-loader__cow-eye,.abduction-loader__cow-spot{fill:var(--abduction-cow-spot)}.abduction-loader__cow-snout,.abduction-loader__cow-udder{fill:var(--abduction-cow-pink)}.abduction-loader__cow-nostril{fill:#b0707c}.abduction-loader__cow-leg{fill:var(--abduction-cow)}.abduction-loader__cow-horn,.abduction-loader__cow-tail{fill:none;stroke-width:2;stroke-linecap:round}.abduction-loader__cow-tail{stroke:var(--abduction-cow)}.abduction-loader__cow-horn{stroke:var(--abduction-cow-horn)}.abduction-loader__cow-leg{transform-box:fill-box;transform-origin:top center;animation:abduction-kick .35s ease-in-out infinite alternate}.abduction-loader__cow-leg--front{animation-delay:-.175s}.abduction-loader__ufo{animation:abduction-bob 1.8s ease-in-out infinite alternate}.abduction-loader__ufo-dome{fill:rgba(10,20,30,.6)}.abduction-loader__ufo-glass{fill:var(--abduction-glass);stroke:var(--abduction-rim);stroke-width:1}.abduction-loader__alien{fill:var(--abduction-alien)}.abduction-loader__alien-eye{fill:var(--abduction-alien-eye)}.abduction-loader__ufo-hull{fill:var(--abduction-hull)}.abduction-loader__ufo-rim{fill:var(--abduction-rim)}.abduction-loader__ufo-belly{fill:var(--abduction-hull-dark)}.abduction-loader__ufo-light{fill:var(--abduction-light-off);animation:abduction-light .9s steps(1) infinite}.abduction-loader__ufo-light:nth-of-type(2){animation-delay:.18s}.abduction-loader__ufo-light:nth-of-type(3){animation-delay:.36s}.abduction-loader__ufo-light:nth-of-type(4){animation-delay:.54s}.abduction-loader__ufo-light:nth-of-type(5){animation-delay:.72s}@keyframes abduction-cow{0%{transform:translateY(0) rotate(0) scale(1);opacity:0}6%{opacity:1}22%{transform:translateY(0) rotate(0) scale(1)}32%{transform:translateY(-10px) rotate(-10deg) scale(.95)}50%{transform:translateY(-40px) rotate(12deg) scale(.78)}68%{transform:translateY(-68px) rotate(-14deg) scale(.5)}80%{transform:translateY(-88px) rotate(0) scale(.18);opacity:1}84%{transform:translateY(-90px) rotate(0) scale(.1);opacity:0}to{transform:translateY(0) rotate(0) scale(1);opacity:0}}@keyframes abduction-shadow{0%{transform:scale(1);opacity:0}6%{opacity:1}22%{transform:scale(1);opacity:1}80%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:0}}@keyframes abduction-beam{0%,16%{opacity:0}22%{opacity:.95}45%{opacity:.7}60%{opacity:.95}82%{opacity:.85}90%,to{opacity:0}}@keyframes abduction-kick{0%{transform:rotate(-14deg)}to{transform:rotate(14deg)}}@keyframes abduction-bob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes abduction-light{0%{fill:var(--abduction-light)}50%{fill:var(--abduction-light-off)}}@media (prefers-reduced-motion:reduce){.abduction-loader__cow,.abduction-loader__cow-leg,.abduction-loader__shadow,.abduction-loader__ufo,.abduction-loader__ufo-light{animation:none}.abduction-loader__cow{transform:translateY(-40px) scale(.78)}.abduction-loader__shadow{transform:scale(.6)}.abduction-loader__beam{animation:none;opacity:.8}}.language-picker{display:flex;align-items:center;gap:.75rem}.language-picker--full{justify-content:space-between;margin-bottom:1.5rem}.language-picker--compact{justify-content:center}.language-picker__label{font-size:.875rem;font-weight:600;color:#d1d5db}.language-picker__options{display:inline-flex;padding:.2rem;border:1px solid var(--hull-border);border-radius:999px;background:var(--color-panel-alt)}.language-picker__option{padding:.3rem .85rem;border:0;border-radius:999px;background:transparent;color:var(--color-text-muted);font-size:.8rem;cursor:pointer;transition:background .15s,color .15s}.language-picker__option:hover{color:var(--color-text)}.language-picker__option[data-active=true]{background:var(--color-accent);color:var(--color-on-accent);font-weight:600}.language-picker__option:focus-visible{outline:2px solid var(--color-accent-hover);outline-offset:2px}.chat-window{display:flex;flex-direction:column;height:100%;min-height:0}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 1rem;border-bottom:1px solid var(--color-bg)}.chat-header__title{margin:0;font-size:.875rem;font-weight:600;color:#e5e7eb}.chat-header__actions{display:flex;gap:.4rem}.chat-header__toggle{min-width:2.25rem;padding:.25rem .6rem;font-weight:700;letter-spacing:.04em}.chat-header__select,.chat-header__toggle{border-radius:var(--radius-sm);background:var(--color-panel);color:var(--color-text-muted);font-size:.75rem}.chat-header__select{max-width:11rem;padding:.25rem .4rem;font-weight:600;outline:none}.chat-header__select:focus,.chat-header__select:hover{color:var(--color-text)}.chat-header__select:focus-visible{box-shadow:0 0 0 2px var(--color-accent)}.chat-header__toggle--on,.chat-header__toggle:hover{color:var(--color-text)}.chat-log{flex:1;display:flex;flex-direction:column;gap:1.6rem;padding:1.75rem 1rem 1rem;overflow-y:auto}.chat-log[data-log-skin=vn],.chat-log[data-skin=vn]{background:radial-gradient(ellipse at top,rgba(82,194,81,.1),transparent 60%)}.chat-log[data-log-skin=rpg],.chat-log[data-skin=rpg]{gap:1.25rem;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 2px,transparent 2px 4px)}.chat-log[data-log-skin=persona5],.chat-log[data-skin=persona5]{gap:2.2rem;padding-top:2.5rem;background:radial-gradient(circle,rgba(229,25,28,.22) 1px,transparent 1.6px) 0 0 /10px 10px,linear-gradient(160deg,#2a0405,#0d0d0d 70%)}.chat-log[data-log-skin=comic],.chat-log[data-skin=comic]{background:radial-gradient(circle,rgba(255,255,255,.07) 1.2px,transparent 1.8px) 0 0 /12px 12px,#2a2d3a}.chat-log[data-log-skin=terminal],.chat-log[data-skin=terminal]{gap:1rem;background:repeating-linear-gradient(0deg,rgba(57,255,106,.03) 0 1px,transparent 1px 3px),var(--term-bg)}.chat-log[data-log-skin=pixel],.chat-log[data-skin=pixel]{gap:1.25rem;background:var(--pixel-black)}.chat-typing{height:1.25rem;padding:0 1rem;font-style:italic}.chat-log__status,.chat-typing{font-size:.75rem;color:var(--color-text-faint)}.chat-log__status{align-self:center}.portrait{flex:none;display:flex;align-items:center;justify-content:center;width:var(--vn-portrait-size);height:var(--vn-portrait-size);overflow:hidden;border-radius:var(--radius-md);background:linear-gradient(160deg,var(--color-accent),#2c2f7a)}.portrait__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.portrait__initials{font-size:calc(var(--vn-portrait-size) * .32);font-weight:700;color:#fff}.portrait--small{width:40px;height:40px;border-radius:var(--radius-sm)}.portrait--small .portrait__initials{font-size:.8rem}.dlg{display:flex;align-items:flex-end;gap:.9rem}.dlg__box{position:relative;flex:1;min-width:0;cursor:pointer;outline:none}.dlg--has-embed .dlg__box{flex:0 1 auto;width:-moz-fit-content;width:fit-content;min-width:min(16rem,100%);max-width:100%}.dlg__name-char{white-space:pre}.dlg__text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.dlg__text-pending{visibility:hidden}.dlg__meta{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.dlg__next,.dlg__time{font-size:.7rem}.dlg__next{display:inline-block;animation:dlg-next-bounce .9s ease-in-out infinite}.dlg--animating .dlg__next{visibility:hidden}@keyframes dlg-next-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.dlg__next{animation:none}}[data-skin=vn] .dlg__portrait{border:2px solid var(--vn-border);box-shadow:0 6px 16px rgba(0,0,0,.35)}[data-skin=vn] .dlg__box{padding:1.35rem 1.1rem .5rem;border:2px solid var(--vn-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--vn-box-top),var(--vn-box-bottom));box-shadow:inset 0 0 0 4px var(--vn-inner-glow),0 6px 18px rgba(0,0,0,.35);color:var(--vn-text);transition:transform .12s ease}[data-skin=vn] .dlg__box:hover{transform:translateY(-1px)}[data-skin=vn] .dlg__box:focus-visible{box-shadow:inset 0 0 0 4px var(--vn-inner-glow),0 0 0 3px var(--color-accent)}[data-skin=vn] .dlg__nameplate{position:absolute;top:-.95rem;left:1rem;display:flex;align-items:baseline;gap:.5rem;padding:.15rem .85rem;border:2px solid var(--vn-border);border-radius:8px;background:var(--vn-nameplate);box-shadow:0 3px 8px rgba(0,0,0,.3)}[data-skin=vn] .dlg--own .dlg__nameplate{background:var(--vn-nameplate-own)}[data-skin=vn] .dlg__name{font-size:.85rem;font-weight:700;color:var(--vn-name-text)}[data-skin=vn] .dlg__expression{font-size:.7rem;font-style:italic;color:rgba(255,255,255,.75)}[data-skin=vn] .dlg__text{font-size:.975rem;line-height:1.6}[data-skin=vn] .dlg__meta{color:rgba(255,255,255,.45)}[data-skin=rpg] .dlg__portrait{border-radius:0;border:3px solid var(--rpg-border);box-shadow:0 0 0 3px var(--rpg-outline),4px 4px 0 3px rgba(0,0,0,.45);image-rendering:pixelated}[data-skin=rpg] .dlg__portrait .portrait__img{image-rendering:pixelated}[data-skin=rpg] .dlg__box{padding:.7rem 1rem .45rem;border:4px solid var(--rpg-border);border-radius:4px;background:linear-gradient(180deg,var(--rpg-box-top),var(--rpg-box-bottom));box-shadow:0 0 0 3px var(--rpg-outline),5px 5px 0 3px rgba(0,0,0,.45);color:var(--rpg-text);font-family:var(--rpg-font)}[data-skin=rpg] .dlg__box:focus-visible{border-color:var(--rpg-name)}[data-skin=rpg] .dlg__nameplate{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.3rem}[data-skin=rpg] .dlg__name{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--rpg-name)}[data-skin=rpg] .dlg--own .dlg__name{color:var(--rpg-name-own)}[data-skin=rpg] .dlg__expression{font-size:.7rem;color:rgba(255,255,255,.6)}[data-skin=rpg] .dlg__expression:before{content:"["}[data-skin=rpg] .dlg__expression:after{content:"]"}[data-skin=rpg] .dlg__text{font-size:.95rem;line-height:1.55;text-shadow:2px 2px 0 rgba(0,0,0,.6)}[data-skin=rpg] .dlg__meta{color:rgba(255,255,255,.5)}[data-skin=rpg] .dlg__next{animation:dlg-next-blink .8s steps(1) infinite}@keyframes dlg-next-blink{50%{opacity:0}}[data-skin=persona5] .dlg{gap:.35rem}[data-skin=persona5] .dlg__portrait{border-radius:0;background:var(--p5-red);clip-path:var(--p5-portrait-shape);transform:rotate(-5deg)}[data-skin=persona5] .dlg--own .dlg__portrait{background:var(--p5-white);transform:rotate(4deg)}[data-skin=persona5] .dlg__portrait .portrait__initials{color:var(--p5-black);font-family:var(--p5-font);font-style:italic}[data-skin=persona5] .dlg__box{isolation:isolate;padding:1.7rem 1.6rem .7rem;color:var(--p5-white);transform:rotate(-1.2deg);transition:transform .12s ease}[data-skin=persona5] .dlg__box:after,[data-skin=persona5] .dlg__box:before{content:"";position:absolute;clip-path:var(--p5-box-shape)}[data-skin=persona5] .dlg__box:before{inset:-5px -7px;z-index:-2;background:var(--p5-white)}[data-skin=persona5] .dlg__box:after{inset:0;z-index:-1;background:linear-gradient(115deg,transparent 88%,var(--p5-red) 88%,var(--p5-red) 92%,transparent 92%),var(--p5-black)}[data-skin=persona5] .dlg__box:hover{transform:rotate(-.4deg) scale(1.01)}[data-skin=persona5] .dlg__box:focus-visible:before{background:var(--p5-red)}[data-skin=persona5] .dlg--own .dlg__box{color:var(--p5-black);transform:rotate(1deg)}[data-skin=persona5] .dlg--own .dlg__box:before{background:var(--p5-black)}[data-skin=persona5] .dlg--own .dlg__box:after{background:linear-gradient(115deg,transparent 88%,var(--p5-red) 88%,var(--p5-red) 92%,transparent 92%),var(--p5-white)}[data-skin=persona5] .dlg__nameplate{position:absolute;top:-1.1rem;left:.6rem;z-index:1;display:flex;align-items:flex-end;gap:.5rem;transform:rotate(-7deg)}[data-skin=persona5] .dlg__name{display:flex;align-items:flex-end}[data-skin=persona5] .dlg__name-char{display:inline-block;padding:.05em .14em;margin-right:-.04em;background:var(--p5-white);color:var(--p5-black);font-family:var(--p5-font);font-size:1.05rem;font-weight:900;line-height:1.1;text-transform:uppercase;box-shadow:2px 2px 0 var(--p5-black)}[data-skin=persona5] .dlg__name-char:nth-child(3n){background:var(--p5-black);color:var(--p5-white);font-size:1.25rem;transform:rotate(6deg);box-shadow:2px 2px 0 var(--p5-white)}[data-skin=persona5] .dlg__name-char:nth-child(4n+1){background:var(--p5-red);color:var(--p5-white);font-family:var(--p5-font-alt);transform:rotate(-5deg) translateY(-2px)}[data-skin=persona5] .dlg__name-char:nth-child(5n+2){font-family:var(--p5-font-alt);font-style:italic;transform:rotate(3deg) translateY(1px)}[data-skin=persona5] .dlg__expression{padding:.05rem .4rem;background:var(--p5-black);color:var(--p5-red);font-family:var(--p5-font);font-size:.65rem;font-style:italic;text-transform:uppercase}[data-skin=persona5] .dlg__text{font-family:var(--p5-font-body);font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:.01em}[data-skin=persona5] .dlg__meta{color:var(--p5-muted)}[data-skin=persona5] .dlg__time{font-family:var(--p5-font);font-style:italic}[data-skin=persona5] .dlg__next{color:inherit;text-shadow:2px 2px 0 var(--p5-red);font-size:.95rem;transform:rotate(-90deg);animation:p5-next-snap .7s steps(2) infinite}@keyframes p5-next-snap{50%{translate:3px 0}}@media (prefers-reduced-motion:reduce){[data-skin=persona5] .dlg__next{animation:none}}[data-skin=comic] .dlg__portrait{border:3px solid var(--comic-ink);border-radius:50%;box-shadow:4px 4px 0 var(--comic-ink)}[data-skin=comic] .dlg__box{padding:.75rem 1.1rem .4rem;border:3px solid var(--comic-ink);border-radius:1.4rem;background:var(--comic-paper);box-shadow:5px 5px 0 var(--comic-ink);color:var(--comic-ink);font-family:var(--comic-font)}[data-skin=comic] .dlg--own .dlg__box{background:var(--comic-paper-own)}[data-skin=comic] .dlg__box:after,[data-skin=comic] .dlg__box:before{content:"";position:absolute;bottom:.9rem;width:0;height:0;border-style:solid}[data-skin=comic] .dlg__box:before{left:-1.15rem;border-width:.55rem 1.15rem .55rem 0;border-color:transparent var(--comic-ink) transparent transparent}[data-skin=comic] .dlg__box:after{left:-.7rem;border-width:.35rem .75rem .35rem 0;border-color:transparent var(--comic-paper) transparent transparent;translate:0 -.2rem}[data-skin=comic] .dlg--own .dlg__box:after{border-right-color:var(--comic-paper-own)}[data-skin=comic] .dlg__box:focus-visible{box-shadow:5px 5px 0 var(--color-accent)}[data-skin=comic] .dlg__nameplate{display:inline-flex;align-items:baseline;gap:.4rem;margin-bottom:.3rem;padding:.05rem .5rem;border:2px solid var(--comic-ink);background:var(--comic-caption);transform:rotate(-1.5deg)}[data-skin=comic] .dlg__name{font-size:.85rem;font-weight:700;text-transform:uppercase}[data-skin=comic] .dlg__expression{font-size:.7rem;font-style:italic}[data-skin=comic] .dlg__text{font-size:1rem;line-height:1.45}[data-skin=comic] .dlg__meta{color:var(--comic-ink-faint)}[data-skin=terminal] .dlg{align-items:flex-start}[data-skin=terminal] .dlg__portrait{border:1px solid var(--term-green);border-radius:0;background:var(--term-bg);filter:grayscale(1) sepia(1) hue-rotate(70deg) saturate(3)}[data-skin=terminal] .dlg__box{padding:.6rem .9rem .35rem;border:1px solid var(--term-green-dim);background:var(--term-bg);box-shadow:0 0 12px var(--term-glow);color:var(--term-green);font-family:var(--term-font);text-shadow:0 0 4px var(--term-glow)}[data-skin=terminal] .dlg__box:focus-visible{border-color:var(--term-green)}[data-skin=terminal] .dlg__nameplate{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.2rem;font-size:.8rem}[data-skin=terminal] .dlg__name{color:var(--term-cyan)}[data-skin=terminal] .dlg__name:after{content:"@chat:~$";color:var(--term-green-dim)}[data-skin=terminal] .dlg--own .dlg__name{color:var(--term-amber)}[data-skin=terminal] .dlg__expression{color:var(--term-green-dim)}[data-skin=terminal] .dlg__expression:before{content:"--mood="}[data-skin=terminal] .dlg__text{font-size:.9rem;line-height:1.5}[data-skin=terminal] .dlg__meta{color:var(--term-green-dim)}[data-skin=terminal] .dlg__next{width:.55em;height:1em;background:var(--term-green);color:transparent;animation:term-cursor-blink 1s steps(1) infinite}@keyframes term-cursor-blink{50%{opacity:0}}[data-skin=pixel] .dlg{align-items:stretch;gap:0}[data-skin=pixel] .dlg__portrait{border:var(--pixel-border) solid var(--pixel-white);border-right:0;border-radius:0;background:var(--pixel-black);height:auto;min-height:var(--vn-portrait-size);filter:grayscale(1) contrast(1.2)}[data-skin=pixel] .dlg__portrait .portrait__img{image-rendering:pixelated}[data-skin=pixel] .dlg__box{padding:.7rem 1rem .4rem;border:var(--pixel-border) solid var(--pixel-white);background:var(--pixel-black);color:var(--pixel-white);font-family:var(--pixel-font)}[data-skin=pixel] .dlg__box:focus-visible{border-color:var(--pixel-yellow)}[data-skin=pixel] .dlg__nameplate{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--pixel-grey)}[data-skin=pixel] .dlg--own .dlg__name{color:var(--pixel-yellow)}[data-skin=pixel] .dlg__expression:before{content:"("}[data-skin=pixel] .dlg__expression:after{content:")"}[data-skin=pixel] .dlg__text{padding-left:1.3em;text-indent:-1.3em;font-size:1rem;line-height:1.55}[data-skin=pixel] .dlg__text:before{content:"* ";white-space:pre}[data-skin=pixel] .dlg__meta{color:var(--pixel-grey)}[data-skin=pixel] .dlg__next{animation:dlg-next-blink .8s steps(1) infinite}.chat-composer{display:flex;flex-direction:column;gap:.5rem;padding:.25rem 1rem 1rem;border-radius:var(--radius-md);transition:box-shadow .12s}.chat-composer--dragging{box-shadow:inset 0 0 0 2px var(--color-accent)}.chat-composer__row{display:flex;align-items:center;gap:.5rem}.chat-composer__input{flex:1;min-width:0;padding:.6rem .75rem;border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:.875rem;outline:none}.chat-composer__input:focus{box-shadow:0 0 0 2px var(--color-accent)}.chat-composer__send{padding:.6rem 1rem;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-size:.875rem;font-weight:500}.chat-composer__send:hover:not(:disabled){background:var(--color-accent-hover)}.chat-composer__send:disabled{opacity:.4}@media (max-width:768px){.chat-composer{padding:.25rem .6rem .6rem}.chat-composer__row{flex-wrap:wrap;gap:.4rem}.chat-composer__input{order:1;flex-basis:calc(100% - 6rem)}.chat-composer__send{order:2}}.expr-picker{position:relative;flex:none}.expr-picker__toggle{display:block;padding:2px;border-radius:var(--radius-sm);border:2px solid transparent}.expr-picker__toggle:hover,.expr-picker__toggle[aria-expanded=true]{border-color:var(--color-accent)}.expr-picker__popover{position:absolute;bottom:calc(100% + .5rem);left:0;z-index:20;display:grid;grid-template-columns:repeat(4,4.5rem);gap:.35rem;max-height:18rem;padding:.6rem;overflow-y:auto;border-radius:var(--radius-md);background:var(--color-panel);box-shadow:0 10px 30px rgba(0,0,0,.5)}.expr-picker__option{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.35rem .2rem;border-radius:var(--radius-sm);border:2px solid transparent}.expr-picker__option:hover{background:var(--color-panel-alt)}.expr-picker__option--selected{border-color:var(--color-accent)}.expr-picker__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;color:var(--color-text-muted)}.expr-picker__empty{grid-column:1/-1;margin:0;font-size:.75rem;color:var(--color-text-muted)}.expr-picker__empty a{color:var(--color-accent);text-decoration:underline}@media (max-width:640px){.expr-picker__popover{grid-template-columns:repeat(3,4.5rem)}}.dlg-skin{display:block}.dlg-skin[data-remote-style]{contain:layout paint;overflow-clip-margin:1.5rem;isolation:isolate}.author-styles-prompt{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:.5rem 1rem 0;padding:.55rem .8rem;border:1px solid var(--hull-border-strong);border-radius:var(--radius-md);background:var(--color-panel);color:var(--color-text);font-size:.8rem}.author-styles-prompt__icon{font-size:1rem}.author-styles-prompt__text{flex:1 1 14rem;min-width:0}.author-styles-prompt__actions{display:flex;gap:.4rem}.author-styles-prompt__button{padding:.3rem .7rem;border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);font-size:.75rem;font-weight:600}.author-styles-prompt__button:focus-visible,.author-styles-prompt__button:hover{color:var(--color-text)}.author-styles-prompt__button--primary{background:var(--color-accent);color:var(--color-text)}.person-styles{position:relative}.person-styles__button{display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer;list-style:none}.person-styles__button::-webkit-details-marker{display:none}.person-styles[open] .person-styles__button{color:var(--color-text)}.person-styles__panel{position:absolute;top:calc(100% + .4rem);right:0;z-index:30;width:-moz-max-content;width:max-content;max-width:min(22rem,calc(100vw - 2rem));max-height:60vh;overflow-y:auto;padding:.6rem .75rem;border:1px solid var(--hull-border-strong);border-radius:var(--radius-md);background:var(--color-panel);box-shadow:var(--hull-glow)}.person-styles__title{margin:0 0 .5rem;font-size:.75rem;font-weight:700;color:var(--color-text-muted)}.person-styles__list{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none}.person-styles__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.person-styles__name{overflow:hidden;font-size:.8rem;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap}.person-styles__select{flex:none;max-width:13rem;background:var(--color-bg)}.settings-section{margin-top:2.5rem}.settings-section__title{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#d1d5db}.settings-hint{margin:0 0 .75rem;font-size:.75rem;line-height:1.5;color:var(--color-text-faint)}.settings-status{margin:.5rem 0 0;font-size:.85rem;color:var(--color-text-muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin-bottom:1rem}.settings-field{display:flex;flex-direction:column;gap:.3rem}.settings-field--wide{grid-column:1/-1}@media (max-width:640px){.settings-grid{grid-template-columns:minmax(0,1fr)}}.settings-label{font-size:.75rem;color:var(--color-text-muted)}.settings-value{float:right;font-variant-numeric:tabular-nums;color:var(--color-text)}.settings-input{width:100%;padding:.5rem;border-radius:var(--radius-sm);background:var(--color-panel-alt);color:var(--color-text);font-size:.875rem;outline:none}.settings-section .settings-input{background:var(--color-panel)}.settings-input:focus{box-shadow:0 0 0 2px var(--color-accent)}.settings-range{width:100%;accent-color:var(--color-accent)}.settings-check{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;color:#d1d5db}.settings-check input{accent-color:var(--color-accent)}.settings-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.settings-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius-sm);background:var(--color-panel);color:var(--color-text);font-size:.85rem;cursor:pointer;white-space:nowrap}.settings-button:hover:not(:disabled){filter:brightness(1.15)}.settings-button:disabled{opacity:.5;cursor:default}.settings-button--primary{background:var(--color-accent);color:var(--color-on-accent);font-weight:500}.settings-link{padding:0;font-size:.75rem;color:var(--color-accent)}.settings-link:hover{text-decoration:underline}.settings-link--danger{color:var(--color-danger)}.voice-settings__engines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:1.25rem}@media (max-width:640px){.voice-settings__engines{grid-template-columns:minmax(0,1fr)}}.voice-engine{display:flex;flex-direction:column;gap:.2rem;padding:.65rem .75rem;border:2px solid transparent;border-radius:var(--radius-md);background:var(--color-panel);text-align:left}.voice-engine:hover{border-color:var(--hull-border-strong)}.voice-engine--selected{border-color:var(--color-accent);background:rgba(82,194,81,.15)}.voice-engine__title{font-size:.85rem;font-weight:600;color:var(--color-text)}.voice-engine__desc{font-size:.7rem;line-height:1.4;color:var(--color-text-muted)}.voice-settings__test{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:1.25rem;padding:.85rem;border-radius:var(--radius-md);background:rgba(0,0,0,.18)}.voice-settings__samples{display:flex;gap:1rem}.voice-settings__preview{align-self:stretch;min-height:2.5rem;margin:0;padding:.6rem .8rem;border:2px solid var(--vn-border);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--vn-box-top),var(--vn-box-bottom));color:var(--vn-text);font-size:.9rem;white-space:pre-wrap}.clipbank{margin-top:.5rem}.clipbank__grid{margin-top:.75rem}.clipbank__row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem}.clipbank__cell{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:5.25rem;padding:.35rem .25rem;border:1px dashed rgba(255,255,255,.15);border-radius:var(--radius-sm);background:var(--color-panel)}.clipbank__cell--filled{border-style:solid;border-color:var(--color-success)}.clipbank__key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;font-weight:700;color:var(--color-text)}.clipbank__actions{display:flex;gap:.15rem}.clipbank__btn{display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;border-radius:4px;background:var(--color-panel-alt);color:var(--color-text-muted);font-size:.65rem;cursor:pointer}.clipbank__btn:hover{color:var(--color-text)}.clipbank__btn--recording{background:var(--color-recording);color:#fff;animation:clipbank-pulse .8s ease-in-out infinite}@keyframes clipbank-pulse{50%{opacity:.55}}.clipbank__busy{font-size:.6rem;color:var(--color-text-faint)}.clipbank__custom{display:flex;gap:.5rem;max-width:20rem;margin-top:.75rem}.expr-manager__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.6rem;margin:0 0 1rem;padding:0;list-style:none}.expr-manager__item{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem;border-radius:var(--radius-md);background:var(--color-panel)}.expr-manager__img{width:4.5rem;height:4.5rem;-o-object-fit:cover;object-fit:cover;border:2px solid var(--vn-border);border-radius:var(--radius-md)}.expr-manager__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:var(--color-text)}.expr-manager__actions{display:flex;gap:.6rem}.expr-manager__form{display:flex;flex-wrap:wrap;gap:.5rem}.expr-manager__form .settings-input{flex:1;min-width:10rem}.message-styles__subtitle{margin-top:1.75rem}.style-preview{flex:none;margin-bottom:1rem;padding:2rem 1rem 1.25rem;border-radius:var(--radius-md);overflow:hidden;pointer-events:none}.custom-style-list{display:flex;flex-direction:column;gap:.35rem;margin:0 0 1rem;padding:0;list-style:none}.custom-style-list__item{display:flex;align-items:baseline;gap:.75rem;padding:.5rem .75rem;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--color-panel)}.custom-style-list__item--active{border-color:var(--color-accent)}.custom-style-list__name{font-size:.875rem;font-weight:600;color:var(--color-text)}.custom-style-list__base{flex:1;font-size:.75rem;color:var(--color-text-faint)}.custom-style-editor{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:var(--radius-md);background:var(--color-panel-alt)}.custom-style-editor .settings-grid{margin-bottom:0}.custom-style-editor__css{min-height:18rem;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre}.custom-style-editor__warnings{margin:0;padding:.6rem .75rem .6rem 1.75rem;border-radius:var(--radius-sm);background:rgba(248,113,113,.1);color:var(--color-danger);font-size:.75rem;line-height:1.5}.my-chat-style__error{margin:0 0 .75rem;font-size:.8rem;color:var(--color-danger)}.feed-page{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:36rem;margin:0 auto;padding:1.5rem}@media (max-width:768px){.feed-page{gap:.75rem;padding:.6rem}.feed-page .post-card,.feed-page .post-composer{padding:.8rem}}.post-composer{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:8px;background:var(--color-panel);transition:box-shadow .12s}.post-composer--dragging{box-shadow:0 0 0 2px var(--color-accent)}.post-composer__tags,.post-composer__text{width:100%;padding:.5rem;border-radius:4px;background:var(--color-panel-alt);color:var(--color-text);font-size:.875rem;outline:none}.post-composer__text{resize:none}.post-composer__tags:focus,.post-composer__text:focus{box-shadow:0 0 0 2px var(--color-accent)}.post-composer__error{margin:0;color:var(--color-danger);font-size:.875rem}.post-composer__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.post-composer__tools{display:flex;align-items:center;gap:.25rem}.post-composer__submit{padding:.5rem 1rem;border-radius:4px;background:var(--color-accent);color:var(--color-on-accent);font-size:.875rem;font-weight:500}.post-composer__submit:hover:not(:disabled){background:var(--color-accent-hover)}.post-composer__submit:disabled{opacity:.4}.post-card{padding:1rem;border-radius:8px;background:var(--color-panel)}.post-card__header{display:flex;align-items:center;gap:.5rem}.post-card__avatar{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;background:var(--color-accent);color:var(--color-on-accent);font-size:.75rem;font-weight:600}.post-card__author{font-size:.875rem;font-weight:600}.post-card__author:hover,.post-card__comment-author:hover{text-decoration:underline}.post-card__time{display:block;color:var(--color-text-faint);font-size:.75rem}.post-card__content{margin:.75rem 0 0;color:#e5e7eb;font-size:.875rem;white-space:pre-wrap;overflow-wrap:anywhere}.post-card__media{margin-top:.75rem}.post-card__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.post-card__tag{padding:.125rem .5rem;border-radius:999px;background:var(--color-panel-alt);color:var(--color-accent);font-size:.75rem}.post-card__actions{display:flex;gap:1rem;margin-top:.75rem;color:var(--color-text-muted);font-size:.75rem}.post-card__action:hover{color:#fff}.post-card__action--active{color:var(--color-accent)}.post-card__comments{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-panel-alt)}.post-card__comment{font-size:.875rem}.post-card__comment-author{font-weight:600}.post-card__comment-text{color:#d1d5db}.post-card__comment-form{display:flex;gap:.5rem}.post-card__comment-input{flex:1;min-width:0;padding:.25rem .5rem;border-radius:4px;background:var(--color-panel-alt);color:var(--color-text);font-size:.875rem;outline:none}.post-card__comment-submit{padding:.25rem .75rem;border-radius:4px;background:var(--color-accent);color:var(--color-on-accent);font-size:.75rem;font-weight:500}.post-card__comment-submit:disabled{opacity:.4}.media-gallery{display:grid;gap:4px;overflow:hidden;border-radius:var(--radius-md);cursor:default}.media-gallery--single{grid-template-columns:minmax(0,1fr)}.media-gallery--grid,.media-gallery--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.media-item{position:relative;display:block;min-width:0;padding:0;overflow:hidden;background:var(--color-bg)}.media-item__image,.media-item__video{display:block;width:100%;height:auto;max-height:var(--media-max-height);-o-object-fit:contain;object-fit:contain;background:#000}.media-gallery--grid .media-item--gif .media-item__video,.media-gallery--grid .media-item__image,.media-gallery--pair .media-item--gif .media-item__video,.media-gallery--pair .media-item__image{aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.media-item--image{cursor:zoom-in}.media-item--image:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.media-item__badge{position:absolute;left:.4rem;bottom:.4rem;padding:.05rem .35rem;border-radius:4px;background:rgba(0,0,0,.65);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.04em;pointer-events:none}.media-item--video .media-item__badge{top:.4rem;bottom:auto}.media-item--unavailable{padding:1rem;color:var(--color-text-faint);font-size:.75rem;text-align:center}.media-gallery{--media-max-height:480px}.media-gallery--compact{--media-max-height:320px;max-width:420px}.dlg__attachments{margin-top:.5rem}.media-lightbox{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;background:rgba(0,0,0,.88);cursor:zoom-out}.media-lightbox__image{max-width:100%;max-height:calc(100% - 3rem);-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm);cursor:default}.media-lightbox__close{position:absolute;top:1rem;right:1rem;padding:.5rem;border-radius:999px;color:#fff;font-size:1.25rem;background:rgba(255,255,255,.1)}.media-lightbox__close:hover{background:rgba(255,255,255,.2)}.media-lightbox__link{color:var(--color-text-muted);font-size:.8rem;text-decoration:underline}.attach-button{display:inline-flex;align-items:center;justify-content:center;padding:.45rem;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:1.1rem}.attach-button:hover:not(:disabled){color:var(--color-text);background:var(--color-panel)}.attach-button:disabled{opacity:.4}.attachment-tray{display:flex;flex-direction:column;gap:.35rem}.attachment-tray__list{display:flex;gap:.5rem;margin:0;padding:0 0 .25rem;overflow-x:auto;list-style:none}.attachment-tray__item{position:relative;display:flex;flex-direction:column;gap:.25rem;width:96px;flex-shrink:0}.attachment-tray__thumb{position:relative;display:flex;align-items:center;justify-content:center;width:96px;height:96px;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-bg)}.attachment-tray__media{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.attachment-tray__placeholder{color:var(--color-text-faint);font-size:1.5rem}.attachment-tray__kind{position:absolute;left:.25rem;top:.25rem;padding:0 .3rem;border-radius:4px;background:rgba(0,0,0,.65);color:#fff;font-size:.6rem;font-weight:700}.attachment-tray__progress{position:absolute;left:0;right:0;bottom:0;width:100%;height:4px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,.5)}.attachment-tray__progress::-webkit-progress-bar{background:rgba(0,0,0,.5)}.attachment-tray__progress::-webkit-progress-value{background:var(--color-accent);-webkit-transition:width .2s;transition:width .2s}.attachment-tray__progress::-moz-progress-bar{background:var(--color-accent)}.attachment-tray__item--processing .attachment-tray__media,.attachment-tray__item--uploading .attachment-tray__media{opacity:.55}.attachment-tray__item--failed .attachment-tray__thumb{box-shadow:inset 0 0 0 2px var(--color-danger)}.attachment-tray__status{overflow:hidden;color:var(--color-text-muted);font-size:.65rem;white-space:nowrap;text-overflow:ellipsis}.attachment-tray__item--failed .attachment-tray__status{color:var(--color-danger);white-space:normal}.attachment-tray__item--ready .attachment-tray__status{color:var(--color-success)}.attachment-tray__remove{position:absolute;top:.2rem;right:.2rem;display:flex;padding:.2rem;border-radius:999px;background:rgba(0,0,0,.7);color:#fff;font-size:.75rem}.attachment-tray__remove:hover{background:var(--color-danger)}.attachment-tray__notice{margin:0;color:var(--color-danger);font-size:.75rem}.attachment-tray__edit{position:absolute;top:4.4rem;right:.2rem;display:flex;padding:.25rem;border-radius:999px;background:rgba(0,0,0,.7);color:#fff;font-size:.75rem}.attachment-tray__edit:hover{background:var(--color-accent)}.gif-picker{position:relative;display:inline-flex}.gif-picker__toggle{padding:.3rem .45rem;border:1.5px solid;border-radius:5px;color:var(--color-text-muted);font-size:.65rem;font-weight:800;letter-spacing:.04em;line-height:1}.gif-picker__toggle--open,.gif-picker__toggle:hover:not(:disabled){color:var(--color-text)}.gif-picker__toggle:disabled{opacity:.4}.gif-picker__popover{position:absolute;left:0;z-index:40;display:flex;flex-direction:column;gap:.5rem;width:min(360px,90vw);padding:.6rem;border-radius:var(--radius-md);background:var(--color-panel);box-shadow:0 12px 32px rgba(0,0,0,.45)}.gif-picker__popover--above{bottom:calc(100% + .5rem)}.gif-picker__popover--below{top:calc(100% + .5rem)}.gif-picker__search{padding:.5rem .65rem;border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:.85rem;outline:none}.gif-picker__search:focus{box-shadow:0 0 0 2px var(--color-accent)}.gif-picker__grid{height:320px;overflow-y:auto;-moz-columns:2;column-count:2;-moz-column-gap:.4rem;column-gap:.4rem}.gif-picker__item{display:block;width:100%;margin-bottom:.4rem;padding:0;overflow:hidden;-moz-column-break-inside:avoid;break-inside:avoid;border-radius:var(--radius-sm);background:var(--color-bg)}.gif-picker__item:focus-visible,.gif-picker__item:hover{outline:2px solid var(--color-accent);outline-offset:-2px}.gif-picker__item--picking{opacity:.5}.gif-picker__image{display:block;width:100%;height:auto}.gif-picker__attribution,.gif-picker__empty,.gif-picker__error,.gif-picker__status{margin:0;font-size:.75rem;color:var(--color-text-muted)}.gif-picker__empty{padding:.5rem;-moz-column-span:all;column-span:all;line-height:1.4}.gif-picker__error{color:var(--color-danger)}.gif-picker__attribution{text-align:right;font-size:.65rem;font-weight:700;letter-spacing:.06em;color:var(--color-text-faint)}