@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,400&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg: #0c0c0c;--bg-elevated: #141414;--bg-soft: #1a1a1a;--ink: #e8e6e1;--ink-muted: #7a7770;--accent: #d4a853;--accent-hover: #e6bf6a;--accent-soft: rgba(212, 168, 83, .08);--accent-border: rgba(212, 168, 83, .2);--accent-btn-border: rgba(212, 168, 83, .35);--accent-btn-bg: rgba(212, 168, 83, .12);--edge: rgba(255, 255, 255, .07);--danger: #c9463a;--radius-lg: 12px;--radius-sm: 8px;--font-display: "Source Serif 4", Georgia, serif;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--shadow: none;--grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");--graph-node: rgba(180, 175, 168, .6);--graph-node-stroke: rgba(255, 255, 255, .12);--graph-folder-fill: rgba(212, 168, 83, .12);--graph-folder-stroke: rgba(212, 168, 83, .6);--graph-edge: rgba(255, 255, 255, .06);--graph-label: rgba(232, 230, 225, .8);--graph-focus-label: #0c0c0c;--graph-focus-stroke: #e8e6e1}[data-theme=light]{--bg: #fafaf8;--bg-elevated: #ffffff;--bg-soft: #f2f1ed;--ink: #1c1b18;--ink-muted: #8a8680;--accent: #9a7b2e;--accent-hover: #7d6320;--accent-soft: rgba(154, 123, 46, .06);--accent-border: rgba(154, 123, 46, .18);--accent-btn-border: rgba(154, 123, 46, .3);--accent-btn-bg: rgba(154, 123, 46, .08);--edge: rgba(0, 0, 0, .07);--danger: #b83d32;--shadow: none;--grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.015'/%3E%3C/svg%3E");--graph-node: rgba(107, 101, 96, .5);--graph-node-stroke: rgba(0, 0, 0, .1);--graph-folder-fill: rgba(154, 123, 46, .1);--graph-folder-stroke: rgba(154, 123, 46, .5);--graph-edge: rgba(0, 0, 0, .06);--graph-label: rgba(28, 27, 24, .7);--graph-focus-label: #ffffff;--graph-focus-stroke: #1c1b18}[data-theme=ocean]{--bg: #0a1628;--bg-elevated: #111e33;--bg-soft: #162640;--ink: #d8e3f0;--ink-muted: #6b8099;--accent: #38bdf8;--accent-hover: #5ccbfa;--accent-soft: rgba(56, 189, 248, .08);--accent-border: rgba(56, 189, 248, .2);--accent-btn-border: rgba(56, 189, 248, .35);--accent-btn-bg: rgba(56, 189, 248, .12);--edge: rgba(255, 255, 255, .08);--danger: #f87171;--shadow: none;--grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");--graph-node: rgba(150, 180, 210, .6);--graph-node-stroke: rgba(255, 255, 255, .12);--graph-folder-fill: rgba(56, 189, 248, .12);--graph-folder-stroke: rgba(56, 189, 248, .6);--graph-edge: rgba(255, 255, 255, .06);--graph-label: rgba(216, 227, 240, .8);--graph-focus-label: #0a1628;--graph-focus-stroke: #d8e3f0}[data-theme=forest]{--bg: #0c1a0f;--bg-elevated: #142118;--bg-soft: #1a2b1f;--ink: #dde8d8;--ink-muted: #7a8e74;--accent: #e2a832;--accent-hover: #f0be50;--accent-soft: rgba(226, 168, 50, .08);--accent-border: rgba(226, 168, 50, .2);--accent-btn-border: rgba(226, 168, 50, .35);--accent-btn-bg: rgba(226, 168, 50, .12);--edge: rgba(255, 255, 255, .07);--danger: #e85d4c;--shadow: none;--grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");--graph-node: rgba(160, 190, 155, .6);--graph-node-stroke: rgba(255, 255, 255, .1);--graph-folder-fill: rgba(226, 168, 50, .12);--graph-folder-stroke: rgba(226, 168, 50, .6);--graph-edge: rgba(255, 255, 255, .06);--graph-label: rgba(221, 232, 216, .8);--graph-focus-label: #0c1a0f;--graph-focus-stroke: #dde8d8}[data-theme=rose]{--bg: #faf5f3;--bg-elevated: #ffffff;--bg-soft: #f0e8e4;--ink: #2d1f1a;--ink-muted: #917a72;--accent: #a3344a;--accent-hover: #8a2a3e;--accent-soft: rgba(163, 52, 74, .06);--accent-border: rgba(163, 52, 74, .18);--accent-btn-border: rgba(163, 52, 74, .3);--accent-btn-bg: rgba(163, 52, 74, .08);--edge: rgba(0, 0, 0, .07);--danger: #c9463a;--shadow: none;--grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.015'/%3E%3C/svg%3E");--graph-node: rgba(145, 122, 114, .5);--graph-node-stroke: rgba(0, 0, 0, .1);--graph-folder-fill: rgba(163, 52, 74, .1);--graph-folder-stroke: rgba(163, 52, 74, .5);--graph-edge: rgba(0, 0, 0, .06);--graph-label: rgba(45, 31, 26, .7);--graph-focus-label: #ffffff;--graph-focus-stroke: #2d1f1a}[data-theme=mono]{--bg: #000000;--bg-elevated: #111111;--bg-soft: #1a1a1a;--ink: #e0e0e0;--ink-muted: #707070;--accent: #e0e0e0;--accent-hover: #ffffff;--accent-soft: rgba(224, 224, 224, .06);--accent-border: rgba(224, 224, 224, .15);--accent-btn-border: rgba(224, 224, 224, .25);--accent-btn-bg: rgba(224, 224, 224, .08);--edge: rgba(255, 255, 255, .1);--danger: #ff5555;--shadow: none;--grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.02'/%3E%3C/svg%3E");--graph-node: rgba(180, 180, 180, .5);--graph-node-stroke: rgba(255, 255, 255, .15);--graph-folder-fill: rgba(224, 224, 224, .08);--graph-folder-stroke: rgba(224, 224, 224, .4);--graph-edge: rgba(255, 255, 255, .06);--graph-label: rgba(224, 224, 224, .7);--graph-focus-label: #000000;--graph-focus-stroke: #e0e0e0}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:1.05rem;line-height:1.65;color:var(--ink);background-color:var(--bg);background-image:var(--grain);transition:background-color .3s ease,color .3s ease}.theme-picker{position:relative}.theme-picker__btn{display:flex;align-items:center;gap:.3rem;background:none;border:1px solid var(--edge);border-radius:6px;padding:.35rem .5rem;cursor:pointer;color:var(--ink-muted);font-size:.7rem;font-family:var(--font-sans);transition:border-color .15s}.theme-picker__btn:hover{border-color:var(--accent-border)}.theme-picker__dot{width:10px;height:10px;border-radius:50%;display:block;transition:background .2s}.theme-picker__arrow{font-size:.6rem;color:var(--ink-muted)}.theme-picker__menu{display:none;flex-direction:column;position:absolute;top:calc(100% + .4rem);right:0;min-width:140px;padding:.3rem;background:var(--bg-elevated);border:1px solid var(--edge);border-radius:var(--radius-sm);z-index:200}.theme-picker__opt{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .6rem;background:none;border:none;border-radius:4px;cursor:pointer;font-size:.82rem;font-family:var(--font-sans);font-weight:500;color:var(--ink);text-align:left;transition:background .1s}.theme-picker__opt:hover{background:var(--bg-soft)}.theme-picker__swatch{width:14px;height:14px;border-radius:50%;display:block;flex-shrink:0}.theme-picker__divider{height:1px;background:var(--edge);margin:.2rem 0}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.2em;transition:color .15s ease,opacity .15s ease}a:hover{color:var(--accent-hover)}.prose a.internal{text-decoration-style:dotted;text-underline-offset:.18em}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.15}.prose{max-width:42rem}.prose h1{font-size:clamp(2rem,4vw,2.75rem);margin-top:0;margin-bottom:.75rem}.prose h2{font-size:1.35rem;margin-top:2rem;margin-bottom:.5rem}.prose p{margin:0 0 1rem}.prose strong{color:var(--ink);font-weight:600}.prose ul,.prose ol{margin:0 0 1rem;padding-left:1.25rem}.prose li{margin-bottom:.35rem}.prose blockquote{margin:1.25rem 0;padding-left:1rem;border-left:3px solid var(--accent);color:var(--ink-muted);font-style:italic}code{font-family:ui-monospace,Cascadia Code,monospace;font-size:.92em;background:var(--bg-soft);padding:.12em .35em;border-radius:6px}.shell{max-width:1100px;margin:0 auto;padding:0 clamp(1rem,4vw,1.5rem) 4rem}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0 2.5rem;border-bottom:1px solid var(--edge)}.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none}.brand-logo{height:28px;width:auto;display:block}.brand-text{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--ink);letter-spacing:-.02em}.brand:hover .brand-text{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:1rem}.nav-links{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.nav-links>a{font-size:.92rem;font-weight:600;color:var(--ink-muted);text-decoration:none}.nav-links>a:hover{color:var(--ink)}.nav-dropdown{position:relative}.nav-dropdown__trigger{font-size:.92rem;font-weight:600;color:var(--ink-muted);text-decoration:none;cursor:pointer;display:flex;align-items:center;gap:.2rem}.nav-dropdown__trigger:hover{color:var(--ink)}.nav-dropdown__arrow{font-size:.65rem;transition:transform .15s}.nav-dropdown__menu{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:140px;padding:.5rem 0 .35rem;background:var(--bg-elevated);border:1px solid var(--edge);border-radius:var(--radius-sm);z-index:100}.nav-dropdown__menu:before{content:"";position:absolute;top:-.5rem;left:0;right:0;height:.5rem}.nav-dropdown:hover .nav-dropdown__menu,.nav-dropdown:focus-within .nav-dropdown__menu{display:block}.nav-dropdown:hover .nav-dropdown__arrow{transform:rotate(180deg)}.nav-dropdown__menu a{display:block;padding:.4rem .9rem;font-size:.85rem;font-weight:500;color:var(--ink-muted);text-decoration:none;transition:background .1s,color .1s}.nav-dropdown__menu a:hover{background:var(--bg-soft);color:var(--ink)}.page-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;letter-spacing:-.02em;margin:1.5rem 0 .2rem;white-space:nowrap}.page-sub{font-size:.88rem;color:var(--ink-muted);margin:0 0 1.2rem}.tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.28rem .55rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.note-card{display:block;padding:1.25rem 1.35rem;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--edge);text-decoration:none;color:inherit;transition:border-color .2s ease}.note-card:hover{border-color:var(--accent-border)}.note-card h2{font-size:1.15rem;margin:0 0 .35rem;font-family:var(--font-display)}.note-card .meta{font-size:.82rem;color:var(--ink-muted)}.note-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .65rem;color:var(--ink-muted);font-size:.95rem;margin-top:-.25rem}.note-meta__tags{display:inline-flex;gap:.35rem;flex-wrap:wrap}.side-panel{margin-top:2.5rem;padding:1.25rem 1.35rem;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--edge)}.side-panel h3{font-family:var(--font-sans);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 .75rem}.backlink-list{list-style:none;padding:0;margin:0}.backlink-list li{margin-bottom:.5rem}.backlink-list a{font-weight:600}.graph-frame{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--edge);background:var(--bg-elevated);box-shadow:var(--shadow)}.graph-hint{font-size:.85rem;color:var(--ink-muted);margin-top:.75rem}.hero{padding:2rem 0 3rem}.hero-eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.hero h1{font-size:clamp(2.4rem,5vw,3.4rem);max-width:14ch;margin:0 0 1rem}.hero-tagline{font-size:1.2rem;line-height:1.45;color:var(--ink);max-width:42ch;margin:0 0 1.1rem;font-style:italic}.hero-lede{font-size:1.15rem;color:var(--ink-muted);max-width:38ch;margin:0}.section-title{font-family:var(--font-display);font-size:1.5rem;margin:0 0 1rem}.write-md-wrap{max-width:100%;overflow-x:auto}.write-md-wrap :global(.w-md-editor){min-height:0}.notes-filters{margin-bottom:2rem}.notes-filters__row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.notes-filters__field{display:flex;flex-direction:column;gap:.35rem;min-width:min(100%,11rem);flex:1 1 10rem}.notes-filters__label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.notes-filters__select{padding:.55rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--edge);background:var(--bg-soft);color:var(--ink);font-family:inherit;font-size:.95rem;width:100%}.notes-filters__submit{padding:.55rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--accent-btn-border);background:var(--accent-btn-bg);color:var(--accent);font-weight:700;cursor:pointer;font-family:inherit;align-self:flex-end}.notes-filters__meta{margin:.75rem 0 0;font-size:.9rem;color:var(--ink-muted)}.notes-list-view{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.notes-list-view__link{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.15rem;border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--bg-elevated),var(--bg-soft));border:1px solid var(--edge);text-decoration:none;color:inherit;transition:border-color .2s ease,transform .15s ease}.notes-list-view__link:hover{border-color:var(--accent-border);transform:translateY(-2px)}.notes-list-view__title{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--ink)}.notes-list-view__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.82rem;color:var(--ink-muted)}.notes-list-view__author{font-weight:600}.notes-list-view__folder{font-weight:700;color:var(--accent)}.notes-list-view__tags{display:flex;flex-wrap:wrap;gap:.35rem}.graph-frame{-webkit-overflow-scrolling:touch}.graph-frame .float-tooltip-kap{transform:translate(-50%,calc(-100% - 12px))!important}@media(max-width:640px){.nav{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 0 1.5rem}.nav>div{width:100%;justify-content:space-between}.nav-links{gap:.9rem}.nav-links a{font-size:.95rem;padding:.25rem 0}.hero{padding:1.25rem 0 1.5rem}.hero h1{font-size:clamp(1.85rem,8vw,2.4rem)}.hero-tagline{font-size:1.05rem}.hero-lede{font-size:1rem}.section-title{font-size:1.25rem}.graph-frame{border-radius:var(--radius-sm)}.card-grid{grid-template-columns:1fr}.note-card{padding:1rem 1.1rem}.notes-filters{margin-bottom:1.25rem}.notes-filters__row{flex-direction:column;align-items:stretch;gap:.5rem}.notes-filters__field{gap:.2rem}.notes-filters__submit{align-self:stretch;padding:.7rem 1rem;margin-top:.25rem}.notes-list-view__link{padding:.85rem 1rem}.notes-list-view__meta{flex-direction:column;align-items:flex-start}.prose{max-width:100%}.prose h1{font-size:clamp(1.65rem,7vw,2rem)}.side-panel{margin-top:1.75rem;padding:1rem 1.1rem}.tag{font-size:.68rem;padding:.22rem .45rem}.write-md-wrap{margin:0 -.25rem}}