@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #000000;--color-surface: #0a0a0a;--color-border: #1a1a1a;--color-gold: #c9a84c;--color-gold-muted: #8a6f32;--color-text-primary: #e8e6e0;--color-text-secondary: #9a9690;--color-text-muted: #5a5855;--font-latin: "EB Garamond", Georgia, serif;--font-arabic: "Amiri", serif;--font-mono: "JetBrains Mono", monospace;--reading-width: 68ch;--wide-width: 90ch;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem}html{background-color:var(--color-bg);color:var(--color-text-primary);scroll-behavior:smooth}body{min-height:100vh;-webkit-font-smoothing:antialiased}::selection{background:var(--color-gold-muted);color:var(--color-bg)}body{font-family:var(--font-latin);font-size:1.2rem;line-height:1.8;color:var(--color-text-primary)}[lang=ar],.arabic{font-family:var(--font-arabic);direction:rtl;text-align:right;line-height:2.2;font-size:1.3rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-latin);font-weight:500;line-height:1.3;color:var(--color-text-primary);letter-spacing:.02em}h1{font-size:2.4rem}h2{font-size:1.8rem}h3{font-size:1.4rem}h4{font-size:1.2rem}p{margin-bottom:var(--space-md);color:var(--color-text-primary)}a{color:var(--color-gold);text-decoration:none;border-bottom:1px solid var(--color-gold-muted);transition:color .2s,border-color .2s}a:hover{color:var(--color-text-primary);border-bottom-color:var(--color-text-primary)}blockquote{border-left:2px solid var(--color-gold);padding-left:var(--space-lg);margin:var(--space-lg) 0;font-style:italic;color:var(--color-text-secondary)}code{font-family:var(--font-mono);font-size:.85em;color:var(--color-gold);background:var(--color-surface);padding:.1em .4em;border-radius:3px}.domain-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold)}.container{width:100%;max-width:var(--wide-width);margin-inline:auto;padding-inline:var(--space-lg)}.reading{width:100%;max-width:var(--reading-width);margin-inline:auto;padding-inline:var(--space-lg)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);background:#000000d9;backdrop-filter:blur(8px)}.site-nav{display:flex;align-items:center;gap:var(--space-lg);list-style:none}.site-nav a{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);border-bottom:none}.site-nav a:hover{color:var(--color-gold)}.site-main{padding-top:5rem}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-lg)}.essay-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg);padding-block:var(--space-xl)}.essay-card{border:1px solid var(--color-border);padding:var(--space-lg);transition:border-color .2s}.essay-card:hover{border-color:var(--color-gold-muted)}.divider{width:40px;height:1px;background:var(--color-gold);margin-block:var(--space-xl)}@media(max-width:640px){:root{--space-lg: 1.25rem;--space-xl: 2.5rem}h1{font-size:1.8rem}h2{font-size:1.4rem}.site-nav{gap:var(--space-md)}}.surface{background:var(--color-surface);border:1px solid var(--color-border)}.accent{color:var(--color-gold)}.accent-border{border-color:var(--color-gold)}.status-draft{color:var(--color-text-muted)}.status-developing{color:var(--color-gold-muted)}.status-evergreen{color:#4a7c59}.priority-high{color:var(--color-gold)}.priority-medium{color:var(--color-text-secondary)}.priority-low{color:var(--color-text-muted)}.tag{display:inline-block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.2em .7em;border:1px solid var(--color-border);color:var(--color-text-muted);transition:border-color .2s,color .2s}.tag:hover{border-color:var(--color-gold-muted);color:var(--color-gold)}.node-default{fill:var(--color-text-muted)}.node-cognition{fill:#7a6a9a}.node-society{fill:#4a7c59}.node-history{fill:#8a6f32}.node-science{fill:#4a6a7a}.node-personal{fill:#7a4a4a}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border)}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-muted)}:focus-visible{outline:1px solid var(--color-gold);outline-offset:3px}.graph-container{width:100%;height:100vh;position:relative;overflow:hidden;background:var(--color-bg)}.graph-canvas{width:100%;height:100%;cursor:grab}.graph-canvas:active{cursor:grabbing}.graph-node{cursor:pointer;transition:opacity .2s}.graph-node:hover{opacity:.8}.graph-node circle{transition:r .2s}.graph-node:hover circle{r:calc(var(--node-r, 6px) + 2px)}.graph-label{font-family:var(--font-latin);font-size:11px;fill:var(--color-text-secondary);pointer-events:none;user-select:none;transition:fill .2s}.graph-node:hover .graph-label{fill:var(--color-text-primary)}.graph-link{stroke:var(--color-border);stroke-width:1px;transition:stroke .2s}.graph-link:hover{stroke:var(--color-gold-muted)}.graph-reveal{position:relative;min-height:200vh}.graph-reveal__intro{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-lg);transition:opacity .4s,transform .4s;padding-inline:var(--space-lg)}.graph-reveal__intro.is-hidden{opacity:0;transform:translateY(-2rem);pointer-events:none}.graph-reveal__graph{position:sticky;top:0;height:100vh;opacity:0;transition:opacity .6s}.graph-reveal__graph.is-visible{opacity:1}.graph-tooltip{position:absolute;background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);pointer-events:none;opacity:0;transition:opacity .2s;font-size:.85rem;color:var(--color-text-primary);max-width:200px}.graph-tooltip.is-visible{opacity:1}.graph-tooltip__title{color:var(--color-gold);font-size:.9rem;margin-bottom:var(--space-xs)}.graph-tooltip__tags{color:var(--color-text-muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}