.brand-mark{display:inline-flex;align-items:center;gap:9px;min-width:0;color:inherit;text-decoration:none;font-weight:800;font-size:21px;letter-spacing:-.4px;line-height:1.2}.brand-mark img{display:block;width:44px;height:44px;object-fit:contain;flex:none;border-radius:12px;background:#fff}.brand-mark span{color:inherit;white-space:nowrap}.brand-mark-rail{flex-direction:column;gap:4px;font-size:12px;letter-spacing:-.2px}.rail .brand-mark-rail img{width:54px;height:54px}.rail:has(.brand-mark-rail) .nav-items{margin-top:25px}.connection-auth .auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.auth-brand img{width:62px;height:62px;object-fit:contain;border-radius:16px}.connection-auth .auth-brand h1{margin:0;font-size:25px;letter-spacing:-.7px}.connection-sidebar>header>h1{margin:0}.connection-sidebar .brand-mark{font-size:22px}.connection-sidebar .brand-mark img{width:40px;height:40px}.connection-banner .brand-mark{gap:5px;font-size:12px;letter-spacing:0;white-space:nowrap}.connection-banner .brand-mark img{width:25px;height:25px;border-radius:6px}.admin-brand{margin-bottom:14px}.admin-brand .brand-mark{font-size:23px}.login-art>.brand-mark{margin-bottom:24px;font-size:27px}.login-art>.brand-mark img{width:60px;height:60px}.login-art>.brand-mark span{color:inherit}.connection-banner{min-width:0}.connection-banner>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.rail .brand-mark-rail img{width:36px;height:36px}.rail .brand-mark-rail{gap:2px;font-size:10px}.rail:has(.brand-mark-rail) .nav-items{margin-top:0}.connection-banner{gap:8px;padding-inline:10px}.connection-banner .brand-mark{font-size:11px}.connection-banner .brand-mark img{width:22px;height:22px}.connection-auth .auth-brand h1{font-size:23px}}
/* WooriUs Aurora: the symbol's sky, violet and rose, with readable surfaces. */
html[data-skin=woorius]{--muted:#5e526f;--brand-action:linear-gradient(120deg,#4453bb 0%,#7041b7 56%,#8b3496 100%);--brand-soft:linear-gradient(125deg,#e6f5ff 0%,#eee8fc 57%,#fbe8f4 100%)}
html[data-skin=woorius] :is(button,a,input,textarea,select):focus-visible{outline-color:#7655c4;outline-offset:3px}
html[data-skin=woorius] :is(.prototype-banner,.connection-banner){background:linear-gradient(100deg,#eff9ff,#f2edfc 60%,#fff0f8);color:#51456d;border-bottom:1px solid #e5def1}
html[data-skin=woorius] .rail{background:linear-gradient(180deg,#f4fbff 0%,#f7f3ff 54%,#fff2f8 100%);border-color:#e4dcf0}
html[data-skin=woorius] .brand-mark{color:#59428e}
html[data-skin=woorius] .rail .brand-mark img{box-shadow:0 5px 16px #7955bb1c}
html[data-skin=woorius] .rail .nav-item{color:#6c6481}
html[data-skin=woorius] .rail .nav-item.active{background:var(--brand-soft);color:#59419a;box-shadow:inset 0 0 0 1px #cfc5ed,0 3px 10px #8770b20c}
html[data-skin=woorius] .rail .nav-item:not(.active):hover{background:#ece7f8}
html[data-skin=woorius] :is(.new-room,.reading-trigger){background:#efebfa;color:#6544b5}
html[data-skin=woorius] :is(.eyebrow,.room-time,.room-preview,.room-mode,.chat-title p,.connected-chat-head p){color:#5e526f}
html[data-skin=woorius] .room-item.selected{background:var(--brand-soft)}
html[data-skin=woorius] .room-item.selected:before{background:linear-gradient(180deg,#54bce9,#9668df 55%,#e68cba);width:4px}
html[data-skin=woorius] .room-item .unread{background:#7950bb;color:#fff}
html[data-skin=woorius] :is(.filters,.friend-filters) .selected{background:var(--brand-action);color:#fff}
html[data-skin=woorius] :is(.primary,.composer .send,.connected-compose>.primary,.expression-send){background:var(--brand-action);color:#fff;border-color:transparent;box-shadow:0 3px 10px #7554b51a}
html[data-skin=woorius] :is(.chat-head,.connected-chat-head,.room-board>.board-head){background:linear-gradient(110deg,#f5fbff,#f8f4ff 64%,#fff4fa);border-color:#e3dcf1}
html[data-skin=woorius] :is(.main,.connection-main){background:radial-gradient(ellipse at 0 0,#e9f7ffb3,transparent 52%),radial-gradient(ellipse at 100% 100%,#f9e9f6b3,transparent 52%),#f7f5fc}
html[data-skin=woorius] .message:not(.mine):not(.shared)>.bubble{background:#fff;border-color:#e5def0;box-shadow:0 3px 14px #71549a09}
html[data-skin=woorius] .message.mine:not(.shared)>.bubble{background:var(--brand-soft);border-color:#d8cdee;color:#241b3a;box-shadow:0 3px 14px #71549a0a}
html[data-skin=woorius] :is(.messages,.connection-messages)>.message.shared>.bubble{background:#edf7fb;border-color:#487e98;box-shadow:0 3px 14px #427d9810}
html[data-skin=woorius] .message.shared .shared-label{color:#315f79;border-color:#c0d9e6}
html[data-skin=woorius] :is(.composer,.connected-compose){background:#fff;border-color:#e5def0}
html[data-skin=woorius] :is(.composer textarea,.connected-compose textarea){background:#fbfaff;border-color:#d9d0ea}
html[data-skin=woorius] :is(.room-board,.context-panel){background:#fcfbff;border-color:#e3dcef}
html[data-skin=woorius] :is(.settings-section-list button[aria-current=page],.connection-room-scope button[aria-pressed=true],.connected-friend-row[data-favorite=true]){background:var(--brand-soft);color:#57418e;border-color:#7950c7}
html[data-skin=woorius] :is(.avatar,.message-avatar,.connected-friend-avatar){background:#ece8f8;color:#66529b}
html[data-skin=woorius] .avatar.real{background:#e6f3fc;color:#3b759d}
html[data-skin=woorius] .avatar.private{background:#eee7fa;color:#7755a0}
html[data-skin=woorius] .avatar.contacts{background:#f9e8f1;color:#a45280}
html[data-skin=woorius] .expression-head [aria-selected=true]{background:var(--brand-action);color:#fff}
html[data-skin=woorius] .skin-swatch{padding:10px;background:var(--brand-soft);border-radius:12px}

html[data-skin=woorius] :is(.time,.date-divider,.compose-key-hint,.room-tag,.room-copy p,.room-copy small,.chat-title small,.chat-title p,.demo-switch small,.board-card small,.privacy-note,.sidebar-note){color:#5e526f}html[data-skin=woorius] input::placeholder,html[data-skin=woorius] textarea::placeholder{color:#70627e;opacity:1}
html[data-logo-mode=skin] :is(.brand-mark img,.auth-brand>img,.menu-title-logo){filter:var(--brand-logo-filter,none)}
.menu-title-logo{display:none;border-radius:10px;object-fit:contain;flex:none;background:#fff}
@media(max-width:650px){
 .sidebar .menu-title{display:flex;align-items:center;gap:10px}
 .sidebar .menu-title-logo{display:block;width:38px;height:38px}
 .rail>.brand-mark{display:none}
 .rail .nav-items{width:100%;margin-top:0;gap:0;justify-content:space-around}
 .rail .nav-item{flex:1;min-width:44px}
}

@font-face{font-family:'Nanum Brush Script';src:url('/assets/fonts/nanum-brush-script.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}.profile-stamp{--stamp-ink:color-mix(in srgb,var(--skin-accent,currentColor) 75%,var(--skin-text,currentColor) 25%);color:var(--stamp-ink)}.profile-stamp-paper{fill:color-mix(in srgb,var(--skin-mine,#fff) 22%,var(--skin-surface,#fff) 78%)}html[data-skin=contrast-dark] .profile-stamp,html[data-skin=contrast-light] .profile-stamp{color:var(--skin-text)}html[data-skin=contrast-dark] .profile-stamp-paper,html[data-skin=contrast-light] .profile-stamp-paper{fill:var(--skin-surface)}

.profile-stamp[data-stamp-variant="2"],.profile-stamp[data-stamp-variant="6"],.profile-stamp[data-stamp-variant="9"]{color:color-mix(in srgb,var(--stamp-ink) 94%,#4b94a7 6%)}.profile-stamp[data-stamp-variant="1"],.profile-stamp[data-stamp-variant="7"]{color:color-mix(in srgb,var(--stamp-ink) 94%,#bb6984 6%)}.profile-stamp[data-stamp-fill=solid] .profile-stamp-paper{fill:currentColor}.profile-stamp[data-stamp-fill=solid] .profile-stamp-letters{fill:var(--skin-surface,#fff);stroke:var(--skin-surface,#fff)}.profile-stamp[data-stamp-fill=solid] .profile-stamp-decoration{fill:var(--skin-surface,#fff)}html[data-skin=contrast-dark] .profile-stamp,html[data-skin=contrast-light] .profile-stamp{color:var(--skin-text)}

.profile-stamp-trigger{display:block;padding:0;border:0;cursor:pointer}.profile-stamp-trigger:hover,.profile-stamp-trigger:focus-visible{outline:3px solid var(--skin-accent);outline-offset:4px}.stamp-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.stamp-picker-grid button{display:grid;justify-items:center;gap:5px;padding:8px 4px;min-width:0;background:var(--skin-surface,#fff);border:1px solid var(--skin-border,#d4c8e6);border-radius:12px;color:var(--skin-text,#241b3a)}.stamp-picker-grid button>span{display:block;width:60px;height:60px}.stamp-picker svg{width:100%;height:100%;display:block}.stamp-picker [aria-pressed=true]{outline:2px solid var(--skin-accent);background:var(--skin-mine)}.stamp-picker-grid small{font-size:12px}.stamp-picker>button{min-height:44px;padding:8px 12px}@media(max-width:420px){.stamp-picker-grid{gap:7px}.stamp-picker-grid button>span{width:52px;height:52px}}

.connection-stamp-trigger{width:88px;height:88px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.connection-stamp-trigger svg{display:block;width:100%;height:100%}.connection-stamp-trigger:hover,.connection-stamp-trigger:focus-visible{outline:3px solid var(--skin-accent);outline-offset:3px}

.avatar:has(.room-icon-text),.avatar:has(img){border-radius:50%;overflow:hidden}.avatar>img,.connected-room-icon>img,.room-icon-preview>img{width:100%;height:100%;object-fit:cover;display:block}.room-icon-text{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:800;line-height:1.25;text-align:center;width:100%;height:100%;overflow:hidden}.room-icon-text>span{display:block}.room-icon-dialog{width:min(440px,calc(100vw - 24px));border:1px solid var(--skin-border);border-radius:20px;padding:22px;color:var(--skin-text);background:var(--skin-surface)}.room-icon-dialog header,.room-icon-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.room-icon-dialog label{display:grid;gap:8px;margin-block:14px}.room-icon-dialog [hidden]{display:none}.room-icon-dialog p{font-size:13px;line-height:1.6}.room-icon-dialog input,.room-icon-dialog select{width:100%;min-height:42px;box-sizing:border-box}.room-icon-dialog button{min-height:42px;padding:8px 12px}.room-icon-preview{width:90px;height:90px;border-radius:50%;overflow:hidden;background:var(--skin-mine);color:var(--skin-accent);display:flex;align-items:center;justify-content:center;font-size:40px;margin:12px auto}.room-icon-preview .room-icon-text{font-size:21px}.connected-room-icon{width:42px;height:42px;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:var(--skin-mine);color:var(--skin-accent);font-size:24px}.connected-room-row .connected-room-icon{float:inline-start;margin-inline-end:10px;grid-row:1/4}.connected-room-icon[hidden]{display:none}

.personal-character-picture{width:100%;height:100%;object-fit:contain;display:block}.character-grid button:disabled{opacity:.48;cursor:not-allowed}.character-grid button .personal-character-picture{width:86px;height:86px}.sticker-type-grid .personal-character-picture{max-width:92px;max-height:92px;margin:auto}
