:root{--notes-max-width: 720px;--code-bg: #1D1D1F;--code-text: #F5F5F7;--tag-bg: rgba(139, 26, 26, .08)}.notes-shell{background:var(--cream);color:var(--text);min-height:100vh;display:flex;flex-direction:column}.notes-hero{background:var(--primary);color:#fff;position:relative;overflow:hidden}.notes-hero--image{background-color:var(--primary);background-image:linear-gradient(135deg,#8b1a1ac7,#1d1d1f8c),var(--hero-image, none);background-size:cover;background-position:center center;background-repeat:no-repeat}.notes-hero-inner{max-width:var(--notes-max-width);margin:0 auto;padding:2.5rem 1.5rem 4rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.notes-hero h1{color:#fff;font-size:3rem;line-height:1.1;letter-spacing:-.02em;font-weight:700;margin:0 0 1rem}.notes-hero .notes-tagline{color:#ffffffd9;font-size:1.1rem;line-height:1.55;margin:0;max-width:600px}.notes-hero .notes-meta{color:#ffffffb3;font-size:.95rem;margin:.75rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}.notes-hero .notes-meta time{font-variant-numeric:tabular-nums}.notes-hero .notes-tag{font-size:.78rem;background:#ffffff2e;color:#fff;padding:.18rem .6rem;border-radius:.3rem;font-weight:500}.notes-hero .notes-tags{display:inline-flex;gap:.4rem;flex-wrap:wrap}.notes-nav{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.15)}.notes-nav-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:baseline;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.notes-nav-brand{color:#fff;text-decoration:none;font-weight:600;font-size:1.1rem;letter-spacing:-.01em}.notes-nav-brand:hover{color:#ffffffd9}.notes-nav-links{display:flex;gap:2rem;font-size:.95rem}.notes-nav-links a{color:#ffffffbf;text-decoration:none;transition:color .2s ease}.notes-nav-links a:hover,.notes-nav-links a[aria-current=page]{color:#fff;font-weight:600}.notes-container{max-width:var(--notes-max-width);margin:0 auto;padding:4rem 1.5rem 6rem;flex:1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.7}.notes-container h2{font-size:1.6rem;line-height:1.3;letter-spacing:-.01em;font-weight:600;margin:3rem 0 1rem;color:var(--text)}.notes-container h3{font-size:1.25rem;line-height:1.4;font-weight:600;margin:2.25rem 0 .6rem;color:var(--text)}.notes-container p{margin:0 0 1.4rem;color:var(--text)}.notes-container img,.notes-container picture,.notes-container figure{display:block;max-width:100%;width:auto;height:auto;max-height:58vh;margin:1.4rem auto .9rem;border-radius:.5rem;box-shadow:0 8px 32px #0000001f}.notes-container figure img{margin:0 auto .5rem;box-shadow:none}.notes-container figcaption{text-align:center;color:var(--text-light);font-size:.92rem;margin:0 auto 2rem;max-width:90%}.notes-container a{color:var(--primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s ease}.notes-container a:hover{color:var(--accent)}.notes-container strong{font-weight:600;color:var(--text)}.notes-container blockquote{border-left:3px solid var(--primary);padding-left:1.25rem;margin:1.75rem 0;color:var(--text-light);font-style:italic}.notes-container pre{background:var(--code-bg);color:var(--code-text);padding:1.1rem 1.25rem;border-radius:.6rem;overflow-x:auto;margin:1.75rem 0;font-size:.88rem;line-height:1.55}.notes-container code{background:var(--tag-bg);color:var(--primary);padding:.1rem .4rem;border-radius:.25rem;font-size:.92em;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-weight:500}.notes-container pre code{background:transparent;color:inherit;padding:0;border-radius:0;font-size:inherit;font-weight:400}.notes-container table{border-collapse:collapse;margin:1.75rem 0;width:100%;font-size:.95rem}.notes-container th,.notes-container td{border:1px solid var(--border);padding:.55rem .85rem;text-align:left}.notes-container th{background:var(--cream);font-weight:600;color:var(--text)}.notes-container hr{border:0;border-top:1px solid var(--border);margin:3rem 0}.notes-container ul,.notes-container ol{margin:0 0 1.4rem;padding-left:1.5rem}.notes-container li{margin-bottom:.5rem}.notes-list{list-style:none;padding:0;margin:0}.notes-list-item{border-bottom:1px solid var(--border);padding:1.5rem 0}.notes-list-item:first-child{border-top:1px solid var(--border)}.note-title{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;line-height:1.35}.note-title a{color:var(--text);text-decoration:none}.note-title a:hover{color:var(--primary)}.note-card{display:flex;align-items:flex-start;gap:.875rem}.note-thumb-link{flex-shrink:0;display:block;border-radius:.5rem;overflow:hidden;line-height:0}.note-thumb{width:88px;height:88px;object-fit:cover;display:block;border-radius:.5rem;transition:opacity .15s ease;margin:0;box-shadow:none}.note-thumb-link:hover .note-thumb{opacity:.88}.note-body{flex:1;min-width:0}.notes-list-item .desc{color:var(--text-light);font-size:.88rem;line-height:1.5;margin:0 0 .3rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.notes-list-item .meta{color:var(--text-light);font-size:.8rem;margin:0}.notes-empty{color:var(--text-light);font-style:italic;text-align:center;padding:3rem 0}.notes-footer{background:var(--dark);color:#fff;padding:4rem 2rem 3rem;margin-top:auto;text-align:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.notes-footer-inner{max-width:1200px;margin:0 auto}.notes-footer-inner p{opacity:.7;font-size:.95rem;margin:.5rem 0}.notes-footer-links{display:flex;gap:2rem;justify-content:center;margin-top:1.25rem}.notes-footer-links a{color:#fff;opacity:.7;text-decoration:none;font-size:.95rem;transition:opacity .2s ease}.notes-footer-links a:hover{opacity:1}@media (max-width: 640px){.notes-nav{padding:1rem 1.25rem}.notes-nav-links{gap:1.25rem}.notes-hero-inner{padding:1.5rem 1.25rem 3rem}.notes-hero h1{font-size:2.25rem}.notes-hero .notes-tagline{font-size:1rem}.notes-container{padding:2.5rem 1.25rem 4rem}.note-thumb{width:72px;height:72px}.note-card{gap:.75rem}.notes-list-item{padding:1.25rem 0}.note-title{font-size:1rem}.notes-list-item .desc{font-size:.85rem}}