:root{--bg:#0a0b10;--panel:#141722;--panel-2:#191d2b;--border:#252a3a;--border-hi:#39405a;--text:#e7e9f0;--muted:#9aa1b4;--faint:#6c7488;--accent:#7c8cff;--accent-2:#34e0d4;--accent-grad:linear-gradient(120deg,#7c8cff 0%,#9b7bff 45%,#34e0d4 100%);--on-accent:#0a0b10;--header-bg:rgba(10,11,16,.72);--radius:16px;--maxw:760px}:root[data-theme=light]{--bg:#f6f8fc;--panel:#ffffff;--panel-2:#eef1f8;--border:#e4e8f1;--border-hi:#cdd4e4;--text:#141823;--muted:#525a70;--faint:#828aa0;--accent:#5b66e6;--accent-2:#0bab9f;--accent-grad:linear-gradient(120deg,#5b66e6 0%,#8366e6 45%,#0bab9f 100%);--on-accent:#ffffff;--header-bg:rgba(246,248,252,.82)}@media(prefers-color-scheme:light){:root:not([data-theme]){--bg:#f6f8fc;--panel:#ffffff;--panel-2:#eef1f8;--border:#e4e8f1;--border-hi:#cdd4e4;--text:#141823;--muted:#525a70;--faint:#828aa0;--accent:#5b66e6;--accent-2:#0bab9f;--accent-grad:linear-gradient(120deg,#5b66e6 0%,#8366e6 45%,#0bab9f 100%);--on-accent:#ffffff;--header-bg:rgba(246,248,252,.82)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.grad{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:var(--header-bg);border-bottom:1px solid var(--border)}.nav{max-width:var(--maxw);margin:0 auto;padding:0 24px;height:62px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em}.brand .dot{width:10px;height:10px;border-radius:3px;background:var(--accent-grad);box-shadow:0 0 16px #7c8cffb3}.nav-right{display:flex;align-items:center;gap:18px}.nav-right a{font-size:14px;color:var(--muted);transition:color .2s}.nav-right a:hover{color:var(--text)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);cursor:pointer;transition:.2s}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle svg{width:17px;height:17px}.theme-toggle .i-sun{display:none}:root[data-theme=light] .theme-toggle .i-sun{display:block}:root[data-theme=light] .theme-toggle .i-moon{display:none}@media(prefers-color-scheme:light){:root:not([data-theme]) .theme-toggle .i-sun{display:block}:root:not([data-theme]) .theme-toggle .i-moon{display:none}}.masthead{padding:64px 0 28px}.masthead .eyebrow{font-family:JetBrains Mono,monospace;font-size:13px;letter-spacing:.04em;color:var(--accent-2);text-transform:uppercase}.masthead h1{font-size:clamp(2.2rem,6vw,3rem);font-weight:800;letter-spacing:-.02em;margin:10px 0 14px}.masthead p{color:var(--muted);font-size:1.05rem;max-width:58ch}main{padding-bottom:80px}.notes-list{display:flex;flex-direction:column;gap:18px;margin-top:8px}.note-card{display:grid;grid-template-columns:96px 1fr;gap:18px;border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);padding:16px;transition:.2s}.note-card:hover{border-color:var(--border-hi);transform:translateY(-2px)}.note-card .thumb{width:96px;height:96px;border-radius:10px;object-fit:cover;background:var(--panel-2);border:1px solid var(--border)}.note-card .meta{display:flex;align-items:center;gap:10px;margin-bottom:6px}.kind{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.03em;padding:3px 9px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.kind.place{color:var(--accent-2);border-color:#34e0d459}.kind.principle{color:var(--accent);border-color:#7c8cff59}.kind.making{color:#ffce82;border-color:#ffce8259}.archive-tag{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.02em;color:var(--faint);border:1px solid var(--border);padding:3px 9px;border-radius:999px}.note-card .when{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--faint)}.note-card h2{font-size:1.2rem;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.note-card .take{color:var(--muted);font-size:.95rem}@media(max-width:560px){.note-card{grid-template-columns:1fr}.note-card .thumb{width:100%;height:180px}}.entry{padding-top:36px}.entry .back{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--muted)}.entry .back:hover{color:var(--accent-2)}.entry header{position:static;background:none;border:none;backdrop-filter:none;padding:0}.entry h1{font-size:clamp(1.9rem,5vw,2.6rem);font-weight:800;letter-spacing:-.02em;margin:18px 0 10px}.entry .meta{display:flex;align-items:center;gap:12px;color:var(--faint);font-family:JetBrains Mono,monospace;font-size:13px;margin-bottom:24px;flex-wrap:wrap}.entry .hero-img{width:100%;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:28px;background:var(--panel-2)}.prose{font-size:1.08rem;color:var(--text)}.prose p{margin:0 0 18px}.prose a{color:var(--accent);text-decoration:underline}.take-box{margin:28px 0;border-left:3px solid var(--accent-2);background:var(--panel);padding:14px 18px;border-radius:0 10px 10px 0}.take-box .label{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-2);display:block;margin-bottom:4px}.syndication{margin-top:28px;padding-top:18px;border-top:1px solid var(--border);font-size:13px;color:var(--faint);font-family:JetBrains Mono,monospace}.syndication a{color:var(--accent)}.map-head{padding:36px 0 18px}#map{height:520px;width:100%;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;background:var(--panel-2)}.leaflet-popup-content{font-family:Inter,sans-serif}footer{border-top:1px solid var(--border);padding:32px 0;margin-top:40px}.foot{max-width:var(--maxw);margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.foot .note{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--faint)}