/* Standalone character art, always shown at its natural proportions. */
:root{--cream:#f8f6f0;--paper:#fffefa;--line:#e5e7df}
.nixi-figure{display:block;object-fit:contain;object-position:center;mix-blend-mode:normal!important;overflow:visible}
.auth-page{max-width:1280px;padding:32px 48px 24px}
.auth-layout{grid-template-columns:minmax(0,1fr) 360px;gap:64px;padding:44px 0}
.auth-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,300px);align-items:center;gap:12px}
.auth-intro h1{font-size:clamp(30px,3vw,42px);font-weight:550;line-height:1.3;letter-spacing:-1.6px}
.auth-intro h1 br{display:none}
.auth-character{width:100%;height:500px;max-width:300px;object-fit:contain;object-position:center;margin:0;mix-blend-mode:normal}
.auth-card{padding:30px;border-radius:16px;box-shadow:0 8px 32px #153f4304}
.auth-card h2{font-size:25px;font-weight:550}
.sidebar-card{display:flex;align-items:center;gap:12px;padding:18px 0;margin-top:auto;min-height:0;border:0;border-top:1px solid #ffffff26;border-radius:0;background:transparent;overflow:visible;color:#fffefa}
.sidebar-card .nixi-figure{float:none;flex:0 0 56px;width:56px;height:56px;margin:0;border-radius:14px;object-fit:contain}
.sidebar-card h3{max-width:none;padding:0;font-size:14px;margin:0 0 3px;line-height:1.3}
.sidebar-card p{color:#bdd1ce;max-width:none;font-size:10px;line-height:1.5;margin:0}
.sidebar-card button{display:flex;align-items:center;gap:6px;font-size:11px;margin:8px 0 0;padding:0;color:#f3b58d}
.sidebar-card button .icon{width:12px;height:12px}
.brand-sub{font-size:9px;letter-spacing:1.5px}
.empty-state{grid-template-columns:180px minmax(0,1fr);gap:32px;padding:32px 48px;min-height:340px}
.empty-state .nixi-figure{width:180px;height:280px}
.empty-state h2{font-weight:550}
.chat-header>img,.reply-avatar{object-fit:contain;object-position:center;border-radius:12px;background:#f8f3e8}
.chat-header>img{width:46px;height:46px;flex-shrink:0}
.message img.reply-avatar{width:32px;height:32px;border-radius:10px}
.welcome-live{grid-template-columns:155px minmax(0,1fr);max-width:510px;gap:28px;margin:28px auto}
.welcome-live .nixi-figure{width:155px;height:250px}
.welcome-live h2{font-size:27px;font-weight:550;line-height:1.2}
.chat-context{align-content:start}
.account-layout{max-width:920px;grid-template-columns:minmax(0,1fr) 260px;align-items:start}
.account-figure{height:auto;mix-blend-mode:normal;position:sticky;top:24px}
.account-figure .nixi-figure{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:18px}
@media(min-width:761px) and (max-width:1100px){
 .auth-layout{gap:28px;grid-template-columns:minmax(0,1fr) 330px}
 .auth-intro{grid-template-columns:1fr;text-align:left;max-width:450px}
 .auth-intro h1{font-size:32px;max-width:390px}
 .auth-character{height:360px;justify-self:center;max-width:240px}
}
@media(min-width:1001px) and (max-height:850px){
 .welcome-live{margin:8px auto;gap:22px}.welcome-live .nixi-figure{height:200px;width:140px}
}
@media(max-width:760px){
 .auth-page{padding:22px;max-width:520px}
 .auth-layout{display:flex;gap:22px;padding:24px 0 16px}
 .auth-intro{grid-template-columns:minmax(0,1fr) 126px;gap:12px}
 .auth-intro h1{font-size:27px;line-height:1.3;letter-spacing:-1px}
 .auth-character{width:126px;height:230px;max-width:none}
 .auth-card{padding:26px 24px}
 .sidebar-card{display:none}
 .empty-state{grid-template-columns:100px minmax(0,1fr);gap:18px;padding:24px 16px;min-height:250px}
 .empty-state .nixi-figure{height:210px;width:100px}
 .empty-state h2{font-size:21px}
 .welcome-live{grid-template-columns:100px minmax(0,1fr);gap:18px;margin:20px auto}
 .welcome-live .nixi-figure{width:100px;height:210px}
 .welcome-live h2{font-size:23px}
 .chat-header>img{width:40px;height:40px}
 .chat-panel{height:calc(100svh - 280px);min-height:450px}
 .account-layout{grid-template-columns:1fr}.account-figure{display:none}
}
@media(max-width:360px){
 .auth-page{padding:18px}.auth-intro{grid-template-columns:minmax(0,1fr) 100px;gap:6px}
 .auth-intro h1{font-size:24px}.auth-character{width:100px;height:205px}
 .welcome-live{grid-template-columns:85px minmax(0,1fr);gap:12px}.welcome-live .nixi-figure{width:85px;height:190px}
}