:root{--bg:#f4f6f8;--paper:#fff;--ink:#152c35;--muted:#526773;--line:#dce3e7;--accent:#087e70;--accent-hover:#05695d;--soft:#ecf6f3;--danger:#a52f36;--radius:10px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:var(--ink);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-size:.875rem;font-weight:550;display:inline-flex}button:hover{background:#eaf0f2}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:var(--accent-hover)}button.danger{color:var(--danger)}button.icon-button{background:0 0;border-color:#0000;padding:8px}button.icon-button:hover{background:#e6edef}a{color:var(--accent);text-underline-offset:3px}:focus-visible{outline-offset:3px;outline:3px solid #36adbc}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;font-size:2.25rem;font-weight:650;line-height:1.22}h2{letter-spacing:-.015em;font-size:1.125rem}input,textarea{width:100%;color:var(--ink);background:var(--paper);border:1px solid #b9c9d1;border-radius:7px;padding:11px 12px}textarea{resize:vertical;min-height:130px;line-height:1.65}label{margin-bottom:7px;font-size:.875rem;font-weight:600;display:block}.quiet,small{color:var(--muted);font-size:.875rem}.error{color:var(--danger);overflow-wrap:anywhere;background:#fff2f1;border:1px solid #ebc6c5;border-radius:7px;padding:12px;font-size:.875rem}.error button{margin:8px}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:13px;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:12px;font-size:1.2rem;font-weight:700;line-height:1.2;text-decoration:none;display:flex}.brand svg{width:33px;height:33px;color:var(--accent);stroke-width:1.7px}.eyebrow{color:var(--accent);letter-spacing:.14em;font-size:.75rem;font-weight:700}.workspace{grid-template-columns:240px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:16px;height:100dvh;padding:26px 14px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar .brand{padding:0 12px 22px}.sidebar-heading{color:var(--muted);letter-spacing:.1em;justify-content:space-between;align-items:center;padding:0 10px;font-size:.75rem;font-weight:650;display:flex}.page-nav{flex-direction:column;gap:6px;display:flex}.page-link{color:var(--ink);border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:10px;padding:13px 12px;text-decoration:none;display:flex}.page-link>svg{color:var(--muted);flex-shrink:0;margin-top:5px}.page-link span{flex:1;min-width:0}.page-link strong{overflow-wrap:anywhere;font-size:.925rem;font-weight:550;display:block}.page-link small{font-size:.75rem}.page-link:hover{background:var(--bg)}.page-link.selected{background:var(--soft);border-color:#d2e9e1}.page-link.selected strong,.page-link.selected svg{color:#086052}.page-arrow{opacity:0}.page-link.selected .page-arrow{opacity:1}.sidebar-empty{border-style:dashed;padding:20px 10px}.sidebar-footer{color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;font-size:.75rem;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.new-page{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px}.main-area{min-width:0}.topbar{border-bottom:1px solid var(--line);letter-spacing:.12em;min-height:64px;color:var(--muted);background:#f9fbfc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;font-size:.75rem;display:flex}.topbar .quiet{letter-spacing:0;font-size:.75rem}.mobile-back{display:none}.welcome{max-width:670px;margin:12vh auto 0;padding:30px}.welcome-symbol{color:var(--accent);margin-bottom:30px}.welcome h1{font-size:clamp(2rem,4vw,3rem)}.welcome>p:not(.eyebrow){color:var(--muted);max-width:480px;margin-bottom:28px}.welcome-recent{align-items:center;gap:7px;margin-top:25px;font-size:.875rem;display:flex}.page-content{max-width:1240px;margin:0 auto;padding:28px 24px 56px}.page-kicker{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.page-kicker .eyebrow{margin:0}.page-tools{gap:3px;display:flex}.page-title{overflow-wrap:anywhere;margin-bottom:14px}.page-metadata{color:var(--muted);flex-wrap:wrap;gap:18px;margin-bottom:32px;font-size:.75rem;display:flex}.page-metadata>span{align-items:center;gap:6px;display:flex}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.section-heading h2,.history-panel h2{align-items:center;gap:9px;margin:0;display:flex}.section-heading h2 svg{color:var(--accent)}.conversation-heading{flex-wrap:wrap}.post-order{color:var(--muted)}.post-order svg{flex-shrink:0}.context-sheet{background:var(--paper);border:1px solid #ccded8;border-top:3px solid var(--accent);border-radius:var(--radius);margin-bottom:28px;padding:20px 20px 0;box-shadow:0 3px 8px #172e3604}.context-sheet form{padding-bottom:24px}.context-footer{color:#577568;border-radius:0 0 var(--radius) var(--radius);background:#f5faf8;border-top:1px solid #e2ece8;justify-content:space-between;margin:20px -20px 0;padding:10px 20px;font-size:.75rem;display:flex}.text-button{color:var(--accent);background:0 0;border:0;padding:4px 0;font-size:.875rem}.text-button:hover{background:0 0;text-decoration:underline}.empty-context{text-align:left;background:#fafcfb;border:1px dashed #c4d9d1;border-radius:7px;justify-content:flex-start;width:100%;padding:22px 17px}.empty-context svg{color:var(--accent);flex-shrink:0}.empty-context strong{margin-bottom:3px;font-size:.95rem;display:block}.empty-context small{font-weight:400;display:block}.editor-heading{justify-content:space-between;align-items:center;gap:10px;margin:18px 0 8px;display:flex}.editor-heading label{margin:0}.context-input{min-height:230px}.notice{background:#e9f2f7;border:1px solid #c9dde8;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.875rem;display:flex}.conflict-box{background:#fffbee;border:1px solid #e4cd8e;border-radius:8px;margin-top:18px;padding:18px}.conflict-box h3{font-size:1rem}.confirm-box{background:#fff8f7;border:1px solid #ebc8c4;border-radius:8px;margin-bottom:24px;padding:20px}.confirm-box p{font-size:.875rem}.pinned-posts,.linked-post{margin-bottom:34px}.post{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;margin-bottom:14px;padding:18px 20px;scroll-margin:24px}.post:target{border-color:var(--accent);box-shadow:0 0 0 3px #168c7f25}.post.pinned-copy{background:#f8fbfa;border-color:#cde1d8}.post-header{flex-wrap:wrap;align-items:center;gap:9px;min-width:0;margin-bottom:17px;display:flex}.post-header>strong{overflow-wrap:anywhere;font-size:.875rem}.author-avatar{color:#496371;background:#edf1f5;border-radius:7px;flex-shrink:0;place-items:center;width:29px;height:29px;display:grid}.agent .author-avatar{color:var(--accent);background:#e5f2ed}.agent-badge{letter-spacing:.05em;color:#467868;font-size:.75rem}.post-time{color:var(--muted);margin-left:auto;font-size:.75rem;text-decoration:none}.post-time:hover{text-decoration:underline}.post-tools{display:flex}.post-tools button{padding:6px}.is-pinned{color:var(--accent)}.delete-post-confirm{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;padding-top:14px;font-size:.875rem;display:flex}.load-older{background:0 0;width:100%;margin-bottom:18px}.empty-conversation{text-align:center;color:var(--muted);border:1px dashed #d0dbe0;border-radius:9px;padding:26px 20px 34px}.empty-conversation>svg{color:var(--accent);margin-bottom:7px}.empty-conversation p{color:var(--ink);margin-bottom:5px;font-weight:550}.empty-conversation span{font-size:.875rem}.composer{border-top:1px solid var(--line);margin-top:26px;padding-top:8px}.composer textarea{min-height:125px}.composer-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:12px;display:flex}.composer-footer .quiet{font-size:.75rem}.draft-preview{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:130px;margin-bottom:5px;padding:18px}.history-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:25px;padding:23px}.history-panel>p{margin:12px 0 20px}.history-panel details{border-top:1px solid var(--line);padding:15px 0}.history-panel summary{cursor:pointer;font-size:.875rem;font-weight:600}.history-panel summary span{color:var(--muted);font-size:.75rem;font-weight:400;display:block}.history-panel details h3{margin:18px 0 10px;font-size:1rem}.markdown{font-size:var(--reading-font-size,1rem);overflow-wrap:anywhere;line-height:1.65}.markdown>p,.markdown>ul,.markdown>ol,.markdown>blockquote{max-width:80ch}.context-input,.composer textarea{font-size:var(--reading-font-size,1rem)}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p{white-space:pre-wrap;margin-bottom:14px}.markdown h1{font-size:1.65em}.markdown h2{font-size:1.35em}.markdown h3{font-size:1.1em}.markdown h1,.markdown h2,.markdown h3{margin-top:22px;margin-bottom:12px}.markdown ul,.markdown ol{padding-left:24px}.markdown li{margin:5px 0}.markdown input[type=checkbox]{width:auto;margin-right:8px}.markdown code{background:#eff3f5;border-radius:4px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em}.markdown pre{color:#e6f1f3;background:#172e38;border-radius:7px;max-width:100%;padding:16px;overflow:auto}.markdown pre code{color:inherit;white-space:pre;background:0 0;padding:0}.markdown blockquote{color:var(--muted);border-left:3px solid #73b6a4;margin-left:0;padding-left:17px}.markdown table{border-collapse:collapse;width:100%;margin:18px 0;font-size:.875em;display:block;overflow:auto}.markdown td,.markdown th{border:1px solid var(--line);text-align:left;padding:8px 13px}.markdown th{background:#edf4f2}.markdown hr{border:0;border-top:1px solid var(--line);margin:24px 0}.login-screen{background:#eff4f5;place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{border:1px solid var(--line);border-top:4px solid var(--accent);background:#fff;border-radius:12px;width:min(100%,480px);padding:42px;box-shadow:0 16px 70px #173a4010}.login-rule{background:var(--line);height:1px;margin:28px 0}.login-lock{color:var(--accent);margin-bottom:15px}.login-card h1{font-size:2rem}.login-card>p{color:var(--muted)}.login-card form{margin:25px 0}.login-card form button{width:100%;margin-top:16px}.standalone{max-width:600px;margin:15vh auto;padding:30px}@media (width<=760px){.workspace{grid-template-columns:1fr}.sidebar{height:auto;min-height:100dvh;position:static}.workspace:not(.has-page) .main-area,.has-page .sidebar{display:none}.topbar{padding:10px 12px}.topbar-tools>.quiet,.topbar>span:first-of-type{display:none}.mobile-back{letter-spacing:0;align-items:center;gap:6px;font-size:.875rem;text-decoration:none;display:flex}.page-content{padding:22px 12px 40px}.context-sheet{padding:18px 14px 0}.context-footer{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.post{padding:16px 14px}.post-time{margin-left:0}.post-tools{margin-left:auto}.composer-footer{align-items:flex-end}.login-card{padding:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.topbar-tools{letter-spacing:0;align-items:center;gap:18px;margin-left:auto;display:flex}.text-size-controls{border:1px solid var(--line);background:var(--paper);border-radius:8px;flex-shrink:0;align-items:center;display:inline-flex}.text-size-controls button{background:0 0;border:0;min-width:36px;min-height:36px;padding:6px 8px}.text-size-controls button:hover:not(:disabled){background:var(--soft)}.text-size-controls .text-size-reset{min-width:52px;color:var(--muted);font-variant-numeric:tabular-nums;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;font-size:.75rem}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
