.note-page{padding-top:64px;padding-bottom:6rem}.note-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:3rem 0 4rem}.note-header__inner{max-width:760px}.note-back{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:.375rem;margin-bottom:1.5rem;text-decoration:none;display:inline-flex}.note-back:hover{color:var(--text-primary)}.note-header__meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.note-header__date,.note-header__reading{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:.35rem;display:inline-flex}.note-header__title{font-size:clamp(var(--text-2xl),5vw,var(--text-5xl));letter-spacing:-.04em;color:var(--text-primary);margin:0 0 1.25rem;font-weight:800;line-height:1.1}.note-header__summary{font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.7}.note-header__tags{flex-wrap:wrap;gap:.375rem;display:flex}.note-body{max-width:760px;padding-top:4rem}.note-content{line-height:1.75}.note-content .md-h2{font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.03em;border-bottom:1px solid var(--border-subtle);margin:3rem 0 1rem;padding-bottom:.75rem;font-weight:700}.note-content .md-h3{font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.02em;margin:2rem 0 .75rem;font-weight:700}.note-content .md-p{color:var(--text-secondary);font-size:var(--text-base);margin:0 0 1.25rem;line-height:1.8}.note-content .md-list{flex-direction:column;gap:.5rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.note-content .md-li{font-size:var(--text-base);color:var(--text-secondary);align-items:flex-start;gap:.75rem;line-height:1.65;display:flex}.note-content .md-li:before{content:"";background:var(--accent-primary);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:.6em}.note-content .md-checkbox:before{content:"□";color:var(--text-muted);background:0 0;border-radius:0;width:auto;height:auto;margin-top:0;font-size:1em}.note-content .md-checkbox--done:before{content:"☑";color:var(--success)}.note-content .md-pre{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-sm);margin:1.5rem 0;padding:1.5rem;line-height:1.65;overflow-x:auto}.note-content .md-pre code{color:var(--text-primary);background:0 0;border:none;border-radius:0;padding:0;font-family:inherit}.note-content .md-inline-code{font-family:var(--font-mono);color:var(--accent-primary);background:var(--accent-subtle);border-radius:var(--radius-sm);border:1px solid rgba(99,102,241,.15);padding:.15em .4em;font-size:.875em}.note-content .md-figure{text-align:center;margin:2rem 0}.note-content .md-img{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);max-width:100%;height:auto;margin:0 auto;display:block}.note-content .md-figcaption{font-size:var(--text-xs);color:var(--text-muted);margin-top:.625rem;font-style:italic}.note-content .md-callout{border-left:3px solid var(--accent-primary);background:var(--accent-subtle);border-radius:0 var(--radius-md)var(--radius-md)0;color:var(--text-secondary);font-size:var(--text-base);margin:1.5rem 0;padding:1rem 1.25rem;line-height:1.7}.note-content .md-hr{border:none;border-top:1px solid var(--border-subtle);margin:2.5rem 0}.note-nav{border-top:1px solid var(--border-subtle);justify-content:space-between;gap:1rem;max-width:760px;margin-top:4rem;padding-top:2rem;display:flex}.note-nav__link{color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:.75rem;max-width:45%;text-decoration:none;display:flex}.note-nav__link:hover{color:var(--text-primary)}.note-nav__link--next{text-align:right;flex-direction:row-reverse}.note-nav__link span{flex-direction:column;gap:.2rem;display:flex}.note-nav__dir{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.note-nav__label{font-size:var(--text-sm);color:inherit;font-weight:600}