:root{--bg:#f7f5f0;--bg-2:#efece5;--bg-3:#e8e4db;--surface:#fdfcf9;--surface-2:#f2efe8;--ink:#1c1a17;--ink-2:#4a4540;--ink-3:#8a8078;--ink-4:#b8b0a5;--radial:#3d6b8a;--radial-light:#d6e4ee;--branching:#7a4f2e;--branching-light:#ede0d4;--lattice:#3d6645;--lattice-light:#d4e4d7;--signal:#c4752a;--signal-light:#fae8d4;--error:#9b3b2e;--error-light:#f5deda;--success:#3d6645;--caution:#7a6b2e;--caution-light:#ede8d4;--domain-phenomenology:#6b5b8a;--domain-causality:#3d6b8a;--domain-temporality:#7a6b2e;--domain-emergence:#3d6645;--domain-selfhood:#8a3d5b;--domain-intuition:#c4752a;--domain-intersubjectivity:#4a6b7a;--font-display:"Fraunces", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"DM Mono", "Fira Code", monospace;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--shadow-sm:0 1px 3px #1c1a170f, 0 1px 2px #1c1a170a;--shadow-md:0 4px 12px #1c1a1714, 0 2px 4px #1c1a170a;--shadow-lg:0 8px 24px #1c1a171a, 0 4px 8px #1c1a170a;--border:1px solid var(--bg-3);--border-2:1px solid var(--bg-2)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:15px}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);min-height:100vh;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;font-weight:400;line-height:1.2}.mono{font-family:var(--font-mono)}.caption{color:var(--ink-3);font-size:.75rem;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.label{color:var(--ink-3);font-size:.7rem;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-weight:500}.page-shell{grid-template-rows:48px 1fr;grid-template-columns:220px 1fr;min-height:100vh;display:grid}.topbar{border-bottom:var(--border);background:var(--surface);z-index:100;grid-column:1/-1;align-items:center;gap:24px;padding:0 24px;display:flex;position:sticky;top:0}.sidebar{border-right:var(--border);background:var(--surface);flex-direction:column;gap:2px;padding:16px 0;display:flex;overflow-y:auto}.main-content{background:var(--bg);padding:28px;overflow-y:auto}.card{background:var(--surface);border:var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-header{border-bottom:var(--border);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.card-body{padding:20px}.metric-tile{background:var(--surface);border:var(--border);border-radius:var(--r-lg);flex-direction:column;gap:6px;padding:16px 20px;display:flex}.metric-value{font-family:var(--font-mono);color:var(--ink);font-size:1.8rem;font-weight:300;line-height:1}.badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:100px;align-items:center;padding:2px 8px;font-size:.68rem;font-weight:500;display:inline-flex}.badge-radial{background:var(--radial-light);color:var(--radial)}.badge-branching{background:var(--branching-light);color:var(--branching)}.badge-lattice{background:var(--lattice-light);color:var(--lattice)}.badge-origin-subconscious{background:var(--bg-2);color:var(--ink-3)}.badge-origin-researcher{background:var(--signal-light);color:var(--signal)}.badge-origin-inter_entity{background:var(--domain-intersubjectivity);color:#fff;opacity:.9}.nav-item{color:var(--ink-2);cursor:pointer;font-size:.82rem;font-family:var(--font-body);border-left:2px solid #0000;align-items:center;gap:10px;padding:7px 20px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg-2);color:var(--ink)}.nav-item.active{color:var(--ink);border-left-color:var(--ink);background:var(--bg-2);font-weight:500}.nav-section-label{font-size:.65rem;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);padding:16px 20px 4px}.btn{border-radius:var(--r-md);font-size:.82rem;font-family:var(--font-body);cursor:pointer;border:none;align-items:center;gap:6px;padding:7px 16px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:var(--ink-2)}.btn-secondary{background:var(--surface);color:var(--ink);border:var(--border)}.btn-secondary:hover{background:var(--bg-2)}.btn-ghost{color:var(--ink-2);background:0 0}.btn-ghost:hover{background:var(--bg-2);color:var(--ink)}.btn-sm{padding:4px 10px;font-size:.75rem}.btn-danger{background:var(--error-light);color:var(--error)}.input,.select,.textarea{background:var(--surface);border:var(--border);border-radius:var(--r-md);width:100%;font-size:.85rem;font-family:var(--font-body);color:var(--ink);outline:none;padding:8px 12px;transition:border-color .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--ink-3);box-shadow:0 0 0 3px #1c1a170f}.textarea{resize:vertical;min-height:80px}.form-group{flex-direction:column;gap:6px;display:flex}.form-row{gap:16px;display:grid}.domain-pill{font-size:.68rem;font-family:var(--font-mono);letter-spacing:.02em;border-radius:100px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.text-sm{font-size:.82rem}.text-xs{font-size:.72rem}.text-muted{color:var(--ink-3)}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}.live-indicator{align-items:center;gap:6px;display:inline-flex;position:relative}.live-dot{background:var(--success);border-radius:50%;width:7px;height:7px;position:relative}.live-dot:after{content:"";background:var(--success);border-radius:50%;animation:1.5s ease-out infinite pulse-ring;position:absolute;inset:0}.fragment-item{border-bottom:var(--border-2);grid-template-columns:48px 1fr auto;align-items:start;gap:10px;padding:10px 14px;font-size:.82rem;transition:background .1s;display:grid}.fragment-item:hover{background:var(--bg-2)}.fragment-item:last-child{border-bottom:none}.crystallisation-item{border-bottom:var(--border-2);padding:14px 20px}.crystallisation-item:last-child{border-bottom:none}.crystallisation-stimulus{font-size:.75rem;font-family:var(--font-mono);color:var(--ink-3);margin-bottom:6px}.crystallisation-response{font-family:var(--font-display);color:var(--ink);font-size:.9rem;line-height:1.6}.event-item{border-bottom:var(--border-2);grid-template-columns:32px 1fr auto;align-items:start;gap:10px;padding:10px 0;display:grid}.event-item:last-child{border-bottom:none}.event-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;display:flex}.topology-card{border:2px solid var(--bg-3);border-radius:var(--r-lg);cursor:pointer;background:var(--surface);padding:16px;transition:all .15s}.topology-card:hover{border-color:var(--ink-3)}.topology-card.selected-radial{border-color:var(--radial);background:var(--radial-light)}.topology-card.selected-branching{border-color:var(--branching);background:var(--branching-light)}.topology-card.selected-lattice{border-color:var(--lattice);background:var(--lattice-light)}.slider{-webkit-appearance:none;background:var(--bg-3);border-radius:2px;outline:none;width:100%;height:3px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);cursor:pointer;border-radius:50%;width:14px;height:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.2s ease-out fadeIn}@media (max-width:900px){.page-shell{grid-template-columns:1fr}.sidebar{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}