:root{color-scheme:dark;--bg:#111314;--bg-soft:#191c1d;--panel:#202426;--panel-strong:#2a3032;--line:#374044;--text:#f5f1e8;--muted:#b8b0a3;--faint:#7e8785;--accent:#ff7864;--accent-strong:#ff9d7c;--mint:#83d0a6;--gold:#e9c46a;--danger:#ff6f8e;--radius:8px;--shadow:0 24px 80px rgb(0 0 0/38%)}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:radial-gradient(circle at 12% 10%,rgb(255 120 100/12%),transparent 26rem),linear-gradient(135deg,#111314,#171b1d 44%,#181511);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(220px,280px);grid-gap:1px;gap:1px;width:100%;min-height:100dvh;overflow-x:hidden;background:var(--line)}.chat-panel,.detail-panel,.sidebar{background:rgb(17 19 20/94%)}.detail-panel,.sidebar{padding:24px}.brand{display:flex;align-items:center;gap:12px;min-height:48px;margin-bottom:28px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgb(255 255 255/14%);border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--gold));color:#15110f;font-weight:900}.brand-title{margin:0;font-size:18px;font-weight:800;line-height:1.1}.brand-subtitle{margin:3px 0 0;line-height:1.3}.brand-subtitle,.section-title{color:var(--muted);font-size:12px}.section-title{margin:0 0 12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.character-list{display:grid;grid-gap:10px;gap:10px}.character-card{display:grid;grid-template-columns:48px minmax(0,1fr);grid-gap:12px;gap:12px;width:100%;min-height:76px;padding:12px;border:1px solid transparent;border-radius:var(--radius);background:rgb(255 255 255/4%);color:inherit;text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}.character-card:hover,.character-card[data-active=true]{border-color:rgb(255 120 100/48%);background:rgb(255 120 100/10%)}.character-card:hover{transform:translateY(-1px)}.avatar{width:48px;height:48px;overflow:hidden;border:1px solid rgb(255 255 255/18%);border-radius:8px;background:var(--panel)}.avatar img{display:block;width:100%;height:100%;object-fit:cover}.character-name{display:block;margin:0;overflow:hidden;font-size:14px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.character-meta{display:block;margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.chat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:relative;min-width:0;overflow:hidden}.chat-panel:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgb(17 19 20/98%) 0,rgb(17 19 20/88%) 58%,rgb(17 19 20/62%) 100%),var(--character-portrait) right 8% center /auto 82% no-repeat;opacity:.28;pointer-events:none}.chat-header{position:relative;z-index:1;justify-content:space-between;gap:16px;min-height:86px;padding:18px 24px;border-bottom:1px solid var(--line)}.chat-header,.chat-identity{display:flex;align-items:center}.chat-identity{gap:14px;min-width:0}.header-avatar{flex:0 0 auto;width:56px;height:56px;overflow:hidden;border:1px solid rgb(255 255 255/16%);border-radius:var(--radius);background:var(--panel);box-shadow:0 16px 34px rgb(0 0 0/28%)}.header-avatar img{display:block;width:100%;height:100%;object-fit:cover}.chat-title{margin:0;font-size:22px;font-weight:850;line-height:1.15}.chat-status{display:inline-flex;align-items:center;gap:8px;color:var(--mint);font-size:13px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--mint);box-shadow:0 0 0 4px rgb(131 208 166/12%)}.message-list{display:flex;position:relative;z-index:1;flex-direction:column;gap:14px;min-height:0;padding:24px;overflow:auto}.message{max-width:min(680px,92%);padding:14px 16px;border:1px solid rgb(255 255 255/10%);border-radius:var(--radius);background:var(--panel);box-shadow:0 12px 36px rgb(0 0 0/18%);overflow-wrap:anywhere}.message[data-role=user]{align-self:flex-end;background:rgb(255 120 100/13%);border-color:rgb(255 120 100/28%)}.message-author{margin:0 0 6px;color:var(--muted);font-size:12px;font-weight:800}.message-text{margin:0;font-size:15px;line-height:1.55}.composer{display:grid;position:relative;z-index:1;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;min-width:0;padding:18px 24px 22px;border-top:1px solid var(--line);background:rgb(25 28 29/92%)}.composer input{width:100%;min-height:46px;padding:0 14px;border:1px solid rgb(255 255 255/14%);border-radius:var(--radius);outline:none;background:rgb(255 255 255/6%);color:var(--text)}.composer input:focus{border-color:rgb(255 120 100/72%);box-shadow:0 0 0 3px rgb(255 120 100/14%)}.primary-button{min-width:128px;min-height:46px;padding:0 18px;border:0;border-radius:var(--radius);background:var(--accent);color:#15110f;font-size:14px;font-weight:850}.primary-button:disabled{cursor:not-allowed;opacity:.55}.detail-panel{display:flex;flex-direction:column;gap:18px}.portrait-frame{position:relative;overflow:hidden;aspect-ratio:3/4;border:1px solid rgb(255 255 255/12%);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.portrait-frame:after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(180deg,transparent,rgb(0 0 0/52%));pointer-events:none}.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.portrait-mood{position:absolute;right:12px;bottom:12px;z-index:1;max-width:calc(100% - 24px);padding:7px 10px;border:1px solid rgb(255 255 255/18%);border-radius:999px;background:rgb(17 19 20/68%);color:var(--text);font-size:12px;font-weight:800;line-height:1.1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.detail-name{margin:0;font-size:24px;font-weight:900;line-height:1.1}.detail-text{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.facts{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.art-tags{display:flex;flex-wrap:wrap;gap:8px}.art-tag{max-width:100%;padding:7px 9px;border:1px solid rgb(255 255 255/12%);border-radius:999px;background:rgb(255 255 255/5%);font-size:12px;font-weight:750;line-height:1.1}.art-tag,.fact{color:var(--muted)}.fact{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgb(255 255 255/9%);font-size:13px}.fact strong{color:var(--text);font-weight:800}@media (max-width:1040px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.detail-panel{display:none}}@media (max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{min-width:0;overflow:hidden;padding:16px;border-bottom:1px solid var(--line)}.brand{margin-bottom:16px}.character-list{grid-auto-flow:column;grid-auto-columns:minmax(220px,76vw);max-width:100%;overflow-x:auto;padding-bottom:4px}.chat-header{min-height:72px;padding:16px}.chat-panel:before{background:linear-gradient(90deg,rgb(17 19 20/98%) 0,rgb(17 19 20/90%) 100%),var(--character-portrait) right -18vw top 78px /auto 54% no-repeat;opacity:.2}.header-avatar{width:48px;height:48px}.chat-title{font-size:19px}.message-list{padding:16px}.composer{grid-template-columns:1fr;padding:14px 16px 16px}.primary-button{min-width:0;width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}