:root{
  color-scheme:dark;
  --bg:#000;
  --fg:#fff;
  --muted:#9a9a9a;
  --line:#fff;
  --hair:rgba(255,255,255,.22);
  --rose:#d55f7d;
  --max:700px;
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:auto}
body{margin:0;background:var(--bg);color:var(--fg);font:13px/1.55 var(--mono);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
button,input,textarea,select{font:inherit;color:inherit}
button,a,input,textarea,select{border-radius:0}
button{cursor:pointer}
a{color:inherit;text-decoration:underline;text-underline-offset:3px}
::selection{background:#fff;color:#000}
[hidden],.hidden{display:none!important}
.honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* basic controls */
button,.ghost-btn,.danger-btn,.pill-btn,.write-link,.sort-toggle,.clear-search,.back-btn,.writer-submit,.writer-cancel{
  background:#000;color:#fff;border:1px solid var(--line);min-height:30px;padding:4px 8px;text-decoration:none;box-shadow:none;outline:0
}
button:hover,a.writer-cancel:hover,.writer-submit:hover,
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  background:#fff;color:#000;outline:0
}
button:disabled{opacity:.3;cursor:not-allowed}
input,textarea,select,.field-value{width:100%;background:#000;color:#fff;border:1px solid var(--line);padding:7px 8px;outline:0;box-shadow:none}
textarea{resize:vertical;min-height:100px}
input::placeholder,textarea::placeholder{color:#fff;opacity:.42}
label{display:block;margin:0 0 5px;font-size:10px}
.meta-author-admin{color:var(--rose)!important;opacity:1!important;font-weight:700}

/* list shell: one outer frame, inner rules only */
.screen{display:none;min-height:100vh;background:#000}
.screen.active{display:block}
.blog-page,.post-reader{width:min(calc(100% - 32px),var(--max));margin:24px auto 36px}
.blog-page{border:1px solid var(--line)}
.blog-masthead{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 13px}
.blog-home-link{border:0;padding:0;min-height:auto;font-weight:700;letter-spacing:.08em}
.blog-home-link:hover,.blog-home-link:focus-visible{background:#fff;color:#000;padding:1px 3px}
.blog-date:empty{display:none}

.blog-sticky-bar{display:flex;align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:40px}
.blog-nav{position:relative;display:flex;align-items:stretch;min-width:0;flex:0 0 auto}
.nav-item{position:relative;border:0;border-right:1px solid var(--hair);min-height:39px;padding:0 12px;background:#000;color:#fff}
.nav-item.active{background:#fff;color:#000}
.nav-indicator{display:none}
.blog-tools{display:flex;align-items:stretch;margin-left:auto;min-width:0}
.search-box{display:flex;margin:0;min-width:0;width:150px;border-left:1px solid var(--hair)}
.search-box input{border:0;min-height:39px;padding:0 10px}
.search-box input:focus{background:#fff;color:#000}
.search-box input:focus::placeholder{color:#000}
.sort-toggle,.clear-search,.write-link{border:0;border-left:1px solid var(--hair);min-height:39px;padding:0 10px;white-space:nowrap}
.post-count{display:flex;align-items:center;justify-content:center;min-width:72px;padding:0 9px;border-left:1px solid var(--hair);white-space:nowrap;font-size:10px}
.blog-note-row{display:none}

/* fixed-height page, rows never expand from excerpts */
.post-list{min-height:468px}
.feed-loading{min-height:468px;display:grid;place-items:center}
.post{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;column-gap:12px;min-height:52px;padding:0 13px;border-bottom:1px solid var(--hair);cursor:pointer}
.post:last-child{border-bottom:0}
.post:hover,.post:focus-visible{background:#fff;color:#000;outline:0}
.post-no{display:block;font-size:10px;opacity:.62;font-variant-numeric:tabular-nums}
.post-category,.post-arrow,.post-excerpt{display:none!important}
.post-title-btn{border:0;min-height:auto;padding:0;background:transparent;text-align:left;font-weight:700;font-size:13px;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post:hover .post-title-btn,.post:focus-visible .post-title-btn{color:#000}
.post-title-btn:hover,.post-title-btn:focus-visible{text-decoration:underline;background:transparent}
.post-meta{font-size:9px;opacity:.66;white-space:nowrap;text-align:right}
.post:hover .post-meta,.post:focus-visible .post-meta{opacity:.82}
.empty-message{min-height:468px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:18px;text-align:center}
.empty-message strong{font-size:12px}.empty-message span{font-size:10px;opacity:.58}
.pagination{height:40px;border-top:1px solid var(--line);display:grid;grid-template-columns:42px 1fr 42px;align-items:stretch}
.page-btn{border:0;min-height:39px;padding:0;font-size:12px}
.page-prev{border-right:1px solid var(--hair)}
.page-next{border-left:1px solid var(--hair)}
.page-status{display:grid;place-items:center;font-size:9px;opacity:.68;letter-spacing:.04em}

/* reader: one frame; no stray title underline */
.blog-reader-screen{padding-bottom:24px}
.reader-progress{position:fixed;z-index:20;left:0;top:0;width:100%;height:1px;background:#000}
.reader-progress i{display:block;height:1px;width:0;background:#fff}
.post-reader{border:1px solid var(--line)}
.reader-topline{height:44px;display:flex;align-items:center;padding:0 13px;border-bottom:1px solid var(--line)}
.back-btn{border:0;min-height:auto;padding:1px 0}
.back-btn:hover,.back-btn:focus-visible{padding:1px 3px}
.reader-article{padding:28px 28px 30px;min-height:500px;display:flex;flex-direction:column}
#detail-category{display:inline-block;font-size:9px;margin-bottom:13px;padding:3px 6px;border:1px solid var(--hair);text-transform:uppercase}
#detail-title{margin:0 0 15px;font-size:clamp(24px,5vw,34px);line-height:1.18;font-weight:700;letter-spacing:-.03em}
.detail-meta-row{display:flex;gap:14px;align-items:center;justify-content:space-between}
.detail-meta{font-size:9px;opacity:.68}
.detail-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.detail-actions button{min-height:27px;padding:3px 7px;font-size:9px}
.detail-toolbar:empty,.inline-note[hidden]{display:none}
#detail-content{min-height:360px;flex:1;padding:34px 0 8px;font:13px/1.8 var(--mono);overflow-wrap:anywhere}
#detail-content>*:first-child{margin-top:0}#detail-content>*:last-child{margin-bottom:0}
#detail-content p{margin:0 0 1.1em}
#detail-content h1,#detail-content h2,#detail-content h3{font-family:var(--mono);line-height:1.35;margin:1.7em 0 .7em;font-weight:700}
#detail-content h1{font-size:24px}#detail-content h2{font-size:19px}#detail-content h3{font-size:16px}
#detail-content blockquote{margin:1.2em 0;padding:7px 11px;border-left:1px solid var(--line)}
#detail-content .md-callout{border:1px solid var(--line);padding:10px}
#detail-content pre{overflow:auto;border:1px solid var(--line);padding:10px;background:#000}
#detail-content code{font-family:var(--mono);border:1px solid var(--hair);padding:1px 3px}
#detail-content pre code{border:0;padding:0}
#detail-content table{width:100%;border-collapse:collapse;margin:1.2em 0}
#detail-content th,#detail-content td{border:1px solid var(--hair);padding:6px;text-align:left}
#detail-content img{display:block;max-width:100%;height:auto;border:1px solid var(--hair);margin:1.2em 0}
#detail-content hr{border:0;border-top:1px solid var(--hair);margin:1.6em 0}
#detail-content ul,#detail-content ol{padding-left:22px}
#detail-content .md-bookmark{border:1px solid var(--hair);padding:9px}

.reader-neighbors{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.reader-neighbor{min-height:60px;border:0;background:#000;color:#fff;padding:10px 13px;text-align:left;display:flex;flex-direction:column;justify-content:space-between}
.reader-neighbor+.reader-neighbor{border-left:1px solid var(--hair)}
.reader-neighbor .neighbor-label{font-size:8px}.reader-neighbor strong{font-size:10px}
.reader-neighbor.is-empty{opacity:.3}

/* comments */
.comments-wrap{border-top:1px solid var(--line);padding:18px 28px 22px}
.comments-heading-row{display:flex;align-items:center;gap:8px;padding-bottom:10px}
.section-title{font-size:11px;margin:0}.comments-count{font-size:9px;opacity:.65}
.comment-list{border-top:1px solid var(--hair)}
.comment-thread{border-bottom:1px solid var(--hair)}
.comment-card{padding:11px 0}.comment-card.is-reply{padding:9px 0}
.comment-children{margin-left:12px;padding-left:9px;border-left:1px solid var(--hair)}
.comment-node+.comment-node{border-top:1px solid var(--hair)}
.comment-author.meta-author-admin{color:var(--rose)!important;font-weight:700;opacity:1!important}
.comment-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.comment-meta{font-size:9px;opacity:.7}
.comment-actions{display:flex;gap:4px}.comment-actions button{min-height:24px;padding:2px 6px;font-size:9px}
.comment-body{white-space:pre-wrap;margin-top:6px;font-size:11px}
.inline-comment-form{padding-top:18px}.inline-comment-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inline-comment-field{margin-bottom:8px}.inline-comment-field textarea{min-height:76px}.inline-comment-bottom-row{display:flex;justify-content:space-between;align-items:end;gap:10px}.inline-comment-actions{display:flex}.inline-comment-status{margin-top:7px}

/* modal: backdrop clicks deliberately do nothing */
.modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.94);display:none;place-items:center;padding:18px}
.modal.open{display:grid}
.modal-card{width:min(100%,460px);max-height:calc(100vh - 36px);overflow:auto;border:1px solid var(--line);background:#000;padding:16px}
.modal-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:13px;border-bottom:1px solid var(--hair)}
.modal-title{font-size:12px;margin:0}.modal-close{width:28px;height:28px;min-height:28px;padding:0}
.form-grid{display:grid;gap:10px}.field{min-width:0}.help{font-size:9px;margin-top:4px;opacity:.58}.modal-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:13px}.status-message{min-height:1.4em;margin-top:8px;white-space:pre-wrap;font-size:10px}.status-message.error{font-weight:700}.status-message.success{text-decoration:underline}

/* writer */
.write-body{min-height:100vh;background:#000;color:#fff}
.writer-bar{width:min(calc(100% - 32px),var(--max));height:44px;margin:24px auto 0;border:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px}
.writer-back,.writer-brand{color:#fff;text-decoration:none}.writer-back{display:flex;gap:6px;justify-self:start}.writer-brand{font-weight:700;justify-self:center}.writer-bar-actions{justify-self:end;display:flex;align-items:center;gap:8px}.draft-state{font-size:9px;opacity:.65}.writer-theme-toggle{display:none!important}
.writer-page{width:min(calc(100% - 32px),var(--max));margin:0 auto 36px}.writer-shell{border:1px solid var(--line);border-top:0}
.writer-heading{display:none!important}
.writer-categories{display:flex;position:relative;border-bottom:1px solid var(--line);min-height:40px}.writer-category-indicator{display:none}.category-chip{border:0;border-right:1px solid var(--hair);min-height:39px;padding:0 12px}.category-chip.active{background:#fff;color:#000}
.writer-form{display:block}.writer-compose{padding:0;border-bottom:1px solid var(--line)}.writer-title-wrap{position:relative;border-bottom:1px solid var(--hair);padding:9px 54px 7px 12px;margin:0}.writer-title-input{border:0;padding:0;min-height:30px;resize:none;font-size:20px;line-height:1.22;font-weight:700}.writer-title-input:focus{background:#000;color:#fff}.writer-count{position:absolute;right:10px;bottom:9px;font-size:8px;opacity:.58}
.notion-wrap{position:relative}.notion-editor-head{min-height:31px;display:flex;align-items:stretch;border:0;border-bottom:1px solid var(--hair);padding:0;font-size:8px;overflow:hidden}.notion-editor-label,.notion-editor-hint{display:none!important}.notion-format-tools{display:flex;align-items:stretch;min-width:0;flex:1;overflow:hidden}.notion-format-tools button,.notion-head-actions button{box-sizing:border-box;border:0;border-right:1px solid var(--hair);min-width:26px;min-height:30px;height:30px;padding:0 3px;white-space:nowrap;font-size:8px}.notion-format-tools .tool-wide{min-width:34px;padding-inline:4px}.notion-tool-sep{width:1px;flex:0 0 1px;background:var(--hair)}.notion-head-actions{display:flex;align-items:stretch;flex:0 0 auto;border-left:1px solid var(--hair)}.notion-head-actions button{min-width:27px}.notion-head-actions button:last-of-type{border-right:0}.notion-save-format{display:none}kbd{font-family:var(--mono);border:1px solid var(--hair);padding:0 2px;background:#000;color:#fff}
.notion-editor{min-height:390px;border:0;padding:12px 8px;outline:0}
.notion-block{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;min-height:30px}
.notion-block.is-all-selected{outline:1px solid var(--line)}.notion-block.is-dragging{opacity:.4}
.notion-block-rail{grid-column:1;display:flex;gap:2px;padding-top:2px;opacity:0}.notion-block:hover .notion-block-rail,.notion-block:focus-within .notion-block-rail{opacity:1}.notion-block-handle,.notion-block-add{width:22px;height:22px;min-height:22px;padding:0;border:0;font-size:10px}.notion-block-add{display:none}
.notion-block-content{grid-column:2;min-height:27px;outline:0;padding:2px 3px;white-space:pre-wrap;overflow-wrap:anywhere}.notion-block-content:focus{outline:1px solid var(--hair)}.notion-block[data-type="h1"] .notion-block-content{font-size:24px;font-weight:700}.notion-block[data-type="h2"] .notion-block-content{font-size:19px;font-weight:700}.notion-block[data-type="h3"] .notion-block-content{font-size:15px;font-weight:700}
.notion-list-marker,.notion-quote-rule{grid-column:1}.notion-quote-rule{width:1px;background:#fff;height:100%;margin-left:13px}.notion-divider{grid-column:2;border:0;border-top:1px solid var(--hair);margin:12px 3px}.notion-todo-check{width:14px;height:14px;min-height:14px;padding:0;margin:6px 7px 0 5px}
.notion-callout-icon{grid-column:1;padding-top:4px}.notion-code-wrap,.notion-table-wrap,.notion-image-block,.notion-bookmark,.notion-toggle{grid-column:2;border:1px solid var(--hair);margin:5px 3px;padding:8px}.notion-code-head{display:flex;justify-content:flex-end;border-bottom:1px solid var(--hair);padding-bottom:5px;margin-bottom:6px}.notion-code-lang{width:auto;min-width:90px;padding:3px 5px}.notion-code-block{outline:0;white-space:pre;overflow:auto}.notion-image-block img{max-width:100%;display:block;border:1px solid var(--hair)}.notion-image-caption{margin-top:5px;font-size:10px;outline:0}.notion-bookmark{text-decoration:none;display:block}.notion-toggle-summary,.notion-toggle-body{outline:0}.notion-toggle-body{border-top:1px solid var(--hair);margin-top:6px;padding-top:6px}.notion-table{width:100%;border-collapse:collapse}.notion-table td,.notion-table th{border:1px solid var(--hair);padding:4px;outline:0}.notion-table-controls{display:flex;gap:3px;margin-top:5px}.notion-table-controls button{min-height:24px;padding:2px 5px}
.writer-content-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;padding:6px 9px;border-top:1px solid var(--hair);opacity:.66}

/* editor popovers / menus */
.notion-slash-menu,.notion-block-menu,.notion-selection-toolbar,.notion-image-popover{position:fixed;z-index:200;background:#000;color:#fff;border:1px solid var(--line);box-shadow:none}
.notion-slash-menu{width:min(340px,calc(100vw - 24px));max-height:400px;overflow:hidden}.notion-slash-search{display:flex;border-bottom:1px solid var(--hair)}.notion-slash-search span{padding:7px}.notion-slash-search input{border:0}.notion-slash-scroll{max-height:330px;overflow:auto}.notion-slash-title{padding:6px 8px;border-bottom:1px solid var(--hair);font-size:9px}.notion-slash-menu button{width:100%;border:0;border-bottom:1px solid var(--hair);display:grid;grid-template-columns:40px 1fr;text-align:left;padding:6px}.notion-slash-menu button b{font-weight:400}.notion-slash-menu button span{display:flex;flex-direction:column}.notion-slash-menu button small{opacity:.6}.notion-slash-empty{padding:9px}
.notion-block-menu{width:160px}.notion-block-menu button{display:flex;width:100%;border:0;border-bottom:1px solid var(--hair);text-align:left;gap:6px}.notion-block-menu-rule{display:none}.notion-selection-toolbar{display:flex}.notion-selection-toolbar button{border:0;border-right:1px solid var(--hair);min-height:29px;padding:4px 6px}.notion-selection-toolbar button:last-child{border-right:0}
.notion-image-popover{inset:0;display:grid;place-items:center;background:#000}.notion-image-card{width:min(420px,calc(100vw - 28px));border:1px solid var(--line);padding:11px;background:#000}.notion-image-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--hair);padding-bottom:6px;margin-bottom:8px}.notion-image-head button{width:26px;height:26px;min-height:26px;padding:0}.notion-image-card label{margin:8px 0}.notion-image-actions{display:flex;justify-content:flex-end;gap:5px}

.writer-settings{padding:13px 12px;border-bottom:1px solid var(--line)}.writer-settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.writer-settings-kicker{display:none}.writer-settings-head h2{font-size:11px;margin:0}.writer-settings-head p{display:none!important}.writer-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.writer-field small{display:none!important}.writer-turnstile{margin-top:10px;border-top:1px solid var(--hair);padding-top:10px;display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:start}.writer-turnstile span{font-size:10px}.writer-status-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px}.writer-actions{display:flex;gap:6px;flex-shrink:0}.writer-submit,.writer-cancel{display:inline-flex;align-items:center;justify-content:center;min-height:30px}.writer-foot{display:none}

*,*::before,*::after{animation:none!important;transition:none!important}

@media(max-width:760px){
  .blog-page,.post-reader,.writer-bar,.writer-page{width:100%;margin-left:0;margin-right:0}
  .blog-page,.post-reader{margin-top:0;border-left:0;border-right:0}.writer-bar{margin-top:0;border-left:0;border-right:0}
  .blog-sticky-bar{display:block}.blog-nav{border-bottom:1px solid var(--hair)}.nav-item{flex:1;padding:0 8px}
  .blog-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto}.search-box{width:auto;border-left:0}.clear-search{display:none!important}.post-count{min-width:66px}.write-link{padding:0 8px}
  .post-list,.feed-loading,.empty-message{min-height:420px}.post{grid-template-columns:34px minmax(0,1fr);grid-template-areas:"no title" "no meta";gap:2px 8px;min-height:54px;padding:7px 10px}.post-no{grid-area:no;align-self:center}.post-title-btn{grid-area:title}.post-meta{grid-area:meta;text-align:left;white-space:normal;font-size:8px}
  .reader-article{padding:22px 14px;min-height:460px}.detail-meta-row{display:block}.detail-actions{justify-content:flex-start;margin-top:10px}#detail-content{min-height:280px}.comments-wrap{padding:16px 14px}.inline-comment-grid{grid-template-columns:1fr}.reader-neighbors{grid-template-columns:1fr}.reader-neighbor+.reader-neighbor{border-left:0;border-top:1px solid var(--hair)}.comment-children{margin-left:10px;padding-left:8px}
  .writer-shell{border-left:0;border-right:0}.writer-settings-grid{grid-template-columns:1fr}.writer-status-row{align-items:flex-start;flex-direction:column}.writer-actions{width:100%}.writer-actions>*{flex:1}.notion-editor{min-height:340px;padding:10px 4px}.writer-content-meta span:last-child{display:none}.writer-turnstile{grid-template-columns:1fr}
}
@media (max-width:760px){
  .notion-editor-head{overflow:visible}
  .notion-format-tools{overflow-x:auto;scrollbar-width:thin}
  .notion-format-tools::-webkit-scrollbar{height:4px}
  .notion-format-tools button{flex:0 0 26px}
  .notion-format-tools .tool-wide{flex-basis:34px}
}