:root{--notepad-bg:var(--surface);--notepad-bg-alt:var(--surface-sunk);--notepad-line:var(--hairline);--notepad-gutter:var(--surface-sunk);--notepad-gutter-rule:color-mix(in srgb, var(--action) 32%, var(--surface));--notepad-accent:var(--action);--notepad-text:var(--ink);--notepad-text-dim:var(--ink-dim);--notepad-border:var(--hairline);--notepad-menubar-bg:var(--surface-sunk)}.notepad-app{height:100%;font-family:var(--lx-font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--notepad-text);background:0 0;flex-direction:column;display:flex}.os-window__content.notepad-app{overflow:visible}.os-window__content:has(>.notepad-app){overflow:visible}.notepad-menubar{background:var(--notepad-menubar-bg);border-bottom:var(--edge-hair);padding:0 var(--sp-1);font-family:var(--os-font-mono);font-size:var(--fs-chrome-sm);line-height:var(--lh-chrome);z-index:var(--z-window);flex-shrink:0;align-items:center;display:flex;position:relative}.notepad-menubar__item{padding:var(--sp-1) var(--sp-3);cursor:default;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-instant) var(--ease-out);white-space:nowrap;border-radius:0}.notepad-menubar__item u{text-decoration:none}.notepad-menubar__item:hover{background:var(--action-tint);color:var(--action)}.notepad-menubar__item--filter{cursor:pointer;position:relative}.notepad-menubar__item--filter.is-open{background:var(--action-tint);color:var(--action)}.notepad-filter-menu{display:none}.notepad-filter-menu.is-open{display:block}.notepad-filter-menu{background:var(--surface);border:var(--edge-hair);border-radius:var(--r-control);box-shadow:var(--sh-card);min-width:160px;max-height:320px;padding:var(--sp-1) 0;z-index:var(--z-dropdown);position:absolute;top:100%;left:auto;overflow-y:auto}.notepad-filter-menu__item{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-family:var(--os-font-mono);font-size:var(--fs-chrome-sm);color:var(--notepad-text);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;min-height:44px;text-decoration:none;display:flex}.notepad-filter-menu__item:hover{background:var(--notepad-accent);color:var(--surface)}.notepad-filter-menu__item:hover .notepad-filter-menu__check{color:inherit}.notepad-filter-menu__item.is-active{font-weight:600}.notepad-filter-menu__label{flex:1}.notepad-filter-menu__check{font-size:var(--fs-chrome-xs);color:var(--notepad-accent)}.notepad-info{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--app-hue);border-bottom:var(--edge-hair);font-size:var(--fs-sm);color:var(--app-hue-ink);display:flex}.notepad-tabs{background:var(--notepad-bg-alt);border-bottom:var(--edge-hair);padding:0 var(--sp-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;align-items:center;gap:0;display:flex;overflow-x:auto}.notepad-tabs::-webkit-scrollbar{display:none}.notepad-tab{padding:var(--sp-2) var(--sp-3);font-family:var(--os-font-mono);font-size:var(--fs-chrome-sm);color:var(--notepad-text-dim);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-bottom:2px solid #0000;align-items:center;min-height:44px;text-decoration:none;display:flex}.notepad-tab:hover{color:var(--notepad-text)}.notepad-tab.is-active{color:var(--action);border-bottom-color:var(--notepad-accent);background:var(--notepad-bg)}.notepad-document{padding:var(--sp-5);flex:1;overflow-y:auto}.notepad-file-list{margin:0;padding:0;list-style:none}.notepad-file{gap:var(--sp-5);padding:var(--sp-5) var(--sp-3);border-bottom:1px solid var(--notepad-line);border-radius:var(--r-card);color:var(--notepad-text);transition:background-color var(--dur-fast) var(--ease-out);align-items:flex-start;text-decoration:none;display:flex}.notepad-file:first-child{padding-top:var(--sp-2)}.notepad-file:last-child{border-bottom:none}.notepad-file:hover{background:var(--action-tint)}.notepad-file__thumb{object-fit:cover;border-radius:var(--r-card);border:var(--edge-lit);width:168px;height:112px;box-shadow:var(--sh-raise);background:var(--notepad-bg-alt);flex-shrink:0}button.notepad-file__link{cursor:pointer;background:0 0;border:none;padding:0}.notepad-file__body{flex:1;min-width:0}.notepad-file__title{font-family:var(--lx-font-heading);font-size:var(--fs-md);color:var(--ink-title);margin:0 0 var(--sp-2);font-weight:400;line-height:var(--lh-title)}.notepad-file__title a{color:inherit;text-decoration:none}.notepad-file__title a:hover{color:var(--action)}.notepad-file__title button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.notepad-file__title button:hover{color:var(--action)}.notepad-file__date{font-family:var(--os-font-mono);font-size:var(--fs-chrome-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--notepad-text-dim);margin-bottom:var(--sp-2);font-weight:700}.notepad-file__excerpt{font-family:var(--lx-font-body);font-size:var(--fs-body);color:var(--ink);line-height:var(--lh-body);margin-bottom:var(--sp-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notepad-file__tags{gap:var(--sp-2);flex-wrap:wrap;display:flex}.notepad-page{background:repeating-linear-gradient(transparent, transparent 27px, var(--notepad-line) 27px, var(--notepad-line) 28px), linear-gradient(to right, var(--notepad-gutter) 48px, var(--notepad-gutter-rule) 48px, var(--notepad-gutter-rule) 50px, var(--notepad-bg) 50px);background-size:100% 28px,100% 100%;flex:1;min-height:0;padding-left:50px;display:flex;overflow-y:auto}.notepad-gutter{display:none}.notepad-content{padding:var(--sp-6) var(--sp-6);flex:1;max-width:800px}.notepad-meta{align-items:center;gap:var(--sp-2) var(--sp-4);margin-bottom:var(--sp-5);font-family:var(--os-font-mono);font-size:var(--fs-chrome-sm);color:var(--notepad-text-dim);flex-wrap:wrap;display:flex}.notepad-tag{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-chrome-sm);font-family:var(--os-font-mono);background:var(--glass-sunk);border:var(--edge-hair);border-radius:var(--r-chip);color:var(--ink);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);cursor:pointer;text-decoration:none;display:inline-block}.notepad-tag:hover{background:var(--notepad-accent);border-color:var(--notepad-accent);color:var(--surface)}.notepad-pagination{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-4) 0;font-family:var(--os-font-mono);font-size:var(--fs-chrome-sm);display:flex}.notepad-pagination__link{padding:var(--sp-2) var(--sp-3);color:var(--notepad-text-dim);border-radius:var(--r-chip);min-width:44px;min-height:44px;transition:background-color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;text-decoration:none;display:flex}.notepad-pagination__link:hover{background:var(--surface-sunk);color:var(--notepad-text)}.notepad-pagination__link.is-active{background:var(--notepad-accent);color:var(--surface)}.notepad-statusbar{background:var(--notepad-menubar-bg);border-top:var(--edge-hair);padding:0 var(--sp-2);font-family:var(--os-font-mono);font-size:var(--fs-chrome-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--notepad-text-dim);flex-shrink:0;align-items:center;min-height:24px;display:flex}.notepad-sb-cell{padding:var(--sp-1) var(--sp-3);border-right:1px solid var(--notepad-border)}.notepad-sb-cell:last-child{border-right:none}.notepad-sb-spacer{flex:1}.notepad-post-title{font-family:var(--lx-font-heading);font-size:var(--fs-xl);color:var(--ink-title);margin-bottom:var(--sp-4);font-weight:400;line-height:var(--lh-title)}.notepad-post-image{border-radius:var(--r-card);max-width:100%;height:auto;margin-bottom:var(--sp-5)}.notepad-back{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--notepad-accent);margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--notepad-line);text-decoration:none;display:inline-flex}.notepad-back:hover{text-decoration:underline}.notepad-cta{margin-top:var(--sp-6);padding:var(--sp-5);background:var(--surface-sunk);border:var(--edge-hair);border-radius:var(--r-card);text-align:center}.notepad-cta h3{font-family:var(--lx-font-heading);font-size:var(--fs-md);color:var(--ink-title);margin-bottom:var(--sp-2);font-weight:400}.notepad-cta p{font-size:var(--fs-sm);color:var(--ink-dim);margin-bottom:var(--sp-3)}.notepad-empty{text-align:center;padding:var(--sp-7) var(--sp-4);color:var(--notepad-text-dim);font-size:var(--fs-body)}.notepad-empty .notepad-tag{margin-top:var(--sp-2)}@media (width<=767.98px){.notepad-content{padding:var(--sp-5) var(--sp-4)}.notepad-page{background:repeating-linear-gradient(transparent, transparent 27px, var(--notepad-line) 27px, var(--notepad-line) 28px);background-size:100% 28px;padding-left:0}.notepad-document{padding:var(--sp-4)}.notepad-file{gap:var(--sp-3);flex-direction:column}.notepad-file__thumb{width:100%;height:160px}.notepad-post-title{font-size:var(--fs-lg)}.notepad-menubar__item{padding:var(--sp-1) var(--sp-2);font-size:var(--fs-chrome-xs)}}@media (prefers-reduced-motion:reduce){.notepad-app,.notepad-app *{transition:none!important}}article.blog-article{max-width:768px}.blog-article__head{margin-bottom:var(--sp-6);padding-bottom:var(--sp-5);border-bottom:var(--edge-hair)}.blog-article__head h1{font-family:var(--lx-font-heading);font-weight:400;font-size:clamp(var(--fs-xl), 1.4rem + 2.6vw, var(--fs-2xl));line-height:var(--lh-display);letter-spacing:-.015em;color:var(--ink-title);margin:0 0 var(--sp-4)}.blog-article__date{margin:0 0 var(--sp-4);font-family:var(--os-font-mono);font-size:var(--fs-chrome);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);font-weight:500}.blog-article__tags{gap:var(--sp-2);flex-wrap:wrap;display:flex}.blog-content{font-family:var(--lx-font-body);font-size:var(--fs-body-lg);line-height:var(--lh-body);color:var(--ink)}.blog-content>p:first-of-type{font-size:var(--fs-md);margin-bottom:var(--sp-5)}.blog-content>p:first-of-type:first-letter{float:left;font-family:var(--lx-font-heading);font-size:var(--fs-hero);color:var(--ink-title);margin:.04em .1em 0 0;font-weight:400;line-height:.78}.blog-content p{margin-bottom:var(--sp-5)}.blog-content h2,.blog-content h3{font-family:var(--lx-font-heading);color:var(--ink-title);font-weight:400;line-height:var(--lh-title);scroll-margin-top:var(--sp-5)}.blog-content h2{font-size:var(--fs-lg);margin:var(--sp-7) 0 var(--sp-4);padding-bottom:var(--sp-2);border-bottom:var(--edge-hair)}.blog-content h3{font-size:var(--fs-md);margin:var(--sp-6) 0 var(--sp-4)}.blog-content h4{font-family:var(--lx-font-body);color:var(--ink-title);font-weight:600;line-height:var(--lh-title);scroll-margin-top:var(--sp-5);font-size:var(--fs-body-lg);margin:var(--sp-5) 0 var(--sp-2)}.blog-content ul,.blog-content ol{margin:0 0 var(--sp-5);padding-left:var(--sp-5)}.blog-content li{margin-bottom:var(--sp-2)}.blog-content li::marker{color:var(--ink-dim)}.blog-content ol li::marker{font-weight:600}.blog-content strong{color:var(--ink-title);font-weight:600}.blog-content em{font-style:italic}.blog-content blockquote{margin:var(--sp-6) 0;padding:var(--sp-4) var(--sp-5);border-left:4px solid var(--app-hue);border-radius:0 var(--r-control) var(--r-control) 0;background:var(--surface-sunk);font-size:var(--fs-md);line-height:var(--lh-body);color:var(--ink);font-style:italic}.blog-content blockquote p:last-child{margin-bottom:0}.blog-content a{color:var(--action);text-underline-offset:.18em;transition:color var(--dur-fast) var(--ease-out), text-decoration-thickness var(--dur-fast) var(--ease-out);text-decoration:underline;text-decoration-thickness:1px}.blog-content a:hover{color:var(--action-hover);text-decoration-thickness:2px}.blog-content a:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.blog-content code{font-family:var(--os-font-mono);font-size:var(--fs-body);background:var(--surface-sunk);border:var(--edge-hair);border-radius:var(--r-chip);padding:.1em .35em}.blog-content pre{margin:var(--sp-5) 0;padding:var(--sp-4) var(--sp-5);background:var(--ink-title);color:var(--surface);border-radius:var(--r-control);overflow-x:auto}.blog-content pre code{color:inherit;background:0 0;border:0;padding:0}.blog-content img{border-radius:var(--r-card);max-width:100%;height:auto;margin:var(--sp-5) 0;box-shadow:var(--sh-card)}.blog-content figure{margin:var(--sp-5) 0}.blog-content figcaption{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--ink-dim);text-align:center}@media (width<=575.98px){.blog-content>p:first-of-type{font-size:var(--fs-body-lg)}.blog-content>p:first-of-type:first-letter{font-size:var(--fs-2xl)}}.blog-post-ad{min-height:284px}