@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@0,700;0,900;1,700;1,900&display=swap";:root{--bg:#f3eee6;--bg-secondary:#fffbf4;--surface:#fff;--fg:#1a1a1a;--fg-secondary:#4a4a4a;--fg-muted:#737373;--accent-red:#c54228;--accent-green:#4b8564;--border:#d6d1c9;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-serif:"Playfair Display", Georgia, serif}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-sans);margin:0;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--fg);letter-spacing:-.02em;margin-bottom:.5rem}p{color:var(--fg-secondary);font-size:1.125rem}button,.pill{background-color:var(--bg-secondary);color:var(--fg-secondary);border:1px solid var(--border);cursor:pointer;font-family:var(--font-sans);border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}button:hover,.pill:hover{background-color:#eae5dc}.pill-green{border-color:var(--accent-green);color:var(--accent-green);background-color:#4b856414}.pill-green:hover{background-color:#4b856426}.text-red{color:var(--accent-red)}.text-italic{font-style:italic}.overline{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.15em;color:var(--accent-red);font-size:.75rem;font-weight:600}a{color:var(--accent-red);text-decoration:none}a:hover{text-decoration:underline}.note-card{background-color:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex;position:relative}.note-card:hover{background-color:#eae5dc;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.note-card-link{flex:1;justify-content:space-between;align-items:center;min-width:0;text-decoration:none;display:flex}.note-card-content{align-items:center;gap:1rem;display:flex}.note-number{color:var(--accent-red);font-family:var(--font-sans);background-color:#c542281a;border-radius:20px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.125rem;font-weight:700;display:flex}.note-details h2{margin:0 0 .25rem;font-size:1.5rem}.note-details p{font-size:.9rem;font-family:var(--font-sans);margin:0}.note-arrow{color:var(--border);font-size:1.5rem}.author-popover-wrapper{flex-shrink:0;margin-left:1rem;position:relative}.author-button{color:var(--accent-red);background:0 0;border:0;padding:.35rem 0;font-size:.8rem;font-weight:600}.author-button:hover{background:0 0;text-decoration:underline}.author-popover{z-index:2;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:190px;padding:.85rem 1rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 8px 24px #0000001f}.author-popover-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.author-popover-close{background:0 0;border:0;padding:0;font-size:1.1rem;line-height:1}.author-popover ul{margin:.65rem 0 0;padding:0;list-style:none}.author-popover p{margin:.65rem 0 0;font-size:.8rem}.author-popover li+li{margin-top:.35rem}.author-popover a{font-size:.85rem}.note-card:hover .note-arrow{color:var(--accent-red)}.note-page-container{gap:3rem;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.note-sidebar-wrapper{flex-shrink:0;width:250px;height:fit-content;position:sticky;top:2rem}.note-sidebar h3{margin-bottom:1rem;font-size:1.25rem}.note-sidebar ul{margin:0;padding:0;list-style:none}.note-sidebar li{margin-bottom:.5rem}.note-sidebar a{color:var(--fg-secondary);font-size:.95rem;transition:color .2s}.note-sidebar a:hover{color:var(--accent-red);text-decoration:none}.note-content{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex:1;max-width:800px;padding:3rem}.note-content pre{border-radius:8px;padding:1rem;overflow-x:auto;background-color:#1e1e1e!important}.notes-list{margin:.5rem 0;padding:0}.note-content h2,.note-content h3{margin-top:2.5rem}.note-author{color:var(--fg-muted);align-items:center;gap:.4rem;margin:-.5rem 0 2rem;font-size:.85rem;display:flex}.note-content p{margin-bottom:1.25rem}.note-content ul,.note-content ol{color:var(--fg-secondary);margin-bottom:1.5rem;padding-left:1.5rem;font-size:1.125rem}.note-content li{margin-bottom:.5rem}.note-content blockquote{border-left:4px solid var(--accent-red);background-color:var(--bg);color:var(--fg-muted);border-radius:0 12px 12px 0;margin:1.5rem 0;padding:.75rem 1.5rem;font-style:italic}.note-content blockquote p{margin:0}.note-content code:not(pre code){color:var(--accent-red);word-break:break-word;background-color:#0000000d;border-radius:6px;padding:.2rem .4rem;font-family:monospace;font-size:.85em}.landing-container{max-width:800px;margin:4rem auto;padding:0 2rem}.landing-title{font-size:4.5rem;line-height:1.1;font-family:var(--font-serif);color:var(--fg);letter-spacing:-.02em;margin-bottom:1.5rem}.landing-subtitle{max-width:650px;color:var(--fg-secondary);margin-bottom:2.5rem;font-size:1.125rem}@media (width<=600px){.landing-container{margin:2rem auto;padding:0 1rem}.landing-title{font-size:3rem}}.mobile-menu-toggle{background:var(--surface);border:1px solid var(--border);text-align:left;width:100%;color:var(--fg);cursor:pointer;border-radius:8px;margin-bottom:1rem;padding:1rem;font-size:1rem;font-weight:600;display:none}@media (width<=900px){.mobile-menu-toggle{display:block}.note-page-container{flex-direction:column;gap:1rem;padding:1.5rem}.note-sidebar-wrapper{border-bottom:1px solid var(--border);width:100%;padding-bottom:1rem;position:static}.note-sidebar{display:none}.note-sidebar.open{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;padding:1.5rem;display:block}.note-sidebar ul{flex-direction:column;gap:.5rem;display:flex}}@media (width<=600px){.note-page-container{gap:.75rem;padding:.75rem .5rem}.note-sidebar-wrapper{padding-bottom:.5rem}.note-content{border-radius:12px;padding:1.25rem .75rem}.note-content h1{margin-top:0;margin-bottom:1rem;font-size:1.75rem;line-height:1.2}.note-content p,.note-content ul,.note-content ol,.note-content li{font-size:1rem}.note-number{width:45px;height:45px;font-size:1rem}.note-details h2{font-size:1.25rem}}