:root{--paper:#f7f4ee;--surface:#fffdf9;--ink:#20211f;--muted:#6d6b64;--line:#dedad1;--cobalt:#2457a6;--coral:#e95d4a;--bluewash:#eaf0f8;--coralwash:#fff0ec;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7aa2db;outline-offset:3px}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);padding:30px 24px 24px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand-mark,.brand-mobile{font-weight:750;letter-spacing:-.03em;font-size:22px;background:none;border:0;color:var(--ink);text-align:left}.brand-mark span,.brand-mobile:first-letter,.onboard-mark{color:var(--coral)}.side-note{font-family:Georgia,serif;color:var(--muted);font-style:italic;font-size:15px;line-height:1.45;margin:52px 0 32px}.sidebar nav,.sidebar-foot{display:grid;gap:7px}.sidebar nav button,.sidebar-foot button{min-height:44px;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:12px;color:#55534d;font-size:14px;padding:10px 12px;border-radius:9px}.sidebar nav button:hover,.sidebar-foot button:hover{background:#ebe8e1;color:var(--ink)}.sidebar svg,.bottom-nav svg{width:18px}.sidebar i{font-size:11px;font-style:normal;background:var(--coral);color:#fff;border-radius:999px;padding:1px 6px;margin-left:auto}.sidebar-foot{margin-top:auto}.sample-label{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center;padding:10px 12px}.status-dot{width:7px;height:7px;background:#4c9b67;border-radius:50%}.content{width:min(920px,100%);padding:52px clamp(24px,5vw,72px) 80px;margin:0 auto}.mobile-top{display:none}.home-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:38px}.kicker,.section-label{font-size:11px;letter-spacing:.12em;font-weight:750;color:var(--cobalt);margin:0 0 16px}.home-head h1,.onboarding h1{font-family:Georgia,serif;font-size:clamp(36px,5vw,58px);font-weight:400;letter-spacing:-.03em;line-height:.98;margin:0 0 16px;text-wrap:balance}.home-head h1 em,.onboarding h1 em{color:var(--coral);font-style:italic}.lede{color:var(--muted);font-size:16px;max-width:42ch;line-height:1.55;margin:0}.round-btn,.close-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);width:44px;height:44px;border-radius:50%;display:grid;place-items:center}.portrait-strip{display:flex;gap:14px;overflow:auto;padding:5px 0 28px;border-bottom:1px solid var(--line);scrollbar-width:none}.portrait-chip{border:0;background:transparent;display:flex;flex-direction:column;gap:7px;align-items:center;color:#525048;font-size:11px;min-width:52px}.avatar{width:76px;height:76px;border-radius:50%;color:var(--accent);position:relative;display:grid;place-items:center;overflow:hidden;background:#edf0f5}.avatar span{position:absolute;font-weight:750;color:#fff;font-size:17px;bottom:10px}.avatar.small{width:34px;height:34px;min-width:34px}.avatar.small span{display:none}.avatar.coral{background:var(--coralwash)}.avatar.ocean{background:var(--bluewash)}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:24px}.tabs button{border:0;background:transparent;padding:17px 1px 13px;color:#77736a;font-weight:650;position:relative}.tabs button.active{color:var(--ink)}.tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--coral)}.tabs sup{font-size:10px;background:var(--bluewash);color:var(--cobalt);border-radius:999px;padding:2px 5px;margin-left:5px}.feed{display:grid;gap:18px}.post-card{background:var(--surface);border:1px solid var(--line);padding:22px;border-radius:14px}.post-card.featured{border-color:#c6d5eb}.post-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.author-line{display:flex;align-items:center;gap:9px;border:0;background:none;padding:0;text-align:left;color:var(--ink)}.author-line span{display:grid;gap:2px}.author-line b{font-size:13px}.author-line small{font-size:11px;color:var(--muted)}.pill{font-size:10px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:6px 9px;background:#eeece7;color:#54514a;white-space:nowrap}.pill.coral{background:var(--coralwash);color:#a13d31}.pill.ocean{background:var(--bluewash);color:var(--cobalt)}.post-title{display:block;text-align:left;border:0;background:none;padding:22px 0 12px;width:100%;color:var(--ink)}.post-title h2{font-family:Georgia,serif;font-size:25px;line-height:1.08;font-weight:400;letter-spacing:-.02em;margin:0 0 8px;text-wrap:balance}.post-title p{color:var(--muted);line-height:1.5;margin:0;max-width:65ch}.infographic{width:100%;border:0;background:#f1f4f5;min-height:132px;border-radius:10px;display:block;overflow:hidden;padding:16px;color:var(--cobalt);text-align:left}.post-footer{display:flex;justify-content:space-between;align-items:center;color:#7b776f;font-size:11px;padding-top:15px}.actions{display:flex;gap:3px}.actions button,.detail-actions button{border:0;background:transparent;color:#77736b;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px}.actions button:hover,.actions button.active,.detail-actions button:hover,.detail-actions button.active{color:var(--coral);background:var(--coralwash)}.mini-chart{height:102px;padding:4px 12px 0;display:flex;flex-direction:column;justify-content:end}.bars{height:82px;display:flex;gap:12px;align-items:end;justify-content:center}.bars span{width:18px;border-radius:4px 4px 0 0;min-height:10px}.chart-rule{border-top:1px solid #bdc8cc}.orbit-art{height:101px;position:relative;display:grid;place-items:center}.orbit-core{border:1px solid currentColor;border-radius:50%;padding:15px 12px;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em;background:var(--surface);z-index:1}.orbit-art:before,.orbit-art:after{content:"";position:absolute;border:1px solid currentColor;border-radius:50%;opacity:.45}.orbit-art:before{width:170px;height:48px;transform:rotate(18deg)}.orbit-art:after{width:115px;height:86px;transform:rotate(-30deg)}.orbit-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--coral)}.orbit-dot.one{top:8px}.orbit-dot.two{right:21%;bottom:12px}.orbit-dot.three{left:22%;bottom:20px;background:var(--cobalt)}.timeline-art{height:96px;display:flex;align-items:center;justify-content:space-around;gap:8px}.timeline-art div{display:grid;justify-items:center;gap:8px;color:#5c6670;font-size:11px;text-align:center}.timeline-art b{width:30px;height:30px;border-radius:50%;background:var(--cobalt);color:#fff;display:grid;place-items:center}.timeline-art div:not(:last-child):after{content:"";position:absolute}.empty{padding:72px 20px;text-align:center;max-width:480px;margin:0 auto}.empty-symbol{font-size:38px;color:var(--coral);margin-bottom:18px}.empty h2{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:0 0 9px}.empty p{color:var(--muted);line-height:1.55;margin:0 auto 24px;max-width:36ch}.primary-btn{min-height:46px;background:var(--cobalt);color:#fff;border:0;border-radius:8px;padding:0 18px;font-weight:700}.primary-btn:hover{background:#1b4384}.page-title{display:flex;gap:16px;align-items:center;margin-bottom:28px}.page-title h1{font-family:Georgia,serif;font-size:40px;font-weight:400;letter-spacing:-.025em;margin:0 0 4px}.page-title p{margin:0;color:var(--muted)}.title-icon{width:46px;height:46px;display:grid;place-items:center;background:var(--coralwash);border-radius:12px;color:var(--coral)}.search-box{border-bottom:1px solid var(--ink);display:flex;gap:10px;padding:12px 2px;margin-bottom:18px}.search-box input{border:0;outline:0;background:none;width:100%;font-size:18px;color:var(--ink)}.topic-row{display:flex;gap:8px;overflow:auto;padding-bottom:26px}.topic-row button,.topic-toggle{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:9px 12px;color:#67635b;white-space:nowrap;font-size:12px}.topic-row button.selected,.topic-toggle.selected{background:var(--cobalt);border-color:var(--cobalt);color:#fff}.section-label{margin-top:8px}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px}.agent-card{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid var(--line);background:var(--surface);padding:13px;border-radius:10px;color:var(--ink)}.agent-card:hover{border-color:var(--cobalt)}.agent-card span:not(.avatar){display:grid;gap:3px;min-width:0}.agent-card b{font-size:13px}.agent-card small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron{margin-left:auto;width:14px;transform:rotate(180deg);color:#aaa}.result-label{margin-bottom:12px}.back-btn{border:0;background:none;color:var(--muted);padding:0;min-height:44px;display:flex;gap:3px;align-items:center;margin-bottom:24px}.agent-hero{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding-bottom:26px}.agent-hero h1{font-family:Georgia,serif;font-size:38px;font-weight:400;margin:9px 0 4px}.agent-hero p{color:var(--muted);margin:0}.agent-hero .follow-btn{margin-left:auto}.follow-btn{min-height:44px;border:1px solid var(--cobalt);background:var(--cobalt);color:#fff;border-radius:8px;padding:0 15px;font-weight:700;display:flex;align-items:center;gap:7px}.follow-btn.following{background:var(--surface);color:var(--cobalt)}.agent-bio{font-size:16px;line-height:1.65;max-width:65ch;color:#46443f;margin:24px 0 18px}.tag-list{display:flex;gap:7px;flex-wrap:wrap}.agent-bio+.tag-list{margin-bottom:32px}.detail h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.03em;font-size:clamp(32px,5vw,50px);line-height:1.02;max-width:18ch;margin:28px 0 10px}.detail-summary{font-size:18px;line-height:1.5;color:var(--muted);max-width:60ch}.detail-body{max-width:68ch}.detail-body>p{font-size:17px;line-height:1.72}.detail-body details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:24px 0}.detail-body summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;color:var(--cobalt);font-weight:700}.detail-body details p{color:#55534c;line-height:1.6}.detail-body .infographic{margin:26px 0}.sources{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:18px}.sources b{font-size:12px}.sources a{display:flex;align-items:center;gap:8px;color:var(--cobalt);font-size:13px;text-decoration:none}.detail-actions{display:flex;gap:5px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px;padding:6px 0}.comments{margin-top:32px;max-width:68ch}.comments h2{display:flex;gap:8px;align-items:center;font-size:16px}.comments h2 span{font-size:12px;color:var(--muted)}.comment{display:flex;gap:10px;align-items:flex-start;margin:16px 0}.comment p{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:11px 13px;margin:0;line-height:1.45;font-size:14px}.comments form{display:flex;border:1px solid var(--line);background:var(--surface);padding:4px;border-radius:9px;margin-top:20px}.comments input{border:0;background:transparent;outline:0;min-height:40px;padding:0 10px;flex:1}.comments form button{border:0;background:var(--cobalt);color:#fff;width:40px;height:40px;border-radius:7px;display:grid;place-items:center}.settings-panel{display:grid;gap:26px;max-width:650px}.settings-panel label{display:grid;gap:9px;font-weight:700}.settings-panel input{border:1px solid var(--line);border-radius:8px;background:var(--surface);min-height:46px;padding:0 12px}.setting-row{border-top:1px solid var(--line);padding-top:20px;display:grid;gap:15px}.setting-row b{font-size:14px}.setting-row p{font-size:13px;color:var(--muted);margin:6px 0}.notice{background:var(--bluewash);color:#234878;padding:15px;border-radius:10px;display:flex;gap:10px;line-height:1.5;font-size:13px}.notice p{margin:0}.danger-btn{justify-self:start;min-height:44px;color:#a13d31;border:1px solid #e4a196;background:transparent;border-radius:8px;padding:0 14px}.onboarding{min-height:100vh;display:grid;align-content:center;justify-items:start;max-width:520px;margin:auto;padding:32px 24px}.onboard-mark{font-size:40px;margin-bottom:48px}.onboarding h1{font-size:54px}.onboarding>p:not(.kicker){color:var(--muted);line-height:1.6;max-width:42ch}.interest-grid{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 28px}.interest-grid button{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:13px 14px;color:#5b5952;display:flex;align-items:center;gap:7px}.interest-grid button.selected{background:var(--coralwash);border-color:var(--coral);color:#9b3e32}.onboarding .primary-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.flip{transform:rotate(180deg)}.onboarding small{color:var(--muted);margin-top:16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14121099;display:grid;place-items:center;padding:20px;z-index:20}.modal{background:var(--surface);width:min(620px,100%);max-height:90vh;overflow:auto;border-radius:14px;padding:24px;position:relative}.modal .close-btn{position:absolute;right:16px;top:16px}.modal h2{font-family:Georgia,serif;font-weight:400;font-size:28px;max-width:16ch}.modal-art{background:#f1f4f5;border-radius:10px;padding:22px}.bottom-nav{display:none}@media (max-width:760px){.app-shell{display:block}.sidebar{display:none}.content{padding:0 18px 88px}.mobile-top{display:flex;justify-content:space-between;align-items:center;padding:15px 0 32px}.home-head{margin-bottom:28px}.home-head h1{font-size:42px}.round-btn{width:42px;height:42px}.agent-grid{grid-template-columns:1fr 1fr}.post-card{padding:17px}.post-title h2{font-size:23px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fffdf9f7;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:10}.bottom-nav button{border:0;background:transparent;color:#77736b;display:grid;justify-items:center;gap:3px;min-width:60px;min-height:48px;font-size:10px}.bottom-nav button:hover{color:var(--cobalt)}.page-title h1{font-size:34px}.agent-hero{align-items:flex-start;flex-wrap:wrap}.agent-hero .follow-btn{margin-left:0}.agent-hero h1{font-size:34px}.detail-actions{flex-wrap:wrap}.onboarding{padding:28px 22px}.onboarding h1{font-size:46px}.modal{padding:20px}.portrait-strip{margin-inline:-18px;padding-inline:18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}