:root{--ink:#23181a;--wine:#6b1c40;--wine-deep:#32151d;--cream:#fff9f3;--sand:#f0d3ad;--line:#e6c8b5;--muted:#776466}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#8b4350 0,#40202a 42%,#26161a 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.shell{max-width:960px;margin:auto;padding:clamp(30px,6vw,80px) 22px 128px}header{max-width:690px;color:var(--cream)}.eyebrow{color:#bf315f;font-size:.73rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}header .eyebrow{color:#f2c987}h1{font-family:Georgia,serif;font-size:clamp(2.8rem,7vw,5.8rem);letter-spacing:-.065em;line-height:.91;margin:0 0 20px}h1 em{font-weight:400;color:#f3d6bc}.intro{font-size:1.04rem;line-height:1.6;max-width:610px;color:#f4e7de}.preview-card{margin-top:clamp(44px,8vw,88px);max-width:640px;padding:clamp(24px,4vw,38px);border-radius:28px;background:#fff9f317;color:#faece0;border:1px solid #f1d9ca44;box-shadow:0 22px 70px #12070d30}.preview-card .eyebrow{color:#f2c987}.preview-card h2{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.05}.preview-card p:last-child{line-height:1.6;margin-bottom:0}.companion-launcher{position:fixed;right:24px;bottom:24px;z-index:20;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:9px 12px 9px 9px;border:1px solid #f7e2d1aa;border-radius:999px;background:var(--cream);box-shadow:0 14px 36px #16091166;color:var(--ink);text-align:left;cursor:pointer}.companion-launcher img{width:46px;height:46px;border-radius:50%;object-fit:cover}.companion-launcher span:not(.launcher-arrow){display:grid;gap:2px}.companion-launcher strong{font-size:.9rem}.companion-launcher small{font-size:.72rem;color:var(--muted)}.launcher-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--wine);color:white;font-size:1rem}.companion-modal[hidden]{display:none}.companion-modal{position:fixed;z-index:30;inset:0;background:#1e0d16a8;backdrop-filter:blur(4px);padding:24px;display:flex;justify-content:flex-end;align-items:stretch}.companion-dialog{width:min(500px,100%);height:100%;padding:18px;background:#2c1720;color:var(--cream);border:1px solid #e5bfa444;border-radius:30px;box-shadow:0 28px 80px #12060bbb;overflow:hidden;display:flex;flex-direction:column}.dialog-grab{display:none}.dialog-topline{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.dialog-topline p{margin:0;color:#f2c987;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.close-dialog{display:grid;place-items:center;width:38px;height:38px;border:1px solid #efd7c977;border-radius:50%;background:transparent;color:#fff9f3;font-size:1.7rem;line-height:1;cursor:pointer}.companion-picker{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:16px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.companion-picker::-webkit-scrollbar{display:none}.character{border:1px solid #8c6c68;background:#ffffff16;color:#fff7f0;border-radius:18px;min-width:120px;padding:10px;text-align:left;cursor:pointer}.character[aria-pressed="true"]{background:var(--cream);color:var(--ink);border-color:var(--cream)}.character img{height:38px;width:38px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:7px}.character strong{font-size:.88rem}.character span{display:block;font-size:.68rem;margin-top:5px;opacity:.8}.conversation{min-height:0;flex:1;background:var(--cream);color:var(--ink);border-radius:22px;padding:clamp(16px,3vw,25px);box-shadow:0 22px 70px #12070d66;display:flex;flex-direction:column}.conversation-head{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding-bottom:14px}.portrait-wrap{width:52px;height:52px;border-radius:16px;overflow:hidden;background:var(--sand);flex:0 0 auto}.portrait-wrap img{height:100%;width:100%;object-fit:cover}h2{font-family:Georgia,serif;margin:0;font-size:1.55rem}.quiet{margin-left:auto;background:none;border:0;color:var(--wine);font-weight:750;cursor:pointer;padding:8px}.messages{min-height:0;flex:1;overflow:auto;padding:19px 0;display:flex;flex-direction:column;gap:14px}.message{max-width:92%;padding:13px 15px;border-radius:18px;line-height:1.45;font-size:.98rem}.message.guide{background:#f4e6da;border-bottom-left-radius:4px}.message.user{align-self:flex-end;background:var(--wine);color:#fff;border-bottom-right-radius:4px}.source{align-self:flex-start;color:var(--wine);background:transparent;border:1px solid var(--line);border-radius:100px;padding:9px 12px;font-weight:750;text-decoration:none;font-size:.85rem}.suggestions{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:14px}.suggestions button,.guide-actions button{background:#fff;border:1px solid var(--line);border-radius:100px;padding:8px 11px;color:#5d2440;font-weight:700;cursor:pointer}.guide-actions{display:flex;gap:8px;flex-wrap:wrap;max-width:100%}.guide-actions button{background:#fff8f3}form{display:flex;gap:9px;border-top:1px solid var(--line);padding-top:15px}input{border:1px solid #d7b9a6;border-radius:14px;min-width:0;flex:1;padding:14px;font:inherit;background:white;color:var(--ink)}form button{border:0;border-radius:14px;background:var(--wine);color:white;padding:0 18px;font-weight:800;cursor:pointer}.note{margin:18px auto 0;max-width:700px;display:flex;gap:12px;align-items:flex-start;color:#faece0;line-height:1.5;font-size:.88rem}.note strong{white-space:nowrap;color:#f4c982}.companion-open{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:620px){.shell{padding:32px 15px 112px}.preview-card{margin-top:42px;border-radius:23px}.companion-launcher{right:16px;bottom:16px}.companion-modal{padding:0;align-items:flex-end}.companion-dialog{width:100%;height:min(790px,calc(100svh - 12px));padding:12px 15px 15px;border-radius:27px 27px 0 0}.dialog-grab{display:block;align-self:center;width:42px;height:4px;margin:1px 0 8px;border-radius:99px;background:#f6d6c5aa}.dialog-topline{padding:0 2px}.companion-picker{padding:12px 0}.character{min-width:112px}.conversation{border-radius:19px;padding:16px}.conversation-head{align-items:flex-start}.quiet{font-size:.72rem;padding:4px}.messages{min-height:230px}.message{max-width:94%}.note{display:block}.note strong{display:block;margin-bottom:5px}}@media(max-width:360px){.companion-launcher small{display:none}.companion-launcher{padding-right:9px}.launcher-arrow{display:none}.conversation-head{gap:8px}.portrait-wrap{width:45px;height:45px}h2{font-size:1.35rem}}