@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Serif+SC:wght@500;600&display=swap";:root{color:#2e2a25;background:#f4f0e8;font-family:DM Sans,PingFang SC,sans-serif;font-synthesis:none;--ink:#2e2a25;--muted:#817970;--paper:#fcfaf5;--line:#ded7cb;--plum:#754765;--green:#52705e}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 5%,rgba(181,151,121,.14),transparent 30%),linear-gradient(135deg,#f5f1e9,#eee8de)}button,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(80,68,57,.13);background:#f8f5efc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{border:0;background:none;display:flex;align-items:center;gap:12px;padding:0;text-align:left}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--ink);font-family:Georgia,serif;font-size:19px}.brand b,.brand small{display:block}.brand b{font-family:Georgia,"Noto Serif SC",serif;font-size:18px;letter-spacing:.01em}.brand small{color:var(--muted);margin-top:2px;font-size:11px;letter-spacing:.09em}.memory-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.memory-status button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 13px;cursor:pointer}.pulse{width:7px;height:7px;border-radius:50%;background:#63866f;box-shadow:0 0 0 4px #63866f1f}.conversation{flex:1;min-height:0;display:flex;flex-direction:column;width:min(820px,100%);margin:0 auto}.timeline{flex:1;height:calc(100vh - 190px);overflow:auto;padding:52px 24px 36px;scrollbar-width:thin}.welcome{padding:7vh 0 20px;max-width:680px}.eyebrow{color:var(--plum);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.18em}.welcome h1{font-family:"Noto Serif SC",serif;font-size:clamp(32px,5vw,52px);line-height:1.22;letter-spacing:-.035em;margin:18px 0 12px;font-weight:600}.welcome>p{color:var(--muted);font-size:16px;line-height:1.8}.suggestions{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.suggestions button{min-height:94px;border:1px solid var(--line);background:#fcfaf59e;padding:18px;border-radius:16px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:.2s}.suggestions button:hover{transform:translateY(-2px);border-color:#b8aa9b;background:var(--paper)}.suggestions span{color:var(--plum);align-self:flex-end}.message{display:flex;gap:11px;margin:20px 0;align-items:flex-start}.message.user{justify-content:flex-end}.avatar{width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:12px}.bubble{max-width:78%;border:1px solid var(--line);border-radius:5px 18px 18px;padding:13px 17px;background:#fcfaf5d1;box-shadow:0 8px 28px #3b322a0a}.bubble p{margin:0;line-height:1.75;white-space:pre-wrap}.user .bubble{color:#fff;background:var(--plum);border-color:var(--plum);border-radius:18px 5px 18px 18px}.cursor{display:inline-block;width:6px;height:15px;margin-left:3px;vertical-align:middle;background:currentColor;animation:blink .8s infinite}.project-card{margin:14px 0 26px 42px;padding:20px;background:var(--paper);border:1px solid var(--line);border-left:4px solid #ad9b75;border-radius:8px 18px 18px 8px;box-shadow:0 13px 36px #3b322a12}.project-card.temp-active{border-left-color:#567c64}.project-card.temp-cooling{border-left-color:#a97755}.project-card.temp-frozen{border-left-color:#89857f}.project-head{display:flex;justify-content:space-between;gap:16px}.project-head h3{font-family:"Noto Serif SC",serif;margin:7px 0 0;font-size:23px}.temperature{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px}.temperature i{width:7px;height:7px;border-radius:50%;background:#ad9b75}.temp-active .temperature i{background:#567c64}.temp-cooling .temperature i{background:#a97755}.temp-frozen .temperature i{background:#89857f}.idle{color:var(--muted);font-size:11px}.tagline,.suggestion{color:var(--muted);line-height:1.6}.suggestion{padding:10px 12px;background:#f7eee4;border-radius:9px;font-size:12px}.memory-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.memory-grid div{padding:13px;border:1px solid #e7e0d6;border-radius:10px}.memory-grid dt{font-size:10px;letter-spacing:.12em;color:var(--muted)}.memory-grid dd{margin:7px 0 0;line-height:1.5}.card-actions{display:flex;gap:8px;align-items:center;margin-top:15px}.card-actions button,.card-actions a{border:1px solid var(--line);background:transparent;padding:8px 13px;border-radius:9px;text-decoration:none;font-size:12px;cursor:pointer}.card-actions .primary{color:#fff;background:var(--ink);border-color:var(--ink)}.card-actions a{margin-left:auto;color:var(--plum)}.composer{padding:14px 24px 18px;background:linear-gradient(transparent,#f1ece4 20%)}.composer-box{display:flex;align-items:flex-end;gap:12px;border:1px solid #cfc5b7;background:var(--paper);border-radius:19px;padding:10px 10px 10px 18px;box-shadow:0 17px 50px #3b322a1c}.composer textarea{flex:1;resize:none;border:0;outline:0;background:transparent;padding:9px 0;max-height:130px}.composer button{width:39px;height:39px;border:0;border-radius:12px;background:var(--ink);color:#fff;font-size:21px;cursor:pointer}.composer button:disabled{opacity:.35}.composer>p{text-align:center;color:#999087;font-size:10px;letter-spacing:.06em}.drawer-layer{position:fixed;inset:0;z-index:10;background:#1f1b1847;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(470px,94vw);background:#f7f3ec;padding:28px;box-shadow:-20px 0 60px #28201a24;overflow:auto}.drawer>header{display:flex;justify-content:space-between;align-items:flex-start}.drawer h2{font-family:"Noto Serif SC",serif;font-size:29px;margin:6px 0 0}.drawer>header button{border:0;background:none;font-size:28px;cursor:pointer}.drawer-stats{margin:25px 0;display:flex;border-block:1px solid var(--line);padding:17px 0}.drawer-stats span{flex:1;color:var(--muted);font-size:11px}.drawer-stats b{display:block;color:var(--ink);font-size:23px;margin-bottom:4px}.project-list .project-card{margin:12px 0}.project-card.compact{padding:16px}.project-card.compact .project-head h3{font-size:18px}.empty{color:var(--muted);line-height:1.8;padding:30px 0}.drawer-enter-active,.drawer-leave-active{transition:.25s}.drawer-enter-from,.drawer-leave-to{opacity:0}.drawer-enter-from .drawer,.drawer-leave-to .drawer{transform:translate(100%)}@keyframes blink{50%{opacity:0}}@media(max-width:650px){.topbar{padding:0 18px;height:68px}.brand small,.memory-status>.pulse,.memory-status>span:not(.pulse){display:none}.timeline{padding:30px 16px 24px;height:calc(100vh - 174px)}.welcome{padding-top:3vh}.suggestions{grid-template-columns:1fr;margin-top:28px}.suggestions button{min-height:58px;flex-direction:row}.project-card{margin-left:0}.memory-grid{grid-template-columns:1fr}.composer{padding-inline:12px}.bubble{max-width:86%}}
