:root{--bg: #ffffff;--side: #f5f5f4;--list: #ffffff;--fg: #1d1d1f;--muted: #86868b;--line: #e5e5e3;--sel: #fbe39a;--sel-side: #e8e8e6;--accent: #c99400;--link: #a87b00;--code: #f5f5f4;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #1e1e1e;--side: #262626;--list: #1e1e1e;--fg: #f2f2f2;--muted: #98989d;--line: #353535;--sel: #6b5410;--sel-side: #3a3a3a;--accent: #f5c518;--link: #f0c040;--code: #2a2a2a}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:15px/1.55 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.app{display:grid;grid-template-columns:264px 320px minmax(0,1fr);height:100vh;height:100dvh}.sidebar{background:var(--side);border-right:1px solid var(--line);overflow-y:auto;padding:18px 10px 32px}.brand{display:block;font-weight:700;font-size:15px;padding:4px 10px 10px}.group{display:grid;gap:1px;margin-top:10px}.group-title{font-size:11px;font-weight:600;color:var(--muted);padding:6px 10px 4px}.folder{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:7px;font-size:14px}.folder:hover{background:var(--sel-side)}.folder.active{background:var(--sel-side);font-weight:600}.folder .ico{width:17px;height:17px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.5}.folder span:nth-of-type(1){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder.child{padding-left:30px}.children{display:grid;gap:1px}.count{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.list{background:var(--list);border-right:1px solid var(--line);overflow-y:auto}.list-head{position:sticky;top:0;background:var(--list);padding:18px 16px 10px;display:grid;gap:10px;z-index:1;border-bottom:1px solid var(--line)}.list-head h2{margin:0;font-size:20px;font-weight:700}.search input{width:100%;font:inherit;font-size:14px;padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:var(--side);color:var(--fg)}.items{padding:6px 8px 32px;display:grid}.items-title{font-size:12px;font-weight:600;color:var(--muted);padding:12px 10px 4px}.item{display:grid;gap:2px;padding:10px;border-radius:8px;border-bottom:1px solid var(--line)}.item b{font-weight:600;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item small{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item time{color:var(--fg);margin-right:4px}.item:hover{background:var(--side)}.item.active{background:var(--sel);border-bottom-color:transparent}.item.draft b{color:var(--muted)}.item em{font-style:normal;color:var(--accent)}.draft-badge{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:99px;background:var(--sel);color:var(--fg);font-weight:600}.empty{color:var(--muted);padding:16px 10px;margin:0}.note{overflow-y:auto;padding:28px clamp(20px,5vw,64px) 80px}.note article{max-width:70ch;margin:0 auto}.note .meta{text-align:center;color:var(--muted);font-size:12.5px;margin-bottom:18px}.note h1{font-size:28px;line-height:1.2;margin:0 0 12px;text-wrap:balance}.note .lede{font-size:17px;margin:0 0 22px}.note h2{font-size:20px;margin:30px 0 8px}.note h3{font-size:17px;margin:24px 0 6px}.note p,.note li{max-width:70ch}.note a{color:var(--link);text-decoration:underline;text-underline-offset:2px}.note img{max-width:100%;height:auto;border-radius:8px}.note table{border-collapse:collapse;width:100%;font-size:14px;display:block;overflow-x:auto}.note th,.note td{border-bottom:1px solid var(--line);padding:7px 10px;text-align:left}.note code{font-family:var(--mono);font-size:13px;background:var(--code);padding:1px 5px;border-radius:4px}.note blockquote{margin:16px 0;padding:4px 16px;border-left:3px solid var(--accent);color:var(--muted)}.note ul:has(input[type=checkbox]){list-style:none;padding-left:4px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tags a{color:var(--link);text-decoration:none;font-size:14px}.source{margin-top:18px;font-size:13.5px;color:var(--muted)}.disclaimer{margin-top:18px;font-size:12.5px;color:var(--muted)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag-cloud a{text-decoration:none;color:var(--fg);padding:4px 10px;border-radius:999px;background:var(--code);font-size:14px}.tag-cloud a:hover{background:var(--sel)}.tag-cloud small{color:var(--muted);margin-left:4px}.related{margin-top:32px;border-top:1px solid var(--line);padding-top:14px}.related h2{font-size:15px;margin:0 0 8px;color:var(--muted)}.related ul{margin:0;padding-left:1.1em}.welcome{max-width:60ch;margin:10vh auto 0;text-align:center;color:var(--muted)}.welcome h1{color:var(--fg)}.back{display:none;color:var(--link)!important;font-size:15px;text-decoration:none!important}.back:before{content:"‹ ";font-size:20px;line-height:0}@media(max-width:1080px){.app{grid-template-columns:280px minmax(0,1fr)}.sidebar{display:none}body[data-view=folders] .sidebar{display:block}body[data-view=folders] .list{display:none}.list .back{display:inline-block}}@media(max-width:720px){.app{display:block;height:auto}.sidebar,.list,.note{display:none;border:0;overflow:visible}body[data-view=folders] .sidebar,body[data-view=list] .list,body[data-view=note] .note{display:block}.sidebar,.list-head,.note{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.note .back{display:inline-block;margin-bottom:12px}.note h1{font-size:25px}}