.notes-page{--notes-ink:var(--blog-ink,#22272d);--notes-line:var(--blog-rule,#e5e9ed);--notes-field:var(--blog-surface,#fff);--notes-cream:#fff8e8;--notes-apricot:#fff0e7;--notes-sage:#edf4eb;--notes-tape:#d8cdae91;--notes-fold:#b5a68632;--notes-shadow:0 2px 4px #30281608,0 7px 18px #30281605}[data-blog-theme=dark] .notes-page{--notes-cream:#292823;--notes-apricot:#2c2625;--notes-sage:#242b26;--notes-tape:#88817570;--notes-fold:#ffffff10;--notes-shadow:0 2px 4px #0000001a,0 7px 18px #0000000d}.notes-page .notes-feed{box-sizing:border-box;width:min(1120px,100% - 64px);margin:0 auto;padding:56px 0 40px}.notes-page .notes-feed *{box-sizing:border-box}.notes-page .notes-feed :is(h1,h2,p,time,span,button,a,label){color:var(--notes-ink);text-shadow:none;font-family:inherit}.notes-page .notes-heading{margin-bottom:32px}.notes-page .notes-heading h1{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(28px,3vw,40px);font-weight:650;line-height:1.3}.notes-page .notes-heading p{margin:0;font-size:16px;line-height:1.8}.notes-page .notes-tools{border-bottom:1px solid var(--notes-line);justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;padding-bottom:28px;display:flex}.notes-page .notes-search{gap:8px;width:100%;max-width:380px;font-size:13px;display:grid}.notes-page .notes-search input{border:1px solid var(--notes-line);background:var(--notes-field);width:100%;height:46px;color:var(--notes-ink);font:inherit;border-radius:5px;padding:10px 12px;font-size:16px}.notes-page .notes-search input::placeholder{color:var(--notes-ink);opacity:.72}.notes-page .notes-count{flex:none;margin:0;font-size:13px;line-height:1.6}.notes-page .notes-board-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.notes-page .notes-reset{border:1px solid var(--notes-line);background:var(--notes-field);min-height:44px;font:inherit;cursor:pointer;border-radius:5px;padding:8px 12px;font-size:13px}.notes-page .notes-reset:disabled{opacity:.5;cursor:default}.notes-page .notes-list{isolation:isolate;columns:3;column-fill:balance;column-gap:30px;position:relative}.notes-page .note-entry{--note-paper:var(--notes-cream);break-inside:avoid;vertical-align:top;width:100%;height:260px;transform:translate3d(var(--note-x,0px),var(--note-y,0px),0);z-index:1;perspective:1100px;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;border:0;border-radius:2px;margin:14px 0 24px;padding:0;display:inline-block;position:relative}.notes-page .note-entry[data-paper=apricot]{--note-paper:var(--notes-apricot)}.notes-page .note-entry[data-paper=sage]{--note-paper:var(--notes-sage)}.notes-page .note-entry:nth-child(3n+2){margin-top:27px}.notes-page .note-entry.is-moved{z-index:3}.notes-page .note-entry:focus-within{z-index:4}.notes-page .note-entry.is-dragging,.notes-page .note-entry.is-holding{z-index:6;cursor:grabbing}.notes-page .note-entry:before,.notes-page .note-entry:after{pointer-events:none;z-index:2;position:absolute}.notes-page .note-entry[data-attachment=tape]:before{content:"";background:var(--notes-tape);width:54px;height:19px;top:-9px;left:calc(50% - 27px);transform:rotate(-4deg)}.notes-page .note-entry[data-attachment=fold]:after{content:"";background:linear-gradient(135deg,var(--notes-fold) 50%,var(--blog-paper,#fff) 51%);width:16px;height:16px;bottom:0;right:0}.notes-page .note-faces{width:100%;height:100%;transform-style:preserve-3d;transition:transform .36s cubic-bezier(.2,.7,.25,1);position:relative}.notes-page .note-entry[data-flipped=true] .note-faces{transform:rotateY(180deg)}.notes-page .note-face{background:var(--note-paper);width:100%;height:100%;box-shadow:var(--notes-shadow);backface-visibility:hidden;border-radius:2px;padding:23px 24px 18px;position:absolute;inset:0}.notes-page .note-front{text-align:center;justify-content:center;align-items:center;display:flex;transform:rotateY(0)}.notes-page .note-front h2{overflow-wrap:anywhere;margin:0;font-weight:600;font-size:21px!important;line-height:1.65!important}.notes-page .note-back{text-align:left;flex-direction:column;display:flex;transform:rotateY(180deg)}.notes-page .note-date{font-variant-numeric:tabular-nums;flex:none;margin-bottom:14px;font-size:12px;line-height:1.8;display:block}.notes-page .note-body{overscroll-behavior:contain;overflow-wrap:anywhere;scrollbar-width:thin;flex:1;min-height:0;font-size:15px;line-height:1.9;overflow:auto}.notes-page .note-body :is(p,ul,ol,blockquote,figure,pre){margin:0 0 12px}.notes-page .note-body>:last-child{margin-bottom:0}.notes-page .note-body :is(h3,h4){margin:14px 0 8px;font-size:16px}.notes-page .note-body :is(ul,ol){padding-left:22px}.notes-page .note-body blockquote{border-left:2px solid var(--notes-line);padding-left:12px}.notes-page .note-body a{text-underline-offset:4px;cursor:pointer;text-decoration:underline}.notes-page .note-body img{border-radius:2px;max-width:100%;height:auto;margin:12px 0;display:block}.notes-page .note-body pre{white-space:pre-wrap;overflow-wrap:anywhere}.notes-page :is(.note-expand,.note-retry){text-align:left;min-height:44px;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;flex:none;padding:8px 0;font-size:13px;text-decoration:underline}.notes-page .note-expand[hidden]{display:none!important}.notes-page .note-entry.is-expanded,.notes-page .note-entry.is-expanded .note-faces{height:auto;min-height:260px}.notes-page .note-entry.is-expanded .note-back{height:auto;min-height:260px;position:relative}.notes-page .note-entry.is-expanded .note-body{flex:none;overflow:visible}.notes-page .note-entry-footer{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:4px 18px;margin-top:10px;font-size:12px;display:flex}.notes-page .note-tags{overflow-wrap:anywhere;flex-wrap:wrap;gap:4px 10px;display:flex}.notes-page .note-detail-link{white-space:nowrap;cursor:pointer;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.notes-page .note-detail-link:hover{text-underline-offset:4px;text-decoration:underline}.notes-page .notes-board-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.notes-page .notes-empty{padding:28px 0 44px}.notes-page .notes-empty[hidden]{display:none}.notes-page .notes-status{padding:20px 0}.notes-page .notes-retry{border:1px solid var(--notes-line);background:var(--notes-field);min-height:44px;font:inherit;cursor:pointer;border-radius:5px;padding:10px 15px}.notes-page .notes-legal{margin-top:22px}.notes-page .notes-feed :is(a,button,input,.note-entry):focus-visible{outline:2px solid var(--notes-ink);outline-offset:4px}.notes-page .note-entry:is(.is-dragging,.is-holding) .note-face{box-shadow:0 8px 22px #0002}@media (prefers-reduced-motion:reduce){.notes-page .note-faces{transition:none;transform:none!important}.notes-page .note-face{transform:none}.notes-page .note-entry:not([data-flipped=true]) .note-back,.notes-page .note-entry[data-flipped=true] .note-front{visibility:hidden}}@media (width<=1100px){.notes-page .notes-list{columns:2}}@media (width<=700px){.notes-page .notes-feed{width:calc(100% - 40px);padding:32px 0 28px}.notes-page .notes-heading{margin-bottom:24px}.notes-page .notes-heading p{font-size:15px}.notes-page .notes-tools{flex-direction:column;align-items:start;gap:12px;margin-bottom:20px;padding-bottom:18px}.notes-page .notes-search{max-width:none}.notes-page .notes-board-actions{justify-content:space-between;width:100%}.notes-page .notes-list{columns:1}.notes-page .note-entry{height:250px;margin-top:12px;margin-bottom:18px}.notes-page .note-entry:nth-child(3n+2){margin-top:12px}.notes-page .note-face{padding:22px 22px 17px}.notes-page .note-front h2{font-size:20px!important}.notes-page .note-entry.is-expanded,.notes-page .note-entry.is-expanded :is(.note-faces,.note-back){min-height:250px}}@media (width<=360px){.notes-page .notes-feed{width:calc(100% - 32px)}.notes-page .note-face{padding-left:18px;padding-right:18px}}