:root{--ink:#16231f;--muted:#68766f;--paper:#fbfaf5;--line:#dfe4d9;--accent:#315f50;--lime:#d2ec80;--shadow:0 20px 50px rgba(24,46,37,.08)}*{box-sizing:border-box}html{min-width:320px;background:#f2f4ed}body{margin:0;color:var(--ink);background:radial-gradient(circle at 88% -8%,#d9ecc9 0,transparent 31rem),#f2f4ed;font-family:Arial,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}code{padding:.14em .38em;border-radius:5px;background:#e7ece3;font:.88em ui-monospace,SFMono-Regular,Menlo,monospace}.library-shell{max-width:1120px;min-height:100vh;padding:90px 36px;margin:auto}.library-hero{display:flex;align-items:flex-start;gap:20px;margin:0 0 55px}.brand-mark{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:14px;background:var(--ink);color:#e2f39d;font:700 30px Georgia,serif;box-shadow:0 7px 18px rgba(21,37,31,.2)}.eyebrow{margin:1px 0 8px;color:var(--accent);font:700 11px ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;text-transform:uppercase}h1{margin:0;font:500 clamp(32px,5vw,52px)/1.05 Georgia,Times New Roman,serif;letter-spacing:-.04em}.hero-copy{margin:13px 0 0;color:var(--muted);font-size:16px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.note-card{position:relative;min-height:196px;padding:23px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,252,.75);transition:transform .2s,box-shadow .2s,border-color .2s}.note-card:hover{transform:translateY(-4px);border-color:#acbfae;box-shadow:var(--shadow)}.note-card-icon{position:absolute;top:18px;right:20px;color:#8a988b;font-size:18px}.note-card-path{max-width:82%;margin:0 0 18px;overflow:hidden;color:#88948e;font:11px/1.3 ui-monospace,SFMono-Regular,monospace;text-overflow:ellipsis;white-space:nowrap}.note-card h2{max-width:92%;margin:0;font:500 24px/1.14 Georgia,serif;letter-spacing:-.025em}.note-card-meta{position:absolute;bottom:40px;margin:0;color:var(--muted);font-size:12px}.note-card-slug{position:absolute;bottom:20px;color:var(--accent);font:600 11px ui-monospace,SFMono-Regular,monospace}.empty-state{grid-column:1/-1;padding:58px 30px;border:1px dashed #b9c8b8;border-radius:18px;text-align:center;background:rgba(255,255,255,.35)}.empty-state>span{color:#7d9d63;font-size:25px}.empty-state h2{margin:9px 0;font:500 25px Georgia,serif}.empty-state p{margin:0;color:var(--muted)}.reader-shell{max-width:940px;min-height:100vh;padding:28px 28px 46px;margin:auto}.reader-header{justify-content:space-between;margin:0 0 26px}.back-link,.reader-header{display:flex;align-items:center}.back-link{gap:8px;color:#4d6259;font-size:14px}.back-link span{font:600 17px Georgia,serif}.public-badge{display:flex;align-items:center;gap:7px;color:#477160;font:600 11px ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.05em}.public-badge i{width:7px;height:7px;border-radius:50%;background:#77b86b;box-shadow:0 0 0 4px #dcedd5}.note-paper{padding:clamp(28px,7vw,80px);border:1px solid #e3e4dc;border-radius:5px;background:var(--paper);box-shadow:var(--shadow)}.note-paper-drawing{padding:28px}.excalidraw-frame{height:min(72vh,760px);min-height:460px;margin-top:24px;overflow:hidden;border:1px solid #dfe5da;border-radius:8px;background:#fff}.drawing-loading{display:grid;height:100%;place-items:center;color:var(--muted);font-size:14px}.note-context{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #e6e7de;color:#7c887f;font:11px/1.45 ui-monospace,SFMono-Regular,monospace}.note-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-context time{flex:0 0 auto}.prose{padding-top:38px;font-size:17px;line-height:1.72}.prose>:first-child{margin-top:0}.prose h1,.prose h2,.prose h3{scroll-margin-top:20px;color:#17261f;font-family:Georgia,Times New Roman,serif;letter-spacing:-.027em;line-height:1.18}.prose h1{margin:0 0 29px;font-size:clamp(34px,5vw,52px)}.prose h2{margin:2em 0 .65em;font-size:30px}.prose h3{margin:1.6em 0 .5em;font-size:23px}.prose ol,.prose p,.prose ul{margin:0 0 1.25em}.prose li+li{margin-top:.35em}.prose a{color:#175e47;text-decoration:underline;-webkit-text-decoration-color:#9fc1ac;text-decoration-color:#9fc1ac;text-underline-offset:3px}.prose blockquote{margin:1.6em 0;padding:3px 0 3px 20px;border-left:3px solid #a8c68f;color:#526259;font-family:Georgia,serif;font-size:1.12em}.prose pre{padding:16px;overflow:auto;border-radius:9px;background:#20342d;color:#edf3eb}.prose pre code{padding:0;background:none}.prose img{height:auto;margin:1.8em auto;border-radius:7px}.prose img,.prose table{display:block;max-width:100%}.prose table{overflow:auto;border-collapse:collapse;margin:1.5em 0}.prose td,.prose th{padding:9px 12px;border:1px solid #dfe5dc;text-align:left}.prose th{background:#f0f3eb}.prose hr{border:0;border-top:1px solid #e0e4db;margin:2em 0}.reader-footer{margin-top:24px;color:#849087;font:11px ui-monospace,SFMono-Regular,monospace;text-align:center}.reader-footer span{padding:0 6px;color:#b0bcb1}.not-found{display:flex;min-height:100vh;max-width:650px;flex-direction:column;align-items:flex-start;justify-content:center;padding:35px;margin:auto}.not-found .brand-mark{margin-bottom:30px}.not-found h1{margin-bottom:17px}.not-found p:not(.eyebrow){max-width:430px;margin:0 0 28px;color:var(--muted);line-height:1.6}.not-found a{padding:11px 15px;border-radius:8px;background:var(--ink);color:white;font-size:14px}@media (max-width:720px){.library-shell{padding:50px 20px}.library-hero{margin-bottom:37px}.note-grid{grid-template-columns:1fr}.reader-shell{padding:18px 12px 30px}.note-paper{padding:28px 22px}.note-paper-drawing{padding:20px 12px}.excalidraw-frame{height:65vh;min-height:400px}.note-context{display:block}.note-context time{display:block;margin-top:7px}.prose{font-size:16px}}