:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292823;background:#eeede8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:38px 30px 20px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ac7a00;outline-offset:4px}button{color:inherit}.desktop-caption{text-align:center;font-size:11px;letter-spacing:2.5px;color:#87867d;margin-bottom:25px}.window{max-width:1440px;height:calc(100vh - 133px);min-height:650px;margin:auto;display:grid;grid-template-columns:225px 290px minmax(0,1fr);border:1px solid #d4d2c9;border-radius:13px;overflow:hidden;background:#fffefa;box-shadow:0 16px 60px #36322312,0 2px 6px #36322308}.folders{background:#f1f0eb;border-right:1px solid #dedcd3;display:flex;flex-direction:column;padding:23px 14px}.window-dots{display:flex;gap:8px;margin:0 8px 36px}.window-dots i{height:11px;width:11px;border-radius:100%;background:#ee7770}.window-dots i:nth-child(2){background:#e9c35e}.window-dots i:nth-child(3){background:#90b78a}.identity{display:flex;gap:12px;align-items:center;padding:0 8px 33px}.avatar{display:grid;place-items:center;background:#e9e4cf;width:41px;height:41px;border-radius:11px;font-family:Georgia,serif;font-size:28px;font-style:italic}.identity strong{font-size:16px;display:block;letter-spacing:-.4px}.identity small{display:block;color:#88867c;font-size:12px;margin-top:4px}.folder-heading{font-size:12px;font-weight:600;color:#818078;padding:0 11px;margin:0 0 9px}.folder{border:0;background:transparent;display:flex;align-items:center;gap:10px;width:100%;padding:12px 10px;border-radius:7px;text-align:left;font-size:14px;margin-bottom:3px}.folder span{font-size:20px;width:22px;color:#9a751c;line-height:1}.folder small{margin-left:auto;color:#828078;font-size:12px}.folder.selected{background:#e5e3da}.folder:hover{background:#e9e7de}.sidebar-bottom{margin-top:auto;padding:20px 9px 0;color:#88867b;font-size:12px;line-height:1.9}.sidebar-bottom small{display:block;font-size:11px}.note-list{border-right:1px solid #e5e3db;display:flex;flex-direction:column;background:#faf9f5;overflow:auto}.note-list header{padding:30px 23px 23px}.note-list h1{font-size:23px;letter-spacing:-.7px;margin:0 0 6px}.count{font-size:12px;color:#929087}#notes{padding:0 11px}.note-item{width:100%;text-align:left;padding:19px 15px 18px;border:0;border-radius:8px;background:transparent;position:relative;margin-bottom:3px}.note-item:after{content:"";position:absolute;bottom:-2px;left:15px;right:15px;height:1px;background:#e9e7df}.note-item.selected{background:#f5df95}.note-item.selected:after{display:none}.note-item:hover:not(.selected){background:#f0eee7}.note-item strong{font-size:15px;display:block;margin-bottom:7px;font-weight:650}.note-item p{font-size:13px;margin:0;color:#807c70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item small{font-size:11px;color:#8a8577;display:block;margin-top:8px}.pin{font-size:11px;color:#947215;display:block;margin-bottom:9px}.note-list footer{margin-top:auto;text-align:center;font-size:11px;color:#949186;padding:25px 0 19px}.reader{display:flex;flex-direction:column;min-width:0;background:#fffefa}.toolbar{min-height:67px;display:flex;align-items:center;padding:0 32px;border-bottom:1px solid #eeece5;color:#969186;gap:16px}.breadcrumb{font-size:12px}.toolbar-mark{margin-left:auto;color:#aa8125;font-family:Georgia,serif;font-size:23px}#back{display:none;border:0;background:transparent;font-size:25px;color:#a37b13}#back span{font-size:16px}article{padding:44px clamp(28px,5vw,78px) 50px;overflow:auto;flex:1;outline:none}.note-meta{color:#a29c8e;font-size:12px;text-align:center;margin:0 0 43px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:600;color:#9e8a50;margin:0 0 18px}h2{font-size:clamp(30px,3vw,42px);line-height:1.15;letter-spacing:-1.7px;margin:0 0 23px;font-weight:700}h3{font-size:20px;letter-spacing:-.5px;margin:30px 0 11px}p{font-size:16px;line-height:1.8;margin:0 0 18px;color:#646158}a{color:#94700f;text-decoration-color:#d5b856;text-underline-offset:4px}a:hover{color:#503b04}.intro{font-size:18px;line-height:1.8;color:#5d5a51}.highlight{background:linear-gradient(transparent 55%,#fae8a9 55%);padding:0 2px}.rule{height:1px;background:#e9e5da;margin:30px 0}.note-links{display:grid;gap:0}.note-link{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #ebe7dc;text-decoration:none;color:#37352e;font-size:16px}.note-link span{color:#b28a29}.note-link:hover{padding-left:5px}.scribble{font-family:Georgia,serif;font-style:italic;font-size:25px;color:#9a844f;margin-top:34px}.reader-footer{padding:16px 31px;border-top:1px solid #eeece5;font-size:11px;color:#999386;display:flex;justify-content:space-between;gap:12px}.desktop-footer{max-width:1440px;margin:18px auto 0;font-size:11px;color:#8d8a80;display:flex;justify-content:space-between}.experience{padding:4px 0 14px;border-bottom:1px solid #ebe7dc}.experience:last-child{border:0}.experience h3{margin-top:22px}.label{font-size:12px;color:#9c884e;margin-bottom:8px;display:block}.favorites{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}.favorites section{border-top:1px solid #e8e4d9;padding:22px 0 14px}.favorites h3{margin:0 0 18px;font-size:18px}.favorites ul{list-style:none;padding:0;margin:0}.favorites li{font-size:15px;line-height:1.45;margin-bottom:17px}.favorites li small{display:block;font-size:12px;color:#999183;margin-top:4px}.connection{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #e8e4d9;font-size:16px}.connection small{color:#989285;font-size:12px}.pending{font-size:13px;color:#948b78}.rec-list{padding:10px 0 20px;list-style:none}.rec-list li{font-size:16px;padding:12px 0;border-bottom:1px solid #eee9dd}.rec-list li:before{content:"○";color:#b49740;margin-right:12px}.empty{padding:20px;font-size:14px;color:#888} @media(min-width:1500px){article{padding-left:85px;padding-right:85px}}@media(max-width:1150px){.window{grid-template-columns:190px 245px minmax(0,1fr)}.folders{padding-left:8px;padding-right:8px}.folder{font-size:13px}.identity{gap:8px}.identity strong{font-size:14px}.avatar{width:34px;height:34px}.favorites{grid-template-columns:1fr}.reader-footer span{display:none}}@media(max-width:900px){body{padding:20px 18px}.window{grid-template-columns:230px minmax(0,1fr);height:calc(100vh - 99px);min-height:570px}.folders{display:none}.desktop-caption{margin-bottom:17px}.desktop-footer{margin-top:12px}article{padding:30px}.note-meta{margin-bottom:30px}}@media(max-width:600px){body{padding:0;background:#fffefa}.desktop-caption,.desktop-footer{display:none}.window{border:0;border-radius:0;height:100dvh;min-height:0;display:block;box-shadow:none}.note-list{height:100%;border:0}.note-list header{padding:35px 25px 24px}.note-list h1{font-size:31px}.note-list .count{font-size:14px}.note-item{padding:20px}.note-item strong{font-size:17px}.note-item p{font-size:14px}.note-item small{font-size:12px}.reader{display:none;height:100%}.window.reading .note-list{display:none}.window.reading .reader{display:flex}#back{display:block}.toolbar{padding:0 18px;min-height:60px}.breadcrumb{font-size:11px}.toolbar-mark{font-size:21px}article{padding:26px 25px 38px}h2{font-size:35px}.note-meta{margin-bottom:34px}.reader-footer{padding:15px 25px}.favorites{grid-template-columns:1fr 1fr;gap:18px}.favorites li{font-size:14px}.intro{font-size:17px}}@media(prefers-reduced-motion:no-preference){.note-link{transition:padding .15s}article{scroll-behavior:smooth}}
@media(min-width:601px){.window{min-height:0}.note-list,.reader{min-height:0}.folders{overflow:auto}}@media(max-height:620px) and (min-width:601px){body{padding-top:15px}.desktop-caption{margin-bottom:12px}.window{height:calc(100dvh - 85px)}.window-dots{margin-bottom:20px}.identity{padding-bottom:20px}}

/* Minimal notebook framing. */
body{padding:30px}.window{height:calc(100dvh - 60px)}.connection:first-child{padding-top:0}.reader article>h2:first-child{margin-top:12px}@media(max-width:900px){body{padding:18px}.window{height:calc(100dvh - 36px)}}@media(max-width:600px){body{padding:0}.window{height:100dvh}}