@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{color:#e5eeea;font-synthesis:none;background:#0c1117;font-family:Manrope,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:#0c1117;min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 75% 8%,#2c4f4a33,#0000 30%),#0c1117;grid-template-columns:minmax(300px,35vw) 1fr;min-height:100vh;display:grid}.character-panel{background:linear-gradient(165deg,#122022 0%,#0e171b 60%,#0d1318 100%);border-right:1px solid #aed2c71f;flex-direction:column;min-height:100vh;padding:30px clamp(24px,4vw,64px) 28px;display:flex;position:relative;overflow:hidden}.character-panel:after{content:"";pointer-events:none;opacity:.3;background-image:linear-gradient(#b7e0d308 1px,#0000 1px),linear-gradient(90deg,#b7e0d306 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.panel-topline,.chat-header,.panel-footer,.status,.header-actions,.message-meta,.composer-hint,.connection-error{align-items:center;display:flex}.panel-topline{z-index:1;justify-content:space-between;position:relative}.brand-mark,.eyebrow,.composer-hint,.panel-footer,.portrait-tag,.message-meta,.status{text-transform:uppercase;letter-spacing:.11em;color:#91aaa3;font-family:DM Mono,monospace;font-size:10px}.brand-mark{align-items:center;gap:8px;display:inline-flex}.icon-button{color:#a8bbb6;background:#132023b3;border:1px solid #b5d7cc24;place-items:center;width:36px;height:36px;transition:all .2s;display:inline-grid}.icon-button:hover{color:#eaf7f1;background:#203333cc;border-color:#b5d7cc61}.mobile-menu{display:none}.portrait-wrap{z-index:1;aspect-ratio:.82;width:min(100%,420px);margin:clamp(28px,6vh,72px) auto 0;position:relative}.portrait{object-fit:cover;object-position:center;filter:saturate(.85)contrast(1.04);border:1px solid #b2dbcd30;width:100%;height:100%;display:block}.portrait-glow{filter:blur(50px);z-index:-1;background:#4c978552;height:30%;position:absolute;inset:auto 12% -7%}.portrait-tag{color:#d8e8df;background:#0c181abf;border:1px solid #d4ebe238;padding:7px 9px;position:absolute;bottom:15px;left:16px}.identity{z-index:1;width:min(100%,420px);margin:26px auto 0;position:relative}.eyebrow{color:#8daea1;margin:0 0 10px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:.04em;color:#ebf4ed;margin-bottom:12px;font:600 clamp(42px,5vw,64px)/1 Noto Serif SC,serif}.identity-copy{color:#9eb6ae;max-width:280px;margin-bottom:20px;font:500 14px/1.9 Noto Serif SC,serif}.status{color:#b7c9c2;letter-spacing:.04em;gap:8px}.status-dot,.secure-dot{background:#92d5ad;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 4px #92d5ad1a}.status-divider{color:#536c68}.panel-footer{z-index:1;color:#6e8981;justify-content:space-between;gap:10px;margin-top:auto;position:relative}.panel-footer span{align-items:center;gap:7px;display:inline-flex}.text-button{color:#9bb5ac;background:0 0;border:0;align-items:center;gap:6px;padding:5px 0;font-size:11px;display:inline-flex}.text-button:hover{color:#dbe9e1}.chat-panel{flex-direction:column;min-width:0;min-height:100vh;display:flex}.chat-header{border-bottom:1px solid #aed2c71a;justify-content:space-between;min-height:99px;padding:24px clamp(22px,5vw,80px)}.chat-header h2{letter-spacing:.08em;color:#edf5f0;margin:0;font:600 20px/1.2 Noto Serif SC,serif}.header-actions{gap:8px}.message-scroll{flex:1;padding:40px clamp(22px,8vw,150px) 30px;overflow:auto}.welcome{text-align:center;max-width:460px;margin:clamp(24px,9vh,120px) auto 80px}.welcome-symbol{color:#a9d6c1;background:#31544c3b;border:1px solid #97d0be4d;place-items:center;width:44px;height:44px;margin:0 auto 24px;display:grid}.welcome h3{letter-spacing:.05em;margin-bottom:14px;font:600 31px/1.2 Noto Serif SC,serif}.welcome>p:not(.eyebrow){color:#8fa39e;max-width:390px;margin:0 auto;font-size:14px;line-height:1.9}.starter-list{text-align:left;gap:8px;margin-top:30px;display:grid}.starter-list button{color:#aec0ba;text-align:left;background:#1926296e;border:1px solid #b3d6ca21;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;font-size:13px;transition:all .2s;display:flex}.starter-list button:hover{color:#e3eee8;background:#2a433f66;border-color:#b3d6ca59}.message-list{max-width:680px;margin:0 auto}.message-row{margin:0 0 30px}.message-row.user{flex-direction:column;align-items:flex-end;display:flex}.message-meta{color:#708780;letter-spacing:.08em;gap:8px;margin-bottom:8px}.message-meta time{color:#526661;font-size:9px}.mini-avatar{color:#a9d8c2;border:1px solid #9cd5c04d;place-items:center;width:19px;height:19px;font-family:Noto Serif SC,serif;font-size:10px;display:inline-grid}.bubble{color:#cad8d3;white-space:pre-wrap;background:#1b2a2bbd;border:1px solid #a0cbbe1f;max-width:min(100%,570px);padding:15px 18px;font:14px/1.85 Noto Serif SC,serif}.message-row.assistant .bubble{border-radius:0 9px 9px}.message-row.user .bubble{color:#dce9e3;background:#28534d;border-color:#98d5bc2e;border-radius:9px 0 9px 9px}.bubble.is-error{color:#edb0a8;background:#4e262659;border-color:#de897e40}.typing{align-items:center;gap:4px;height:18px;display:inline-flex}.typing i{background:#9cbdb2;border-radius:50%;width:5px;height:5px;animation:1.2s infinite blink}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}.stream-caret{vertical-align:-3px;background:#a9d9c1;width:6px;height:16px;margin-left:3px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:.22}50%{opacity:1}}.loading-state{color:#89a39b;letter-spacing:.08em;justify-content:center;align-items:center;gap:10px;margin:15vh auto;font:11px DM Mono,monospace;display:flex}.loader{border:1px solid #729f91;border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.composer-wrap{padding:0 clamp(22px,8vw,150px) 27px}.composer{background:#121d1fe6;border:1px solid #abd3c633;align-items:flex-end;gap:10px;max-width:680px;margin:0 auto;padding:9px 9px 9px 16px;display:flex;box-shadow:0 10px 35px #00000029}.composer:focus-within{border-color:#abd3c66b}.composer textarea{resize:none;color:#e5efea;background:0 0;border:0;outline:0;flex:1;min-width:0;max-height:150px;padding:7px 0;font-size:14px;line-height:1.5}.composer textarea::placeholder{color:#647c76}.send-button{color:#10201e;background:#abd6c1;border:0;flex:none;place-items:center;width:38px;height:38px;transition:all .2s;display:grid}.send-button:hover:not(:disabled){background:#d1ebdc}.send-button:disabled{cursor:not-allowed;opacity:.35}.composer-hint{color:#566a66;letter-spacing:.03em;text-transform:none;justify-content:space-between;max-width:680px;margin:11px auto 0;font-size:9px}.composer-hint>span:last-child{align-items:center;gap:7px;display:inline-flex}.secure-dot{width:4px;height:4px;box-shadow:none}.connection-error{color:#e0a89f;gap:7px;max-width:680px;margin:0 auto 10px;font-size:12px}.connection-error button{color:#e8ccc8;background:0 0;border:0;padding:0;text-decoration:underline}@media (width<=760px){.app-shell{display:block}.character-panel{min-height:auto;padding:18px 20px 20px}.portrait-wrap{aspect-ratio:auto;width:100%;height:190px;margin:20px 0 0}.portrait{object-position:center 38%}.portrait-glow{display:none}.identity{margin:16px 0 0}.identity h1{margin-bottom:8px;font-size:39px}.identity-copy{display:none}.status{margin-top:12px}.panel-footer{margin-top:20px}.mobile-menu{display:inline-grid}.chat-panel{min-height:calc(100vh - 425px)}.chat-header{min-height:79px;padding:18px 20px}.message-scroll{padding:25px 20px 20px}.welcome{margin:28px auto 45px}.welcome h3{font-size:27px}.composer-wrap{padding:0 20px 19px}.composer-hint{font-size:8px}.header-actions .icon-button:first-child{display:none}}@media (width<=380px){.composer-hint>span:first-child{display:none}}