:root{
  color-scheme:light;
  --ink:#18201e;--muted:#68716d;--soft:#8f9793;--paper:#f6f3ec;--card:#fffdf9;
  --line:#ddd9cf;--line2:#cbc6ba;--green:#164b3c;--green2:#28705a;--mint:#dcebe4;
  --sage:#90ad9c;--rose:#a95757;--rose-bg:#f7e8e5;--amber:#8d6825;--amber-bg:#f7efd9;
  --blue:#3f6873;--blue-bg:#e8f0f1;--shadow:0 18px 55px #37453d12;
  --sidebar:246px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
.app-shell{height:100%;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{min-width:0;background:#173f35;color:#eef4f0;padding:22px 14px 16px;display:flex;flex-direction:column;border-right:1px solid #0e3128}
.brand{display:flex;align-items:center;gap:11px;padding:0 7px 21px;border-bottom:1px solid #ffffff1a}
.brand-symbol,.onboarding-brand span{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff4f;border-radius:50%;font:600 18px/1 Georgia,serif;background:#fff1;color:var(--card)}
.brand b{display:block;font:600 17px/1.2 Georgia,serif;letter-spacing:.01em}
.brand small{display:block;color:#b5cac1;font-size:8px;letter-spacing:.13em;text-transform:uppercase;margin-top:3px}
.nav{display:grid;gap:4px;padding:20px 0}
.nav button{height:43px;border:0;border-radius:10px;background:transparent;color:#bfd0c8;display:grid;grid-template-columns:25px 1fr auto;align-items:center;text-align:left;padding:0 10px;font-size:11px;font-weight:650}
.nav button>span{font:17px/1 Georgia,serif;color:#9fc1b2}
.nav button:hover,.nav button.active{background:#fff1;color:#fff}
.nav button.active>span{color:#d9eee4}
.nav em{font:normal 8px/1 ui-monospace,monospace;background:#0d3028;padding:4px 6px;border-radius:99px;color:#9fc1b2}
.nav button.active em{background:#fff1;color:#fff}
.sidebar-story{margin:8px 6px;padding:14px;border:1px solid #ffffff1a;border-radius:12px;background:#0f332a66}
.sidebar-story span{font-size:8px;letter-spacing:.17em;color:#9dc1b1;font-weight:800}
.sidebar-story p{font:13px/1.45 Georgia,serif;color:#dae7e0;margin:7px 0 0}
.sidebar-bottom{margin-top:auto;display:grid;gap:9px}
.demo-link{border:1px solid #ffffff24;background:#fff1;border-radius:12px;padding:10px;display:flex;align-items:center;gap:10px;text-align:left;color:#fff}
.demo-link>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e4eee9;color:var(--green);font-size:9px}
.demo-link b,.privacy b{display:block;font-size:10px}
.demo-link small,.privacy small{display:block;color:#aac3b8;font-size:8px;margin-top:2px}
.privacy{display:flex;align-items:center;gap:10px;padding:8px}
.privacy>i{width:7px;height:7px;border-radius:50%;background:#8fe0b9;box-shadow:0 0 12px #8fe0b9}
.main{min-width:0;height:100%;display:grid;grid-template-rows:64px minmax(0,1fr);overflow:hidden}
.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f9f7f2e8;backdrop-filter:blur(16px);padding:0 22px;z-index:20}
.view-title small{display:block;font-size:7px;color:var(--green2);font-weight:800;letter-spacing:.16em}
.view-title b{display:block;font:600 17px/1.3 Georgia,serif}
.top-actions{display:flex;align-items:center;gap:9px}
.quiet-button{height:35px;border:1px solid var(--line);background:#fffaf3;border-radius:9px;padding:0 12px;font-size:9px;font-weight:700}
.model-status{border:0;background:transparent;display:flex;align-items:center;gap:8px;text-align:left}
.model-status>i{width:7px;height:7px;background:#4c9b75;border-radius:50%;box-shadow:0 0 0 4px #dcebe4}
.model-status b{display:block;font-size:9px}.model-status small{display:block;font-size:7px;color:var(--muted)}
.mobile-menu{display:none;width:35px;height:35px;border:1px solid var(--line);background:var(--card);border-radius:9px}
.view{display:none;min-height:0;overflow:hidden}.view.active{display:block}
#view-conversation.active{display:grid;grid-template-rows:minmax(0,1fr) auto}
.conversation-scroll{position:relative;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-gutter:stable}
.hero{max-width:1120px;margin:0 auto;padding:72px 58px 58px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:65px;align-items:center}
.eyebrow{font-size:8px;letter-spacing:.19em;color:var(--green2);font-weight:850}
.hero h1{font:500 clamp(48px,5.3vw,78px)/.96 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:17px 0 23px}
.hero h1 em{color:var(--green2);font-weight:400}
.lead{font:17px/1.65 Georgia,serif;color:#46504c;max-width:620px;margin:0}
.scope{color:var(--muted);font-size:11px;margin:14px 0 28px}
.hero-actions{display:flex;gap:9px;flex-wrap:wrap}
.primary,.secondary,.danger,.small-button{border-radius:10px;font-weight:750}
.primary{border:1px solid var(--green);background:var(--green);color:#fff;padding:13px 17px;font-size:10px;box-shadow:0 10px 30px #173f3524}
.primary span{margin-left:14px}.primary:hover{background:#0f3b2f}
.secondary{border:1px solid var(--line2);background:#fffaf3;padding:13px 17px;font-size:10px}
.privacy-note{margin-top:19px;display:flex;align-items:center;gap:8px;color:#7f8783;font-size:8px}
.privacy-note span{color:var(--green2);font-size:14px}
.loop-visual{height:410px;position:relative;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,#fffdf9 0 33%,#e9eee9 34% 34.5%,transparent 35%),conic-gradient(from 25deg,#edf4ef,#f5eee6,#edf4ef);box-shadow:inset 0 0 0 18px #fff6,var(--shadow)}
.loop-visual:after{content:"";position:absolute;inset:63px;border:1px dashed #7da592;border-radius:50%}
.loop-center{position:absolute;inset:0;margin:auto;width:112px;height:112px;border-radius:50%;background:var(--green);color:#fff;z-index:3;display:grid;place-items:center;text-align:center;align-content:center;box-shadow:0 18px 45px #173f3540}
.loop-center span{font:26px/1 Georgia,serif}.loop-center b{font:9px/1.25 ui-sans-serif,system-ui;margin-top:5px}
.loop-node{position:absolute;width:150px;border:1px solid #d4d8d1;background:#fffdf9;border-radius:13px;padding:11px 12px 11px 40px;box-shadow:0 9px 25px #263b2f12;z-index:4}
.loop-node i{position:absolute;left:11px;top:12px;width:20px;height:20px;border-radius:50%;background:var(--mint);color:var(--green);font:700 8px/20px ui-monospace;text-align:center}
.loop-node b{display:block;font:600 12px/1.2 Georgia,serif}.loop-node small{display:block;font-size:7px;color:var(--muted);margin-top:3px}
.loop-node.n1{left:8px;top:46px}.loop-node.n2{right:-9px;top:93px}.loop-node.n3{right:7px;bottom:51px}.loop-node.n4{left:-8px;bottom:58px}
.promise-grid{max-width:1120px;margin:0 auto 70px;padding:0 58px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.promise-grid article{border-top:1px solid var(--line2);padding:20px 5px 0;min-height:170px}
.promise-grid article>span{font:8px ui-monospace,monospace;color:var(--green2)}
.promise-grid h2{font:500 18px/1.25 Georgia,serif;margin:15px 0 10px}
.promise-grid p{font-size:9px;line-height:1.65;color:var(--muted);max-width:270px}
.messages{max-width:900px;margin:0 auto;padding:42px 24px 35px;display:grid;gap:24px}
.message{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;animation:rise .28s ease both}
.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font:15px Georgia,serif}
.message.user .avatar{background:#dedbd3;color:#59605d}
.user-bubble{border:1px solid var(--line);background:#fffdf9;border-radius:4px 15px 15px 15px;padding:14px 16px;font-size:12px;line-height:1.65;max-width:720px}
.assistant-answer{display:grid;gap:13px}
.answer-intro{font:17px/1.6 Georgia,serif;color:#303a36;padding:4px 2px 7px}
.answer-intro small{font:800 7px/1 ui-sans-serif;display:block;letter-spacing:.15em;color:var(--green2);margin-bottom:9px}
.answer-intro.multi-intro strong{display:block;color:var(--green);font-weight:600;margin-bottom:5px}
.answer-intro.multi-intro span{display:block;font-size:14px;color:#4d5853}
.reality-map{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--card);border-radius:14px;overflow:hidden}
.reality-cell{min-height:120px;padding:15px;border-bottom:1px solid var(--line)}
.reality-cell:nth-child(odd){border-right:1px solid var(--line)}
.reality-cell:nth-last-child(-n+2){border-bottom:0}
.reality-cell h3,.answer-card h3{font-size:8px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 9px;display:flex;align-items:center;gap:7px}
.reality-cell h3 i,.answer-card h3 i{width:7px;height:7px;border-radius:50%;background:var(--green2)}
.reality-cell.interpret h3 i{background:var(--amber)}.reality-cell.fear h3 i{background:var(--rose)}.reality-cell.unknown h3 i{background:var(--blue)}
.reality-cell ul,.answer-card ul{margin:0;padding-left:16px;color:#4c5551;font-size:10px;line-height:1.65}.reality-cell li+li,.answer-card li+li{margin-top:4px}
.explanations{display:grid;gap:6px}
.explanation{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:9px;border-bottom:1px solid #ebe7de;padding:7px 0;font-size:10px}
.explanation:last-child{border:0}.evidence{white-space:nowrap;border-radius:99px;padding:4px 7px;background:var(--mint);color:var(--green);font-size:7px;font-weight:700}
.evidence.low{background:var(--rose-bg);color:var(--rose)}.evidence.mid{background:var(--amber-bg);color:var(--amber)}
.answer-card{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:16px}
.intent-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.answer-card.positive{border-color:#9fc3b1;background:#f1f8f4}
.answer-card.positive h3 i{background:#2b8c64}
.intent-ideas .explanation span{font-size:11px;line-height:1.55}
.multi-problems{border-left:3px solid var(--blue)}.multi-priority{border-color:#9fc3b1;background:#f1f8f4}.multi-priority h3 i{background:var(--green)}
.problem-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.problem-chips span{border-radius:99px;background:var(--blue-bg);color:var(--blue);padding:5px 8px;font-size:8px;font-weight:700}
.multi-steps{border-color:#a7c2b5}.multi-steps ol{margin:0;padding-left:23px;display:grid;gap:9px}.multi-steps li{padding-left:4px;color:#3f4c46;font-size:11px;line-height:1.65}.multi-steps li::marker{color:var(--green);font-weight:800}.multi-steps b{color:var(--green)}
.multi-later{background:#faf7f0}.multi-limit{margin-top:11px!important;padding-top:10px;border-top:1px solid var(--line);font-weight:700;color:var(--green)!important}
.multi-checkin ul{margin:7px 0 0;padding-left:17px;color:var(--muted);font-size:8px;line-height:1.6}.multi-checkin>div>p{margin-top:5px}
.answer-card.blind{border-left:3px solid var(--amber);background:#fffaf0}.answer-card.action{border-color:#a9c2b6;background:#f5faf7}
.answer-card p{margin:0;color:#46504c;font-size:11px;line-height:1.7}
.avoid{margin-top:10px!important;padding-top:10px;border-top:1px solid #dce7e0;color:#6f4b43!important}.avoid b{color:var(--rose)}
.draft{border:1px solid #c7d7cf;background:#eef6f1;border-radius:13px;padding:15px;position:relative}
.draft small{display:block;font-size:7px;letter-spacing:.13em;color:var(--green2);font-weight:800;margin-bottom:8px}
.draft blockquote{margin:0;padding:0 90px 0 0;border:0;font:14px/1.55 Georgia,serif;color:#284039}
.copy-button{position:absolute;right:10px;top:10px;border:1px solid #bad0c5;background:#fff;border-radius:8px;padding:6px 8px;font-size:8px}
.followup-card{border:1px solid var(--line);border-radius:14px;background:#f3efe7;padding:15px;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}
.followup-card b{font:600 13px Georgia,serif}.followup-card p{font-size:9px;color:var(--muted);margin:4px 0 0}
.button-row{display:flex;gap:7px;flex-wrap:wrap}.small-button{border:1px solid var(--line2);background:#fff;padding:8px 10px;font-size:8px}.small-button.strong{background:var(--green);border-color:var(--green);color:#fff}
.memory-suggestions details{border:1px solid var(--line);background:#faf8f3;border-radius:12px;padding:12px}
.memory-suggestions summary{font-size:9px;font-weight:750;cursor:pointer}.memory-options{display:grid;gap:7px;margin-top:10px}
.memory-option{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:start;padding:7px;border-top:1px solid #ebe7de;font-size:9px}.memory-option small{color:var(--muted);font-size:7px}
.memory-decision{border:1px solid var(--line);border-radius:10px;background:#f2efe8;padding:9px 11px;color:var(--muted);font-size:8px}
.memory-decision.saved{border-color:#b7d0c4;background:#eff7f2;color:var(--green)}
.thinking{max-width:900px;margin:0 auto;padding:0 72px 28px;align-items:center;gap:4px;color:var(--muted)}
.thinking:not(.hidden){display:flex}.thinking span{width:5px;height:5px;border-radius:50%;background:var(--green2);animation:pulse 1.2s infinite}.thinking span:nth-child(2){animation-delay:.15s}.thinking span:nth-child(3){animation-delay:.3s}.thinking b{font-size:8px;margin-left:7px;font-weight:600}
.scroll-bottom{position:sticky;left:calc(100% - 58px);bottom:12px;width:36px;height:36px;border:1px solid var(--line2);background:var(--card);border-radius:50%;box-shadow:var(--shadow)}
.composer-area{border-top:1px solid var(--line);background:#f8f5ef;padding:10px 22px 11px;z-index:10}
.quick-actions{max-width:900px;margin:0 auto 8px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.quick-actions button{white-space:nowrap;border:1px solid #d8d3c9;background:#fffcf6;border-radius:99px;padding:6px 9px;font-size:7px;color:#56605b}
.composer{max-width:900px;margin:auto;border:1px solid var(--line2);border-radius:14px;background:#fffdf9;display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:end;padding:7px 7px 7px 13px;box-shadow:0 10px 30px #2f453814}
.composer textarea{resize:none;border:0;outline:0;background:transparent;min-height:32px;max-height:150px;padding:7px 0;font-size:11px;line-height:1.5}
.composer button{width:36px;height:36px;border:0;border-radius:10px;background:var(--green);color:#fff;font-size:17px}
.composer-area>p{max-width:900px;margin:6px auto 0;text-align:center;color:#929994;font-size:7px}
.page{height:100%;overflow-y:auto;padding:42px;max-width:1160px;margin:auto}
.page-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:25px}.page-head small{font-size:7px;letter-spacing:.15em;color:var(--green2);font-weight:800}.page-head h1{font:500 34px/1.1 Georgia,serif;margin:5px 0}.page-head p{max-width:600px;color:var(--muted);font-size:10px;margin:0}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.person-card,.memory-card,.loop-card,.data-card,.insight-card{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:16px;box-shadow:0 8px 25px #39443e09}
.person-card .initial{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font:17px Georgia,serif}.person-card h2{font:600 17px Georgia,serif;margin:12px 0 2px}.person-card>small{color:var(--muted);font-size:8px}
.tag-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.tag{border-radius:99px;background:#f0eee8;padding:4px 7px;font-size:7px;color:#5f6864}.tag.confirmed{background:var(--mint);color:var(--green)}.tag.weakened{background:var(--amber-bg);color:var(--amber)}.tag.wrong{background:var(--rose-bg);color:var(--rose)}
.card-section{border-top:1px solid #ece8df;margin-top:12px;padding-top:10px}.card-section b{display:block;font-size:8px;color:var(--green2);text-transform:uppercase;letter-spacing:.1em}.card-section p{font-size:9px;color:#56605b;margin:5px 0 0;line-height:1.6}
.empty-state{border:1px dashed var(--line2);border-radius:16px;padding:52px;text-align:center;background:#fffaf4}.empty-state span{font:40px Georgia,serif;color:var(--sage)}.empty-state h2{font:500 22px Georgia,serif;margin:12px 0 7px}.empty-state p{font-size:10px;color:var(--muted);max-width:440px;margin:0 auto 16px}
.memory-toolbar{display:flex;gap:8px;margin-bottom:13px;flex-wrap:wrap}.memory-toolbar input,.memory-toolbar select,.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--card);border-radius:9px;padding:9px 10px;outline:0;font-size:9px}.memory-toolbar input{min-width:230px}
.memory-list,.loop-list{display:grid;gap:9px}.memory-card{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:15px;align-items:start}.memory-card .meta span{display:block;font-size:7px;color:var(--muted);margin-bottom:5px}.memory-card h3,.loop-card h3{font:600 14px/1.4 Georgia,serif;margin:0 0 6px}.memory-card p,.loop-card p{font-size:9px;color:var(--muted);margin:0}.icon-actions{display:flex;gap:5px}.icon-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 7px;font-size:8px}
.loop-card{display:grid;grid-template-columns:95px minmax(0,1fr) auto;gap:16px}.loop-status{font-size:7px;font-weight:750;border-radius:99px;padding:5px 8px;background:var(--amber-bg);color:var(--amber);display:inline-block}.loop-status.done{background:var(--mint);color:var(--green)}.loop-date{display:block;color:var(--muted);font-size:7px;margin-top:8px}.loop-card .correction{border-left:2px solid var(--green2);padding-left:10px;margin-top:9px;color:#344b43}
.insight-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.metric{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:16px}.metric strong{display:block;font:500 28px Georgia,serif;color:var(--green)}.metric span{font-size:7px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.insight-card h2,.data-card h2{font:600 17px Georgia,serif;margin:0 0 10px}.insight-card p,.data-card p{font-size:9px;color:var(--muted);line-height:1.6}.bar-row{display:grid;grid-template-columns:130px 1fr 25px;gap:9px;align-items:center;margin:8px 0;font-size:8px}.bar{height:6px;border-radius:99px;background:#e9e5dc;overflow:hidden}.bar i{display:block;height:100%;background:var(--green2);border-radius:99px}
.settings-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.data-card{margin-bottom:12px}.field{display:grid;gap:5px;margin:10px 0}.field label{font-size:7px;letter-spacing:.1em;color:var(--muted);font-weight:750}.field textarea{min-height:85px;resize:vertical}
.danger{border:1px solid #d9a9a4;background:#fff7f5;color:#934c47;padding:9px 11px;font-size:8px}.model-list{display:grid;gap:7px;margin:12px 0}.model-option{border:1px solid var(--line);background:#faf8f3;border-radius:10px;padding:10px;text-align:left}.model-option.active{border-color:#82a896;background:#f2f8f4}.model-option b{display:block;font-size:9px}.model-option small{display:block;color:var(--muted);font-size:7px;margin-top:3px}
.modal,.onboarding{position:fixed;inset:0;background:#17231f99;backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;padding:20px}.modal-card{position:relative;width:min(720px,100%);max-height:90vh;overflow:auto;border:1px solid #d7d1c5;background:#faf8f3;border-radius:20px;padding:27px;box-shadow:0 35px 100px #15221d4d}.modal-close{position:absolute;right:13px;top:13px;border:1px solid var(--line);background:#fff;border-radius:50%;width:31px;height:31px}.modal h1{font:500 29px Georgia,serif;margin:6px 0 9px}.modal p{font-size:10px;color:var(--muted);line-height:1.7}.demo-grid{display:grid;gap:8px;margin-top:17px}.demo-card{border:1px solid var(--line);background:#fffdf9;border-radius:13px;padding:14px;display:grid;grid-template-columns:37px 1fr auto;gap:11px;align-items:center;text-align:left}.demo-card>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font:15px Georgia,serif}.demo-card b{display:block;font:600 13px Georgia,serif}.demo-card small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.demo-card em{font:normal 8px;color:var(--green2)}
.history-list{display:grid;gap:8px;margin-top:17px}.history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fffdf9;padding:8px}.history-item.active{border-color:#7fa690;background:#f2f8f4}.history-open{border:0;background:transparent;display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center;text-align:left;padding:5px}.history-open b,.history-open small{display:block}.history-open b{font:600 13px Georgia,serif}.history-open small{font-size:7px;color:var(--muted);margin-top:4px}.history-badge{border-radius:99px;padding:5px 6px;text-align:center;font-size:7px;font-weight:800;background:var(--mint);color:var(--green)}.history-badge.demo{background:var(--amber-bg);color:var(--amber)}
.onboarding{background:#153a31}
.onboarding-card{width:min(590px,100%);border:1px solid #ffffff30;border-radius:22px;background:#faf8f3;padding:28px;box-shadow:0 35px 100px #0004}
.onboarding-brand{display:flex;align-items:center;gap:10px;color:var(--green);font:600 18px Georgia,serif}.onboarding-brand span{border-color:#678f7e;color:var(--green)}
.progress{height:3px;background:#e0ddd5;border-radius:99px;margin:22px 0 32px;overflow:hidden}.progress i{display:block;height:100%;width:20%;background:var(--green2);transition:.25s}
.onboarding h1{font:500 32px/1.15 Georgia,serif;margin:0 0 10px}.onboarding p{color:var(--muted);font-size:10px;margin:0 0 20px}.onboarding-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.onboarding-option{border:1px solid var(--line);background:#fffdf9;border-radius:10px;padding:11px;text-align:left;font-size:9px}.onboarding-option.selected{border-color:#6d9b87;background:var(--mint);color:var(--green);font-weight:700}.onboarding-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.onboarding-actions small{color:var(--muted);font-size:8px}
.followup-result{border:1px solid #abc5b8;background:#f1f8f4;border-radius:14px;padding:16px;margin:15px 0}.followup-result h2{font:600 20px Georgia,serif;color:var(--green);margin:0 0 8px}.followup-result p{font-size:11px;line-height:1.7;color:#3d4d46}
.hidden{display:none!important}
@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes pulse{0%,70%,100%{opacity:.25;transform:scale(.8)}35%{opacity:1;transform:scale(1)}}
@media(max-width:1000px){
  :root{--sidebar:220px}.hero{padding:55px 35px;grid-template-columns:1fr}.loop-visual{display:none}.promise-grid{padding:0 35px}.card-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  body{overflow:hidden}.app-shell{display:block}.sidebar{position:fixed;z-index:80;inset:0 auto 0 0;width:260px;transform:translateX(-100%);transition:.2s;box-shadow:20px 0 70px #0003}.sidebar.open{transform:none}
  .main{height:100%;grid-template-rows:58px minmax(0,1fr)}.topbar{padding:0 10px}.mobile-menu{display:block}.view-title small{display:none}.top-actions .quiet-button{display:none}.model-status span{display:none}
  .hero{padding:42px 20px 35px}.hero h1{font-size:48px}.lead{font-size:15px}.promise-grid{padding:0 20px;margin-bottom:40px;grid-template-columns:1fr}.promise-grid article{min-height:0}
  .messages{padding:28px 10px}.message{grid-template-columns:29px minmax(0,1fr);gap:8px}.avatar{width:28px;height:28px;font-size:12px}.reality-map,.intent-grid{grid-template-columns:1fr}.reality-cell{border-right:0!important;border-bottom:1px solid var(--line)!important}.reality-cell:last-child{border-bottom:0!important}.draft blockquote{padding-right:0;padding-top:30px}.followup-card{grid-template-columns:1fr}
  .composer-area{padding:8px}.quick-actions{margin-bottom:6px}.page{padding:25px 13px}.page-head{align-items:start;flex-direction:column}.card-grid,.insight-grid,.settings-grid{grid-template-columns:1fr}.memory-card,.loop-card{grid-template-columns:1fr}.insight-metrics{grid-template-columns:1fr 1fr}.memory-toolbar input{min-width:100%;width:100%}
  .onboarding-card{padding:21px}.onboarding-options{grid-template-columns:1fr}.onboarding h1{font-size:27px}.modal{padding:9px}.modal-card{padding:23px 17px}.demo-card{grid-template-columns:35px 1fr}.demo-card em{display:none}.history-item{grid-template-columns:1fr}.history-item .icon-actions{padding-left:5px}
}