:root{color:#27251f;background:#f4f0e8;font-family:Georgia,Times New Roman,serif;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #faf8f2;--ink: #27251f;--muted: #777166;--line: #d8d0c1;--accent: #2e6658;--accent-soft: #dfe9e1;--warning: #8d5d2c}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.shell{width:min(1080px,calc(100% - 48px));margin:0 auto;padding:52px 0 28px}.masthead{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:32px}.eyebrow,.card-kicker{color:var(--muted);font:11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,7vw,80px);font-weight:500;letter-spacing:-.065em;line-height:.95;margin-top:12px}.dek{color:var(--muted);font-size:19px;margin-top:18px}.connection-mark{display:flex;align-items:center;gap:8px;color:var(--muted);font:12px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;padding-top:4px}.connection-dot{width:9px;height:9px;background:#b4aca0;border-radius:50%}.connection-dot.is-connected{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.capture-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:24px}.capture-card,.protocol-card{border:1px solid var(--line);background:var(--paper);padding:28px}.capture-card{min-height:330px;display:flex;flex-direction:column}.capture-status{color:var(--accent);font-size:21px;margin-top:50px}.capture-time{color:var(--ink);font:76px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.08em;margin:12px 0 16px}.capture-help{color:var(--muted);line-height:1.6;max-width:480px}.capture-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:28px}.button{border:1px solid var(--ink);cursor:pointer;padding:11px 16px;transition:background .16s,color .16s}.button:disabled{cursor:default;opacity:.55}.button-primary{color:var(--paper);background:var(--ink)}.button-primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.button-secondary{color:var(--ink);background:transparent;border-color:var(--line)}.button-secondary:hover{border-color:var(--ink)}.protocol-card{background:transparent}.protocol-card dl{margin:46px 0 38px}.protocol-card dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:14px 0}.protocol-card dt{color:var(--muted)}.protocol-card dd{margin:0;text-align:right}.text-button{border:0;color:var(--accent);background:transparent;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:4px}.library-section{margin-top:76px}.section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--ink);padding-bottom:14px}h2{font-size:34px;font-weight:500;letter-spacing:-.04em;margin-top:10px}.section-count{color:var(--muted);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.notice{border-left:3px solid var(--accent);background:var(--accent-soft);margin:18px 0;padding:12px 14px;line-height:1.5}.notice[data-tone=error]{border-color:var(--warning);background:#f3e7d7}.empty-state{color:var(--muted);border-bottom:1px solid var(--line);padding:54px 0;text-align:center}.empty-glyph{display:block;color:var(--accent);font-size:34px;margin-bottom:12px}.capsule-entry{display:grid;grid-template-columns:92px 1fr 100px;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.capsule-index,.capsule-meta{color:var(--muted);font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.capsule-meta{text-align:right}.capsule-body h3{font-size:20px;font-weight:500}.capsule-body p{color:var(--muted);line-height:1.55;margin-top:6px}.footer-note{display:flex;justify-content:space-between;color:var(--muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace;padding-top:30px}@media(max-width:700px){.shell{width:min(100% - 28px,560px);padding-top:32px}.masthead{flex-direction:column}.capture-grid{grid-template-columns:1fr}.capture-time{font-size:60px}.capsule-entry{grid-template-columns:70px 1fr}.capsule-meta{grid-column:2;text-align:left}.footer-note{flex-direction:column;gap:8px}}