:root{color:#f8efe6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;background:#171216;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#171216;min-width:320px}body{min-width:320px;min-height:100svh;margin:0}button,textarea{letter-spacing:0}#root{min-height:100svh}.app-shell{color:#f8efe6;background:linear-gradient(135deg,#df6a5a2e,#0000 28%),linear-gradient(315deg,#2a9d8f2e,#0000 32%),#171216;grid-template-columns:minmax(330px,430px) minmax(0,1fr);min-height:100svh;display:grid}.persona-panel{background:#181117c2;border-right:1px solid #f8efe624;flex-direction:column;gap:20px;min-height:100svh;padding:22px;display:flex;overflow-y:auto}.agent-strip{gap:8px;display:grid}.agent-card{color:#f8efe6c2;min-width:0;font:inherit;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #f8efe61f;border-radius:8px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.agent-card.active{color:#171216;background:#f8efe6;border-color:#f8efe6}.agent-card:disabled{cursor:not-allowed;opacity:.64}.agent-card img{object-fit:cover;border-radius:7px;width:46px;height:46px}.agent-card span{gap:2px;min-width:0;display:grid}.agent-card strong,.agent-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-card strong{font-size:.96rem}.agent-card small{color:currentColor;opacity:.68;font-size:.78rem}.portrait-wrap{aspect-ratio:4/5;background:#281b23;border-radius:8px;min-height:340px;position:relative;overflow:hidden}.portrait-wrap img{object-fit:cover;width:100%;height:100%;display:block}.live-chip{color:#f8efe6;background:#171216bd;border:1px solid #f8efe638;border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 12px;font-size:.86rem;display:inline-flex;position:absolute;bottom:16px;left:16px}.live-chip span{background:#43d39e;border-radius:999px;width:8px;height:8px}.persona-copy,.prompt-panel{gap:12px;display:grid}.persona-copy h1{margin:0;font-size:clamp(2.6rem,7vw,5rem);font-weight:700;line-height:.92}.persona-copy p:last-child,.prompt-panel p{color:#f8efe6b8;margin:0}.prompt-panel p{background:#ffffff0a;border:1px solid #f8efe61f;border-radius:8px;padding:12px;font-size:.88rem;line-height:1.58}.eyebrow{color:#f1a093;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.section-title{color:#f8efe6;align-items:center;gap:8px;display:flex}.section-title h2,.chat-header h2{margin:0;font-size:1.08rem}.age-panel button,.composer button,.icon-button{font:inherit;cursor:pointer;border:0}.chat-panel{color:#231b20;background:#f5f0e9;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;height:100svh;display:grid}.chat-header{border-bottom:1px solid #231b201a;justify-content:space-between;align-items:center;gap:18px;min-height:84px;padding:18px 24px;display:flex}.chat-header>div:first-child{min-width:0}.chat-header h2{overflow-wrap:anywhere}.header-actions{flex:none;align-items:center;gap:10px;display:flex}.lang-switch{background:#ebe0d6;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:96px;height:36px;padding:3px;display:inline-grid}.lang-switch button{color:#5f534e;min-width:0;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:.78rem}.lang-switch button.active{color:#fffaf5;background:#9b4e47}.lang-switch button:disabled{cursor:not-allowed;opacity:.64}.model-pill{color:#5f534e;text-overflow:ellipsis;white-space:nowrap;background:#ebe0d6;border-radius:999px;align-items:center;gap:7px;max-width:min(42vw,330px);height:36px;padding:0 12px;font-size:.84rem;display:inline-flex;overflow:hidden}.icon-button{color:#231b20;background:#e3d6ca;border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.messages{flex-direction:column;gap:18px;min-height:0;padding:24px;display:flex;overflow-y:auto}.message{align-items:flex-end;gap:10px;display:flex}.message.user{justify-content:flex-end}.message-avatar{object-fit:cover;border-radius:999px;flex:none;width:38px;height:38px}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;max-width:min(68ch,74%);padding:13px 15px;line-height:1.58;box-shadow:0 16px 44px #231b2014}.assistant .bubble{color:#2f2927;background:#fff;border-bottom-left-radius:3px}.user .bubble{color:#fff9f3;background:#9b4e47;border-bottom-right-radius:3px}.typing{color:#665a55;align-items:center;gap:8px;display:inline-flex}.typing svg,.spin{animation:.9s linear infinite spin}.error-banner{color:#7c2d28;background:#ffe4df;border-radius:8px;align-items:center;gap:8px;margin:0 24px 12px;padding:11px 13px;display:flex}.composer{background:#f5f0e9f0;border-top:1px solid #231b201a;grid-template-columns:minmax(0,1fr) 52px;gap:12px;padding:16px 24px 22px;display:grid}.composer textarea{resize:vertical;box-sizing:border-box;color:#231b20;width:100%;min-height:58px;max-height:160px;font:inherit;background:#fffaf5;border:1px solid #d9cbc0;border-radius:8px;outline:none;padding:14px 15px}.composer textarea:focus{border-color:#b75d53;box-shadow:0 0 0 3px #b75d532e}.composer button{color:#fffaf5;background:#247f76;border-radius:8px;place-items:center;width:52px;min-height:58px;display:grid}.composer button:disabled,.composer textarea:disabled{cursor:not-allowed;opacity:.56}.age-gate{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#171216c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.age-panel{color:#f8efe6;background:#211820;border:1px solid #f8efe62e;border-radius:8px;gap:16px;width:min(420px,100%);padding:24px;display:grid;box-shadow:0 24px 80px #00000057}.age-panel h1{margin:0;font-size:1.55rem}.age-panel p{color:#f8efe6bd;margin:0}.age-panel button{color:#171216;background:#f8efe6;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;display:inline-flex}button:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2a9d8f6b}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.app-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:100svh;min-height:0;overflow:hidden}.persona-panel{border-bottom:1px solid #f8efe624;border-right:0;gap:14px;min-height:0;max-height:42svh;padding:14px}.agent-strip{scroll-snap-type:x proximity;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.agent-card{scroll-snap-align:start;flex:0 0 222px}.portrait-wrap{display:none}.persona-copy{gap:6px}.persona-copy h1{font-size:2.2rem}.persona-copy p:last-child{max-width:72ch}.prompt-panel p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-panel{height:auto;min-height:0}.chat-header{min-height:74px;padding:14px 16px}.messages{padding:16px}.bubble{max-width:82%}.composer{padding:12px 16px 16px}}@media (width<=560px){.persona-panel{max-height:38svh}.agent-card{flex-basis:190px;grid-template-columns:40px minmax(0,1fr);padding:7px}.agent-card img{width:40px;height:40px}.persona-copy h1{font-size:1.8rem}.persona-copy p:last-child,.prompt-panel p{font-size:.9rem}.chat-header{gap:10px}.header-actions{gap:8px}.lang-switch{width:84px}.model-pill{color:#0000;justify-content:center;width:36px;padding:0}.model-pill svg{color:#5f534e}.bubble{max-width:86%}}