:root{--paper:#eef3f6;--line:#d9e2e8;--shadow:0 24px 70px rgba(10,27,45,.12)}
body{background:linear-gradient(145deg,#eef3f6,#f7f9fa 55%,#edf5f4);letter-spacing:-.005em}
.rail{background:linear-gradient(180deg,#06101d,#0a1929);border-right:1px solid rgba(255,255,255,.05);padding-left:20px;padding-right:20px}
.brand{font-size:20px;letter-spacing:-.03em}.nav{min-height:48px;border-radius:14px;transition:background .2s,color .2s,transform .2s}.nav:hover{transform:translateX(2px)}
.nav.active{background:linear-gradient(90deg,rgba(127,224,214,.14),rgba(127,224,214,.04));box-shadow:inset 2px 0 var(--cyan)}
.view{max-width:1380px;padding-top:38px}.top{align-items:center;margin-bottom:26px}.top h1{font-size:clamp(30px,3vw,42px)}
.home-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr);gap:18px}
.hero-card{position:relative;isolation:isolate;min-height:548px;padding:32px 36px;background:#081522;border-radius:30px;box-shadow:0 30px 80px rgba(7,24,40,.22);justify-content:flex-end}
.hero-companion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 31%;z-index:-2;transition:transform .9s ease,filter .5s ease}
.hero-card:hover .hero-companion{transform:scale(1.012)}
.hero-vignette{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,11,20,.94) 0%,rgba(5,15,25,.78) 38%,rgba(5,15,25,.12) 69%),linear-gradient(0deg,rgba(3,10,18,.66),transparent 55%)}
.hero-card .presence{position:absolute;top:28px;left:34px;right:34px;margin:0}.hero-card .status{display:inline-flex;align-items:center;color:#e2edf1;font-weight:600}.hero-time{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.56)}
.hero-copy{max-width:52%;margin-bottom:22px}.hero-card h2{font-size:clamp(39px,4vw,58px);line-height:1.04;margin-bottom:18px}.hero-card h2 em{color:#9af1e7}.hero-card .muted{color:#c2ced6;font-size:17px;line-height:1.65}
.hero-actions{display:flex;gap:11px;max-width:52%}.hero-actions .primary{min-width:205px}.hero-actions .primary .companion-display{margin-left:4px}.quiet-action{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:white;border-radius:13px;padding:13px 18px;font:700 14px 'DM Sans';cursor:pointer;backdrop-filter:blur(10px)}
.side-stack{gap:18px}.card{border-radius:22px;border-color:rgba(191,204,214,.72);box-shadow:0 8px 28px rgba(14,34,54,.055)}.checkin{background:rgba(255,255,255,.9)}.thread{background:linear-gradient(145deg,#dff3f0,#edf7f6);border-color:#c5e4df}.thread blockquote{font-size:20px}
.quick-start{display:flex;align-items:center;gap:9px;margin:18px 0 0;padding:12px 14px;border:1px solid rgba(191,204,214,.7);border-radius:17px;background:rgba(255,255,255,.68);backdrop-filter:blur(12px);overflow:auto}.quick-start>span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#70808d;margin-right:auto;white-space:nowrap}.quick-start button{border:0;border-radius:999px;background:white;color:#294353;padding:9px 14px;font:600 13px 'DM Sans';box-shadow:0 3px 10px rgba(20,40,58,.06);cursor:pointer;white-space:nowrap}.quick-start button:hover{background:var(--navy);color:white}
.bottom-grid{margin-top:18px}.primary{transition:transform .2s,box-shadow .2s,background .2s}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(68,194,184,.25);background:#98eee5}
.chat-head{background:rgba(255,255,255,.92);backdrop-filter:blur(18px)}.conversation-panel{background:linear-gradient(180deg,#fbfcfd,#f2f6f7)}.composer{border-color:#c5d4dc;box-shadow:0 18px 55px rgba(12,34,51,.14)}
.memory-item,.settings-grid .card,.milestones .card{transition:transform .2s,box-shadow .2s}.memory-item:hover,.settings-grid .card:hover,.milestones .card:hover{transform:translateY(-2px);box-shadow:0 15px 36px rgba(15,38,58,.09)}
@media(max-width:1050px){.hero-copy,.hero-actions{max-width:62%}.hero-card{min-height:520px}.hero-companion{object-position:67% center}}
@media(max-width:850px){.view{padding-top:24px}.home-grid{grid-template-columns:1fr}.hero-card{min-height:560px}.hero-copy,.hero-actions{max-width:58%}.side-stack{grid-template-columns:1fr 1fr}.rail{border-top:1px solid rgba(255,255,255,.08);border-right:0}}
@media(max-width:600px){.top{margin-bottom:20px}.hero-card{min-height:520px;padding:26px 22px;border-radius:24px}.hero-companion{object-position:58% center}.hero-vignette{background:linear-gradient(0deg,rgba(3,10,18,.97) 0%,rgba(3,10,18,.72) 42%,rgba(3,10,18,.03) 75%)}.hero-card .presence{top:22px;left:22px;right:22px}.hero-copy{max-width:100%;margin-bottom:18px}.hero-card h2{font-size:39px}.hero-card .muted{font-size:15px;line-height:1.55}.hero-actions{max-width:100%;display:grid;grid-template-columns:1fr auto}.hero-actions .primary{min-width:0}.quick-start{margin-top:14px}.side-stack{grid-template-columns:1fr}.bottom-grid{margin-top:14px}}