: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)}}