.notes-page{width:100%;padding-bottom:2rem}.notes-hero{border-bottom:1px solid hsl(var(--border));grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;margin:1.75rem 0 1.7rem;padding-bottom:1.35rem;display:grid}.notes-eyebrow{color:hsl(var(--primary));letter-spacing:.08em;text-transform:uppercase;margin:0 0 .45rem;font-size:.84rem;font-weight:700}.notes-hero h1{margin:0 0 .55rem;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:560;line-height:1.06}.notes-hero p{max-width:39rem;color:hsl(var(--muted-foreground));margin:0;font-size:1.06rem;line-height:1.7}.notes-stats{grid-template-columns:repeat(2,minmax(5.8rem,auto));gap:.75rem;display:grid}.notes-stat{border:1px solid hsl(var(--border));background:hsl(var(--background) / .75);text-align:right;border-radius:.5rem;min-width:5.8rem;padding:.72rem .85rem}.notes-stat strong{color:hsl(var(--foreground));font-size:1.35rem;font-weight:650;line-height:1.1;display:block}.notes-stat span{color:hsl(var(--muted-foreground));margin-top:.28rem;font-size:.84rem;line-height:1.2;display:block}.notes-toolbar{justify-content:space-between;align-items:center;gap:.9rem;margin-bottom:1.6rem;display:flex}.notes-search{min-width:min(100%,22rem);position:relative}.notes-search:before{content:"";border:2px solid hsl(var(--muted-foreground) / .7);border-radius:999px;width:.75rem;height:.75rem;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.notes-search:after{content:"";background:hsl(var(--muted-foreground) / .7);border-radius:999px;width:.45rem;height:2px;position:absolute;top:calc(50% + .35rem);left:1.55rem;transform:rotate(45deg)}.notes-search input{border:1px solid hsl(var(--border));background:hsl(var(--background) / .78);width:100%;min-height:2.75rem;color:hsl(var(--foreground));font:inherit;border-radius:.5rem;outline:none;padding:.72rem .9rem .72rem 2.65rem;transition:border-color .16s,box-shadow .16s}.notes-search input:focus{border-color:hsl(var(--primary) / .72);box-shadow:0 0 0 3px hsl(var(--primary) / .12)}.notes-search input::placeholder{color:hsl(var(--muted-foreground) / .72)}.notes-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.notes-actions button{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .5);min-height:2.55rem;color:hsl(var(--foreground));font:inherit;cursor:pointer;border-radius:.5rem;padding:.55rem .82rem;font-size:.92rem;transition:background-color .16s,border-color .16s,color .16s}.notes-actions button:hover,.notes-actions button:focus-visible{border-color:hsl(var(--primary) / .55);background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.notes-timeline{gap:1rem;display:grid}.notes-month{border:1px solid hsl(var(--border));background:hsl(var(--background) / .78);box-shadow:0 12px 28px hsl(var(--foreground) / .035);border-radius:.5rem;overflow:hidden}.notes-month[hidden],.notes-entry[hidden]{display:none}.notes-month summary{cursor:pointer;align-items:center;gap:.85rem;min-height:4.2rem;padding:.95rem 1.1rem;list-style:none;display:flex}.notes-month summary::-webkit-details-marker{display:none}.notes-month summary:after{content:"+";border:1px solid hsl(var(--border));width:1.6rem;height:1.6rem;color:hsl(var(--muted-foreground));border-radius:999px;flex:none;place-items:center;margin-left:auto;font-size:1rem;line-height:1;display:grid}.notes-month[open] summary:after{content:"-"}.notes-month-title{gap:.2rem;display:grid}.notes-month-title strong{color:hsl(var(--foreground));font-size:1.12rem;font-weight:630;line-height:1.2}.notes-month-title span{color:hsl(var(--muted-foreground));font-size:.9rem}.notes-list{gap:.75rem;padding:0 1.1rem 1.1rem;display:grid}.notes-entry{border:1px solid hsl(var(--border));background:linear-gradient(90deg, hsl(var(--primary) / .07), transparent 22%), hsl(var(--muted) / .38);border-radius:.5rem;grid-template-columns:4.7rem minmax(0,1fr);gap:1.1rem;padding:1rem;display:grid}.notes-entry-date{color:hsl(var(--muted-foreground));font-size:.88rem;line-height:1.35}.notes-entry-date strong{color:hsl(var(--foreground));font-size:1.65rem;font-weight:650;line-height:1;display:block}.notes-entry-date span{margin-top:.3rem;display:block}.notes-entry-body h2{color:hsl(var(--foreground));margin:0 0 .55rem;font-size:1.18rem;font-weight:620;line-height:1.35}.notes-markdown{color:hsl(var(--muted-foreground));line-height:1.78}.notes-markdown :where(p,ul,ol,blockquote,pre,table){margin:0 0 .8rem}.notes-markdown :where(ul,ol){padding-left:1.25rem}.notes-markdown :where(ul){list-style:outside}.notes-markdown :where(ol){list-style:decimal}.notes-markdown :where(li){margin:.18rem 0}.notes-markdown :where(strong){color:hsl(var(--foreground));font-weight:700}.notes-markdown :where(a){color:hsl(var(--primary));text-underline-offset:.2em;text-decoration:underline}.notes-markdown :where(blockquote){border-left:3px solid hsl(var(--primary) / .45);color:hsl(var(--foreground) / .78);padding-left:.85rem}.notes-markdown :where(code){background:hsl(var(--background) / .8);color:hsl(var(--foreground));border-radius:.35rem;padding:.12rem .32rem;font-size:.9em}.notes-markdown :where(pre){border:1px solid hsl(var(--border));background:hsl(var(--background) / .78);border-radius:.5rem;padding:.85rem 1rem;overflow-x:auto}.notes-markdown :where(pre code){background:0 0;padding:0}.notes-markdown>:last-child,.notes-markdown>:last-child :last-child{margin-bottom:0}.notes-empty{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .44);color:hsl(var(--muted-foreground));border-radius:.5rem;padding:1.1rem}.dark .notes-stat,.dark .notes-month{background:hsl(var(--muted) / .52);box-shadow:0 14px 34px #0003}.dark .notes-entry{background:linear-gradient(90deg, hsl(var(--primary) / .09), transparent 26%), hsl(var(--muted) / .42)}@media (width<=760px){.notes-hero{grid-template-columns:1fr;align-items:start}.notes-stats{width:100%}.notes-stat{text-align:left}.notes-toolbar{flex-direction:column;align-items:stretch}.notes-search{width:100%}.notes-actions{justify-content:flex-start}.notes-entry{grid-template-columns:1fr;gap:.75rem}.notes-entry-date{align-items:baseline;gap:.5rem;display:flex}.notes-entry-date span{margin-top:0}}