:root{--paper:#fafafa;--ink:#343439;--muted:#707076;--line:#e1e1e5;--link:#454d91;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;font-family:var(--sans);background:var(--paper);color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:15px;line-height:1.8}a{color:var(--link);text-decoration:underline;text-decoration-color:#b8bdd7;text-underline-offset:4px;text-decoration-thickness:1px;transition:color .14s,text-decoration-color .14s}a:hover{color:#272b62;text-decoration-color:currentColor}a:focus-visible{outline:2px solid var(--link);outline-offset:5px;border-radius:1px}::selection{background:#e1e3f4;color:#25264a}[hidden]{display:none!important}.skip-link{position:fixed;top:12px;left:12px;z-index:10;background:var(--paper);border:1px solid var(--line);padding:8px 14px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site{display:grid;grid-template-columns:172px minmax(0,620px);column-gap:66px;max-width:1002px;padding:89px 50px 32px;margin:0 auto}.sidebar{padding-top:6px}.site-name{font-family:var(--serif);font-size:26px;letter-spacing:-.8px;color:var(--ink);text-decoration:none;line-height:1.2}.sidebar nav{display:flex;flex-direction:column;gap:9px;margin-top:27px}.sidebar nav a{align-self:start;font-size:13px;color:#73737c;text-decoration:none;line-height:1.7}.sidebar nav a:hover{color:var(--link);text-decoration:underline;text-decoration-color:#b8bdd7}.sidebar nav a[aria-current]{color:var(--ink)}.sidebar nav a[aria-current]::before{content:"·";position:absolute;margin-left:-13px;color:var(--link)}.page-shelf{margin-top:58px}.quiet-label{font-family:var(--mono);font-size:10px;color:var(--muted);font-weight:400;letter-spacing:.015em;line-height:1.7}.page-shelf p{margin:0}.page-shelf nav{margin-top:15px;gap:13px}.page-shelf nav a{font-size:12px;color:#72727c}main{min-width:0}main:focus{outline:none}h1{font-family:var(--serif);font-weight:400;font-size:44px;letter-spacing:-1.6px;line-height:1.2;margin:0 0 25px;color:#2e2e34}h2{font-family:var(--serif);font-size:23px;font-weight:400;letter-spacing:-.55px;line-height:1.35;margin:0 0 11px}h2 a{text-decoration-thickness:1px;text-decoration-color:#c9ccdc;text-underline-offset:5px}p{margin:0 0 19px}.intro{max-width:465px}.intro p:first-child{font-size:16px;margin-bottom:15px}.intro p:last-child{font-size:14px;color:#6b6b74;line-height:1.9}.home-content{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);column-gap:36px;row-gap:0;border-top:1px solid var(--line);padding-top:34px;margin-top:37px}.small-note{grid-column:1/-1;padding-bottom:32px}.small-note p{font-size:14px;color:#64646e;line-height:1.8;margin-bottom:0}.image-fragment{grid-column:2;grid-row:2;margin:3px 0 0;align-self:start}.image-fragment>a{display:block}.image-fragment img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #e3e4e8}.image-fragment a:hover img{border-color:#b4b8d0}.image-fragment figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;font-size:12px}.image-fragment figcaption a{color:#656572;text-decoration:none}.image-fragment figcaption a:hover{text-decoration:underline}.image-fragment figcaption span{font:9px/1.5 var(--mono);color:var(--muted)}.saved-link{grid-column:1;grid-row:2;padding:0 0 30px}.saved-link .quiet-label{margin:0 0 8px}.saved-link h2{font-size:21px}.saved-link h2 span{font:15px/1 var(--sans);padding-left:3px}.saved-link p{font-size:13px;color:#64646e;line-height:1.7;margin:0 0 7px}.link-domain{color:#7a7a82;font:10px/1.7 var(--mono)}.unfinished{grid-column:1/-1;padding-top:22px;border-top:1px solid var(--line);margin-top:22px}.unfinished h2{font-size:21px}.unfinished p{font-size:13px;color:#72727b;margin-bottom:0}footer{margin-top:66px;padding:19px 0 0;border-top:1px solid var(--line);font-size:10px;color:#787880}.intro-line{font-size:14px;color:var(--muted)}.all-pages{list-style:none;margin:35px 0 0;padding:0}.all-pages li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:16px}.all-pages a{font-family:var(--serif);font-size:21px}.all-pages span{font:10px/1.6 var(--mono);color:var(--muted)}.back-link{font:11px/1.5 var(--mono);display:inline-block;text-decoration:none;margin-bottom:27px;color:var(--muted)}.back-link:hover{text-decoration:underline}.document h1{font-size:39px;line-height:1.25}.document p,.document li{font-size:15px;line-height:1.9;color:#5d5d68}.document h2{margin-top:30px;color:#343439}.document ul{padding-left:21px;margin:20px 0}.document pre{padding:18px 21px;margin:29px 0;border-left:2px solid #c6c9dd;background:#f0f0f3;color:#555566;font:12px/1.8 var(--mono);overflow:auto}.document pre code{font:inherit}.document .document-note{font-size:11px;color:var(--muted);margin-top:25px}.page-connections{display:flex;flex-direction:column;align-items:start;gap:10px;margin-top:49px;padding-top:20px;border-top:1px solid var(--line);font-size:13px}.document-image{margin:0}.document-image img{display:block;max-width:100%;height:auto;border:1px solid var(--line)}.document-image figcaption{margin-top:12px;font-size:12px;color:var(--muted)}.view{animation:appear .16s ease-out}@keyframes appear{from{opacity:.5}to{opacity:1}}
@media(min-width:1500px){.site{padding-top:110px}}
@media(max-width:850px){.site{padding:55px 32px 30px;grid-template-columns:140px minmax(0,1fr);column-gap:34px}.home-content{column-gap:24px}.site-name{font-size:24px}.image-fragment figcaption{flex-wrap:wrap;gap:3px}.image-fragment figcaption span{display:none}}
@media(max-width:620px){.site{display:block;padding:25px 25px 28px;max-width:500px}.sidebar{display:flex;align-items:baseline;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:37px}.site-name{font-size:23px}.sidebar>nav{flex-direction:row;margin:0;gap:22px}.sidebar>nav a{font-size:12px;min-height:32px}.sidebar nav a[aria-current]::before{display:none}.sidebar nav a[aria-current]{text-decoration:underline;text-decoration-color:#979dbe}.page-shelf{display:none}h1{font-size:39px;margin-bottom:24px}.intro p:first-child{font-size:15px}.intro p:last-child{font-size:14px}.desktop-break{display:none}.home-content{margin-top:31px;padding-top:29px;column-gap:24px}.small-note{padding-bottom:28px}h2{font-size:22px}.small-note p{font-size:13px}.saved-link h2{font-size:20px}.saved-link p{font-size:12px}.image-fragment{margin-top:5px}.image-fragment figcaption{font-size:11px}.unfinished{padding-top:22px;margin-top:0}.unfinished h2{font-size:20px}footer{margin-top:48px}.document h1{font-size:34px}.document p,.document li{font-size:14px}}
@media(max-width:365px){.site{padding-right:21px;padding-left:21px}.home-content{display:block}.image-fragment{margin:4px 0 27px;max-width:220px}.saved-link{padding-bottom:25px}.unfinished{padding-top:23px}.all-pages span{font-size:9px}.all-pages a{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* The garden stays quiet; editing has its own clearly separate workspace. */
button,input,select{font:inherit}button,select{cursor:pointer}button{color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:4px;padding:6px 11px;line-height:1.5}button:hover{background:#eeeef2;border-color:#c5c7d1}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--link);outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.text-button{border:0;padding:0;color:var(--link);font-size:12px;text-decoration:underline;text-decoration-color:#c9ccdc;text-underline-offset:4px;border-radius:0}.text-button:hover{background:transparent;color:#272b62}.editor-entry{display:block;font-size:11px;color:var(--muted);margin-top:60px;text-decoration:none}.editor-entry:hover{text-decoration:underline}.page-topline{display:flex;justify-content:space-between;gap:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.editor-header{max-width:1150px;padding:25px 40px 21px;margin:auto;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.editor-brand{font-family:var(--serif);font-size:22px;color:var(--ink);text-decoration:none}.editor-brand span{font:11px var(--mono);color:var(--muted);margin-left:9px}.editor-layout{display:grid;grid-template-columns:210px minmax(0,700px);gap:55px;max-width:1150px;margin:0 auto;padding:40px}.editor-sidebar{padding-top:4px}.editor-nav-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.editor-sidebar nav{display:flex;flex-direction:column;gap:6px;margin-top:22px}.editor-sidebar nav a{font-size:13px;text-decoration:none;color:var(--muted);padding:5px 10px;margin-left:-10px;border-radius:4px;overflow-wrap:anywhere}.editor-sidebar nav a[aria-current]{background:#ededf2;color:var(--ink)}.editor-sidebar nav a:hover{color:var(--link)}.editor-import{padding-top:24px;border-top:1px solid var(--line);margin-top:52px}.editor-main{min-width:0}.entry-title{font-family:var(--serif);font-size:39px;line-height:1.3;letter-spacing:-1.3px;width:100%;background:transparent;border:0;color:var(--ink);padding:0 0 20px;outline:none}.entry-title:focus-visible{outline:none}.writing-toolbar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0;margin-bottom:25px;position:sticky;top:0;background:var(--paper);z-index:2}.writing-toolbar button{font-size:12px;padding:5px 8px;border-color:transparent}.writing-toolbar button:hover{border-color:var(--line)}.writing-body{min-height:510px;outline:0;overflow-wrap:anywhere;line-height:1.9;padding-bottom:10px}.writing-body:focus{outline:none}.writing-body:empty:before{content:attr(data-placeholder);color:#9b9ba2;pointer-events:none}.writing-body p:empty:before{content:'\00a0'}.writing-body h2:first-child{margin-top:0}.writing-body h3,.document h3{font-family:var(--serif);font-weight:400;font-size:21px;line-height:1.5}.writing-body img,.document img{display:block;max-width:100%;height:auto;margin:22px 0;border:1px solid var(--line)}.editor-bottom{margin-top:28px;border-top:1px solid var(--line);padding-top:19px;display:flex;align-items:baseline;gap:18px;justify-content:space-between;font-size:12px;line-height:1.5}.editor-exports{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:14px}.editor-exports button{max-width:100%;text-align:left}.media-block{margin:25px 0;padding:0;border:0;background:transparent;line-height:1.6;position:relative}.media-block[tabindex]:focus{outline:none}.media-block .media-title{font-size:13px;color:var(--muted);display:block;overflow-wrap:anywhere}.media-block .media-detail{display:block;font-size:11px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.media-block video{display:block;width:100%;max-height:420px;background:#202024;margin:0}.media-block img{display:block;margin:0;border:0;max-height:480px;object-fit:contain}.notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#343439;color:#fff;padding:12px 20px;border-radius:5px;font-size:12px;z-index:20;max-width:min(90vw,600px);box-shadow:0 3px 15px #0001}.notice[data-error=true]{background:#873d3d}dialog{border:1px solid var(--line);border-radius:7px;background:var(--paper);padding:30px;color:var(--ink);width:min(440px,calc(100% - 36px));box-shadow:0 10px 80px #0002}dialog::backdrop{background:#34343944}dialog h2{margin-bottom:20px}dialog label{display:block;font-size:12px;margin:15px 0 5px}dialog input{border:1px solid #cfcfd7;background:#fff;width:100%;padding:8px 10px;border-radius:3px;font-size:14px}dialog p{font-size:11px;color:var(--muted);margin-top:14px}#insert-error{color:#a12e2e}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;font-size:12px}.primary-button{background:#454d78;color:white;border-color:#454d78}.primary-button:hover{background:#343c67;color:white}
@media(max-width:850px){.editor-layout{grid-template-columns:165px minmax(0,1fr);gap:30px;padding:32px}.editor-header{padding-left:32px;padding-right:32px}.editor-bottom{flex-direction:column}}
@media(max-width:620px){.sidebar{flex-wrap:wrap;row-gap:8px}.editor-entry{width:100%;margin:0;font-size:10px}.editor-header{padding:18px 22px;align-items:baseline}.editor-brand{font-size:21px}.editor-brand span{display:block;margin:2px 0 0;font-size:9px}.editor-layout{display:block;padding:25px 22px}.editor-sidebar{padding:0 0 22px;margin-bottom:28px;border-bottom:1px solid var(--line)}.editor-sidebar nav{flex-direction:row;overflow:auto;gap:12px;margin-top:14px}.editor-sidebar nav a{flex-shrink:0;max-width:180px;padding:5px 7px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-import{border:0;padding:0;margin-top:39px}.entry-title{font-size:33px;padding-bottom:18px}.writing-toolbar{margin-bottom:22px;gap:2px}.writing-toolbar button{font-size:11px;padding:5px 6px}.writing-body{min-height:280px}.editor-bottom{gap:18px}}
.small-note p{white-space:pre-line}

.writing-menu{position:fixed;z-index:15;min-width:180px;max-width:calc(100vw - 16px);padding:5px;background:var(--paper);border:1px solid var(--line);border-radius:5px;box-shadow:0 5px 20px #00000012}.writing-menu:focus{outline:none}.writing-menu button{display:block;width:100%;padding:8px 12px;border:0;border-radius:3px;text-align:left;font-size:13px;line-height:1.5}.writing-menu button:hover,.writing-menu button:focus{background:#ededf2;color:var(--link);outline:none}



.block-format-picker{position:relative}.writing-toolbar .block-format-trigger{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:112px;padding:5px 8px;border:0;outline:none}.block-format-trigger[aria-expanded="true"]{background:#ededf2}.dropdown-chevron{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .12s}.block-format-trigger[aria-expanded="true"] .dropdown-chevron{transform:translateY(2px) rotate(225deg)}.block-format-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:5;width:156px;max-width:calc(100vw - 44px);padding:4px;background:var(--paper);border:1px solid var(--line);border-radius:5px;box-shadow:0 5px 20px #00000012}.writing-toolbar .block-format-menu button{display:flex;align-items:center;gap:7px;width:100%;min-height:28px;padding:4px 8px;border:0;text-align:left;font-size:12px;line-height:1.3;outline:none}.block-format-menu button::before{content:"";width:12px;flex-shrink:0;font:12px var(--sans);color:var(--link)}.block-format-menu button[aria-checked="true"]::before{content:"✓"}.writing-toolbar .block-format-menu button:hover,.writing-toolbar .block-format-menu button:focus{background:#ededf2;color:var(--link)}.block-format-menu button[data-block="h2"]{font-family:var(--serif);font-size:15px}.block-format-menu button[data-block="h3"]{font-family:var(--serif);font-size:13px}
.writing-toolbar > button[data-command="bold"]{margin-left:8px}
#delete-entry{display:inline-flex;align-items:center;gap:6px;color:#8b5555;text-decoration:none;border-bottom:1px solid #c9ccdc;position:relative;top:-1px}#delete-entry:hover{color:#6d3030}
.media-block iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;min-height:200px;border:0;background:#202024}
.writing-body .media-block[data-media-kind="image"]{width:fit-content;max-width:100%}.media-delete{position:absolute;top:-24px;right:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:4px;border:0;border-radius:3px;background:var(--paper);color:var(--muted);visibility:hidden;pointer-events:none}.media-block:hover>.media-delete,.media-block:focus-within>.media-delete{visibility:visible;pointer-events:auto}.media-delete:hover{background:#ededf2;color:#8b5555}
.media-block[data-media-kind="image"]>.media-delete,.media-block[data-media-kind="video"]>.media-delete{top:8px;right:8px}

.media-block video:focus,.media-block iframe:focus{outline:none}
.editor-home{display:block;margin:0 -10px 25px;padding:5px 10px;border-radius:4px;font-size:13px;color:var(--muted);text-decoration:none}.editor-home:hover{color:var(--link)}.editor-home[aria-current]{background:#ededf2;color:var(--ink)}#home-content>p:first-child{font-size:16px}
.page-reference-menu{position:fixed;z-index:16;width:260px;max-width:calc(100vw - 16px);max-height:180px;overflow-y:auto;overscroll-behavior:contain;padding:4px;background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:0 5px 20px #00000012;scroll-behavior:auto}.page-reference-menu button{display:flex;align-items:center;gap:9px;width:100%;min-height:32px;padding:6px 9px;border:0;border-radius:3px;text-align:left;font-size:13px;line-height:20px}.page-reference-menu button svg{flex-shrink:0;color:var(--muted)}.page-reference-menu button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-reference-menu button[aria-selected="true"],.page-reference-menu button:hover{background:#ededf2;color:var(--link)}.page-reference-empty{padding:7px 9px;font-size:12px;color:var(--muted)}
@media(pointer:coarse){.page-reference-menu button{min-height:44px}}
.auth-page{max-width:520px;margin:90px auto;padding:0 28px}.auth-page h1{font-size:32px;margin-top:38px}.auth-page p{font-size:14px;color:var(--muted)}.auth-page form{margin:24px 0}.editor-header #sign-out{display:flex;align-items:center}


.youtube-upload,.video-upload{border:1px solid var(--line);border-radius:5px;overflow:hidden}.upload-preview{aspect-ratio:16/9;background:#24242a;display:flex;align-items:center;justify-content:center;color:#bdbdc7;font:14px var(--mono)}.upload-preview:has(video){aspect-ratio:auto}.upload-preview video{width:100%;height:auto;max-height:420px;object-fit:contain}.upload-overlay{position:absolute;top:10px;left:10px;max-width:min(380px,calc(100% - 70px));padding:7px 10px;border-radius:4px;background:#202024d9;color:#fff;font-size:11px;line-height:1.5;pointer-events:none}.upload-overlay [data-video-upload-status],.upload-overlay [data-upload-status],.upload-overlay [data-upload-error]{display:block;overflow-wrap:anywhere}.upload-overlay [data-upload-error]:empty{display:none}.upload-overlay [data-upload-error]{color:#f4cece;margin-top:4px}.upload-overlay progress{display:block;width:100%;height:3px;margin-top:5px}.upload-overlay button{pointer-events:auto;font-size:11px;padding:3px 8px;margin-top:6px;background:#fff;color:#343439}