:root,[data-theme=terminal]{--bg: #0c120d;--panel: #121a13;--panel2: #0f160f;--line: #22321f;--text: #d6e8d4;--muted: #7d947c;--accent: #59f68d;--accent-ink: #06130a;--gold: #f6d059;--danger: #f65977;--radius: 6px;--font: "ThemeSpaceMono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--eyebrow-track: .14em;--shadow: 0 1px 0 rgba(89, 246, 141, .06)}[data-theme=cottage]{--bg: #f6efe3;--panel: #fffaf1;--panel2: #f1e8d8;--line: #e0d3bd;--text: #453a2f;--muted: #8d7f6c;--accent: #c96f6f;--accent-ink: #fff6ef;--gold: #b98c3a;--danger: #b3403c;--radius: 16px;--font: "Fredoka", ui-rounded, "Segoe UI Rounded", sans-serif;--eyebrow-track: .1em;--shadow: 0 6px 16px rgba(120, 90, 60, .12)}[data-theme=synthwave]{--bg: #150a26;--panel: #1d1133;--panel2: #170d2b;--line: #35205c;--text: #efe6ff;--muted: #9c88c4;--accent: #ff5ad1;--accent-ink: #23042a;--gold: #5adfff;--danger: #ff6262;--radius: 10px;--font: "ThemeOrbitron", "Arial Black", sans-serif;--eyebrow-track: .04em;--shadow: 0 0 20px rgba(255, 90, 209, .2)}[data-theme=contrast]{--bg: #000000;--panel: #000000;--panel2: #101010;--line: #ffffff;--text: #ffffff;--muted: #cfcfcf;--accent: #ffd400;--accent-ink: #000000;--gold: #ffd400;--danger: #ff5555;--radius: 4px;--font: "ThemeAtkinson", Verdana, Geneva, sans-serif;--eyebrow-track: .12em;--shadow: none}[data-theme=crt]{--bg: #0a0800;--panel: #171200;--panel2: #120e00;--line: #4a3a00;--text: #ffb000;--muted: #9c7a00;--accent: #ffb000;--accent-ink: #0a0800;--gold: #ffcf40;--danger: #ff4d4d;--radius: 0px;--font: "ThemeVT323", "Courier New", Courier, monospace;--eyebrow-track: .18em;--shadow: 3px 3px 0 var(--line)}[data-theme=void]{--bg: #05060c;--panel: #0b0e1a;--panel2: #080a14;--line: #1c2140;--text: #d8dcf5;--muted: #6b70a0;--accent: #7c8cff;--accent-ink: #05060c;--gold: #c9b6ff;--danger: #ff6b81;--radius: 8px;--font: "ThemeSpaceGrotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;--eyebrow-track: .14em;--shadow: 0 0 24px rgba(124, 140, 255, .18)}[data-theme=gold]{--bg: #14100a;--panel: #1e1810;--panel2: #19140d;--line: #3a2f1a;--text: #f5ecd8;--muted: #a89572;--accent: #f6c445;--accent-ink: #1a1206;--gold: #ffe08a;--danger: #ff6f61;--radius: 10px;--font: "ThemePlayfair", Georgia, "Times New Roman", serif;--eyebrow-track: .12em;--shadow: 0 6px 20px rgba(246, 196, 69, .25)}[data-theme=sakura]{--bg: #1a1016;--panel: #24151d;--panel2: #1d1017;--line: #3d2530;--text: #fbe9f0;--muted: #c58fa0;--accent: #ff9ec7;--accent-ink: #2b0a16;--gold: #ffd1e6;--danger: #ff6b81;--radius: 18px;--font: "ThemeCaveat", "Snell Roundhand", "Brush Script MT", cursive;--eyebrow-track: .12em;--shadow: 0 8px 24px rgba(255, 158, 199, .18)}[data-theme=aurora]{--bg: #060b12;--panel: #0c1622;--panel2: #0a121c;--line: #1c3040;--text: #e8f6f2;--muted: #7fa3ac;--accent: #39e6c0;--accent-ink: #04211a;--gold: #a6ff9e;--danger: #ff6b6b;--radius: 14px;--font: "ThemeExo2", "Trebuchet MS", "Segoe UI", sans-serif;--eyebrow-track: .14em;--shadow: 0 0 28px rgba(57, 230, 192, .25)}[data-theme=reef]{--bg: #071a24;--panel: #0d2733;--panel2: #0a2029;--line: #1c3e4a;--text: #d8f3f0;--muted: #6fa3ac;--accent: #22d3c7;--accent-ink: #052024;--gold: #ffb677;--danger: #ff6b6b;--radius: 14px;--font: "ThemeARB85", Papyrus, fantasy;--eyebrow-track: .12em;--shadow: 0 6px 20px rgba(34, 211, 199, .2)}[data-theme=bloom]{--bg: #10160d;--panel: #182014;--panel2: #141a10;--line: #2c3a22;--text: #eef3e6;--muted: #8ea37c;--accent: #e8a0c4;--accent-ink: #2b0d1c;--gold: #d9c46a;--danger: #e0645f;--radius: 20px;--font: "ThemeCormorant", "Baskerville", "Palatino Linotype", serif;--eyebrow-track: .1em;--shadow: 0 8px 22px rgba(232, 160, 196, .18)}[data-theme=cyberdeck]{--bg: #060108;--panel: #0d0313;--panel2: #0a0210;--line: #2a0f42;--text: #e8dcff;--muted: #7a5ea3;--accent: #b026ff;--accent-ink: #0c0212;--gold: #ff2ec4;--danger: #ff2e63;--radius: 2px;--font: "ThemeShareTechMono", Consolas, Monaco, monospace;--eyebrow-track: .2em;--shadow: 0 0 18px rgba(176, 38, 255, .35)}[data-theme=ember]{--bg: #0a0505;--panel: #150a0a;--panel2: #120808;--line: #3a1414;--text: #f5dede;--muted: #a37070;--accent: #ff3b30;--accent-ink: #1a0505;--gold: #ff8a3d;--danger: #ff3b30;--radius: 6px;--font: "ThemeBebasNeue", Impact, "Arial Narrow Bold", sans-serif;--eyebrow-track: .16em;--shadow: 0 0 22px rgba(255, 59, 48, .3)}[data-theme=orca]{--bg: #030a0d;--panel: #071820;--panel2: #05131a;--line: #123540;--text: #dff3f5;--muted: #5c8a92;--accent: #7fe7f0;--accent-ink: #02181c;--gold: #ffcf6b;--danger: #ff5c6c;--radius: 12px;--font: "ThemeQuicksand", Copperplate, sans-serif;--eyebrow-track: .14em;--shadow: 0 0 26px rgba(127, 231, 240, .22)}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Fredoka-Bold-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Fredoka-Bold-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:ThemeSpaceMono;font-display:swap;src:url(/fonts/themes/SpaceMono.woff2) format("woff2")}@font-face{font-family:ThemeOrbitron;font-display:swap;src:url(/fonts/themes/Orbitron.woff2) format("woff2")}@font-face{font-family:ThemeAtkinson;font-display:swap;src:url(/fonts/themes/AtkinsonHyperlegible.woff2) format("woff2")}@font-face{font-family:ThemeVT323;font-display:swap;src:url(/fonts/themes/VT323.woff2) format("woff2")}@font-face{font-family:ThemeSpaceGrotesk;font-display:swap;src:url(/fonts/themes/SpaceGrotesk.woff2) format("woff2")}@font-face{font-family:ThemePlayfair;font-display:swap;src:url(/fonts/themes/PlayfairDisplay.woff2) format("woff2")}@font-face{font-family:ThemeCaveat;font-display:swap;src:url(/fonts/themes/Caveat.woff2) format("woff2")}@font-face{font-family:ThemeExo2;font-display:swap;src:url(/fonts/themes/Exo2.woff2) format("woff2")}@font-face{font-family:ThemeARB85;font-weight:100 900;font-display:swap;src:url(/fonts/themes/ARB85.woff2) format("woff2")}@font-face{font-family:ThemeCormorant;font-display:swap;src:url(/fonts/themes/CormorantGaramond.woff2) format("woff2")}@font-face{font-family:ThemeShareTechMono;font-display:swap;src:url(/fonts/themes/ShareTechMono.woff2) format("woff2")}@font-face{font-family:ThemeBebasNeue;font-display:swap;src:url(/fonts/themes/BebasNeue.woff2) format("woff2")}@font-face{font-family:ThemeQuicksand;font-display:swap;src:url(/fonts/themes/Quicksand.woff2) format("woff2")}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}input,textarea,select{font-size:16px}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}#root{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;transition:transform .16s cubic-bezier(.25,.8,.5,1),opacity .16s ease;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-touch-callout:none}button:active{transform:scale(.96)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img,video{-webkit-touch-callout:none}img{display:block;max-width:100%}.bg-decor,.theme-fx-canvas{position:fixed;inset:0;z-index:-1;pointer-events:none}.shell{flex:1;width:100%;max-width:560px;margin:0 auto;padding:12px 12px 108px}@media (min-width: 700px){body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0b0b0f}#root{width:430px;height:926px;max-height:96vh;position:relative;overflow:hidden;border-radius:44px;box-shadow:0 0 0 10px #000,0 0 0 12px #2a2a2e,0 30px 80px #0009;transform:translateZ(0);padding-top:0}.shell{min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.shell::-webkit-scrollbar{display:none}}[data-peeking="1"] .shell,[data-peeking="1"] .bottom-bar{opacity:0;pointer-events:none;transition:opacity .15s ease}.top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:6px 2px 12px}.top h1{font-size:16px;margin:0;letter-spacing:var(--eyebrow-track);text-transform:uppercase}.top .date{color:var(--muted);font-size:12px;display:inline-flex;align-items:center;gap:4px}.top-right{display:flex;align-items:center;gap:8px}.brand-mark{align-self:center;flex-shrink:0}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;min-height:40vh;text-align:center}.app-loading .brand-mark{opacity:.9}.clock{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted);white-space:nowrap}.set-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--text)}.set-btn.unseen{border-color:var(--accent);color:var(--accent);animation:set-btn-pulse 1.8s ease-in-out infinite}.set-btn .dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 2px var(--bg)}@keyframes set-btn-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 0%,transparent)}}.eyebrow{font-size:11px;letter-spacing:var(--eyebrow-track);text-transform:uppercase;color:var(--muted)}.quest{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(160deg,var(--panel),color-mix(in srgb,var(--accent) 7%,var(--panel)));padding:14px;margin-bottom:16px;position:relative;overflow:hidden}.quest .status{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:12px;letter-spacing:var(--eyebrow-track);text-transform:uppercase}.cursor{display:inline-block;width:8px;height:14px;background:var(--accent);animation:blink 1.1s steps(1) infinite}.logstate{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:3px 9px 3px 7px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:normal;text-transform:none}.logstate.on{color:var(--accent-ink);background:var(--accent)}.logstate.off{color:var(--muted);border:1px solid var(--line);background:var(--panel2)}@keyframes blink{50%{opacity:0}}.quest .prompt{margin:10px 0 12px;font-size:17px;position:relative;padding-right:64px}.quest .prompt .q{color:var(--muted);font-size:12px;display:block;margin-bottom:2px}.prompt-reply-btn,.prompt-like-btn{position:absolute;top:18px;min-height:26px;min-width:26px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--panel2);color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.prompt-reply-btn{right:0}.prompt-like-btn{right:32px}.prompt-reply-btn.on{background:var(--accent);border-color:transparent;color:var(--accent-ink)}.prompt-like-btn.on{background:var(--gold);border-color:transparent;color:var(--accent-ink)}.reply-chip{display:flex;align-items:center;gap:6px;margin:-4px 0 10px;padding:6px 10px;font-size:12px;color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:999px}.reply-chip button{min-height:0;min-width:0;padding:2px;margin-left:auto;background:none;border:0;color:var(--muted);display:inline-flex}.reply-context{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);margin:2px 0 6px}.music-badge{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);margin:2px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-banner{position:absolute;top:calc(10px + env(safe-area-inset-top));left:54px;right:54px;z-index:2;display:flex;align-items:center;gap:6px;justify-content:center;font-size:12px;color:#fff;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:999px;padding:8px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bar{height:4px;background:var(--panel2);border-radius:2px;overflow:hidden;margin-bottom:12px}.bar>div{height:100%;background:var(--accent);transition:width 1s linear}.xpbar{margin:0 2px 4px}.xpbar>div{background:var(--gold);transition:width 1.4s cubic-bezier(.22,1,.36,1)}.xpbar>div.no-anim{transition:none}.xpbar-label{margin:0 2px 16px;display:flex;align-items:center;justify-content:space-between}.lvlbadge-circle{padding:3px 8px 3px 6px}.shop-balance-row{display:flex;justify-content:flex-end;margin:0 2px 14px}.xpbar-block{position:relative}.xpbar-row{display:flex;align-items:center;gap:8px}.xpbar-row .bar{flex:1;margin-bottom:0;height:6px}.xp-bubble{position:absolute;right:2px;top:-2px;font-size:11px;font-weight:700;color:var(--gold);pointer-events:none;animation:xp-pop 2s ease-out forwards}@keyframes xp-pop{0%{opacity:0;transform:translateY(4px) scale(.7)}15%{opacity:1;transform:translateY(-2px) scale(1.2)}30%{transform:translateY(-6px) scale(1)}75%{opacity:1;transform:translateY(-14px) scale(1)}to{opacity:0;transform:translateY(-22px) scale(.9)}}.friendshipbar>div{background:#ec6ea8}.friendshipbar-block .lvlbadge{color:#ec6ea8;border-color:color-mix(in srgb,#ec6ea8 45%,transparent)}.friendshipbar-block .xp-bubble{color:#ec6ea8}.friendship-overview{display:flex;flex-direction:column;gap:10px;margin-top:6px}.friendship-overview-row{display:flex;align-items:center;gap:10px}.friendship-overview-body{flex:1;min-width:0}.friendship-overview-name{font-size:12px;font-weight:600;margin-bottom:2px}.quest.calm{color:var(--muted)}.quest .done-line{font-size:15px;margin-top:6px}.loggedline{color:var(--accent);font-size:13px;margin-bottom:10px}.composer{margin-top:12px;display:flex;flex-direction:column;gap:8px}.composer textarea{width:100%;min-height:64px;resize:vertical;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel2);padding:10px}.slotblock{margin-bottom:12px;padding-bottom:54px;content-visibility:auto;contain-intrinsic-size:0 260px}.slothead.bonus .t{color:var(--gold)}.slothead{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:5;background:var(--bg);margin:0 -12px 8px;padding:18px 12px 8px}.slothead .t{color:var(--accent);font-size:13px;font-weight:600;letter-spacing:var(--eyebrow-track)}.slothead .rule{flex:1;height:1px;background:var(--line)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.feed{display:flex;flex-direction:column;gap:24px}.feed .card{max-width:470px;width:100%;margin:0 auto}.slot-avatars{display:flex;flex-wrap:wrap;gap:12px;margin-left:8px}.slot-av{display:inline-flex;border-radius:50%;border:2px solid var(--line);padding:1px;transition:border-color .15s}.slot-av.posted{border-color:var(--accent)}.top-slot-avatars{margin:6px 0 2px}.card-slot{position:relative}.card-slot.stacked{margin-top:4px}.card-ghost{position:absolute;inset:0;z-index:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);pointer-events:none}.card-ghost.g1{transform:rotate(-4deg) translateY(3px)}.card-ghost.g2{transform:rotate(3deg) translateY(5px)}.stack-badge{position:absolute;top:-8px;right:-8px;z-index:3;min-height:0;min-width:0;padding:3px 8px;border-radius:999px;border:1px solid var(--line);background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700;box-shadow:var(--shadow)}.card{position:relative;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px;text-align:left;width:100%;color:var(--text)}.card.has-bubble-below{margin-bottom:64px}.card .who{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin-bottom:6px}.card .who>span:not(.lvlbadge):not(.chip):not(.avatar-deco-wrap):not(.slot-av){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lvlbadge{display:inline-flex;align-items:center;gap:2px;color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:999px;padding:1px 6px 1px 4px;font-size:10px;font-weight:600}.coinbadge{display:inline-flex;align-items:center;gap:2px;color:#3ecf8e;border:1px solid color-mix(in srgb,#3ecf8e 45%,transparent);border-radius:999px;padding:1px 6px 1px 4px;font-size:10px;font-weight:600}.card-actions{margin-left:auto;display:flex;align-items:center;gap:6px;flex-shrink:0}.card-del{min-height:26px;min-width:26px;padding:0;background:none;border:0;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.card-del:active{color:var(--danger)}.card img:not(.pfp-icon){border-radius:calc(var(--radius) - 2px);width:100%;aspect-ratio:3 / 4;object-fit:cover;background:var(--panel2);cursor:zoom-in}.card .bigmoji{font-size:44px;text-align:center;padding:22px 0}.card .txt{font-size:14px;padding:6px 46px 6px 2px;min-height:44px}.card .cap{font-size:13px;color:var(--text);line-height:1.35;margin-top:8px;word-break:break-word}.yt-embed{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:calc(var(--radius) - 2px);overflow:hidden;background:var(--panel2)}.yt-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.card.afk{opacity:.55;border-style:dashed;box-shadow:none;display:flex;flex-direction:column}.card.afk .zz{flex:1;min-height:64px;display:flex;align-items:center;justify-content:center;color:var(--muted);animation:afk-float 2.6s ease-in-out infinite}.card.afk .lbl{text-align:center;font-size:11px;color:var(--muted);letter-spacing:var(--eyebrow-track);padding-bottom:4px}@keyframes afk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.corner-cluster{position:absolute;right:8px;bottom:0;transform:translateY(50%);display:flex;align-items:center;gap:8px;z-index:4}.corner-item{position:relative;width:30px;height:30px}.comment-badge,.emoji-badge{position:absolute;inset:0;z-index:20;width:30px;height:30px;min-height:0;min-width:0;padding:0;border-radius:50%;border:2px solid var(--bg);background:var(--panel2);box-shadow:var(--shadow);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:14px;touch-action:none}.comment-badge.active{color:var(--accent);border-color:var(--accent)}.emoji-badge.active{border-color:var(--accent)}.emoji-badge:disabled{opacity:1}.comment-bubble{position:absolute;top:calc(100% + 6px);right:0;transform:none;width:max-content;max-width:220px;min-height:0;text-align:left;border-radius:12px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:9px 10px 10px 6px;font-size:12px;color:var(--text);display:flex;flex-direction:row;align-items:center;gap:6px}.comment-bubble .bubble-avatar{flex:none}.comment-bubble .bubble-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;max-width:180px;line-height:1.5}.comment-bubble:after{content:"";position:absolute;right:8px;top:-5px;border:5px solid transparent;border-bottom-color:var(--panel)}.react-tail{position:absolute;right:0;bottom:100%;display:flex;flex-direction:column-reverse;align-items:center}.react-badge.tail{width:24px;height:24px;margin-bottom:-6px;font-size:12px}.react-badge.tail:first-child{margin-bottom:-4px}.react-badge.tail:nth-child(odd){transform:translate(-4px)}.react-badge.tail:nth-child(2n){transform:translate(4px)}.react-badge{min-height:0;min-width:0;padding:0;border-radius:50%;border:2px solid var(--bg);background:var(--panel2);box-shadow:var(--shadow);font-size:14px;display:inline-flex;align-items:center;justify-content:center;touch-action:none}.react-badge,.emoji-badge{animation:react-pop .28s cubic-bezier(.34,1.56,.64,1)}@keyframes react-pop{0%{transform:scale(.4)}to{transform:scale(1)}}.react-badge:disabled{opacity:1}.react-count{position:absolute;bottom:-4px;right:-4px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;border:1.5px solid var(--bg);background:var(--accent);color:var(--accent-ink);font-size:9px;font-weight:700;line-height:15px;text-align:center}.react-badge.stack2,.react-badge.stack3,.emoji-badge.stack2,.emoji-badge.stack3{box-shadow:var(--shadow),3px -3px 0 -1px var(--bg),3px -3px 0 0 var(--panel2)}.react-badge.stack3,.emoji-badge.stack3{box-shadow:var(--shadow),3px -3px 0 -1px var(--bg),3px -3px 0 0 var(--panel2),6px -6px 0 -1px var(--bg),6px -6px 0 0 var(--panel2)}.timestamp{color:var(--muted);font-size:10px;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px}.chip.main-badge{padding:4px;color:var(--gold);border-color:color-mix(in srgb,var(--gold) 45%,transparent);flex:none}.chip.edited-badge{padding:3px 8px;flex:none;font-size:10px}.chip.fan-badge{padding:3px 8px;flex:none;font-size:10px;background:none;font-family:inherit;cursor:pointer}.debug-filter-row{margin-top:8px;flex-wrap:wrap}.debug-chip{color:#fff;background:#c0392b;border-color:#c0392b;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:10px}button.debug-user-chip{cursor:pointer;background:none;font:inherit}button.debug-user-chip.on{color:#fff;background:#c0392b;border-color:#c0392b}.edit-caption{display:flex;flex-direction:column;gap:6px;margin-top:6px}.edit-caption textarea{width:100%;min-height:60px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:8px;font:inherit;background:var(--bg);color:var(--text);box-sizing:border-box}.edit-caption-actions{display:flex;justify-content:flex-end;gap:8px}.btn-small{font-size:12px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--text)}.btn-small.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn-small.btn-danger{margin-right:auto;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.mention{color:var(--accent);font-weight:600}.mention-input{position:relative}.mention-dropdown{position:absolute;left:0;right:0;top:100%;z-index:5;margin-top:4px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.mention-option{display:flex;align-items:baseline;gap:6px;width:100%;text-align:left;padding:8px 10px;border:0;background:none;color:var(--text);font-size:13px}.mention-option:active{background:var(--panel2)}.mention-handle{color:var(--muted);font-size:11px}.quest-chip.done{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.quest-dots{display:inline-flex;gap:3px}.quest-dot{width:6px;height:6px;border-radius:50%;background:var(--line)}.quest-dot.filled{background:var(--accent)}.quest-chip.done .quest-dot.filled{background:var(--gold)}.notice{border:1px solid var(--gold);border-radius:var(--radius);padding:12px;margin-bottom:14px;font-size:13px;background:var(--panel)}.notice b{color:var(--gold)}.notice .x{float:right;background:none;border:0;color:var(--muted);font-size:16px;min-height:24px;display:inline-flex;align-items:center;justify-content:center}.auth{max-width:380px;margin:8vh auto 0;padding:0 16px}.auth h1{letter-spacing:var(--eyebrow-track);text-transform:uppercase;font-size:20px}.auth h1 span{color:var(--accent)}.auth .sub{color:var(--muted);font-size:13px;margin-bottom:22px}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;letter-spacing:var(--eyebrow-track);text-transform:uppercase}.field input,.field select{width:100%;min-height:48px;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--text)}.btn{width:100%;min-height:50px;border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:15px;margin-top:6px}.btn.ghost{background:none;color:var(--text);border-color:var(--line)}.swap{background:none;border:0;color:var(--muted);text-decoration:underline;margin-top:16px;min-height:44px}.err{color:var(--danger);font-size:13px;margin-top:10px}.okmsg{color:var(--accent);font-size:13px;margin-top:10px}.code{font-size:24px;letter-spacing:.3em;color:var(--gold)}.group{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);margin-bottom:14px;overflow:hidden}.group>summary{cursor:pointer;padding:14px;font-size:13px;font-weight:600;letter-spacing:var(--eyebrow-track);text-transform:uppercase;color:var(--text);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px}.group>summary::-webkit-details-marker{display:none}.group>summary .chev{color:var(--muted);transition:transform .15s ease;flex:none}.group[open]>summary .chev{transform:rotate(180deg)}.group-body{padding:0 14px 14px}.group-body .section{border:0;background:none;border-radius:0;padding:0;margin-bottom:18px}.group-body .section:last-child{margin-bottom:0}.settings-tabs{display:flex;gap:4px;overflow-x:auto;margin-bottom:14px;padding-bottom:2px;border-bottom:1px solid var(--line)}.settings-tab{flex:none;padding:8px 12px;font-size:12px;font-weight:600;white-space:nowrap;color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;border-radius:0;min-height:0}.settings-tab.sel{color:var(--accent);border-bottom-color:var(--accent)}.section{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:14px;margin-bottom:14px}.section h2{font-size:12px;letter-spacing:var(--eyebrow-track);text-transform:uppercase;color:var(--muted);margin:0 0 12px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.row:last-child{margin-bottom:0}.btn-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.row .lab{font-size:14px}.row .lab.achievement-lab{display:inline-flex;align-items:center;gap:6px}.row .sub2{font-size:12px;color:var(--muted)}.themes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--bg);color:var(--text);font-family:var(--font);padding:10px 12px;min-height:68px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;text-align:left}.theme-card.sel{outline:2px solid var(--accent);outline-offset:2px}.theme-card.locked{opacity:.5;cursor:default}.theme-card.locked:active{transform:none}.theme-card .swatch-row{display:flex;align-items:center;gap:6px;width:100%}.theme-card .dot{width:13px;height:13px;border-radius:50%;background:var(--accent);flex:none}.theme-card .bar{flex:1;height:6px;border-radius:3px;background:var(--panel2);border:1px solid var(--line)}.theme-card .label{display:inline-flex;align-items:center;gap:4px;font-size:12px;letter-spacing:var(--eyebrow-track);text-transform:uppercase;color:var(--muted)}.font-picker{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line)}.font-picker-heading{font-size:13px;font-weight:600;margin-bottom:8px}.font-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.font-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px}.font-card.sel{outline:2px solid var(--accent);outline-offset:2px}.font-sample{font-size:20px;line-height:1;color:var(--text)}.font-name{font-size:10px;color:var(--muted);text-transform:lowercase;text-align:center}.avatars{display:flex;flex-wrap:wrap;gap:6px}.avatars button{font-size:22px;min-width:46px;min-height:46px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius)}.avatars button.sel{border-color:var(--accent)}.pfp-row{display:flex;align-items:flex-start;gap:12px;margin:4px 0 10px}.pfp-preview{width:64px;height:64px;flex:none;border-radius:50%;overflow:hidden;background:var(--panel2);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:30px}.pfp-preview img{width:100%;height:100%;object-fit:cover;display:block}.pfp-actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.pfp-icon{border-radius:50%;object-fit:cover;display:inline-block;vertical-align:middle;flex:none;cursor:pointer}.profile-editor .pfp-summary{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.pfp-name-input{font-size:16px;font-weight:700;min-height:36px}.profile-editor .bio-input{font-size:16px;min-height:0}.profile-editor .pfp-name{font-size:15px;font-weight:700;margin-bottom:6px}.bio-input{resize:none;width:100%;font-family:inherit}.member{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:8px}.member .lvl{margin-left:auto;color:var(--gold);font-size:12px}.nudge-list{display:flex;flex-direction:column;gap:2px;margin-top:4px}.nudge-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:var(--radius);background:none;border:1px solid transparent;text-align:left;font-size:14px;color:var(--text);min-height:48px}.nudge-row:active{background:var(--panel2);border-color:var(--line)}.nudge-avatar{font-size:20px;flex:none}.small-input{min-height:44px;padding:6px 10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel2);color:var(--text);width:100%}.inline-btn{min-height:44px;padding:0 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel2);color:var(--text);white-space:nowrap}select.small-input{width:auto}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 20px calc(6px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}.bb-row{position:relative;display:flex;align-items:center;width:100%;min-height:46px;justify-content:space-between}.bb-tab-btn{flex:none;width:44px;height:44px;min-height:0;border-radius:50%;border:0;background:none;color:var(--accent);display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.bb-tab-btn.on{color:var(--muted);opacity:.5}.bb-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center}.bb-circle{width:62px;height:62px;min-height:0;border-radius:50%;border:2px solid var(--accent);background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 45%,transparent);position:relative;z-index:2;transform:translateY(-26px)}.bb-circle:active{transform:translateY(-26px) scale(.96)}.bb-circle:disabled{opacity:.4;box-shadow:none}.bb-circle.on{background:var(--panel);color:var(--accent)}.bb-backdrop{position:fixed;inset:0;z-index:1}.bb-radial-btn{position:absolute;z-index:3;width:46px;height:46px;min-height:0;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transform:translate(-50%,-50%);animation:radial-pop .16s ease-out}.bb-radial-btn:active{transform:translate(-50%,-50%) scale(.96)}.bb-radial-btn:disabled{opacity:.4}.bb-radial-label{font-size:8.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}@keyframes radial-pop{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.toast{position:fixed;left:50%;bottom:108px;transform:translate(-50%);background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13px;z-index:95;animation:toast-in .18s ease-out}@keyframes toast-in{0%{transform:translate(-50%,6px);opacity:0}to{transform:translate(-50%);opacity:1}}.toast.toast-leaving{animation:toast-out .18s ease-in forwards}@keyframes toast-out{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,6px);opacity:0}}.celebration-backdrop{position:fixed;inset:0;z-index:200;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:24px}.celebration-burst{position:absolute;inset:0;overflow:hidden;pointer-events:none}.celebration-confetti{position:absolute;top:50%;left:50%;width:8px;height:14px;margin:-7px 0 0 -4px;background:hsl(calc(var(--i) * 22.5deg) 85% 60%);border-radius:2px;animation:confetti-burst 1.1s var(--delay) cubic-bezier(.2,.8,.3,1) both}@keyframes confetti-burst{0%{transform:rotate(var(--angle)) translateY(0) rotate(0);opacity:1}to{transform:rotate(var(--angle)) translateY(-160px) rotate(540deg);opacity:0}}.celebration-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 28px 24px;max-width:320px;animation:celebration-pop .4s cubic-bezier(.2,.9,.3,1.3) both}@keyframes celebration-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.celebration-icon{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:38px;background:color-mix(in srgb,var(--gold) 25%,var(--panel2));margin-bottom:4px;box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 45%,transparent)}.celebration-icon.tier-silver{background:color-mix(in srgb,var(--tier-silver) 25%,var(--panel2));box-shadow:0 0 0 3px color-mix(in srgb,var(--tier-silver) 45%,transparent)}.celebration-icon.tier-bronze{background:var(--panel2);box-shadow:0 0 0 3px var(--line)}.celebration-name{font-size:19px;font-weight:700;color:var(--gold)}.celebration-desc{font-size:13px;color:var(--muted);line-height:1.45;margin:0 0 8px}.celebration-gift-avatar{margin-bottom:4px;box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 45%,transparent);border-radius:50%}.celebration-gift-preview{width:72px;height:72px;object-fit:contain;margin:4px 0}.upload-banner{margin:4px 0 10px;padding:8px 12px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);font-size:13px;display:flex;align-items:center;gap:10px}.upload-banner.error{color:var(--danger);border-color:var(--danger);justify-content:space-between}.upload-banner-track{flex:1;height:5px;border-radius:999px;background:var(--line);overflow:hidden}.upload-banner-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .15s ease-out}.upload-banner-dismiss{background:none;border:none;color:inherit;padding:0;min-height:0;font-size:14px}.queue-banner{margin:4px 0 10px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);font-size:13px}.queue-banner-head{width:100%;padding:8px 12px;background:none;border:none;color:inherit;display:flex;align-items:center;gap:8px;text-align:left}.queue-banner-head span{flex:1}.queue-banner-list{border-top:1px solid var(--line);padding:6px 12px;display:flex;flex-direction:column;gap:6px}.queue-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 0;font-size:12.5px}.queue-item-kind{text-transform:capitalize;color:var(--muted)}.queue-item-time{color:var(--muted)}.queue-item-status{flex:1}.queue-item-status.failed{color:var(--danger)}.queue-item-status.sending{color:var(--accent)}.queue-item-actions{display:flex;gap:8px}.queue-item-actions button{background:none;border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px;color:inherit;min-height:0}.editor{position:fixed;inset:0;z-index:60;background:#000;display:flex;flex-direction:column;animation:editor-stage-in .18s ease both}@keyframes editor-stage-in{0%{opacity:0}to{opacity:1}}.editor-stage{position:relative;flex:1;overflow:hidden;touch-action:none;container-type:inline-size}.stage-media-box{position:absolute;inset:0;width:100%;height:100%}.stage-media-box>img,.stage-media-box>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform:translateZ(0);touch-action:none}.layer{position:absolute;touch-action:none;cursor:grab;padding:4px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.layer span,.layer input,.layer textarea{font-weight:700;-webkit-text-stroke:.03em rgba(0,0,0,.65);white-space:pre;background:none;border:0}.layer.emoji span,.layer.no-outline span,.layer.no-outline input,.layer.no-outline textarea{-webkit-text-stroke:0}.layer.sel{outline:1px dashed rgba(255,255,255,.6);outline-offset:6px}.layer input,.layer textarea{color:inherit;outline:none;min-width:40px;text-align:center;font-style:inherit}.layer textarea{resize:none;padding:0;overflow:hidden;display:block}.layer-toolbar-anchor{position:absolute;top:calc(56px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:3;max-width:calc(100% - 24px);max-height:calc(100% - 76px);overflow-y:auto;animation:panel-fade-in .15s ease both}@keyframes panel-fade-in{0%{opacity:0}to{opacity:1}}.layer.dragging{opacity:.85;z-index:4}.draw-layer-view{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.bg-pill{background:#0000008c;border-radius:.2em;padding:.08em .28em;box-decoration-break:clone;-webkit-box-decoration-break:clone;-webkit-text-stroke:0!important}.trash-zone{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);transition:transform .15s ease,background .15s ease;z-index:3}.trash-zone.over{background:var(--danger);transform:translate(-50%) scale(1.25)}.layer-toolbar{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 10px;background:#141414d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:22px;border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 16px #00000059}.layer-toolbar button{min-height:36px;min-width:36px;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center}.layer-toolbar button.on{background:#ffffff59;border-color:#fff}.layer-toolbar-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.lt-swatch{display:block;width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.5)}.color-picker,.fonts{animation:lt-panel-in .15s ease both}@keyframes lt-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fonts{display:flex;gap:4px}.fonts button{font-size:14px;padding:0 8px}.color-picker{display:flex;flex-direction:column;align-items:center;gap:8px;width:230px;max-width:100%;align-self:center}.cp-square{position:relative;width:100%;aspect-ratio:16 / 9;max-height:120px;border-radius:8px;overflow:hidden;touch-action:none;border:1px solid rgba(255,255,255,.25)}.cp-square-white,.cp-square-black{position:absolute;inset:0;pointer-events:none}.cp-square-white{background:linear-gradient(to right,#fff,#fff0)}.cp-square-black{background:linear-gradient(to top,#000,#0000)}.cp-square-thumb{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000080;transform:translate(-50%,-50%);pointer-events:none}.cp-hue{position:relative;width:100%;height:14px;border-radius:999px;touch-action:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:1px solid rgba(255,255,255,.25)}.cp-hue-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000080;transform:translate(-50%,-50%);pointer-events:none}.cp-presets{display:flex;gap:6px;align-items:center}.swatch{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.4);padding:0;min-height:0;min-width:0}.swatch.sel{border-color:#fff}.swatch.editing{border-color:var(--gold, #f6d059);animation:swatch-pulse 1s ease-in-out infinite}.swatch.saved{animation:swatch-saved .5s ease}@keyframes swatch-pulse{50%{opacity:.55}}@keyframes swatch-saved{0%{transform:scale(1)}40%{transform:scale(1.35);box-shadow:0 0 0 3px #ffffff80}to{transform:scale(1)}}.cp-edit-toggle{width:32px;height:32px;min-height:0;min-width:0;border-radius:50%;padding:0;margin-left:4px;background:#ffffff29;border:1.5px solid rgba(255,255,255,.5);color:#fff}.cp-edit-toggle.on{background:var(--gold, #f6d059);color:#1a1206;border-color:var(--gold, #f6d059)}.cp-hint{font-size:11px;color:#fff9;margin:2px 0 0;text-align:center}.mediabox{position:relative;container-type:inline-size;border-radius:calc(var(--radius) - 2px);overflow:hidden;background:var(--panel2);aspect-ratio:3 / 4;cursor:zoom-in}.mediabox video{width:100%;height:100%;object-fit:cover;display:block}.overlay-view{position:absolute;inset:0;pointer-events:none}.editor-bottom-bar{display:flex;align-items:stretch;margin:0 12px calc(10px + env(safe-area-inset-bottom));background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden;height:52px}.editor-bottom-section{display:flex;align-items:stretch;overflow-x:auto;flex-shrink:1;scrollbar-width:none}.editor-bottom-section::-webkit-scrollbar{display:none}.editor-bottom-section .editor-tool-btn:not(:first-child){border-left:1px solid rgba(255,255,255,.12)}.editor-tool-btn{width:50px;flex:0 0 50px;border:0;border-radius:0;background:none;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease}.editor-tool-btn:active,.editor-tool-btn.on{background:#ffffff24}.editor-discard,.editor-send{flex:0 0 auto;min-width:64px;border:0;border-radius:0;border-left:1px solid rgba(255,255,255,.12);background:none;color:#fff;font-size:14px;margin:0;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease}.editor-discard:active,.editor-send:active{background:#ffffff24}.editor-send{color:var(--accent);font-weight:600}.editor-send:disabled,.editor-discard:disabled{opacity:.5}.draw-panel,.filters-panel,.audio-panel,.caption-panel{position:absolute;left:50%;transform:translate(-50%);bottom:calc(64px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:320px;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px;z-index:3;background:#141414db;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:18px;border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 16px #00000059;animation:panel-fade-in .15s ease both;transition:opacity .12s ease,transform .12s ease}.caption-panel .mention-input textarea{width:100%;min-height:44px;max-height:120px;resize:vertical;box-sizing:border-box;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:8px 10px;font:inherit;font-size:14px;background:#ffffff0f;color:#fff}.caption-panel .mention-input textarea::placeholder{color:#ffffff73}.draw-panel-hidden{opacity:0;transform:translate(-50%,12px);pointer-events:none}.draw-panel-collapse-btn{position:absolute;top:6px;right:6px;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);color:#fff;transition:transform .15s ease}.draw-panel-close-btn{position:absolute;top:6px;left:6px;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);color:#fff}.draw-panel.draw-panel-collapsed{width:auto;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;left:auto;right:12px;transform:none}.draw-panel-collapsed .draw-panel-collapse-btn{position:static;background:#141414db;border-color:#ffffff24;width:30px;height:30px;box-shadow:0 4px 16px #00000059}.draw-panel-collapsed .draw-panel-collapse-btn .icon{transform:rotate(180deg)}.icon-coin{color:#3ecf8e}.audio-panel{max-height:60vh}.audio-search{flex:none}.audio-results{overflow-y:auto;display:flex;flex-direction:column}.audio-result{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:8px 4px;border-radius:0;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:none;color:#fff;text-align:left;min-height:52px}.audio-result:last-child{border-bottom:0}.audio-result:active{background:#ffffff1a}.audio-result img{width:48px;height:48px;border-radius:6px;object-fit:cover;flex:none}.audio-result-text{display:flex;flex-direction:column;min-width:0;gap:2px}.audio-result-title{font-size:13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}.audio-result-channel{font-size:11px;color:#ffffff8c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-preview{display:flex;flex-direction:column;gap:8px}.audio-use-btn{margin:0}.audio-attached-row{display:flex;align-items:center;gap:8px}.audio-attached-title{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-remove{min-height:0;min-width:0;padding:4px;background:none;border:0;color:#ffffffb3}.audio-mute-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#fffc;margin-top:4px}.audio-preview-final-btn{align-self:flex-start}.audio-preview-title{font-size:13px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-preview-actions{display:flex;gap:8px;align-items:center}.audio-preview-actions .btn{flex:1;margin:0}.audio-picker-sheet{display:flex;flex-direction:column}.audio-picker-trim{display:flex;flex-direction:column;gap:10px}.audio-picker-sheet .audio-result{color:var(--text);border-bottom-color:var(--line)}.audio-picker-sheet .audio-result:active{background:var(--panel2)}.audio-picker-sheet .audio-result-channel{color:var(--muted)}.audio-picker-sheet .audio-preview-title{color:var(--text)}.audio-picker-sheet .snippet-trimmer .trimmer-track{background:var(--panel2);border-color:var(--line)}.audio-picker-sheet .snippet-trimmer .trimmer-range{background:color-mix(in srgb,var(--accent) 35%,transparent)}.audio-picker-sheet .snippet-trimmer .trimmer-handle{background:#fff;border-color:var(--accent)}.audio-picker-sheet .snippet-trimmer .trimmer-time{color:var(--muted)}.audio-picker-sheet .snippet-trimmer .trimmer-play-btn,.audio-picker-sheet .snippet-trimmer .trimmer-unmute{background:var(--panel2);border-color:var(--line);color:var(--text)}.snippet-trimmer{display:flex;flex-direction:column;gap:8px}.trimmer-track{position:relative;height:6px;border-radius:999px;margin:14px 4px;background:#ffffff2e}.trimmer-range{position:absolute;top:0;bottom:0;border-radius:999px;background:color-mix(in srgb,var(--accent, #59c) 55%,transparent);touch-action:none}.trimmer-range.draggable{cursor:grab}.trimmer-range.draggable:active{cursor:grabbing}.trimmer-handle{position:absolute;top:50%;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;border:2px solid var(--accent, #59c);padding:0;min-height:0;min-width:0;box-shadow:0 1px 3px #0006;touch-action:none;z-index:2}.trimmer-handle.active{transform:translate(-50%,-50%) scale(1.15)}.trimmer-playhead{position:absolute;top:-14px;bottom:-14px;width:3px;background:var(--danger, #ff4d4d);border-radius:2px;transform:translate(-50%);pointer-events:none;z-index:3;box-shadow:0 0 4px #00000080}.trimmer-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.trimmer-time{font-size:12px;color:#ffffffb3}.trimmer-unmute{display:inline-flex;align-items:center;gap:5px;font-size:12px;min-height:30px;padding:0 10px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff}.trimmer-play-btn{flex:none;width:30px;height:30px;min-height:0;min-width:0;padding:0;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;display:inline-flex;align-items:center;justify-content:center}.trimmer-play-btn:disabled{opacity:.4}.trimmer-time{flex:1}.trimmer-volume-row{display:flex;align-items:center;gap:8px;color:#ffffffbf}.audio-picker-sheet .snippet-trimmer .trimmer-volume-row{color:var(--muted)}.audio-card{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius);background:var(--panel2);border:1px solid var(--line);position:relative}.audio-card-art{flex:none;position:relative;width:56px;height:56px;padding:0;min-height:0;min-width:0;border-radius:8px;overflow:hidden;border:0;background:var(--panel)}.audio-card-art img{width:100%;height:100%;object-fit:cover;display:block}.audio-card-art-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#fff;transition:background .15s ease}.audio-card-art:active .audio-card-art-overlay{background:#00000080}.audio-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;justify-content:center}.audio-card-title{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-card-progress{height:4px;border-radius:999px;background:var(--line);overflow:hidden}.audio-card-progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .2s linear}.audio-card-unmute{position:absolute;right:8px;top:8px;min-height:0;min-width:0;padding:4px 8px;border-radius:999px;background:#0000008c;color:#fff;font-size:11px;display:inline-flex;align-items:center;gap:4px}.audio-card-vol-wrap{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;align-items:center}.audio-card-vol-btn{min-height:0;min-width:0;width:26px;height:26px;padding:0;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.audio-card-vol-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:transparent}.audio-card-vol-popover{width:30px;height:90px;margin-bottom:8px;border-radius:999px;background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:10px 0;box-shadow:var(--shadow);animation:lt-panel-in .15s ease both}.video-snippet-card{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--radius);background:var(--panel2);border:1px solid var(--line);position:relative}.video-snippet-art{width:100%;height:auto;aspect-ratio:16 / 9}.video-snippet-player{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#000}.video-snippet-player div,.video-snippet-player iframe{width:100%;height:100%}.media-kind-tabs{margin:0 0 10px}.gif-results{overflow-y:auto;display:flex;flex-wrap:wrap;gap:6px}.gif-result{padding:0;min-height:0;border-radius:8px;overflow:hidden;position:relative;width:calc((100% - 12px) / 3)}.gif-result:before{content:"";display:block;padding-top:100%}.gif-result img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.gif-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.gif-card img{width:100%;height:auto;display:block}.draw-panel-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.draw-panel-tools{justify-content:center}.brush-preview{flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.18)}.brush-dot{display:block;border-radius:50%;transition:width .1s ease,height .1s ease}.draw-undo{flex:none;height:34px;min-height:0;min-width:0;border-radius:999px;padding:0 12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:background .15s ease}.draw-undo:active{background:#ffffff3d}.draw-undo:disabled{opacity:.35}.draw-erase{flex:none;width:34px;height:34px;min-height:0;padding:0;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease}.draw-erase.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.draw-panel-hint{margin:0;font-size:10.5px;color:#ffffff8c;text-align:center}.filters-panel label{display:flex;align-items:center;gap:10px;font-size:12px;color:#ffffffd9}.filters-panel label>.slider{flex:1}.slider{-webkit-appearance:none;appearance:none;flex:1;height:4px;border-radius:999px;background:#ffffff38;outline:none;margin:0}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 3px #0006;cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 3px #0006;cursor:pointer}.slider::-moz-range-track{background:transparent}.slider.small{height:3px}.slider.small::-webkit-slider-thumb{width:12px;height:12px;border-width:1.5px;box-shadow:none}.slider.small::-moz-range-thumb{width:12px;height:12px;border-width:1.5px;box-shadow:none}.slider.vertical{writing-mode:vertical-lr;direction:rtl;flex:none;width:3px;height:100%}.rec-stage{display:flex;align-items:center;justify-content:center;background:#000}.rec-close,.edit-confirm{position:absolute;top:calc(10px + env(safe-area-inset-top));z-index:2;width:38px;height:38px;min-width:0;min-height:0;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff29;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:16px}.rec-close{left:10px}.edit-confirm{right:10px;background:var(--accent);border-color:transparent;color:var(--accent-ink)}.rec-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;color:#fff;background:#000}.rec-error .btn{max-width:280px}.rec-error-hint{font-size:12px;color:#ffffffa6;max-width:280px;margin:-4px 0 0}.rec-starting{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;opacity:.85;pointer-events:none}.rec-top-right{position:absolute;top:calc(10px + env(safe-area-inset-top));right:10px;z-index:2;display:flex;gap:8px}.rec-icon-btn{width:38px;height:38px;min-height:0;min-width:0;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff29;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);color:#fff;transition:transform .15s ease,background .15s ease}.rec-icon-btn:active{transform:scale(.9);background:#ffffff47}.rec-controls{position:absolute;left:0;right:0;z-index:2;height:76px;bottom:calc(20px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:0;padding:0 24px}.rec-controls-side{flex:1;display:flex;align-items:center}.rec-controls-side:first-child{justify-content:flex-start}.rec-controls-side:last-child{justify-content:flex-end}.shutter-ring{flex-shrink:0;width:76px;height:76px;border-radius:50%;padding:6px;display:flex;align-items:center;justify-content:center;background:#ffffff59;border:none;transition:transform .12s ease}.shutter-ring:active{transform:scale(.96)}.shutter-ring:disabled{opacity:.5}.rec-zoom{position:absolute;top:50%;right:14px;z-index:2;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:34px;height:150px;padding:12px 0;border-radius:17px;background:#00000047;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18)}.rec-zoom-slider{writing-mode:vertical-lr;direction:rtl;width:3px;height:100%;margin:0;appearance:none;-webkit-appearance:none;background:#ffffff4d;border-radius:3px;touch-action:none}.rec-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:none;box-shadow:0 1px 3px #0006}.rec-zoom-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:none;box-shadow:0 1px 3px #0006}.rec-zoom-slider::-moz-range-track{background:transparent}.shutter-dot{width:100%;height:100%;border-radius:50%;background:#fff;transition:transform .15s ease,background .15s ease}.shutter-dot.rec{background:var(--danger);transform:scale(.72);border-radius:30%}.sheet-backdrop{position:fixed;inset:0;z-index:70;background:#00000080;display:flex;align-items:flex-end;animation:sheet-backdrop-in .18s ease-out}.sheet{width:100%;max-height:70vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;padding:14px 14px 22px;animation:sheet-in .22s cubic-bezier(.16,1,.3,1)}@keyframes sheet-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width: 640px){.sheet{animation:sheet-in-centered .22s cubic-bezier(.16,1,.3,1)}@keyframes sheet-in-centered{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}}.sheet{max-height:70dvh}.sheet-backdrop-compact{background:#00000040}.sheet-compact,.sheet-compact.sheet{max-height:46vh;max-height:46dvh}@media (min-width: 640px){.sheet-backdrop{align-items:center;justify-content:center}.sheet{width:100%;max-width:480px;border-radius:var(--radius);max-height:80vh}.comments-backdrop{align-items:flex-end;justify-content:center}.comments-sheet{border-radius:var(--radius) var(--radius) 0 0;max-height:80vh}}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pfp-btn{background:none;border:0;padding:0;min-height:0;min-width:0;display:inline-flex;cursor:pointer}.avatar-deco-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none}.avatar-deco{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;max-width:none}.profile-backdrop{align-items:center;justify-content:center;padding:20px}.profile-card{position:relative;width:100%;max-width:300px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px 16px 16px;text-align:center;box-shadow:var(--shadow)}.profile-lastseen{font-size:11px;color:var(--muted);margin-bottom:4px}.profile-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.profile-achv{display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px 2px;border:0;background:none}.profile-achv .icon{width:46px;height:46px;border-radius:50%;font-size:21px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--tier-bronze) 30%,var(--panel2)),var(--panel2));border:2px solid var(--tier-bronze);box-shadow:0 2px 6px #00000040,inset 0 0 6px color-mix(in srgb,var(--tier-bronze) 30%,transparent)}.profile-achv.tier-silver .icon{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--tier-silver) 35%,var(--panel2)),var(--panel2));border-color:var(--tier-silver);box-shadow:0 2px 8px color-mix(in srgb,var(--tier-silver) 40%,transparent),inset 0 0 7px color-mix(in srgb,var(--tier-silver) 40%,transparent)}.profile-achv.tier-gold .icon{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--gold) 45%,var(--panel2)),var(--panel2));border-color:var(--gold);box-shadow:0 0 12px color-mix(in srgb,var(--gold) 55%,transparent),inset 0 0 8px color-mix(in srgb,var(--gold) 45%,transparent);animation:gold-pulse 2.6s ease-in-out infinite}@keyframes gold-pulse{0%,to{box-shadow:0 0 10px color-mix(in srgb,var(--gold) 40%,transparent),inset 0 0 8px color-mix(in srgb,var(--gold) 40%,transparent)}50%{box-shadow:0 0 18px color-mix(in srgb,var(--gold) 75%,transparent),inset 0 0 10px color-mix(in srgb,var(--gold) 55%,transparent)}}.profile-achv .name{font-size:9px;color:var(--muted);text-align:center;line-height:1.2;max-width:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.profile-achv.tier-silver .name{color:color-mix(in srgb,var(--tier-silver) 70%,var(--text))}.profile-achv.tier-gold .name{color:var(--gold);font-weight:700}.profile-card .x{position:absolute;top:6px;right:6px;background:none;border:0;color:var(--muted);min-height:28px;min-width:28px;padding:0;display:inline-flex;align-items:center;justify-content:center}.profile-pfp-wrap{position:relative;display:flex;justify-content:center}.profile-pfp-wrap .profile-pfp{margin:0 0 8px;position:relative;z-index:1}.profile-pfp{width:64px;height:64px;margin:0 auto 8px;border-radius:50%;background:var(--panel2);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:30px}.profile-pfp img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.profile-name{font-size:15px;font-weight:700;margin-bottom:4px}.profile-xpbar{display:block;margin:6px 0 2px;text-align:left}.header-xpbar{margin-bottom:12px}.profile-bio{font-size:13px;color:var(--muted);margin:8px 0 0;overflow-wrap:anywhere}.profile-preview{max-width:none;width:100%;margin:0}.profile-preview .editable{background:none;border:0;font:inherit;color:inherit;cursor:pointer}.profile-preview .profile-pfp.editable{padding:0;flex:none}.profile-preview .profile-pfp.editable:active{opacity:.8}.profile-preview .profile-name.editable,.profile-preview .profile-bio.editable{width:100%;border-radius:6px;padding:2px 6px;margin-left:-6px;margin-right:-6px}.profile-preview .profile-name.editable:active,.profile-preview .profile-bio.editable:active{background:var(--panel2)}.profile-preview .profile-bio.editable{width:calc(100% + 12px)}.profile-name-edit{text-align:center;font-size:15px;font-weight:700;margin-bottom:4px}.profile-bio-edit{text-align:left;margin-top:8px;resize:none;width:100%}.showcase-slot.targeted .icon{outline:2px solid var(--accent);outline-offset:2px}.shop-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:6px}.shop-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border:1px solid var(--line);background:var(--panel2);border-radius:var(--radius);padding:10px}.shop-item-swatch{position:relative;width:52px;height:52px;flex:none;border-radius:50%;background:var(--panel);border:2px solid var(--line);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;color:var(--muted)}.shop-item-swatch img{width:100%;height:100%;object-fit:contain}.decoration-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#fff}.shop-item-body{display:flex;flex-direction:column;align-items:center;gap:4px}.shop-item-name{font-size:12px;font-weight:600}.shop-item-reqs{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.req-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.req-pill.met{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.req-pill.unmet{color:#ec6ea8;border-color:color-mix(in srgb,#ec6ea8 45%,transparent)}.cost-pill{color:var(--text);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.cost-strike{text-decoration:line-through;color:var(--muted);font-weight:500}.cost-off{color:#ec6ea8;background:color-mix(in srgb,#ec6ea8 15%,transparent);padding:1px 4px;border-radius:999px;font-size:9px}.shop-item-actions{display:flex;align-items:center;justify-content:center;gap:4px;width:100%}.shop-item-actions .inline-btn.small{min-height:26px;padding:3px 12px;font-size:11px}.inline-btn.small.locked{opacity:.5}.avatar-sheet-icon-btn.small{width:26px;height:26px;font-size:12px}.gift-picker{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;z-index:10;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:140px;overflow:hidden}.gift-picker-row{padding:8px 12px;font-size:12px;text-align:left;border-radius:0;background:none;border:0;border-bottom:1px solid var(--line)}.gift-picker-row:last-child{border-bottom:0}.shop-list.compact{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.shop-list.compact .shop-item{padding:6px 8px;gap:4px}.shop-list.compact .shop-item-swatch{width:40px;height:40px}.shop-list.compact .shop-item-name{font-size:11px}.theme-shop-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.theme-card.static{width:100%;min-height:0;padding:8px 10px;cursor:default;box-shadow:none}.theme-card.static:active{transform:none}.theme-shop-item .shop-item-body{width:100%}.gift-picker-note{padding:8px 12px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);max-width:200px}.deco-preview-modal{position:relative;margin:auto;align-self:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px 32px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;width:min(400px,90vw)}.deco-preview-modal .x{position:absolute;top:8px;right:8px;background:none;border:0;color:var(--muted);font-size:16px;min-height:32px}.avatar-sheet-col{margin-bottom:18px}.avatar-sheet-col:last-child{margin-bottom:0}.avatar-sheet-col-label{font-size:11px;letter-spacing:var(--eyebrow-track);text-transform:uppercase;color:var(--muted);margin-bottom:8px}.avatar-sheet-icon-row{display:flex;flex-wrap:wrap;gap:8px}.avatar-sheet-icon-btn{width:44px;height:44px;border-radius:50%;background:var(--panel2);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--accent)}.avatar-sheet-icon-btn .icon{color:var(--accent)}.avatar-sheet-icon-btn.danger,.avatar-sheet-icon-btn.danger .icon{color:var(--danger)}.avatar-sheet-preview{display:flex;justify-content:center;margin-bottom:16px}.avatar-preview-frame{width:88px;height:88px;border-radius:50%;background:var(--panel2);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:42px;box-sizing:border-box}.sheet-head-actions{display:flex;align-items:center;gap:6px}.reactors-sheet{max-height:50vh}.reactors-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.reactors-row:last-child{border-bottom:0}.reactors-emoji{font-size:20px;flex:none}.reactors-names{font-size:13px;color:var(--text)}.sheet-head .x{background:none;border:0;color:var(--muted);font-size:16px;min-height:32px}.sheet .label{font-size:11px;letter-spacing:var(--eyebrow-track);text-transform:uppercase;color:var(--muted);margin:10px 0 6px}.sheet .takes-list{margin-top:4px}.emoji-sheet{display:flex;flex-direction:column;overflow-y:hidden}.emoji-search{width:100%;margin-bottom:8px;flex:none}.emoji-scroll{flex:1;min-height:0;overflow-y:auto}.emoji-scroll section{content-visibility:auto;contain-intrinsic-size:0 220px}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:2px;margin-bottom:12px}.emoji-grid button{font-size:22px;min-width:0;min-height:38px;padding:0;background:none;border:0;border-radius:6px;display:flex;align-items:center;justify-content:center}.emoji-grid button:active{background:var(--panel2)}.emoji-clear{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.achv-search{position:relative;display:flex;align-items:center}.achv-search .icon{position:absolute;left:11px;color:var(--muted);pointer-events:none}.achv-search .small-input{padding-left:34px}.inline-btn.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.achv-row.locked{opacity:.55}.achv-row-btn{background:none;border:none;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;padding:0}.achv-detail{margin-top:6px}.achv-detail .bar{max-width:220px}.achv-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;margin-bottom:4px}.achv-cat-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:1;border:1px solid var(--line);background:var(--panel2);border-radius:var(--radius);padding:10px 6px;cursor:pointer;text-align:center;color:inherit;font:inherit}.achv-cat-tile:active{transform:scale(.97)}.achv-cat-icon{width:38px;height:38px;flex:none;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,hsl(var(--cat-hue) 65% 50%) 16%,var(--panel));border:1px solid color-mix(in srgb,hsl(var(--cat-hue) 65% 50%) 45%,var(--line));color:hsl(var(--cat-hue) 55% 45%)}@media (prefers-color-scheme: dark){.achv-cat-icon{color:hsl(var(--cat-hue) 70% 68%)}}.achv-cat-label{font-size:11.5px;font-weight:600;line-height:1.2}.achv-cat-count{font-size:10.5px;color:var(--muted)}.achv-back{display:flex;align-items:center;gap:4px;background:none;border:0;color:inherit;font:inherit;font-weight:600;font-size:13px;cursor:pointer;padding:0;margin-bottom:10px}.achv-back .icon{color:var(--muted)}.achv-history-wrap{margin-bottom:16px}.achv-history{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.achv-history-item{border:1px solid var(--line);background:var(--panel2);border-radius:var(--radius);padding:8px;text-align:center;font:inherit;color:inherit;cursor:pointer}.achv-history-icon{font-size:20px;line-height:1;margin-bottom:4px}.achv-history-name{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achv-history-date{font-size:10px;color:var(--muted);margin-top:2px}.achv-history-desc{font-size:10.5px;color:var(--muted);margin-top:6px;white-space:normal;line-height:1.3}.achv-history-more{display:block;width:100%;margin-top:8px;background:none;border:0;color:var(--muted);font:inherit;font-size:12px;text-align:center;cursor:pointer;padding:4px}.achv-history-more:hover{color:var(--text)}:root{--tier-bronze: #b8814a;--tier-silver: #a8b0bb}.tier-chip{flex:none;font-size:9px;font-weight:700;letter-spacing:var(--eyebrow-track);text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px solid transparent;color:var(--bg);background:var(--tier-bronze)}.tier-chip.tier-silver{background:var(--tier-silver)}.tier-chip.tier-gold{background:linear-gradient(135deg,var(--gold),color-mix(in srgb,var(--gold) 60%,#fff))}.achv-row.tier-gold:not(.locked) .lab{color:var(--gold)}.achv-row.showcased{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius)}.achv-row .icon-check{color:var(--accent)}.showcase-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.showcase-slot{cursor:pointer;background:none;border:0}.showcase-slot.empty .icon{background:none;border:2px dashed var(--line);box-shadow:none;color:var(--muted)}.showcase-slot.empty .name{color:var(--muted)}.showcase-slot.filled:active{opacity:.8}.sheet .group{margin-bottom:8px}.sheet .group>summary{padding:10px 12px;font-size:12px}.sheet .group>summary>span:first-child{display:flex;align-items:center;gap:6px}.sheet .group-body{padding:0 12px 10px}.sheet .group-body .row:not(:last-child){border-bottom:1px solid var(--line);padding-bottom:10px}.custom-emoji{display:flex;gap:8px;margin-bottom:10px;flex:none}.custom-emoji .small-input{flex:1}.avatar-cropper{display:flex;flex-direction:column;align-items:center}.crop-stage{position:relative;overflow:hidden;border-radius:var(--radius);background:#000;touch-action:none;margin:4px auto 0;cursor:grab}.crop-stage img{position:absolute;left:50%;top:50%;max-width:none;-webkit-user-select:none;user-select:none}.crop-mask{position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:0 0 0 9999px #0009;border:2px solid rgba(255,255,255,.85)}.crop-zoom{display:flex;align-items:center;gap:10px;width:100%;max-width:280px;margin:14px 0 4px;color:var(--muted);font-size:16px}.crop-zoom input[type=range]{flex:1;margin:0}.lightbox{position:fixed;inset:0;z-index:80;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:20px calc(20px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));animation:lightbox-backdrop-in .15s ease-out}.lightbox-frame{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));animation:lightbox-frame-in .22s cubic-bezier(.16,1,.3,1)}@keyframes lightbox-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-frame-in{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-comments{border-top:1px solid var(--line);padding:12px}.lightbox-comments .comments-embedded{display:flex;flex-direction:column;gap:10px}.lightbox-debug{border-top:1px solid var(--line);padding:10px 12px;background:var(--panel2);font-family:monospace;font-size:11px}.lightbox-debug-grid{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin-top:6px;word-break:break-all}.lightbox-debug-grid span:nth-child(odd){color:var(--muted)}.lightbox-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line)}.lightbox-bar-actions{display:flex;gap:6px}.lightbox-btn{min-width:34px;min-height:34px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:15px;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease}.lightbox-btn:active{transform:scale(.9)}.lightbox-stage{position:relative;container-type:inline-size;background:var(--panel2);aspect-ratio:3 / 4;display:flex;flex-direction:column}.lightbox-stage img{width:100%;height:100%;object-fit:contain;display:block}.lightbox-stage .vplayer,.lightbox-stage .vplayer-stage{flex:1;min-height:0}.lightbox-stage .vplayer{display:flex;flex-direction:column}.lightbox-stage .vplayer-stage video{width:100%;height:100%;object-fit:contain}.music-player{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.music-control-row{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:8px}.music-play-pill,.music-unmute-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:13px}.music-play-pill{padding:8px}.music-volume-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;width:100px;border-radius:999px;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);color:#fff}.music-volume-pill .slider{width:100%}.jump-month-label{font-size:11px;letter-spacing:var(--eyebrow-track);text-transform:uppercase;color:var(--muted);margin:16px 2px 6px}.jump-month:first-child .jump-month-label{margin-top:0}.jump-list{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel2)}.jump-row{display:flex;align-items:center;gap:10px;width:100%;padding:12px;min-height:0;border:0;border-radius:0;border-bottom:1px solid var(--line);background:none;color:var(--text);text-align:left}.jump-row:last-child{border-bottom:0}.jump-row:active{background:var(--panel)}.jump-row>svg:last-child{flex:none;color:var(--muted)}.jump-trophy{flex:none;color:var(--gold)}.jump-date{flex:1;font-size:14px}.jump-meta{font-size:12px;color:var(--muted)}.lightbox-frame.set-frame{max-width:480px;max-height:88vh;display:flex;flex-direction:column}.set-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}.set-roster{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex:none}.set-roster-row{display:flex;align-items:center;gap:8px;padding:4px 0}.set-roster-name{flex:1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-roster-yes{color:var(--accent);flex:none}.set-roster-no{color:var(--muted);flex:none}.set-status{padding:40px 10px;text-align:center}.set-composer{padding:10px 12px 0;border-top:1px solid var(--line)}.set-composer .composer{margin-top:0}.skel-shimmer{background:linear-gradient(100deg,var(--panel2) 30%,var(--line) 50%,var(--panel2) 70%);background-size:250% 100%;animation:skel-shimmer-move 1.4s ease-in-out infinite}@keyframes skel-shimmer-move{0%{background-position:200% 0}to{background-position:-60% 0}}.skel-card{aspect-ratio:3 / 4}.pastday-history{display:flex;flex-direction:column;gap:10px}.pastday-slot .slothead{position:static;margin:0 0 6px;padding:0;background:none}.pastday-slot{margin-bottom:44px}.pastday-slot:last-child{margin-bottom:0}.scroll-sentinel{height:1px}.vplayer{display:flex;flex-direction:column}.vplayer-stage{position:relative;cursor:pointer;background:#000}.vplayer-stage video{width:100%;height:auto;display:block;opacity:0;transition:opacity .2s ease}.vplayer-stage video.ready{opacity:1}.vplayer-skel{position:absolute;inset:0}.vplayer-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.vplayer-center .icon{width:52px;height:52px;padding:14px;box-sizing:border-box;border-radius:50%;background:#00000073;color:#fff}.vplayer-bar{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--panel2);border-top:1px solid var(--line)}.vplayer-btn{flex:none;width:26px;height:26px;min-height:0;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text);display:inline-flex;align-items:center;justify-content:center}.vplayer-time{flex:none;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.vplayer-scrub{flex:1;margin:0;height:4px;border-radius:2px;background:var(--line);outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.vplayer-scrub::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);border:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.vplayer-scrub::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--accent);border:none}.vplayer-scrub::-moz-range-track{height:4px;border-radius:2px;background:var(--line)}.comments{padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.comment{display:flex;align-items:flex-start;gap:8px;margin-bottom:14px;font-size:13px}.comment-body{flex:1;min-width:0}.comment-line{margin:0;line-height:1.35;overflow-wrap:anywhere}.comment-line .uname{font-weight:700;color:var(--accent);margin-right:4px}.comment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px}.comment-meta .timestamp{font-size:11px}.comment-react-chip{min-height:0;padding:2px 7px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);font-size:11px;display:inline-flex;align-items:center;gap:3px}.comment-react-chip.mine{border-color:var(--accent);color:var(--accent)}.comment-heart-wrap{position:relative;flex:none;margin-top:2px}.comment-heart{min-height:0;min-width:0;padding:0;background:none;border:0;font-size:16px;line-height:1;opacity:.55}.comment-heart.active{opacity:1}.comment-emoji-popover{position:absolute;right:-4px;bottom:calc(100% + 6px);z-index:5;display:flex;gap:3px;padding:5px;border-radius:999px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);animation:radial-pop .14s ease-out}.comment-emoji-popover button{min-height:0;min-width:0;padding:3px;border-radius:50%;background:none;border:0;font-size:15px}.comment-emoji-popover button.sel{background:var(--panel2)}[data-theme=terminal] body:after,[data-theme=crt] body:after,html[data-theme=terminal] .scan,html[data-theme=crt] .scan{content:"";pointer-events:none;position:fixed;inset:0;z-index:50;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 1px,transparent 1px 3px);opacity:.35}[data-reduced="1"] .scan,[data-reduced="1"] body:after{display:none}[data-reduced="1"] *{animation:none!important;transition:none!important}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.scan,body:after{display:none!important}}[data-theme=synthwave] .chip,[data-theme=synthwave] .lvlbadge,[data-theme=synthwave] .coinbadge,[data-theme=synthwave] .req-pill,[data-theme=synthwave] .btn-small,[data-theme=synthwave] .inline-btn,[data-theme=synthwave] .timestamp,[data-theme=synthwave] .eyebrow,[data-theme=synthwave] .sub2{font-size:.85em;letter-spacing:-.01em}[data-theme=cottage] .bg-decor{background-image:radial-gradient(rgba(201,111,111,.1) 1.5px,transparent 1.5px);background-size:20px 20px}[data-theme=synthwave] .bg-decor{background:radial-gradient(ellipse 70% 45% at 50% 105%,rgba(255,90,209,.22),transparent 70%),radial-gradient(ellipse 55% 30% at 85% -5%,rgba(90,223,255,.14),transparent 70%),repeating-linear-gradient(180deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px)}[data-theme=crt] .bg-decor{background:radial-gradient(ellipse 90% 80% at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%)}[data-theme=terminal] .bg-decor,[data-theme=contrast] .bg-decor{display:none}[data-theme=reef] .bg-decor{background:radial-gradient(ellipse 80% 60% at 50% 110%,rgba(34,211,199,.14),transparent 70%)}[data-theme=bloom] .bg-decor{background-image:radial-gradient(rgba(232,160,196,.1) 1.5px,transparent 1.5px);background-size:22px 22px}[data-theme=cyberdeck] .bg-decor{background:repeating-linear-gradient(90deg,rgba(176,38,255,.05) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,rgba(176,38,255,.05) 0 1px,transparent 1px 64px)}[data-theme=orca] .bg-decor{background:radial-gradient(ellipse 90% 70% at 50% 115%,rgba(127,231,240,.12),transparent 70%)}[data-theme=ember] .bg-decor{background:radial-gradient(ellipse 75% 55% at 50% 108%,rgba(255,59,48,.2),transparent 70%)}