:root{color-scheme:dark}body.note-app{margin:0;color:#f3eac0;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}.note-app__shell,body.note-app{min-height:100vh;background:#18181b}.note-app__shell{display:grid;grid-template-columns:280px 1fr}.note-app__sidebar{display:flex;flex-direction:column;border-right:1px solid rgba(243,234,192,.12);background:#18181b;overflow:hidden;width:280px;max-width:280px;box-sizing:border-box}.note-app__brand{padding:24px 20px 8px;border-bottom:1px solid rgba(148,163,184,.12)}.note-app__brand h1{margin:0;font-size:18px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#f7e693}.note-app__sidebar-scroll{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:16px 20px 32px;scrollbar-width:thin;scrollbar-color:rgba(243,234,192,.35) transparent}.note-app__sidebar-scroll::-webkit-scrollbar{width:8px}.note-app__sidebar-scroll::-webkit-scrollbar-thumb{background-color:rgba(243,234,192,.35);border-radius:999px}.note-nav{display:grid;grid-gap:18px;gap:18px;padding-right:12px}.note-nav__section{display:flex;flex-direction:column;gap:6px}.note-nav__section--loose{gap:10px}.note-nav__heading{margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(243,234,192,.55)}.note-nav__folder{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;border:0;border-radius:8px;background:transparent;color:rgba(243,234,192,.82);font-size:14px;font-weight:500;text-transform:none;cursor:pointer;justify-content:flex-start;text-align:left;transition:background .2s ease,color .2s ease}.note-nav__folder:hover{background:rgba(243,234,192,.14);color:#fff4c6}.note-nav__folder:focus-visible{outline:2px solid rgba(247,230,147,.55);outline-offset:2px}.note-nav__folder-icon{display:inline-flex;width:12px;height:12px;align-items:center;justify-content:center;color:rgba(243,234,192,.55);transition:transform .18s ease,color .18s ease;flex-shrink:0}.note-nav__folder-icon[data-open=true]{transform:rotate(90deg);color:#fff4c6}.note-nav__folder-icon svg{display:block;width:100%;height:100%}.note-nav__folder-label{flex:1 1;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.note-nav__section-contents{display:flex;flex-direction:column;gap:6px}.note-nav__items{display:grid;grid-gap:4px;gap:4px;margin:0;padding:0;list-style:none}.note-nav__item{display:block}.note-nav__link{display:block;width:100%;padding:6px 10px;border-radius:8px;color:rgba(243,234,192,.85);text-decoration:none;font-size:14px;font-weight:500;transition:background .2s ease,color .2s ease;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;box-sizing:border-box}.note-nav__link:hover{background:rgba(243,234,192,.14);color:#fff4c6}.note-nav__link--active{background:rgba(243,234,192,.18);color:#fff4c6;box-shadow:0 8px 16px rgba(9,9,11,.35)}.note-nav__sub{gap:4px}.note-app__main,.note-nav__sub{display:flex;flex-direction:column}.note-app__main{position:relative;min-height:100vh;overflow-y:auto;background:#18181b;padding:48px clamp(32px,6vw,72px)}.note-content{width:min(65ch,100%);margin:0 auto;display:grid;grid-gap:24px;gap:24px}.note-content__header{display:grid;grid-gap:10px;gap:10px}.note-content__meta{font-size:13px;color:rgba(243,234,192,.7);letter-spacing:.04em;text-transform:uppercase}.note-content__title{margin:0;font-size:clamp(32px,5vw,40px);font-weight:700;letter-spacing:-.01em;color:#fff4c6}.note-content__body{display:grid;grid-gap:20px;gap:20px;font-size:17px;color:rgba(243,234,192,.9)}.note-content__body h2,.note-content__body h3,.note-content__body h4{color:#fff4c6;font-weight:600}.note-content__body a{color:#f7e693;text-decoration:none;border-bottom:1px solid rgba(247,230,147,.4)}.note-content__body a:hover{border-bottom-color:rgba(247,230,147,.8);color:#fff4c6}.note-links{border-top:1px solid rgba(243,234,192,.2);padding-top:16px;display:grid;grid-gap:12px;gap:12px}.note-links__title{margin:0;font-size:15px;font-weight:600;color:#fff4c6}.note-links__list{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.note-links__item{font-size:14px;color:rgba(243,234,192,.7)}.note-links__item a{color:rgba(243,234,192,.92);text-decoration:none;border-bottom:1px dashed rgba(247,230,147,.45)}.note-links__item a:hover{color:#fff4c6;border-bottom-color:rgba(247,230,147,.8)}.note-empty{max-width:640px;margin:120px auto;text-align:center;display:grid;grid-gap:12px;gap:12px;color:rgba(243,234,192,.65)}@media (max-width:1024px){.note-app__shell{grid-template-columns:240px 1fr}}@media (max-width:820px){.note-app__shell{grid-template-columns:1fr}.note-app__sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:2}.note-app__sidebar-scroll{max-height:260px}}