:root{
  --bg:#f4efe9;--panel:rgba(255,255,255,.76);--panel-solid:#fffaf6;--ink:#30292d;--muted:#8e8288;
  --line:rgba(92,72,84,.12);--accent:#9d78d4;--accent2:#f09cae;--shadow:0 20px 60px rgba(94,70,87,.14);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 10%,#fff8f1 0,transparent 35%),radial-gradient(circle at 85% 15%,#eee4fb 0,transparent 36%),linear-gradient(135deg,#f7f1eb,#eee7ea 60%,#e9e1ed)}
a{text-decoration:none;color:inherit}.shell{min-height:100vh;padding:18px}.app{max-width:1440px;margin:auto;display:grid;grid-template-columns:230px minmax(0,1fr) 320px;gap:18px;min-height:calc(100vh - 36px)}
.glass{background:var(--panel);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);border-radius:28px}
.sidebar{padding:22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;margin-bottom:28px}.brand-dot{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 30px rgba(157,120,212,.35)}
.nav{display:grid;gap:9px}.nav a{padding:13px 14px;border-radius:15px;color:#756a70;font-weight:650}.nav a.active,.nav a:hover{background:#fff;color:#3f363b;box-shadow:0 8px 24px rgba(86,64,76,.08)}.sidebar-bottom{margin-top:auto}.mini{font-size:12px;color:var(--muted)}
.chat-panel{display:flex;flex-direction:column;overflow:hidden}.hero{height:245px;position:relative;background:linear-gradient(180deg,rgba(255,242,227,.35),rgba(211,184,164,.12)),url('avatar.svg') center 37%/cover no-repeat;border-radius:28px 28px 0 0}.hero:after{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(transparent,rgba(255,250,246,.97))}.hero-meta{position:absolute;z-index:2;left:25px;bottom:20px}.hero-meta h1{margin:0;font-size:28px}.status{font-size:13px;color:#7f7379}.status:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#76b889;margin-right:7px}
.messages{flex:1;padding:18px 24px 12px;overflow:auto;min-height:320px}.message-row{display:flex;margin:12px 0}.message-row.user{justify-content:flex-end}.bubble{max-width:72%;padding:13px 16px;border-radius:18px;line-height:1.48;font-size:15px;white-space:pre-wrap}.assistant .bubble{background:#fff;border:1px solid var(--line);border-bottom-left-radius:6px}.user .bubble{background:linear-gradient(135deg,#9e7bd6,#b893df);color:white;border-bottom-right-radius:6px}
.composer{padding:14px 18px 18px;border-top:1px solid var(--line)}.composer-wrap{display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:0 9px 28px rgba(96,75,88,.08)}textarea{border:0;outline:0;resize:none;flex:1;padding:11px 12px;font:inherit;background:transparent;min-height:46px;max-height:120px}.send{width:46px;height:46px;border-radius:14px;border:0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;font-size:20px;cursor:pointer}
.profile{padding:20px}.profile-card{background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.8);border-radius:22px;padding:17px;margin-bottom:13px}.profile h3{margin:0 0 12px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{background:#f4edf9;color:#735b8d;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.stat{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.upgrade{background:linear-gradient(135deg,#f9e9ef,#ece2fb);border-radius:20px;padding:18px}.upgrade strong{display:block;margin-bottom:7px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:12px 16px;font-weight:750;cursor:pointer;background:#342c31;color:#fff}.btn.light{background:#fff;color:#4a4046;border:1px solid var(--line)}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth{width:min(460px,100%);padding:30px}.auth h1{margin:0 0 6px}.auth p{color:var(--muted);margin-top:0}.field{margin:14px 0}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;outline:0;font:inherit}.auth .btn{width:100%;margin-top:8px}.error{padding:11px 13px;border-radius:12px;background:#fff0f1;color:#9b4f5b;font-size:13px}.success{padding:11px 13px;border-radius:12px;background:#eef9f1;color:#4d7e5a;font-size:13px}.top-actions{display:none}.mobile-menu{display:none}
@media(max-width:1050px){.app{grid-template-columns:92px minmax(0,1fr) 270px}.sidebar{padding:16px 10px}.brand span,.nav .label,.sidebar-bottom .mini{display:none}.brand{justify-content:center}.nav a{text-align:center;font-size:20px;padding:12px}}
@media(max-width:760px){.shell{padding:0}.app{display:block;min-height:100vh}.sidebar,.profile{display:none}.chat-panel{border-radius:0;min-height:100vh}.hero{height:210px;border-radius:0}.bubble{max-width:86%}.top-actions{display:flex;position:absolute;z-index:5;top:15px;right:15px;gap:8px}.top-actions a{background:rgba(255,255,255,.84);padding:9px 12px;border-radius:12px;font-size:12px;font-weight:750;backdrop-filter:blur(12px)}}


/* --- ClassicAI feature upgrade: profile, photo upload, reply variants --- */
.profile-link{display:block;margin-top:10px;text-align:center;font-weight:700;color:var(--purple)}
.composer-actions{display:flex;align-items:center;gap:8px}
.upload-label{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;cursor:pointer;background:rgba(255,255,255,.7);border:1px solid var(--line);font-size:20px;flex:0 0 auto}
.upload-label:hover{background:#fff}
#photoInput{display:none}
.preview-wrap{display:none;align-items:center;gap:10px;margin:0 0 8px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.6);border:1px solid var(--line)}
.preview-wrap.show{display:flex}.preview-wrap img{width:54px;height:54px;border-radius:12px;object-fit:cover}.preview-name{font-size:13px;color:var(--muted);flex:1}.preview-remove{border:0;background:transparent;font-size:20px;cursor:pointer}
.message-image{display:block;max-width:min(320px,72vw);max-height:320px;border-radius:16px;margin-bottom:8px;object-fit:cover}
.reply-tools{display:flex;gap:8px;margin-top:6px;align-items:center;font-size:12px;color:var(--muted)}
.reply-tools button{border:1px solid var(--line);background:rgba(255,255,255,.68);border-radius:999px;padding:5px 10px;cursor:pointer;color:var(--text);font:inherit}
.reply-tools button:disabled{opacity:.5;cursor:not-allowed}
.profile-form{display:grid;gap:15px}.profile-form label{font-size:13px;font-weight:700;color:var(--muted)}
.profile-form input,.profile-form select,.profile-form textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.8);font:inherit;color:var(--text)}
.profile-form textarea{min-height:105px;resize:vertical}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:700px){.form-grid{grid-template-columns:1fr}.composer-actions{gap:5px}.upload-label{width:38px;height:38px}}


/* --- Companion avatar + collapsible right panel --- */
.app{position:relative}
.profile{position:relative;transition:width .22s ease,opacity .22s ease,transform .22s ease}
.profile-toggle{
 position:absolute;left:-16px;top:24px;width:32px;height:42px;border-radius:14px 0 0 14px;
 border:1px solid var(--line);border-right:0;background:rgba(255,255,255,.94);
 box-shadow:0 8px 22px rgba(75,56,120,.12);cursor:pointer;font-size:20px;font-weight:800;
 display:flex;align-items:center;justify-content:center;z-index:10;color:var(--text)
}
.app.profile-collapsed{grid-template-columns:86px minmax(0,1fr) 0!important}
.app.profile-collapsed .profile{width:0;min-width:0;padding:0;border:0;opacity:0;overflow:visible;transform:translateX(20px)}
.app.profile-collapsed .profile>*:not(.profile-toggle){display:none}
.app.profile-collapsed .profile-toggle{left:-34px;border:1px solid var(--line);border-radius:14px}
.companion-avatar-wrap{display:flex;justify-content:center;margin:4px 0 16px}
.companion-avatar{
 width:150px;height:190px;border-radius:28px;object-fit:cover;
 border:1px solid var(--line);box-shadow:0 16px 36px rgba(85,65,130,.16);
 background:linear-gradient(160deg,#e9dff8,#fff5ef)
}
.companion-avatar-placeholder{
 width:150px;height:190px;border-radius:28px;display:flex;align-items:center;justify-content:center;
 font-size:54px;font-weight:800;color:#7b62b8;border:1px solid var(--line);
 background:radial-gradient(circle at 50% 28%,#fff 0,#f4eafa 36%,#ece1f4 100%);
 box-shadow:0 16px 36px rgba(85,65,130,.16)
}
.avatar-upload-box{display:grid;gap:8px}
.avatar-preview{width:110px;height:140px;border-radius:20px;object-fit:cover;border:1px solid var(--line)}
@media(max-width:900px){
 .profile-toggle{display:none!important}
 .companion-avatar,.companion-avatar-placeholder{width:110px;height:140px}
}


/* --- Replika-style large companion stage --- */
.chat-panel{position:relative;overflow:hidden}
.chat-stage{
  position:absolute;
  top:0;right:0;bottom:0;
  width:38%;
  min-width:280px;
  pointer-events:none;
  z-index:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:hidden;
  border-left:1px solid rgba(120,100,160,.08);
  background:
    radial-gradient(circle at 50% 24%,rgba(255,255,255,.95) 0,rgba(245,235,255,.72) 34%,rgba(235,225,248,.28) 66%,rgba(255,255,255,0) 100%);
}
.chat-stage::after{
  content:"";
  position:absolute;inset:auto 0 0 0;height:38%;
  background:linear-gradient(to top,rgba(246,239,250,.98),rgba(246,239,250,0));
}
.stage-avatar{
  position:relative;
  z-index:1;
  width:min(92%,420px);
  height:92%;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 20px 28px rgba(74,55,105,.16));
}
.stage-placeholder{
  position:relative;
  z-index:1;
  width:min(78%,330px);
  height:82%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:96px;
  font-weight:800;
  color:#8067b9;
  border-radius:60px 60px 24px 24px;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(235,221,247,.88));
  box-shadow:0 24px 55px rgba(83,64,112,.16);
}
.chat-panel .hero,
.chat-panel .messages,
.chat-panel .composer{
  position:relative;
  z-index:2;
  transition:padding-right .22s ease;
}
.app:not(.profile-collapsed) .chat-panel .hero,
.app:not(.profile-collapsed) .chat-panel .messages,
.app:not(.profile-collapsed) .chat-panel .composer{
  padding-right:34%;
}
.app.profile-collapsed .chat-panel .hero,
.app.profile-collapsed .chat-panel .messages,
.app.profile-collapsed .chat-panel .composer{
  padding-right:34%;
}

/* Small floating avatar controls */
.stage-controls{
  position:absolute;
  right:14px;
  top:14px;
  z-index:3;
  display:flex;
  gap:8px;
}
.stage-controls a{
  pointer-events:auto;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(8px);
  font-size:12px;
  font-weight:700;
}

/* Right details panel becomes a true collapsible drawer */
.profile{
  width:300px;
  min-width:300px;
  transition:width .22s ease,min-width .22s ease,opacity .18s ease,transform .22s ease,padding .22s ease;
}
.app.profile-collapsed{
  grid-template-columns:86px minmax(0,1fr) 0!important;
}
.app.profile-collapsed .profile{
  width:0!important;
  min-width:0!important;
  padding-left:0!important;
  padding-right:0!important;
  margin:0!important;
  border-width:0!important;
  opacity:0;
  transform:translateX(24px);
  overflow:visible;
}
.app.profile-collapsed .profile>*:not(.profile-toggle){display:none!important}
.app.profile-collapsed .profile-toggle{
  display:flex!important;
  opacity:1!important;
  position:absolute;
  left:-38px;
  top:24px;
  width:34px;
  height:44px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.96);
  z-index:20;
}

/* Chat bubbles stay readable on top of stage */
.messages .bubble{
  backdrop-filter:blur(8px);
}
.message-row.assistant .bubble{
  background:rgba(255,255,255,.88);
}
.message-row.user .bubble{
  background:rgba(217,205,246,.92);
}

@media(max-width:1050px){
  .chat-stage{width:32%;min-width:220px}
  .app:not(.profile-collapsed) .chat-panel .hero,
  .app:not(.profile-collapsed) .chat-panel .messages,
  .app:not(.profile-collapsed) .chat-panel .composer,
  .app.profile-collapsed .chat-panel .hero,
  .app.profile-collapsed .chat-panel .messages,
  .app.profile-collapsed .chat-panel .composer{padding-right:28%}
}

@media(max-width:900px){
  .chat-stage{
    width:180px;
    min-width:180px;
    opacity:.42;
  }
  .stage-avatar{width:170px;height:78%}
  .stage-placeholder{width:145px;height:65%;font-size:62px}
  .chat-panel .hero,.chat-panel .messages,.chat-panel .composer{padding-right:0!important}
  .profile{display:none!important}
  .stage-controls{top:10px;right:10px}
}

@media(max-width:620px){
  .chat-stage{
    width:120px;
    min-width:120px;
    opacity:.28;
  }
  .stage-avatar{width:120px;height:64%}
  .stage-placeholder{width:100px;height:55%;font-size:46px}
  .stage-controls a{padding:7px 9px;font-size:11px}
}


/* =========================================================
   ClassicAI split-stage layout: top nav + permanent companion
   ========================================================= */
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 18%,var(--theme-soft,#f4e7fb) 0,transparent 32%),
    radial-gradient(circle at 82% 12%,var(--theme-soft2,#fff0e8) 0,transparent 31%),
    linear-gradient(135deg,var(--theme-bg1,#f8f2fa),var(--theme-bg2,#f5f0ea));
}

.topnav{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:12px 22px;
  background:rgba(255,255,255,.78);
  border-bottom:1px solid rgba(115,91,145,.13);
  backdrop-filter:blur(18px);
}
.topnav-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:850;white-space:nowrap}
.topnav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.topnav-links a{
  padding:9px 12px;border-radius:13px;font-weight:700;font-size:14px;color:var(--text);
}
.topnav-links a:hover,.topnav-links a.active{background:rgba(255,255,255,.92);box-shadow:0 7px 18px rgba(88,65,115,.08)}
.topnav-user{display:flex;align-items:center;gap:10px}
.topnav-user .mini{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.split-shell{
  width:min(1600px,100%);
  min-height:calc(100vh - 70px);
  margin:0 auto;
  padding:16px;
  display:grid;
  grid-template-columns:minmax(320px,1fr) minmax(420px,1fr) 300px;
  gap:14px;
  transition:grid-template-columns .24s ease;
}

.split-shell.details-hidden{
  grid-template-columns:minmax(320px,1fr) minmax(480px,1.15fr) 0;
}

/* LEFT: companion is always visible while chatting */
.companion-stage{
  position:relative;
  min-height:calc(100vh - 102px);
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(116,92,145,.14);
  background:
    radial-gradient(circle at 50% 20%,rgba(255,255,255,.95),rgba(255,255,255,.52) 35%,transparent 67%),
    linear-gradient(165deg,var(--theme-stage1,#eadbf6),var(--theme-stage2,#f9ede7));
  box-shadow:0 18px 50px rgba(76,57,104,.10);
  display:flex;
  flex-direction:column;
}
.companion-stage-head{
  position:relative;z-index:5;
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 22px 6px;
}
.companion-stage-name{font-size:30px;font-weight:850}
.companion-stage-status{font-size:13px;color:#69a879;font-weight:750}
.companion-visual{
  position:absolute;inset:70px 0 0;
  display:flex;align-items:flex-end;justify-content:center;
  overflow:hidden;
}
.companion-full-photo{
  width:100%;height:100%;
  object-fit:contain;object-position:center bottom;
  filter:drop-shadow(0 30px 40px rgba(76,57,104,.15));
}
.companion-person-placeholder{
  width:min(78%,430px);height:82%;
  margin-bottom:0;
  border-radius:180px 180px 45px 45px;
  display:flex;align-items:center;justify-content:center;
  font-size:120px;font-weight:900;color:rgba(112,83,157,.82);
  background:
    radial-gradient(circle at 50% 22%,#fff 0 12%,transparent 13%),
    radial-gradient(circle at 50% 34%,#dcc7ef 0 18%,transparent 19%),
    linear-gradient(180deg,rgba(255,255,255,.55),rgba(221,200,239,.75));
  box-shadow:0 30px 70px rgba(85,60,117,.13);
}
.companion-stage-bottom{
  position:absolute;z-index:6;left:18px;right:18px;bottom:18px;
  display:flex;justify-content:center;gap:8px;flex-wrap:wrap;
}
.stage-pill{
  padding:8px 11px;border-radius:999px;
  background:rgba(255,255,255,.80);border:1px solid rgba(110,85,142,.13);
  backdrop-filter:blur(10px);font-size:12px;font-weight:750;
}

/* CENTER: chat only */
.split-chat{
  min-height:calc(100vh - 102px);
  display:grid;
  grid-template-rows:auto 1fr auto;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(116,92,145,.14);
  background:rgba(255,255,255,.64);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 50px rgba(76,57,104,.08);
}
.split-chat-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:17px 20px;border-bottom:1px solid rgba(115,91,145,.10);
}
.split-chat-title{font-weight:850}
.details-toggle{
  width:40px;height:40px;border:1px solid var(--line);border-radius:13px;
  background:rgba(255,255,255,.88);cursor:pointer;font-size:21px;font-weight:800;
  color:var(--text);display:flex;align-items:center;justify-content:center;
}
.split-chat .messages{
  padding:18px 18px 10px;
  overflow:auto;
  min-height:0;
}
.split-chat .composer{
  padding:10px 14px 14px;
  border-top:1px solid rgba(115,91,145,.10);
  background:rgba(255,255,255,.38);
}
.split-chat .composer-wrap{margin:0}
.split-chat .message-row{max-width:100%}
.split-chat .message-row .bubble{max-width:min(82%,720px)}

/* RIGHT: collapsible details */
.details-panel{
  min-width:0;
  border-radius:30px;
  padding:18px;
  overflow:auto;
  border:1px solid rgba(116,92,145,.14);
  background:rgba(255,255,255,.68);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 50px rgba(76,57,104,.08);
  transition:opacity .2s ease,transform .22s ease,padding .22s ease;
}
.split-shell.details-hidden .details-panel{
  opacity:0;transform:translateX(24px);
  pointer-events:none;padding-left:0;padding-right:0;border-width:0;
  overflow:hidden;
}

/* theme choices */
.theme-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}
.theme-dot{
  width:34px;height:34px;border-radius:50%;border:3px solid white;
  box-shadow:0 0 0 1px rgba(65,49,83,.18);cursor:pointer;
}
.theme-dot[data-theme="lavender"]{background:linear-gradient(135deg,#b993d6,#8ca6db)}
.theme-dot[data-theme="rose"]{background:linear-gradient(135deg,#f6c1c7,#dca6d8)}
.theme-dot[data-theme="sky"]{background:linear-gradient(135deg,#9fd8ef,#b6c9ff)}
.theme-dot[data-theme="mint"]{background:linear-gradient(135deg,#abe3d3,#cfdfb3)}
.theme-dot[data-theme="sunset"]{background:linear-gradient(135deg,#ffd1a9,#dda5c9)}

html[data-classic-theme="lavender"]{
 --theme-bg1:#f7f0fb;--theme-bg2:#f4eef9;--theme-soft:#eadcf7;--theme-soft2:#f8e8f4;
 --theme-stage1:#e2cff2;--theme-stage2:#f4e5f2
}
html[data-classic-theme="rose"]{
 --theme-bg1:#fff2f3;--theme-bg2:#f8eef4;--theme-soft:#f7d5db;--theme-soft2:#edd8ef;
 --theme-stage1:#f1cbd5;--theme-stage2:#ead6ec
}
html[data-classic-theme="sky"]{
 --theme-bg1:#eef8ff;--theme-bg2:#f3f3ff;--theme-soft:#ceeaf8;--theme-soft2:#dcdffd;
 --theme-stage1:#cbe6f5;--theme-stage2:#dcdcf4
}
html[data-classic-theme="mint"]{
 --theme-bg1:#effaf6;--theme-bg2:#f7f9ef;--theme-soft:#d2eee4;--theme-soft2:#e4edd0;
 --theme-stage1:#cfe9dd;--theme-stage2:#e7ead2
}
html[data-classic-theme="sunset"]{
 --theme-bg1:#fff5ec;--theme-bg2:#f8edf3;--theme-soft:#fde1c7;--theme-soft2:#ead2e0;
 --theme-stage1:#f4d3bd;--theme-stage2:#ead0de
}

@media(max-width:1150px){
  .split-shell{grid-template-columns:minmax(260px,.85fr) minmax(420px,1.15fr) 0}
  .details-panel{display:none}
  .details-toggle{display:none}
}
@media(max-width:780px){
  .topnav{padding:10px 12px;align-items:flex-start}
  .topnav-links{gap:3px}.topnav-links a{font-size:12px;padding:7px 8px}
  .topnav-user .mini{display:none}
  .split-shell{
    padding:8px;
    grid-template-columns:1fr;
    grid-template-rows:300px minmax(560px,1fr);
  }
  .companion-stage{min-height:300px}
  .companion-visual{inset:52px 0 0}
  .companion-full-photo{object-fit:contain}
  .companion-person-placeholder{height:86%;width:230px;font-size:72px}
  .companion-stage-name{font-size:22px}
  .split-chat{min-height:560px}
  .split-chat .message-row .bubble{max-width:88%}
}


/* Minimal scrolling fix — preserve existing split-screen layout */
@media(min-width:781px){
  .split-shell{
    height:calc(100vh - 94px);
    min-height:620px;
    align-items:stretch;
  }
  .companion-stage{
    height:100%;
    min-height:0;
    position:relative;
    top:0;
    overflow:hidden;
  }
  .split-chat{
    height:100%;
    min-height:0;
    overflow:hidden;
  }
  .split-chat .messages{
    overflow-y:auto;
    overflow-x:hidden;
    min-height:0;
    -webkit-overflow-scrolling:touch;
  }
}
.account-card{max-width:760px;margin:30px auto;padding:24px;border-radius:26px}
.account-row{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line)}
.account-row:last-child{border-bottom:0}
.account-danger{margin-top:18px;padding:18px;border-radius:20px;border:1px solid rgba(190,55,75,.22);background:rgba(255,240,243,.78)}
.danger-btn{border:0;border-radius:14px;padding:12px 16px;background:#c9364f;color:white;font-weight:800;cursor:pointer}