:root{--ink:#1d1d1b;--paper:#f8f6f0;--muted:#716e66;--line:#d9d4c9;--accent:#303b32;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,Times New Roman,serif}.shell{max-width:760px;margin:0 auto;min-height:100vh;padding:34px 22px 70px}.brand{font-family:Arial,sans-serif;letter-spacing:.18em;font-size:12px;font-weight:700}.sub{color:var(--muted);font-style:italic;margin-top:8px}.card{background:rgba(255,255,255,.65);border:1px solid var(--line);border-radius:18px;padding:22px;margin-top:22px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ink);background:var(--ink);color:white;border-radius:999px;padding:13px 20px;font:600 14px Arial,sans-serif;cursor:pointer}.btn.secondary{background:transparent;color:var(--ink)}.btn:disabled{opacity:.45}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}input,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:white;padding:14px;font:16px Georgia,serif;color:var(--ink)}textarea{min-height:120px;resize:vertical}.trigger{font-size:21px;line-height:1.45}.eyebrow{font:700 11px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}h1{font-size:38px;margin:40px 0 5px}h1,h2{font-weight:500}h2{font-size:25px;margin:4px 0 12px}h3{font-size:18px;margin:20px 0 7px}.method li{margin:9px 0;line-height:1.45}.path{padding:14px 16px;border-left:3px solid var(--accent);background:#f1efe8;line-height:1.6}.note{font-size:14px;color:var(--muted);line-height:1.5}.divider{border:0;border-top:1px solid var(--line);margin:24px 0}.tag{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:5px 9px;margin:3px 4px 3px 0;font:12px Arial,sans-serif}.history{font-size:14px;line-height:1.55}.status{font:12px Arial,sans-serif;color:var(--muted);margin-top:10px}@media(max-width:520px){h1{font-size:31px}.shell{padding:25px 16px 60px}.card{padding:18px}}.recorder{text-align:center;padding:38px 22px}.record-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--ink);margin:0 auto 18px}.record-dot.live{background:var(--ink);animation:pulse 1.3s infinite}.evidence{font-size:13px;color:var(--muted);line-height:1.45}.confirmed{border-top:1px solid var(--line);padding:12px 0}.error{border-color:#9b6b6b;font-family:Arial,sans-serif;font-size:14px}@keyframes pulse{50%{transform:scale(1.3);opacity:.55}}input{width:100%;box-sizing:border-box;border:1px solid #d8d3c9;border-radius:12px;padding:14px 16px;font:inherit;background:#fff;color:#171717}input:focus{outline:2px solid #b9b0a0;outline-offset:1px}.node-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px;margin-top:16px}.node-card{border:1px solid #ddd7cc;border-radius:14px;padding:14px;background:#fff}.node-card h3{margin:10px 0 6px}.edge-row{padding:16px 0;border-top:1px solid #e6e0d6}.edge-row:first-of-type{border-top:0}.evidence-source{margin-top:10px;padding:10px;border-left:2px solid #c8bca8;background:#faf8f4;font-size:.92rem}details{margin-top:10px}summary{cursor:pointer;font-weight:600}.development-grid{display:grid;grid-gap:12px;gap:12px;margin-top:14px}.development-card{border-top:1px solid #e6e0d6;padding:14px 0}.development-card:first-child{border-top:0}.development-state{display:inline-block;margin:4px 0 8px;padding:4px 8px;border-radius:999px;background:#f1ede5;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.timeline-row{padding:12px 0;border-top:1px solid #e6e0d6}.timeline-row:first-child{border-top:0}.timeline-nodes{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.mirror-nav{display:flex;gap:8px;margin:22px 0 0;padding:5px;border:1px solid var(--line);border-radius:999px;width:max-content;max-width:100%;background:rgba(255,255,255,.45)}.mirror-tab{border:0;background:transparent;border-radius:999px;padding:9px 14px;font:600 12px Arial,sans-serif;color:var(--muted);cursor:pointer}.mirror-tab.active{background:var(--ink);color:#fff}.period-mirror{padding:28px}.period-range{font:12px Arial,sans-serif;color:var(--muted);margin-top:-4px}.period-sections section{padding:18px 0;border-top:1px solid var(--line)}.period-sections section:first-child{margin-top:18px}.chip-flow{display:flex;gap:8px;flex-wrap:wrap}.mirror-chip{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:#fff}.mirror-chip small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font:10px Arial,sans-serif}.connection-line,.period-row{padding:10px 0}.connection-line{border-top:1px solid #ebe6dc}.connection-line:first-of-type{border-top:0}.period-source{margin-top:14px}.mirror-principle,.period-source{border-top:1px solid var(--line);padding-top:14px}.mirror-principle{margin-top:20px;font-size:13px;font-style:italic;color:var(--muted)}@media(max-width:520px){.period-mirror{padding:20px}.mirror-nav{width:100%}.mirror-tab{flex:1 1}}.follow-up{margin-top:1rem}.conversation-turn{margin-top:1rem;padding:1rem;border-radius:14px;border:1px solid rgba(120,120,120,.18)}.user-turn{margin-left:1.5rem}.mirror-turn{margin-right:1.5rem}.conversation-turn p:last-child{margin-bottom:0}.privacy-row{display:flex;gap:12px;align-items:flex-start;margin:20px 0}.privacy-row input{width:auto;margin-top:4px}.danger{border-color:#8f5a5a}.danger:hover{border-color:#6f3f3f}