/* Community and cosmetics share the site's palette, typography and focus behavior. */
@font-face{font-family:CosAmiri;src:url('../fonts/amiri-arabic-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
.community-studio{padding-block:26px 40px}.studio-intro{gap:18px;margin-bottom:22px}.studio-intro h1{font-family:var(--font-display);font-size:2.4rem;line-height:1.3;margin:5px 0}.studio-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--brand);font-size:.78rem;font-weight:700}.studio-eyebrow .ic{width:16px;height:16px}.studio-links{display:flex;gap:8px;flex-wrap:wrap}.studio-layout{display:grid;grid-template-columns:205px minmax(0,1fr) 210px;gap:16px;align-items:start}.studio-sidebar{display:grid;gap:16px;min-width:0}.studio-rooms{padding:14px}.studio-rooms summary{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.85rem;cursor:pointer;list-style:none}.studio-mode-links{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;background:var(--bg);border-radius:12px;margin:16px 0}.studio-mode-links a{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 3px;font-size:.75rem;border-radius:9px}.studio-mode-links a.is-on{background:var(--surface-3);color:var(--brand)}.studio-rooms .channel-nav{display:flex;flex-direction:column;gap:5px}.studio-rooms .channel-nav a{gap:8px;font-size:.8rem;white-space:normal;min-width:0}.studio-rooms .channel-nav .ic{width:18px;flex:none}.studio-reward{padding:16px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--gem-2) 13%,transparent),transparent 75%),var(--surface)}.studio-reward h3{margin-block:10px}.studio-reward .link{display:block;margin-top:14px}.studio-chat{height:calc(100dvh - 215px);max-height:880px;min-height:500px;isolation:isolate}.studio-chat-head{display:flex;align-items:center;gap:8px;padding:16px 18px;background:var(--surface);border-bottom:1px solid var(--line)}.studio-chat-head b{display:flex;align-items:center;gap:8px}.studio-chat-head .grow{min-width:0}.studio-chat-head p{margin-top:5px}.studio-status{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 16px;background:var(--surface)}.studio-status .chat-online{padding:0;border:0;background:none;font-size:.7rem}.studio-chat .chat-log{background-image:radial-gradient(var(--line-2) .8px,transparent .8px);background-size:18px 18px;padding:14px 12px;min-height:0}.studio-chat[data-background=plain] .chat-log{background-image:none}.studio-chat[data-background=lines] .chat-log{background-image:repeating-linear-gradient(-45deg,transparent,transparent 12px,var(--line) 13px,transparent 14px)}.studio-chat[data-size=large] .chat-text{font-size:1.1rem}.studio-chat[data-size=small] .chat-text{font-size:.85rem}.studio-chat[data-density=compact] .chat-msg{padding-block:3px}.studio-chat[data-density=compact] .chat-text{line-height:1.5}.studio-chat .chat-text{padding:8px 12px;border-radius:0 14px 14px 14px;background:var(--surface-2);width:fit-content;max-width:100%;font-size:.92rem}.studio-chat .chat-msg{margin-bottom:7px}.studio-chat .is-mine .chat-text{background:color-mix(in srgb,var(--brand) 10%,var(--surface-2));border:1px solid color-mix(in srgb,var(--brand) 20%,transparent)}.studio-chat .chat-form{padding:10px 14px}.studio-members{padding:16px}.studio-members h3{display:flex;gap:8px;font-size:.85rem}.studio-members>.tiny{margin-top:8px;line-height:1.9}.studio-member-list{display:grid;gap:9px;margin-block:20px;max-height:400px;overflow:auto}.studio-member{display:flex;align-items:center;gap:9px;text-align:start;padding:5px 2px;border-radius:8px;min-width:0;width:100%}.studio-member:hover{background:var(--surface-2)}.studio-member span{min-width:0}.studio-member b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.studio-member small{display:block;color:var(--muted);font-size:.65rem}.studio-stickers summary{display:flex;align-items:center;gap:5px;font-size:.73rem;color:var(--text-2);cursor:pointer;margin-bottom:8px;width:fit-content}.studio-sticker-picker{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:12px;background:var(--bg);border-radius:12px;margin-bottom:10px;max-height:190px;overflow:auto}.studio-sticker-picker .cos-sticker{width:90px;min-height:80px;font-size:.72rem}.studio-sticker-picker .cos-sticker span{font-size:2.1rem}.chat-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.chat-react{padding:2px 8px;border:1px solid var(--line);border-radius:20px;background:var(--surface);font-size:.75rem}.chat-react.is-on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,var(--surface))}.chat-react-add{opacity:.65}.chat-react-add:hover{opacity:1}.chat-title{font-size:.62rem;color:var(--brand-2);border:1px solid var(--line-2);border-radius:20px;padding:2px 7px}.studio-dialog{position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 30px);overflow:auto;border:1px solid var(--line-2);border-radius:24px;background:var(--surface);color:var(--text);padding:30px 24px;box-shadow:var(--shadow-lg)}.studio-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.studio-dialog h2{font-size:1.3rem;padding-inline-end:22px}.studio-dialog-close{position:absolute;top:10px;inset-inline-end:10px}.studio-profile-cover{height:120px;border-radius:16px;margin:-8px -2px 0;background:radial-gradient(ellipse at 80% 0,var(--brand),transparent),var(--surface-3)}.studio-profile-main{text-align:center;margin-top:-35px;position:relative}.studio-profile-main .cos-avatar{width:82px;height:82px;margin:auto}.studio-profile-main .avatar{width:72px;height:72px;border:4px solid var(--surface)}.studio-profile-main h2{padding:0;margin:14px 0 6px}.studio-profile-main p{white-space:pre-wrap;overflow-wrap:anywhere}.studio-profile-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:20px}.studio-board-tabs{display:flex;gap:6px;margin-block:18px}.studio-board-row{display:flex;gap:10px;align-items:center;padding:10px 2px;border-bottom:1px solid var(--line)}.studio-board-row>.grow{min-width:0}.studio-board-row b{font-size:.83rem}.studio-board-pos{width:26px;font-weight:800;color:var(--brand-2)}.inbox-grid{display:grid;gap:12px;max-width:800px;margin:auto}.inbox-thread{display:flex;align-items:center;gap:15px}.inbox-thread .grow{min-width:0}.inbox-thread .grow span{display:block}.cos-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;padding:40px;border-radius:24px;background:radial-gradient(ellipse at 5% 10%,color-mix(in srgb,var(--gem-2) 18%,transparent),transparent 60%),var(--surface);border:1px solid var(--line);overflow:hidden}.cos-hero h1{font-family:var(--font-display);font-size:clamp(2.7rem,5vw,4.2rem);line-height:1.15;margin:16px 0}.cos-hero h1 span{color:var(--brand)}.cos-hero p{color:var(--text-2);line-height:2}.cos-hero-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;position:relative}.cos-hero-art>b{font-size:1.5rem}.cos-orb{display:grid;place-items:center;position:relative;width:130px;height:130px;border-radius:50%;padding:8px}.cos-orb .avatar{width:105px;height:105px}.cos-orb>span{position:absolute;top:-12px;right:-12px;font-size:2.6rem;color:var(--brand-2)}.cos-hero-art>.cos-sticker{position:absolute;bottom:-12px;left:0;transform:rotate(-12deg);width:100px;font-size:.7rem}.cos-toolbar{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.cos-toolbar .chips{flex:1}.cos-toolbar>.row{gap:12px}.cos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:18px}.cos-card{padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:18px;transition:border-color .2s,transform .2s}.cos-card:hover{border-color:var(--line-2);transform:translateY(-3px)}.cos-preview{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:190px;padding:35px 18px 20px;background:radial-gradient(ellipse at 50% 100%,var(--surface-3),var(--surface))}.cos-rarity{position:absolute;inset-inline-start:12px;top:12px;font-size:.65rem;border-radius:20px;padding:3px 9px;background:var(--bg);border:1px solid var(--line-2)}.rarity-rare{color:#38bdf8}.rarity-epic{color:#c4b5fd}.rarity-legendary{color:#fbbf24}:root[data-theme=light] .rarity-rare{color:#075985}:root[data-theme=light] .rarity-epic{color:#6d28d9}:root[data-theme=light] .rarity-legendary{color:#92400e}.cos-card-body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}.cos-card-body h3{font-size:1rem}.cos-card-body p{flex:1;margin-bottom:12px}.cos-avatar{display:inline-grid;place-items:center;width:66px;height:66px;border-radius:50%;padding:4px;flex:none}.cos-avatar .avatar{width:56px;height:56px}.cos-title{display:inline-flex;align-items:center;padding:8px 18px;border-radius:25px;background:linear-gradient(130deg,#713b16,#cfa73d);color:#fff;font-weight:700;border:1px solid #eacb6a}.cos-bubble-preview{border-radius:15px;padding:12px 16px;font-size:.8rem;max-width:100%}.cos-sticker{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:126px;min-height:105px;border:2px solid #fff;border-radius:20px;background:linear-gradient(135deg,#ffd15c,#ff913f);color:#34200e;text-shadow:0 1px rgba(255,255,255,.5);box-shadow:0 8px 25px -12px #ff913f;transform:rotate(-3deg);text-align:center;padding:9px}.cos-sticker span{font-size:2.8rem;line-height:1.2}.cos-sticker b{font-size:.8em;line-height:1.3}.sticker-cozy{background:linear-gradient(135deg,#f5dec0,#ba9771)}.sticker-plot{background:linear-gradient(135deg,#c4b5fd,#8b5cf6);color:#23164a}.sticker-cinema{background:linear-gradient(135deg,#8ce4ff,#4fb7e5);color:#12364e}.sticker-heart{background:linear-gradient(135deg,#fecdd3,#fb7185);color:#671d32}.sticker-wow{background:linear-gradient(135deg,#c7f9e4,#34d399);color:#104738}.chat-main>.cos-sticker{margin-top:5px}.cos-frame-frame-orbit{border:2px solid #38bdf8;box-shadow:0 0 0 3px #38bdf822}.cos-frame-frame-sakura{border:3px double #fb7185;box-shadow:0 0 14px #fb718544}.cos-frame-frame-neon{border:2px solid #b78cff;box-shadow:0 0 14px #8b5cf66b;animation:cosGlow 3s ease-in-out infinite}.cos-frame-frame-solar{border:3px solid #fbbf24;box-shadow:0 0 0 3px #b4530944,0 0 20px #fbbf2455}.cos-frame-frame-frost{border:3px dashed #67e8f9;box-shadow:0 0 10px #67e8f944}.chat-avatar[class*=cos-frame]{display:grid;place-items:center;border-radius:50%;width:36px;height:36px}.cos-name-name-aqua{color:#38bdf8!important}.cos-name-name-rose{color:#fb7185!important}.cos-name-name-gold{color:#fbbf24!important;text-shadow:0 0 12px #fbbf2444}.cos-name-name-aurora{color:#c4b5fd!important;background:linear-gradient(100deg,#38bdf8,#c4b5fd,#fb7185,#38bdf8);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:cosShimmer 6s linear infinite}.cos-name-name-serif{font-family:CosAmiri,serif!important;font-size:1.15em}.cos-banner-banner-cosmos{background:radial-gradient(ellipse at 25% 25%,#68489e,transparent 60%),radial-gradient(ellipse at 80% 90%,#245b7c,transparent 70%),#12152f!important}.cos-banner-banner-sunset{background:linear-gradient(135deg,#391935,#8c3a55,#fa995b)!important}.cos-banner-banner-manga{background:repeating-linear-gradient(135deg,#202532 0,#202532 28px,#394153 29px,#394153 30px)!important}.cos-banner-banner-ocean{background:radial-gradient(ellipse at 20% 20%,#218c9b,transparent 65%),linear-gradient(120deg,#0f253d,#246689)!important}.cos-bubble-bubble-nebula{background:linear-gradient(125deg,#272038,#43315b)!important;color:#e9d5ff!important;border:1px solid #8b5cf644!important}.cos-bubble-bubble-paper{background:#e7ddc9!important;color:#3e332c!important;border:1px solid #ccb897!important}.cos-bubble-bubble-aqua{background:#18313e!important;color:#bdeafa!important;border:1px solid #38bdf855!important}.p-head>.cos-avatar{width:112px;height:112px}.p-head>.cos-avatar>.avatar{width:96px;height:96px}.p-cover[class*=cos-banner]{background-size:cover}.community-launcher{position:fixed;inset-inline-end:20px;bottom:calc(var(--bottom-h) + 20px);display:grid;place-items:center;width:50px;height:50px;background:var(--grad);color:var(--brand-ink);border:1px solid var(--brand);border-radius:50%;box-shadow:var(--shadow);z-index:var(--layer-nav)}.community-launcher .ic{width:24px}.community-studio~.community-launcher{display:none}@keyframes cosGlow{50%{box-shadow:0 0 22px #8b5cf6aa}}@keyframes cosShimmer{to{background-position:200% 0}}
/* Navigation uses the available width; account actions always keep their hit targets. */
.site-header .container{min-width:0}.header-actions{flex:none}.header-actions>.dropdown{flex:none}.user-btn{display:grid;place-items:center;width:44px;height:44px;flex:none;background:var(--surface);border-color:var(--line-2)}.user-btn .avatar{width:34px;height:34px}.nav{min-width:0}.nav a{padding-inline:10px}.search-trigger{min-width:40px}
@media(min-width:1100px) and (max-width:1499px){.site-header .search-trigger{width:40px;min-width:40px;padding:0;justify-content:center}.site-header .search-trigger .label,.site-header .search-trigger kbd{display:none}.site-header .nav a{font-size:.82rem;padding-inline:8px}.site-header .nav a:nth-child(n+6){display:none}.site-header .header-menu{display:block}.site-header .brand{gap:6px}}
@media(max-width:1150px){.studio-layout{grid-template-columns:180px minmax(0,1fr)}.studio-members{grid-column:1/-1}.studio-member-list{display:flex;flex-wrap:wrap;max-height:160px}.studio-member{width:170px}.studio-chat{height:calc(100dvh - 220px)}.studio-members .divider,.studio-members>.tiny,.studio-members>.btn{display:none}}
@media(max-width:699px){.community-studio{padding-block:16px 25px}.studio-intro{margin-bottom:14px;gap:10px}.studio-intro h1{font-size:1.7rem}.studio-intro>div:first-child p{display:none}.studio-layout{display:flex;flex-direction:column;gap:12px}.studio-sidebar,.studio-chat,.studio-members{width:100%}.studio-rooms{padding:12px}.studio-rooms .channel-nav{flex-direction:row;overflow:auto}.studio-rooms .channel-nav a{white-space:nowrap;flex:none}.studio-mode-links{margin-block:10px}.studio-reward{display:none}.studio-chat{height:calc(var(--visible-vh,100dvh) - 190px);min-height:420px}.studio-chat-head{padding:10px 12px}.studio-chat-head p{display:none}.studio-chat .chat-log{padding:8px 5px}.studio-chat .chat-msg{grid-template-columns:32px minmax(0,1fr) auto}.studio-chat .chat-form{padding:9px}.studio-status{padding-inline:12px}.studio-members{padding:12px}.studio-member-list{margin-block:10px}.cos-hero{grid-template-columns:1fr;padding:24px}.cos-hero-art{display:none}.cos-hero h1{font-size:2.8rem}.cos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cos-preview{min-height:170px;padding-inline:8px}.cos-card-body{padding:12px}.cos-card-body>.btn{font-size:.72rem;padding-inline:6px}.cos-card-body p{font-size:.7rem}.cos-toolbar{gap:14px}.cos-toolbar .input{max-width:180px}.cos-sticker{width:105px}.studio-dialog{padding:28px 18px}.community-launcher{width:44px;height:44px;inset-inline-end:12px}}
@media(min-width:1500px){.site-header .nav a{padding-inline:8px;font-size:.87rem}.site-header .search-trigger{min-width:190px;max-width:230px}.site-header .search-trigger .label{max-width:145px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){[class*=cos-name],[class*=cos-frame]{animation:none!important}.cos-card{transition:none}.cos-card:hover{transform:none}}
.studio-sidebar>*{min-width:0}.studio-rooms{width:100%;min-width:0}.studio-rooms .channel-nav{max-width:100%;min-width:0}
@media(max-width:360px){.site-header .header-actions .search-trigger{display:none}.site-header .gem-chip{padding-inline:8px;gap:3px}.site-header .gem-chip span{max-width:28px;overflow:hidden}.site-header .container{gap:6px}.site-header .brand-mark{width:32px;height:32px}.site-header .user-btn{width:40px;height:40px}.site-header .icon-btn{width:36px;height:40px}.studio-links .btn{padding-inline:10px;font-size:.73rem}.studio-chat-head{gap:4px}.studio-chat-head .icon-btn{width:34px}.studio-chat-head b{font-size:.85rem}}
/* Calm, compact navigation and a readable post stream. */
.community-primary{display:grid;gap:6px}.community-primary a{display:flex;align-items:center;gap:9px;padding:12px;border-radius:12px;font-weight:700;font-size:.85rem}.community-primary .is-active{background:var(--surface-3);color:var(--brand)}.community-navigation{align-self:start;position:sticky;top:90px}.community-topics summary{cursor:pointer;min-height:38px;display:flex;align-items:center;justify-content:space-between}.community-feed .comm-layout{grid-template-columns:210px minmax(0,680px) minmax(190px,1fr);justify-content:center;align-items:start;gap:20px}.community-feed .post{padding:22px;margin-bottom:12px;border-radius:18px}.community-feed .post-body{font-size:.95rem;line-height:1.9;overflow-wrap:anywhere}.community-feed .post-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin:16px 0 0;gap:6px}.community-feed .post-actions>*{min-height:40px;padding-inline:10px}.community-feed .tabs{overflow:auto;white-space:nowrap}.community-feed [data-composer] .textarea{border:0;background:transparent}.community-feed [data-composer]{border-radius:18px}.community-destinations{display:grid;gap:10px}.community-destinations a{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--surface)}.community-destinations a:hover{border-color:var(--brand);background:var(--surface-2)}.community-destinations small{display:block;color:var(--muted);margin-top:5px}.community-destinations .ic{color:var(--brand);width:24px;height:24px}.site-footer{padding-block:24px}.footer-grid{grid-template-columns:1.6fr repeat(3,minmax(0,1fr));align-items:start;gap:20px}.footer-grid.has-watch{grid-template-columns:1.6fr repeat(4,minmax(0,1fr))}.footer-group summary{display:flex;align-items:center;justify-content:flex-start;gap:8px;cursor:pointer;min-height:44px;list-style:none;margin:0}.footer-group summary::-webkit-details-marker{display:none}.footer-group summary .ic{flex:none;width:16px;height:16px}.footer-group[open] summary .ic{transform:rotate(180deg)}.footer-links{padding-top:8px}.footer-bottom{margin-top:18px}.footer-grid>div:first-child .socials{margin-top:10px}.footer-grid>div:first-child p{line-height:1.7}.studio-sidebar .studio-reward{padding:14px}.studio-reward h3{font-size:1rem}.studio-reward>.tiny{display:none}.studio-members>.tiny:last-of-type{display:none}
@media(max-width:1100px){.community-feed .comm-layout{grid-template-columns:190px minmax(0,1fr)}.community-feed .comm-layout>aside.stack{display:none}.footer-grid,.footer-grid.has-watch{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:699px){.community-feed .comm-layout{display:flex;flex-direction:column;gap:14px}.community-feed .comm-layout>*{width:100%;min-width:0}.community-navigation{position:static}.community-primary{grid-template-columns:repeat(3,minmax(0,1fr))}.community-primary a{justify-content:center;padding:10px 5px;font-size:.75rem;gap:4px}.community-primary .ic{width:16px}.community-feed .post{padding:15px}.community-feed .post-actions>*{padding-inline:7px;font-size:.75rem}.footer-grid{gap:6px 14px}.site-footer{padding-bottom:calc(var(--bottom-h) + 24px)}}

/* Original transparent vector ornaments scale to chat, profiles and previews. */
.cos-frame-frame-blossom{position:relative;isolation:isolate;border:0;background:none;overflow:visible}.cos-frame-frame-blossom::after{content:"";position:absolute;inset:-18%;background:url(../img/cosmetics/frame-blossom.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosFloat 5s ease-in-out infinite}
.cos-frame-frame-spirit{position:relative;isolation:isolate;border:0;background:none;overflow:visible}.cos-frame-frame-spirit::after{content:"";position:absolute;inset:-18%;background:url(../img/cosmetics/frame-spirit.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosFloat 5s ease-in-out infinite}
.cos-frame-frame-dragon{position:relative;isolation:isolate;border:0;background:none;overflow:visible}.cos-frame-frame-dragon::after{content:"";position:absolute;inset:-18%;background:url(../img/cosmetics/frame-dragon.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosFloat 5s ease-in-out infinite}
.cos-frame-frame-cat{position:relative;isolation:isolate;border:0;background:none;overflow:visible}.cos-frame-frame-cat::after{content:"";position:absolute;inset:-18%;background:url(../img/cosmetics/frame-cat.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosFloat 5s ease-in-out infinite}
.cos-frame-frame-eclipse{position:relative;isolation:isolate;border:0;background:none;overflow:visible}.cos-frame-frame-eclipse::after{content:"";position:absolute;inset:-18%;background:url(../img/cosmetics/frame-eclipse.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosFloat 5s ease-in-out infinite}
.cos-frame-frame-thorns{position:relative;isolation:isolate;border:0;background:none;overflow:visible}.cos-frame-frame-thorns::after{content:"";position:absolute;inset:-18%;background:url(../img/cosmetics/frame-thorns.svg) center/contain no-repeat;pointer-events:none;z-index:2;animation:cosFloat 5s ease-in-out infinite}
.cos-banner-banner-spirit-garden{position:relative;background:#182a3c url(../img/cosmetics/banner-spirit-garden.svg) center/cover no-repeat!important;isolation:isolate}.cos-banner-banner-spirit-garden::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 14% 30%,#ddfff777 0 2px,transparent 3px),radial-gradient(circle at 72% 60%,#ddfff799 0 2px,transparent 3px),radial-gradient(circle at 54% 17%,#ddfff777 0 1px,transparent 3px);animation:cosFireflies 6s ease-in-out infinite}
.cos-banner-banner-moon-wings{position:relative;background:#182a3c url(../img/cosmetics/banner-moon-wings.svg) center/cover no-repeat!important;isolation:isolate}.cos-banner-banner-moon-wings::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 14% 30%,#ddfff777 0 2px,transparent 3px),radial-gradient(circle at 72% 60%,#ddfff799 0 2px,transparent 3px),radial-gradient(circle at 54% 17%,#ddfff777 0 1px,transparent 3px);animation:cosFireflies 6s ease-in-out infinite}
.cos-banner-banner-koi{position:relative;background:#182a3c url(../img/cosmetics/banner-koi.svg) center/cover no-repeat!important;isolation:isolate}.cos-banner-banner-koi::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 14% 30%,#ddfff777 0 2px,transparent 3px),radial-gradient(circle at 72% 60%,#ddfff799 0 2px,transparent 3px),radial-gradient(circle at 54% 17%,#ddfff777 0 1px,transparent 3px);animation:cosFireflies 6s ease-in-out infinite}
@keyframes cosFloat{50%{transform:translateY(-3%) rotate(3deg)}}@keyframes cosFireflies{50%{opacity:.3;transform:translateY(-7px)}}
.cos-preview .cos-avatar{width:88px;height:88px;margin-block:20px}.cos-preview .cos-avatar .avatar{width:72px;height:72px}.cos-preview b{position:relative;z-index:3}.cos-card{overflow:visible}.cos-preview{border-radius:18px 18px 0 0;overflow:hidden}.cos-card-body{background:var(--surface);border-radius:0 0 18px 18px}.cos-preview [data-cos-preview]{position:absolute;bottom:8px;inset-inline-end:8px;z-index:4}.cos-motion-label{position:absolute;top:40px;inset-inline-start:12px;font-size:.6rem;color:var(--muted)}.cos-tryout{padding:0;border-radius:18px;border:1px solid var(--line);overflow:visible;margin-top:20px}.cos-tryout .studio-profile-cover{margin:0;height:150px}.cos-tryout .studio-profile-main{padding:0 20px 20px}.cos-tryout .cos-avatar{margin-bottom:16px}
@media(prefers-reduced-motion:reduce){[class*=cos-frame]::after,[class*=cos-banner]::after{animation:none!important}.w-poster,.w-poster img{transition:none!important}.w-card-link:hover .w-poster img{transform:none}}

@media(max-width:699px){.studio-chat{min-height:320px}.studio-intro h1{font-size:1.5rem}.studio-links{gap:5px}.studio-links .btn{padding-inline:8px;font-size:.72rem}.studio-members{padding:10px 12px}.studio-rooms .channel-nav{scrollbar-width:thin}.studio-rooms .channel-nav a{padding-block:9px}}
/* Reference-video chat: move, resize, minimize and expand without leaving the page. */
.community-dock{position:fixed;right:22px;bottom:calc(var(--bottom-h) + 82px);width:640px;height:540px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);min-width:360px;min-height:380px;resize:both;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:18px;background:var(--surface);box-shadow:0 25px 100px #0008;z-index:calc(var(--layer-nav) + 2)}.dock-toolbar{display:flex;align-items:center;gap:4px;padding:8px;border-bottom:1px solid var(--line);flex:none;background:var(--surface)}.dock-drag{display:flex;gap:6px;align-items:center;flex:1;min-width:30px;cursor:grab;touch-action:none;font-size:.8rem;white-space:nowrap}.dock-drag:active{cursor:grabbing}.dock-toolbar .icon-btn{width:30px;height:34px;flex:none}.dock-toolbar .ic{width:17px}.dock-modes{display:flex;gap:2px}.dock-modes button{font-size:.7rem;padding:7px;border-radius:8px}.dock-modes .is-on{background:var(--surface-3);color:var(--brand)}.dock-content{flex:1;min-height:0}.dock-content iframe{width:100%;height:100%;border:0;display:block}.dock-foot{display:flex;justify-content:space-around;gap:8px;border-top:1px solid var(--line);padding:9px;font-size:.72rem;flex:none}.dock-foot a{display:flex;align-items:center;gap:4px;min-height:24px}.dock-foot .ic{width:14px}.community-dock.is-maximized{inset:12px!important;width:auto!important;height:auto!important;max-width:none;max-height:none;resize:none}.community-dock.is-minimized{width:500px;height:auto!important;min-height:0;resize:none;bottom:calc(var(--bottom-h) + 20px)}.is-minimized .dock-content,.is-minimized .dock-foot{display:none}
.community-docked{--bottom-h:0px;overflow:hidden}.community-docked .main{padding:0;min-height:0}.community-docked .community-studio{padding:0;width:100%;max-width:none;height:100dvh}.community-docked .studio-intro,.community-docked .studio-sidebar{display:none}.community-docked .studio-layout{display:block;position:relative;height:100%}.community-docked .studio-chat{height:100%!important;min-height:0!important;max-height:none;margin:0;border:0;border-radius:0}.community-docked .studio-chat-head{padding:8px 10px}.community-docked .studio-chat-head p{display:none}.community-docked .studio-chat-head b{font-size:.8rem}.community-docked .chat-log{padding:10px 6px}.community-docked .studio-members{display:none}.community-docked.dock-show-members .studio-members{display:block;position:absolute;z-index:5;inset-inline-end:10px;top:58px;width:210px;max-height:calc(100dvh - 80px);overflow:auto;box-shadow:var(--shadow)}.community-docked .studio-member-list{display:block;max-height:none}.dock-members-close{float:left}.dock-room-select{width:130px;max-width:27vw;font-size:.7rem}.community-docked .studio-dialog{max-height:90dvh;overflow:auto}.community-docked .studio-chat .chat-form{padding:8px}.community-docked .chat-form .tiny{font-size:.55rem}
@media(max-width:699px){.community-dock{inset:80px 8px calc(var(--bottom-h) + 10px);width:auto;height:auto;max-width:none;max-height:none;min-width:0;min-height:0;resize:none}.community-dock.is-minimized{inset:auto 8px calc(var(--bottom-h) + 12px);width:auto}.dock-drag b{display:none}.dock-toolbar{gap:2px}.dock-modes button{padding:7px 5px}.community-dock.is-maximized{inset:8px 8px calc(var(--bottom-h) + 8px)!important}}