.nav-bar{z-index:40;border:1px solid var(--border);background:var(--panel);border-radius:999px;gap:6px;padding:7px;display:flex;position:fixed;box-shadow:0 14px 34px -14px #3c146e66}:root[data-theme=dark] .nav-bar{background:#000;border-color:#ffffff1a;box-shadow:0 14px 34px -12px #0000008c}.nav-bar--bottom{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));flex-direction:row;transform:translate(-50%)}.nav-bar--rail{flex-direction:column;top:50%;left:20px;transform:translateY(-50%)}.nav-bar__item{width:56px;height:50px;color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);border-radius:999px;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.nav-bar__item:hover{color:var(--text-h)}:root[data-theme=dark] .nav-bar__item{color:#ffffffb3}:root[data-theme=dark] .nav-bar__item:hover{color:#fff}.nav-bar__item{--press:.9}.nav-bar__item--active{background:var(--grad);color:#fff;animation:nav-pop .3s var(--ease-bounce)}.nav-bar__icon{width:24px;height:24px}@keyframes nav-pop{0%{transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.nav-bar__item--active{animation:none}}.nav-bar__badge{background:var(--ink);min-width:18px;height:18px;color:var(--on-ink);font:700 11px/18px var(--font-body);text-align:center;animation:nav-pop .3s var(--ease-bounce);border-radius:999px;padding:0 5px;position:absolute;top:7px;right:9px}.app-shell--rail{min-height:100svh;display:flex}.app-shell--rail .app-shell__content{flex:1;min-width:0;min-height:0}.app-shell--bottom{flex-direction:column;min-height:100svh;display:flex}.app-shell--bottom .app-shell__content{flex:1;min-height:0}.app-shell--bottom .page__content{padding-bottom:calc(64px + 16px + 24px + env(safe-area-inset-bottom))}.app-shell--bottom .page__header--fixed{top:env(safe-area-inset-top,0px);z-index:30;background:var(--bg);position:fixed;left:0;right:0}.app-shell--bottom .page__content--fixed-header{padding-top:calc(65px + env(safe-area-inset-top,0px))}.app-shell--rail .app-shell__content{padding-left:100px}.app-shell--rail .page__header--fixed{z-index:30;background:var(--bg);position:fixed;top:0;left:100px;right:0}.app-shell--rail .page__content--fixed-header{padding-top:73px}.app-shell__content{flex-direction:column;display:flex}@media (width>=900px){.app-shell--rail .page__header--fixed{padding-left:max(24px,50vw - 490px);padding-right:max(24px,50vw - 490px)}}.spinner{border-style:solid;border-color:var(--accent-bg);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;animation:1s linear infinite spinner-spin;display:inline-block}@keyframes spinner-spin{to{transform:rotate(360deg)}}.btn{height:48px;font:800 16px/1 var(--font-display);letter-spacing:-.01em;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), filter var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);--press:.95;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn svg{width:18px;height:18px}.btn--primary{background:var(--ink);color:var(--on-ink)}.btn--grad{background:var(--grad);color:#fff;box-shadow:0 10px 22px -10px var(--grad-from)}.btn--secondary{background:var(--panel-alt);color:var(--text-h)}.btn--secondary:hover:not(:disabled){filter:none;background:var(--border)}.btn--danger{background:var(--danger);color:#fff}.btn--sm{height:36px;padding:0 14px;font-size:14px}.btn--sm svg{width:16px;height:16px}.btn--block{width:100%;height:56px;font-size:18px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn .spinner{border-color:color-mix(in srgb, currentColor 25%, transparent);border-top-color:currentColor}.install-card{border:1px solid var(--border);background:var(--panel);border-radius:24px;align-items:center;gap:12px;padding:14px;display:flex}.install-card--floating{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;max-width:520px;animation:install-card-in var(--duration-bounce) var(--ease-bounce);margin:0 auto;position:fixed;box-shadow:0 18px 40px -16px #280a4680}.install-card__icon{object-fit:cover;border-radius:12px;flex-shrink:0;width:48px;height:48px}.install-card__copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.install-card__copy strong{color:var(--text-h);font-size:15px}.install-card__copy span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.install-card__actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.install-card__dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:8px;font-size:13px}@keyframes install-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.install-card--floating{animation:none}}@media (width>=600px){.install-card--floating{max-width:360px;bottom:24px;left:auto;right:24px}}body:has(.nav-bar--bottom) .install-card--floating{bottom:calc(96px + env(safe-area-inset-bottom))}body:has(.auth-screen,.anon-message) .install-card--floating{top:calc(12px + env(safe-area-inset-top));bottom:auto}body:has(.chat-room,.thread,.wl) .install-card--floating{display:none}.update-banner{top:calc(12px + env(safe-area-inset-top));z-index:70;border:1px solid var(--border);background:var(--panel);max-width:560px;animation:update-banner-in var(--duration-bounce) var(--ease-bounce);border-radius:22px;align-items:center;gap:10px;margin:0 auto;padding:10px 10px 10px 12px;display:flex;position:fixed;left:12px;right:12px;box-shadow:0 18px 40px -16px #280a4680}@keyframes update-banner-in{0%{opacity:0;translate:0 -16px}}.update-banner__icon{border-radius:11px;flex-shrink:0;width:40px;height:40px}.update-banner__copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.update-banner__copy strong{color:var(--text-h);font:700 14px var(--font-body)}.update-banner__copy span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.update-banner__later{color:var(--text-muted);font:600 13px var(--font-body);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:8px 6px}.update-banner__go{--press:.92;background:var(--grad);color:#fff;font:700 13px var(--font-body);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:10px 16px}@media (prefers-reduced-motion:reduce){.update-banner{animation:none}}.page{flex-direction:column;flex:1;min-height:0;padding-top:20px;display:flex}.page__header{border-bottom:0px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:16px;display:flex}.page__logo{object-fit:cover;border-radius:11px;flex-shrink:0;width:36px;height:36px;display:block}.page__title{color:var(--text-h);font-size:32px}.page__content{flex-direction:column;flex:1;gap:16px;min-width:0;min-height:0;padding:16px;display:flex;overflow-y:auto}@media (width>=900px){.page__content{gap:20px;padding:24px}.page__content>*{width:100%;max-width:880px;margin-left:auto;margin-right:auto}.page .page__content>*{margin-left:auto;margin-right:auto}.page__header{padding:20px max(24px,50% - 440px)}}.skel{background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--panel) 75%, transparent) 50%, transparent 80%) var(--accent-bg);background-size:220% 100%;border-radius:8px;flex-shrink:0;animation:1.5s ease-in-out infinite skel-shimmer;display:block}.skel--pill,.skel--circle{border-radius:999px}.skel--tile{border-radius:16px}.skel--on-band{background-color:#ffffff73}@keyframes skel-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.skel-card{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:26px;overflow:hidden}.skel-card__band{box-sizing:border-box;background:linear-gradient(135deg, color-mix(in srgb, var(--grad-from) 30%, var(--panel)), color-mix(in srgb, var(--grad-to) 30%, var(--panel)));align-items:center;min-height:58px;padding:14px 18px;display:flex}.skel-card__band--center{justify-content:center;min-height:52px}.skel-card__row{align-items:center;gap:12px;padding:14px 16px 12px;display:flex}.skel-card__lines{flex-direction:column;flex:1;gap:8px;display:flex}.skel-card__actions{align-items:center;gap:8px;padding:0 16px 16px;display:flex}.skel-inbox__chips{gap:8px;margin-bottom:16px;display:flex;overflow:hidden}.skel-inbox__tile{aspect-ratio:1/1.05;transform:rotate(var(--tilt,0deg));box-shadow:var(--shadow);border-radius:26px}.skel-chat{flex-direction:column;gap:10px;display:flex}.skel-chat__row{flex-direction:column;gap:5px;display:flex}.skel-chat__row--other{align-items:flex-start}.skel-chat__row--own{align-items:flex-end}.skel-chat__bubble{border-radius:20px}.skel-chat__bubble--other{border:1px solid var(--border);background-color:var(--panel);border-bottom-left-radius:8px}.skel-chat__bubble--own{background-color:color-mix(in srgb, var(--primary) 26%, var(--panel));border-bottom-right-radius:8px}.skel-chat__original{flex-direction:column;width:min(340px,100%);margin:0 auto 8px;display:flex}.skel-chat__card{background:var(--panel);box-shadow:var(--shadow);border-radius:24px;overflow:hidden}.skel-chat__card-body{justify-content:center;padding:22px 18px;display:flex}.skel-page{flex-direction:column;gap:12px;display:flex}.skel-profile{flex-direction:column;gap:14px;display:flex}.skel-profile__hero{border-radius:30px;height:116px}.skel-profile__stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.skel-profile__stat{border-radius:22px;height:74px}.skel-profile__settings{border-radius:24px;height:330px}.skel-page__section{margin-top:16px}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100svh;padding:24px;display:flex}@media (width>=900px){.screen{gap:16px;padding:40px}}.route-loading{z-index:50;background:linear-gradient(90deg, transparent, var(--primary), transparent);background-repeat:no-repeat;background-size:50% 100%;width:100%;height:3px;animation:1.1s ease-in-out infinite route-loading;position:fixed;top:0;left:0}@keyframes route-loading{0%{background-position:-50% 0}to{background-position:150% 0}}.toast-stack{top:calc(16px + env(safe-area-inset-top));z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:var(--on-ink);font:600 14px var(--font-body);text-align:center;animation:toast-in .32s var(--ease-bounce);border-radius:999px;padding:12px 18px;box-shadow:0 12px 28px -12px #00000080}.toast--success:before{content:"✓ ";color:var(--secondary-green);font-weight:800}.toast--error{background:var(--danger);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px)scale(.92)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}:root{--primary-light:#b07cf0;--primary:#7b1fd4;--primary-dark:#5b0e98;--grad-from:#7b1fd4;--grad-to:#d23fc0;--grad:linear-gradient(135deg, var(--grad-from), var(--grad-to));--pastel-lavender-pink:#e8c6f0;--pastel-cream:#fff6e9;--pastel-pink:#f7b8d8;--pastel-sky:#b8d4f7;--pastel-blush:#f7dde0;--bg:#f8f5fd;--panel:#fff;--panel-alt:#f0e8fb;--panel-new:#fff;--border:#e8ddf5;--text:#3a2f45;--text-h:#120c16;--text-muted:#7a6f86;--ink:#111;--on-ink:#fff;--shadow:0 12px 30px -16px #3c146e52;--thumb:#3c146e33;--thumb-hover:#3c146e61;--secondary-green:#22c55e;--secondary-green-alt:#16a34a;--secondary-pink:#e5294b;--secondary-magenta:#e0479f;--danger:#ef2b4b;--accent:var(--primary);--accent-bg:color-mix(in srgb, var(--primary) 12%, transparent);--accent-border:color-mix(in srgb, var(--primary) 40%, transparent);--font-display:"Bricolage Grotesque", "Poppins", system-ui, "Segoe UI", sans-serif;--font-body:"Poppins", system-ui, "Segoe UI", sans-serif;--mono:ui-monospace, Consolas, monospace;--duration-fast:.15s;--ease-standard:ease;--duration-bounce:.22s;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--blur:blur(10px);font:400 14px/145% var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--bg:#120a16;--panel:#1d1226;--panel-alt:#281a33;--panel-new:#1d1226;--border:#33233f;--text:#e3d8ea;--text-h:#fff;--text-muted:#a998b0;--ink:#fff;--on-ink:#111;--shadow:0 12px 30px -14px #000000b3;--thumb:#ffffff2e;--thumb-hover:#ffffff57;--accent-bg:color-mix(in srgb, var(--primary) 22%, transparent);--accent-border:color-mix(in srgb, var(--primary) 50%, transparent);--blur:blur(30px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{scrollbar-width:thin;scrollbar-color:transparent transparent}:hover{scrollbar-color:var(--thumb) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:padding-box padding-box;border:2px solid #0000;border-radius:999px}:hover::-webkit-scrollbar-thumb{background-color:var(--thumb)}::-webkit-scrollbar-thumb:hover{background-color:var(--thumb-hover)}*{box-sizing:border-box}body{margin:0}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-h);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.05}h1{font-size:40px}h2{font-size:26px}h3{font-size:20px}h4{font-size:16px}.text-b1{font-size:14px;font-weight:600}.text-b2{font-size:14px;font-weight:500}.text-b3{font-size:14px;font-weight:400}.text-b4{font-size:12px;font-weight:400}.error-text{color:var(--secondary-pink);margin:0}.field{border:2px solid var(--border);background:var(--panel);width:100%;min-width:0;height:54px;color:var(--text-h);font:500 16px var(--font-body);transition:border-color var(--duration-fast) var(--ease-standard);border-radius:18px;outline:none;padding:0 18px}.field::placeholder{color:var(--text-muted)}.field:focus{border-color:var(--primary)}textarea.field{resize:none;height:auto;min-height:110px;padding:16px 18px}.section-label{font:800 20px/1 var(--font-display);letter-spacing:-.02em;color:var(--text-h);justify-content:space-between;align-items:baseline;margin:0 0 8px;display:flex}.section-label small{font:600 12px var(--font-body);letter-spacing:0;color:var(--text-muted)}.sticker-logo{font:800 26px/1 var(--font-display);letter-spacing:-.03em;color:#fff;-webkit-text-stroke:5px #111;paint-order:stroke fill;display:inline-block;transform:rotate(-4deg)}.icon-btn{background:var(--panel-alt);width:44px;height:44px;color:var(--text-h);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--border)}.icon-btn{--press:.9}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn svg{width:20px;height:20px}.toggle{background:var(--border);cursor:pointer;width:54px;height:32px;transition:background-color var(--duration-fast) var(--ease-standard);border:none;border-radius:999px;flex-shrink:0;position:relative}.toggle:after{content:"";width:24px;height:24px;transition:transform .3s var(--ease-bounce);background:#fff;border-radius:50%;position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #0003}.toggle[aria-checked=true]{background:var(--primary)}.toggle[aria-checked=true]:after{transform:translate(22px)}.toggle:disabled{opacity:.5;cursor:not-allowed}.opt-row{border:1px solid var(--border);background:var(--panel);border-radius:22px;align-items:center;gap:14px;padding:14px 16px;display:flex}.opt-row b{color:var(--text-h);font-weight:700;display:block}.opt-row small{color:var(--text-muted);font-size:12px}.opt-row>:last-child{margin-left:auto}.pop-in{animation:pop-in .32s var(--ease-bounce) both}@keyframes pop-in{0%{opacity:0;transform:scale(.92)translateY(8px)}}@media (prefers-reduced-motion:reduce){.pop-in{animation:none}}.chip{border:2px solid var(--border);background:var(--panel);height:38px;color:var(--text-h);font:600 14px var(--font-body);white-space:nowrap;cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard);--press:.95;border-radius:999px;flex-shrink:0;padding:0 16px}.chip[aria-selected=true]{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}.game-title{color:#fff;font:800 24px/1 var(--font-display);letter-spacing:-.02em;text-shadow:0 2px #00000026}.game-title--loud{text-transform:uppercase;letter-spacing:.01em;-webkit-text-stroke:4px #111;paint-order:stroke fill;text-shadow:none}.emoji-picker{gap:8px;margin:-4px;padding:4px;display:flex;overflow-x:auto}.emoji-picker__option{background:var(--panel);cursor:pointer;width:48px;height:48px;transition:transform var(--duration-fast) var(--ease-bounce);--press:.88;border:none;border-radius:16px;flex-shrink:0;font-size:24px}.emoji-picker__option[aria-checked=true]{background:linear-gradient(135deg, var(--msg-from,var(--grad-from)), var(--msg-to,var(--grad-to)));transform:scale(1.08)}.report-sub{color:var(--text-muted);margin:-6px 0 0}.report-reasons{flex-wrap:wrap;gap:8px;display:flex}.report-reason{border:2px solid var(--border);background:var(--panel);color:var(--text-h);font:600 14px var(--font-body);cursor:pointer;border-radius:999px;padding:10px 14px}.report-reason[aria-checked=true]{border-color:var(--danger);background:var(--danger);color:#fff}.report-done{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.report-done span{font-size:56px;line-height:1}.report-done p{color:var(--text-muted);margin:0 0 8px}.filter-note{background:color-mix(in srgb, var(--danger) 10%, var(--panel));color:var(--text-h);border-radius:18px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;display:flex}:where(button,a[href],summary,select,label[for],input[type=checkbox],input[type=radio],[role=button],[role=tab],[role=switch],[role=radio],[role=option],[role=menuitem]):not(:disabled,[aria-disabled=true],[data-no-bounce]):active{animation:.12s ease-out forwards m-press}.m-boing{animation:m-boing .5s var(--ease-standard) both}:where(input:not([type=checkbox],[type=radio],[type=range]),textarea):not([data-no-bounce]):focus-visible{animation:.42s both m-focus}@keyframes m-press{to{scale:var(--press,.95)}}@keyframes m-boing{0%{scale:var(--press,.95)}35%{scale:calc(1 + (1 - var(--press,.95)) * .9)}60%{scale:calc(1 - (1 - var(--press,.95)) * .35)}80%{scale:calc(1 + (1 - var(--press,.95)) * .12)}to{scale:1}}@keyframes m-focus{0%{scale:1}40%{scale:1.015}70%{scale:.997}to{scale:1}}@media (prefers-reduced-motion:reduce){:where(*):active,.m-boing,:where(input,textarea):focus-visible{animation:none!important}}