.notes-page *{box-sizing:border-box}.notes-page{font-family:Inter,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .35s ease,color .35s ease}html[data-mode=light] .notes-page{background:#f4f0e8;color:#1e3a34}html[data-mode=light] .notes-page .n-topbar{border-color:#d8d2c2}html[data-mode=light] .notes-page .n-topbar a,html[data-mode=light] .notes-page .toggle-btn{color:#6b6b66}html[data-mode=light] .notes-page .n-hero .kicker{color:#0e6b6f}html[data-mode=light] .notes-page .n-hero h1{color:#1e3a34}html[data-mode=light] .notes-page .n-hero p{color:#4a4a4a}html[data-mode=light] .notes-page .n-filters{background:#c8a35f0f;border-color:#d8d2c2}html[data-mode=light] .notes-page .n-tag{border-color:#d8d2c2;color:#6b6b66}html[data-mode=light] .notes-page .n-tag.active{background:#e85d2f;color:#f4f0e8;border-color:#e85d2f}html[data-mode=light] .notes-page .n-count{color:#6b6b66}html[data-mode=light] .notes-page .n-post{border-color:#d8d2c2}html[data-mode=light] .notes-page .n-num{color:#c8a35f}html[data-mode=light] .notes-page .n-post h2{color:#1e3a34}html[data-mode=light] .notes-page .n-post .snip{color:#4a4a4a}html[data-mode=light] .notes-page .n-post .row,html[data-mode=light] .notes-page .n-post .date{color:#6b6b66}html[data-mode=light] .notes-page .n-post .pill{background:#0e6b6f1a;color:#0e6b6f}html[data-mode=light] .notes-page .n-footer{border-color:#d8d2c2}html[data-mode=light] .notes-page .footer-line-1{color:#6b6b66}html[data-mode=light] .notes-page .footer-line-2{color:#1e3a34}html[data-mode=light] .notes-page .footer-line-2 a{color:#0e6b6f}html[data-mode=dark] .notes-page{background:#122522;color:#f4f0e8}html[data-mode=dark] .notes-page .n-topbar{border-color:#2a3833}html[data-mode=dark] .notes-page .n-topbar a,html[data-mode=dark] .notes-page .toggle-btn{color:#8a8f88}html[data-mode=dark] .notes-page .n-hero .kicker{color:#5eb0b3}html[data-mode=dark] .notes-page .n-hero h1{color:#f4f0e8}html[data-mode=dark] .notes-page .n-hero p{color:#b8b4a8}html[data-mode=dark] .notes-page .n-filters{background:#d4b27a0d;border-color:#2a3833}html[data-mode=dark] .notes-page .n-tag{border-color:#2a3833;color:#b8b4a8}html[data-mode=dark] .notes-page .n-tag.active{background:#ff7a50;color:#122522;border-color:#ff7a50}html[data-mode=dark] .notes-page .n-count{color:#8a8f88}html[data-mode=dark] .notes-page .n-post{border-color:#2a3833}html[data-mode=dark] .notes-page .n-num{color:#d4b27a}html[data-mode=dark] .notes-page .n-post h2{color:#f4f0e8}html[data-mode=dark] .notes-page .n-post .snip{color:#b8b4a8}html[data-mode=dark] .notes-page .n-post .row,html[data-mode=dark] .notes-page .n-post .date{color:#8a8f88}html[data-mode=dark] .notes-page .n-post .pill{background:#5eb0b326;color:#5eb0b3}html[data-mode=dark] .notes-page .n-footer{border-color:#2a3833}html[data-mode=dark] .notes-page .footer-line-1{color:#8a8f88}html[data-mode=dark] .notes-page .footer-line-2{color:#f4f0e8}html[data-mode=dark] .notes-page .footer-line-2 a{color:#5eb0b3}html[data-mode=light] body:has(.notes-page){background:#f4f0e8}html[data-mode=dark] body:has(.notes-page){background:#122522}.notes-page .n-wrap{max-width:780px;margin:0 auto;padding:0 28px;position:relative;z-index:1}.notes-page .n-topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.notes-page .n-topbar a{text-decoration:none}.notes-page .n-topbar .right{display:flex;gap:18px;align-items:center}.notes-page .toggle-btn{background:none;border:none;font-family:inherit;font-size:14px;cursor:pointer;padding:4px 6px;letter-spacing:.1em;transition:opacity .2s}.notes-page .toggle-btn:hover{opacity:.6}.notes-page .n-hero{padding:72px 0 48px}.notes-page .n-hero .kicker{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}.notes-page .n-hero h1{font-family:Playfair Display,serif;font-style:italic;font-weight:500;font-size:68px;line-height:1;margin:0 0 22px;letter-spacing:-.015em}.notes-page .n-hero p{font-size:16px;line-height:1.7;margin:0;max-width:540px}.notes-page .n-filters{display:flex;gap:8px;padding:16px 28px;margin:0 -28px;flex-wrap:wrap;border-top:1px solid;border-bottom:1px solid;align-items:center}.notes-page .n-tag{font-family:JetBrains Mono,monospace;font-size:11px;padding:6px 14px;border-radius:20px;border:1px solid;letter-spacing:.06em;cursor:pointer;transition:background .2s,color .2s,transform .15s;background:transparent;user-select:none}.notes-page .n-tag:hover{transform:translateY(-1px)}.notes-page .n-count{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.08em}.notes-page .n-list{padding:8px 0 48px}.notes-page .n-post{display:grid;grid-template-columns:70px 1fr auto;gap:24px;padding:30px 0;border-bottom:1px solid;align-items:baseline;cursor:pointer;transition:transform .25s ease}.notes-page .n-post:hover{transform:translate(4px)}.notes-page .n-post:last-child{border-bottom:none}.notes-page .n-num{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;padding-top:8px}.notes-page .n-post h2{font-family:Playfair Display,serif;font-style:italic;font-weight:400;font-size:26px;margin:0 0 10px;line-height:1.2}.notes-page .n-post .snip{font-size:14px;line-height:1.6;margin:0 0 14px}.notes-page .n-post .row{display:flex;gap:10px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;align-items:center;flex-wrap:wrap}.notes-page .n-post .pill{padding:3px 9px;border-radius:10px}.notes-page .n-post .date{font-family:JetBrains Mono,monospace;font-size:11px;text-align:right;padding-top:8px;white-space:nowrap;line-height:1.4}.notes-page .n-footer{padding:40px 0 48px;border-top:1px solid;text-align:center;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.12em}.notes-page .footer-line-1{font-size:10px;margin-bottom:10px;display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.notes-page .footer-line-2{font-size:11px;font-weight:500;display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.notes-page .footer-line-2 a{text-decoration:none;transition:opacity .2s}.notes-page .footer-line-2 a:hover{opacity:.7}.notes-page .ember-dot{color:#e85d2f;font-size:14px;line-height:1;display:inline-block;transform:translateY(-1px)}html[data-mode=dark] .notes-page .ember-dot{color:#ff7a50}.notes-page .n-post.has-body{cursor:pointer;transition:background .2s}.notes-page .n-post.has-body:hover{background:#e85d2f0a}.notes-page .n-open-hint{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.5px;color:#e85d2f;margin-left:8px;opacity:.85;transition:opacity .2s,transform .2s;display:inline-block}.notes-page .n-post.has-body:hover .n-open-hint{opacity:1;transform:translate(3px)}.notes-page .n-modal{position:fixed;inset:0;z-index:100;display:none;align-items:flex-start;justify-content:center;padding:60px 20px 40px;overflow-y:auto}.notes-page .n-modal.open{display:flex}.notes-page .n-modal-overlay{position:fixed;inset:0;background:#1e3a348c;backdrop-filter:blur(6px);cursor:pointer}.notes-page .n-modal-card{position:relative;z-index:1;max-width:720px;width:100%;padding:40px 44px 48px;border-radius:4px;box-shadow:0 24px 60px #1e3a3440;animation:nModalIn .35s cubic-bezier(.2,.8,.2,1)}@keyframes nModalIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notes-page .n-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.notes-page .n-modal-meta{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}.notes-page .n-modal-close{background:transparent;border:none;padding:0;margin:0;font-size:28px;line-height:1;cursor:pointer;font-family:inherit;opacity:.6;transition:opacity .2s}.notes-page .n-modal-close:hover{opacity:1}.notes-page .n-modal-title{font-family:Playfair Display,serif;font-size:34px;font-weight:600;line-height:1.15;letter-spacing:-.5px;margin:0 0 16px}.notes-page .n-modal-snip{font-size:16px;line-height:1.65;margin:0 0 24px;font-style:italic}.notes-page .n-modal-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.notes-page .n-modal-tags .pill{font-family:JetBrains Mono,monospace;font-size:11px;padding:3px 10px;border-radius:20px}.notes-page .n-modal-body{font-size:16px;line-height:1.75}.notes-page .n-modal-body p{margin:0 0 18px}.notes-page .n-modal-body p:last-child{margin-bottom:0}.notes-page .n-modal-body em{font-style:italic}.notes-page .n-modal-body strong{font-weight:600}.notes-page .n-modal-body a{color:#e85d2f;text-decoration:none;border-bottom:1px solid rgba(232,93,47,.3);transition:border-color .2s}.notes-page .n-modal-body a:hover{border-bottom-color:#e85d2f}html[data-mode=light] .notes-page .n-modal-card{background:#fdf9f0;color:#1e3a34}html[data-mode=light] .notes-page .n-modal-meta{color:#6b6b66}html[data-mode=light] .notes-page .n-modal-close{color:#1e3a34}html[data-mode=light] .notes-page .n-modal-snip{color:#4a4a4a}html[data-mode=light] .notes-page .n-modal-tags .pill{background:#0e6b6f1a;color:#0e6b6f}html[data-mode=light] .notes-page .n-modal-body{color:#2a2a2a}html[data-mode=dark] .notes-page .n-modal-card{background:#1b2e2a;color:#f4f0e8}html[data-mode=dark] .notes-page .n-modal-meta{color:#8a8f88}html[data-mode=dark] .notes-page .n-modal-close{color:#f4f0e8}html[data-mode=dark] .notes-page .n-modal-snip{color:#b8b4a8}html[data-mode=dark] .notes-page .n-modal-tags .pill{background:#5eb0b326;color:#5eb0b3}html[data-mode=dark] .notes-page .n-modal-body{color:#ddd9ce}html[data-mode=dark] .notes-page .n-modal-overlay{background:#0a1412b3}body.n-modal-open{overflow:hidden}@media (max-width: 640px){.notes-page .n-wrap{padding:0 18px}.notes-page .n-hero{padding:48px 0 32px}.notes-page .n-hero h1{font-size:46px}.notes-page .n-hero p{font-size:15px}.notes-page .n-filters{padding:14px 18px;margin:0 -18px}.notes-page .n-post{grid-template-columns:44px 1fr;gap:14px;padding:24px 0}.notes-page .n-post h2{font-size:22px}.notes-page .n-post .date{grid-column:2;padding-top:4px;text-align:left}.notes-page .n-num{padding-top:6px}.notes-page .n-footer{padding:32px 0 40px}.notes-page .footer-line-2{font-size:10px}.notes-page .n-modal{padding:30px 12px}.notes-page .n-modal-card{padding:28px 22px 32px}.notes-page .n-modal-title{font-size:26px}.notes-page .n-modal-body{font-size:15px}}