@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f4f2f0;background:#101114;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #101114;--panel: #17181d;--muted: #92939b;--line: rgba(255,255,255,.09);--accent: #d7b9ff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit;cursor:pointer}.app-shell{min-height:100vh;display:flex;background:radial-gradient(ellipse at 72% 0%,rgba(103,75,135,.12),transparent 34%),var(--bg)}.sidebar{width:244px;flex-shrink:0;border-right:1px solid var(--line);padding:29px 18px 20px;display:flex;flex-direction:column;min-height:100vh;background:#0f1013b8}.brand{display:flex;align-items:center;gap:11px;color:#f8f6f4;text-decoration:none;font-family:Manrope,sans-serif;font-size:14px;font-weight:800;letter-spacing:.12em;padding:0 8px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e6d2ff;color:#21152f;font-family:Manrope,sans-serif;font-weight:800;font-size:16px;letter-spacing:0}.sidebar-label{color:#65666e;font-size:9px;font-weight:700;letter-spacing:.17em;margin:51px 9px 13px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#9c9da5;width:100%;padding:11px 10px;border-radius:9px;font-size:12px;text-align:left;margin:2px 0}.nav-item:hover,.nav-item.active{color:#f4f0f8;background:#dabeff17}.nav-item.active svg{color:var(--accent)}.nav-plus{margin-left:auto}.sidebar-bottom{margin-top:auto}.sidebar-bottom .sidebar-label{margin-top:20px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:19px;padding:18px 5px 0}.profile-avatar{width:31px;height:31px;display:grid;place-items:center;background:#28242f;color:#dfc7fa;border-radius:50%;font-weight:700}.profile strong,.profile span{display:block;font-size:11px}.profile span{color:#73747c;font-size:9px;margin-top:3px}.main-panel{flex:1;min-width:0}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 5.3%}.topbar-note{display:flex;align-items:center;gap:9px;color:#85858e;font-size:10px;letter-spacing:.02em}.status-dot{width:6px;height:6px;background:#a9d7b6;border-radius:50%;box-shadow:0 0 10px #8bc89c}.icon-button{border:0;background:transparent;color:#92939b;padding:8px;display:grid;place-items:center;border-radius:8px}.icon-button:hover{background:#ffffff12;color:#fff}.topbar>.icon-button{margin-left:25px}.mobile-brand{display:none}.content{max-width:1120px;margin:0 auto;padding:0 6.1%}.hero{padding:76px 0 70px;border-bottom:1px solid var(--line)}.eyebrow{display:flex;align-items:center;gap:8px;color:#d8baff;font-size:9px;letter-spacing:.2em;font-weight:700}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(48px,6.5vw,78px);letter-spacing:-.065em;line-height:.99;font-weight:600;margin:26px 0 20px}.hero h1 span{color:#c9a8ef}.hero>p{max-width:425px;color:#a0a0a8;line-height:1.8;font-size:13px}.hero-meta{display:flex;align-items:center;gap:11px;color:#6f7079;font-size:10px;margin-top:31px}.hero-line{height:1px;width:27px;background:#bda0df}.discovery{padding:48px 0 60px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between}.eyebrow.muted{color:#777681;font-size:8px}.section-heading h2{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.04em;margin:10px 0 0;font-weight:600}.count-label{color:#777780;font-size:10px;padding-bottom:4px}.search-row{display:flex;gap:10px;margin-top:27px}.search-box{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:9px;padding:0 13px;height:43px;flex:1;color:#777984;background:#ffffff05}.search-box input,.chat-input-row input{flex:1;min-width:0;color:#eee;border:0;outline:0;background:transparent;font-size:11px}.search-box input::placeholder,.chat-input-row input::placeholder{color:#666771}.filter-button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;background:transparent;color:#aaaab2;padding:0 14px;font-size:10px}.category-list{display:flex;gap:8px;margin:20px 0 24px;overflow-x:auto}.category{white-space:nowrap;border:1px solid transparent;background:transparent;color:#85858e;border-radius:30px;padding:8px 13px;font-size:10px}.category:hover{color:#eee}.category.active{color:#e4d1fb;border-color:#d3b5f63d;background:#d3b5f614}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.character-card{min-height:258px;border:1px solid var(--line);border-radius:12px;padding:17px;background:linear-gradient(145deg,#ffffff09,#ffffff03);transition:transform .2s,border-color .2s}.character-card:hover{transform:translateY(-3px);border-color:#d2b8ef47}.character-card.featured{background:linear-gradient(145deg,#ba91e126,#ffffff05);border-color:#d2b8ef30}.card-topline{display:flex;justify-content:space-between;color:#777681}.card-category{color:#9a91a6;font-size:9px}.character-avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;font-family:Manrope,sans-serif;font-size:18px;font-weight:700;margin-top:22px}.character-avatar.lavender{background:#d8c1f2;color:#37254b}.character-avatar.blue{background:#b7cce9;color:#23354c}.character-avatar.peach{background:#f0c6b4;color:#55352c}.character-avatar.mint{background:#b9d8ca;color:#29463b}.character-avatar.small{width:35px;height:35px;border-radius:11px;margin:0;font-size:14px}.character-card h3{font-family:Manrope,sans-serif;font-size:17px;font-weight:600;margin:15px 0 2px}.character-role{color:#bda0df;font-size:9px}.character-card p{min-height:43px;color:#85858e;font-size:10px;line-height:1.6;margin:12px 0 15px}.meet-button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#d8baff;padding:0;font-size:10px}.meet-button:hover{color:#fff}.empty-state{color:#8e8e98;border:1px dashed var(--line);border-radius:10px;padding:35px;text-align:center;grid-column:1/-1;font-size:12px}.footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 26px;color:#62636b;font-size:8px;letter-spacing:.04em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:#000000ad;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.chat-modal,.notice-modal{width:min(100%,520px);background:#191a20;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 25px 90px #00000073;overflow:hidden}.chat-header{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:15px 18px}.chat-person{flex:1}.chat-person strong,.chat-person span{display:block;font-size:11px}.chat-person span{color:#85858e;font-size:9px;margin-top:3px}.demo-label{color:#d8baff;border:1px solid rgba(216,186,255,.2);border-radius:30px;padding:5px 8px;font-size:8px;letter-spacing:.1em}.chat-body{min-height:310px;max-height:55vh;overflow-y:auto;padding:25px}.welcome-message{text-align:center;max-width:330px;margin:35px auto}.welcome-icon{width:43px;height:43px;display:grid;place-items:center;margin:0 auto 15px;border-radius:14px;color:#d8baff;background:#d8baff1a}.welcome-message h3,.notice-modal h3{font-family:Manrope,sans-serif;font-size:17px;font-weight:600}.welcome-message p,.notice-modal p{color:#9999a2;font-size:11px;line-height:1.7}.welcome-message span{color:#6d6e77;font-size:9px}.user-message{max-width:80%;width:fit-content;margin:10px 0 10px auto;padding:11px 14px;border-radius:13px 13px 3px;background:#d8baff21;color:#eee6f6;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.chat-input-row{display:flex;gap:10px;border-top:1px solid var(--line);padding:15px}.chat-input-row input{border:1px solid var(--line);border-radius:9px;padding:12px}.chat-input-row button{width:42px;border:0;border-radius:9px;background:#d8baff;color:#241831;display:grid;place-items:center}.chat-input-row button:disabled{opacity:.4;cursor:not-allowed}.notice-modal{position:relative;padding:35px;text-align:center;max-width:390px}.notice-modal .welcome-icon{margin-top:5px}.notice-modal p{margin-bottom:23px}.close-notice{position:absolute;right:12px;top:12px}.primary-button{border:0;border-radius:8px;background:#d8baff;color:#241831;padding:10px 17px;font-size:10px;font-weight:700}@media (max-width: 1000px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.sidebar{display:none}.topbar{height:62px;justify-content:space-between;padding:0 20px}.mobile-brand{display:flex;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:11px;font-weight:800;letter-spacing:.1em}.mobile-brand .brand-mark{width:26px;height:26px;font-size:13px}.topbar-note{font-size:0;gap:0}.topbar-note .status-dot{width:7px;height:7px}.topbar>.icon-button{margin-left:8px}.content{padding:0 21px}.hero{padding:59px 0 52px}.hero h1{font-size:clamp(48px,14vw,68px)}.hero>p{font-size:12px}.discovery{padding-top:37px}.section-heading h2{font-size:21px}.count-label{font-size:9px}.filter-button{padding:0 11px}.filter-button span{display:none}.character-grid{grid-template-columns:1fr 1fr;gap:9px}.character-card{padding:13px;min-height:250px}.character-card p{font-size:9px}.footer{flex-wrap:wrap;gap:9px}}@media (max-width: 390px){.character-grid{grid-template-columns:1fr}.character-card{min-height:auto}.character-card p{min-height:0}}.assistant-message{align-self:flex-start;max-width:82%;padding:12px 15px;border:1px solid rgba(255,255,255,.09);border-radius:16px 16px 16px 5px;background:#ffffff12;color:var(--text, #f5f2ff);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.typing-indicator{opacity:.68;font-style:italic}.chat-error{align-self:stretch;padding:10px 12px;border:1px solid rgba(255,130,130,.25);border-radius:12px;background:#ff5a5a14;color:#ffb4b4;font-size:13px;line-height:1.45}