:root{--bg-color: color-mix(in srgb, var(--accent-color) 20%, white);--bg-overlay: linear-gradient(rgb(255 255 255 / 0.8), rgb(255 255 255 / 0.8));--fg-color: rgb(0 0 0 / 0.8);--fg-contrast: rgb(255 255 255);--fg-muted-1: rgb(0 0 0 / 0.05);--fg-muted-2: rgb(0 0 0 / 0.1);--fg-muted-3: rgb(0 0 0 / 0.2);--fg-muted-4: rgb(0 0 0 / 0.5);--fg-muted-5: rgb(0 0 0 / 0.6);--bg-muted-1: rgb(0 0 0 / 0.1);--bg-muted-2: rgb(0 0 0 / 0.2);--glass-bg: rgb(242 242 242 / 0.7);--accent-color-alpha: rgb(from var(--accent-color) r g b / var(--color-opacity));--blue-bg: rgb(from var(--blue-fg) r g b / var(--color-opacity));--blue-fg: rgb(53 132 228);--brown-bg: rgb(from var(--brown-fg) r g b / var(--color-opacity));--brown-fg: rgb(99 69 44);--green-bg: rgb(from var(--green-fg) r g b / var(--color-opacity));--green-fg: rgb(38 162 105);--purple-bg: rgb(from var(--purple-fg) r g b / var(--color-opacity));--purple-fg: rgb(145 65 172);--red-bg: rgb(from var(--red-fg) r g b / var(--color-opacity));--red-fg: rgb(224 27 36);--yellow-bg: rgb(from var(--yellow-fg) r g b / var(--color-opacity));--yellow-fg: rgb(156 110 3);--l: clamp(0, (l / 0.623 - 1) * -infinity, 1);--a: calc(var(--l) + (var(--dim-opacity) * (1 - var(--l))));--contrast-color: oklch(from var(--accent-color) var(--l) 0 h / var(--a));--container-width: 45rem;--rounded-corner: 0.75rem;--rounded-corner-small: 0.5rem;--blur: saturate(1.8) blur(0.75rem);--font-size-xx-small: 0.625rem;--font-size-x-small: 0.75rem;--font-size-small: 0.875rem;--font-size-medium: 1rem;--font-size-large: 1.25rem;--font-size-x-large: 1.5rem;--font-size-xx-large: 2rem;--font-size-xxx-large: 3rem;--font-size-xx-small-em: 0.625em;--font-size-x-small-em: 0.75em;--font-size-small-em: 0.875em;--font-size-medium-em: 1em;--font-size-large-em: 1.25em;--font-size-x-large-em: 1.5em;--font-size-xx-large-em: 2em;--font-size-xxx-large-em: 3em;--font-system-ui: system-ui, sans-serif;--font-transitional: Charter, "Bitstream Charter", "Sitka Text", Cambria, 			serif;--font-old-style: "Iowan Old Style", "Palatino Linotype", 			"URW Palladio L", P052, serif;--font-humanist: Seravek, "Gill Sans Nova", Ubuntu, Calibri, 			"DejaVu Sans", source-sans-pro, sans-serif;--font-geometric-humanist: Avenir, Montserrat, Corbel, "URW Gothic", 			source-sans-pro, sans-serif;--font-classical-humanist: Optima, Candara, "Noto Sans", source-sans-pro, 			sans-serif;--font-neo-grotesque: Inter, Roboto, "Helvetica Neue", "Arial Nova", 			"Nimbus Sans", Arial, sans-serif;--font-monospace-slab-serif: "Nimbus Mono PS", "Courier New", monospace;--font-monospace-code: ui-monospace, "Cascadia Code", "Source Code Pro", 			Menlo, Consolas, "DejaVu Sans Mono", monospace;--font-industrial: Bahnschrift, "DIN Alternate", 			"Franklin Gothic Medium", "Nimbus Sans Narrow", sans-serif-condensed, 			sans-serif;--font-rounded-sans: ui-rounded, "Hiragino Maru Gothic ProN", Quicksand, 			Comfortaa, Manjari, "Arial Rounded MT", "Arial Rounded MT Bold", 			Calibri, source-sans-pro, sans-serif;--font-slab-serif: Rockwell, "Rockwell Nova", "Roboto Slab", 			"DejaVu Serif", "Sitka Small", serif;--font-antique: Superclarendon, "Bookman Old Style", "URW Bookman", 			"URW Bookman L", "Georgia Pro", Georgia, serif;--font-didone: Didot, "Bodoni MT", "Noto Serif Display", 			"URW Palladio L", P052, Sylfaen, serif;--font-handwritten: "Segoe Print", "Bradley Hand", Chilanka, TSCu_Comic, 			casual, cursive;--font-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", 			"Noto Color Emoji";--color-opacity: 0.1;--dim-opacity: 0.8;--disabled-opacity: 0.6;--edge-highlight: inset 0 0.0625rem 0 rgb(255 255 255 / 0.1);--shadow: 0 0 0 0.0625rem rgb(0 0 0 / 0.03), 			0 0.0625rem 0.1875rem 0.0625rem rgb(0 0 0 / 0.07), 			0 0.125rem 0.375rem 0.125rem rgb(0 0 0 / 0.03);--shadow-raised: 0 0 0 0.0625rem rgb(0 0 0 / 0.06), 			0 0.125rem 0.375rem 0.125rem rgb(0 0 0 / 0.14), 			0 0.25rem 0.75rem 0.25rem rgb(0 0 0 / 0.06);--shadow-glass: 0 0.75rem 1.5rem -1rem rgb(0 0 0 / 0.5);--shadow-glow: 0 0 0 0.0625rem var(--accent-color-alpha), 			0 0.125rem 0.375rem 0.125rem var(--accent-color-alpha), 			0 0.25rem 1.5rem 0.25rem var(--accent-color-alpha);--text-shadow-glow: var(--accent-color-alpha) 0 0 0.25rem, 			var(--accent-color) 0 0 0.75rem;--hover: scale(1.1);--active: scale(0.9);--transition: 0.2s;--transition-longer: 0.4s;--transition-long: 0.8s}[data-theme=dark]{--bg-color: color-mix(in srgb, var(--accent-color) 10%, black);--bg-overlay: linear-gradient(rgb(0 0 0 / 0.9), rgb(0 0 0 / 0.9));--fg-color: rgb(255 255 255);--fg-contrast: rgb(0 0 0 / 0.8);--fg-muted-1: rgb(255 255 255 / 0.05);--fg-muted-2: rgb(255 255 255 / 0.1);--fg-muted-3: rgb(255 255 255 / 0.2);--fg-muted-4: rgb(255 255 255 / 0.5);--fg-muted-5: rgb(255 255 255 / 0.6);--bg-muted-1: rgb(255 255 255 / 0.1);--bg-muted-2: rgb(255 255 255 / 0.2);--glass-bg: rgb(25 25 25 / 0.7);--blue-fg: rgb(153 193 241);--brown-fg: rgb(205 171 143);--green-fg: rgb(143 240 164);--purple-fg: rgb(220 138 221);--red-fg: rgb(246 97 81);--yellow-fg: rgb(248 228 92);color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-color: color-mix(in srgb, var(--accent-color) 10%, black);--bg-overlay: linear-gradient(rgb(0 0 0 / 0.9), rgb(0 0 0 / 0.9));--fg-color: rgb(255 255 255);--fg-contrast: rgb(0 0 0 / 0.8);--fg-muted-1: rgb(255 255 255 / 0.05);--fg-muted-2: rgb(255 255 255 / 0.1);--fg-muted-3: rgb(255 255 255 / 0.2);--fg-muted-4: rgb(255 255 255 / 0.5);--fg-muted-5: rgb(255 255 255 / 0.6);--bg-muted-1: rgb(255 255 255 / 0.1);--bg-muted-2: rgb(255 255 255 / 0.2);--glass-bg: rgb(25 25 25 / 0.7);--blue-fg: rgb(153 193 241);--brown-fg: rgb(205 171 143);--green-fg: rgb(143 240 164);--purple-fg: rgb(220 138 221);--red-fg: rgb(246 97 81);--yellow-fg: rgb(248 228 92);color-scheme:dark}}h1,h1+p{text-align:center}h1{cursor:pointer;user-select:none;-webkit-user-select:none}#nanolog-list{display:flex;flex-direction:column;gap:1rem;margin:4rem auto 0;border-inline-start:.25rem solid var(--accent-color);padding-inline-start:0;width:min(var(--content-width)/1.5,100%);list-style:none}#nanolog-list li{position:relative;margin-block:0;padding-inline-start:1.5rem}#nanolog-list li:last-child{margin-block:0}#nanolog-list li::before{display:block;position:absolute;inset-block-start:-.0625rem;inset-inline-start:-.625rem;border:.25rem solid var(--accent-color);border-radius:50%;background-color:var(--bg-color);width:1rem;height:1rem;content:""}#nanolog-list li>div:nth-of-type(1){display:flex;align-items:center;gap:.5rem;margin-block-end:1rem;line-height:1}#nanolog-list li>div:nth-of-type(1) strong{display:block;color:var(--accent-color)}#nanolog-list li>div:nth-of-type(1) small{text-align:end}#nanolog-list li>div:nth-of-type(2){box-shadow:var(--edge-highlight),var(--shadow);border-radius:var(--rounded-corner);border-start-end-radius:2rem;background-color:var(--bg-muted-1);padding:1rem}#nanolog-list li>div:nth-of-type(2)>a{float:inline-end;transition:all var(--transition),transform var(--transition-bezier);margin-inline-start:1rem;box-shadow:var(--edge-highlight);border-radius:999px;background-color:var(--bg-muted-1);padding:.25rem .75rem;font-size:var(--font-size-small);line-height:1.5rem;text-decoration:none}#nanolog-list li>div:nth-of-type(2)>a:hover{background-color:var(--bg-muted-2)}#nanolog-list li>div:nth-of-type(2)>a:active{transform:var(--active)}#nanolog-list li>div:nth-of-type(2)>a+p{margin-block-start:0}#nanolog-list li>div:nth-of-type(2)>*{margin-block-start:0;margin-block-end:0}#nanolog-button{position:fixed;appearance:none;backdrop-filter:var(--blur);transition:all var(--transition),transform var(--transition-bezier);cursor:pointer;inset-block-end:1rem;inset-inline-end:1rem;border:none;border-radius:50%;background:none;padding:1rem;font-size:1.5rem;line-height:0;font-family:inherit;-webkit-backdrop-filter:var(--blur);z-index:9999;animation:calc(.525s + var(--transition-longer)) cubic-bezier(.17, .89, .32, 1.28) nanolog-button-load;box-shadow:0 .5rem 1.5rem var(--shadow-color);background:linear-gradient(135deg, var(--accent-color), var(--accent-color-2));color:var(--bg-color)}#nanolog-button:hover{box-shadow:0 .5rem 1.5rem var(--shadow-color);background:linear-gradient(135deg, var(--accent-color), var(--accent-color-2));color:var(--bg-color)}#nanolog-button:active{transform:var(--active)}@keyframes nanolog-button-load{from, 52.5%{transform:translateY(1rem);opacity:0}}#nanolog-modal{display:flex;position:fixed;flex-direction:column;align-items:center;visibility:hidden;opacity:0;z-index:9999;transition:var(--transition);inset:0;background-color:var(--shade-color);padding-block-start:15vh;width:100%;height:100vh}#nanolog-modal.active{visibility:visible;opacity:1}#nanolog-modal.active #nanolog-modal-content{transform:none}#nanolog-modal-content{display:flex;flex-direction:column;gap:1rem;transform:var(--hover);border-radius:1.25rem 1.25rem 1.75rem 1.75rem;padding:.5rem;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);transition:all var(--transition),transform var(--transition-bezier-longer);box-shadow:var(--edge-highlight),var(--shadow-glass);background-color:var(--glass-bg-1);width:calc(100% - 2rem);max-width:calc(var(--content-width)/1.5)}#nanolog-modal-content input,#nanolog-modal-content textarea{box-shadow:none;border-radius:0;background-color:rgba(0,0,0,0);padding:0;width:100%}#nanolog-modal-content input:focus-visible,#nanolog-modal-content textarea:focus-visible{animation:none;outline:none}#nanolog-modal-content #compose-container{display:flex;flex-direction:column;box-shadow:var(--edge-highlight);border-radius:var(--rounded-corner) var(--rounded-corner) 1.25rem 1.25rem;background:var(--bg-muted-1);padding:.5rem .75rem}#nanolog-modal-content #compose-container .overshoot{display:flex;margin-block:-1rem}#nanolog-modal-content #compose-container .overshoot #post-content{padding-block:1rem}#nanolog-modal-content #compose-container .buttons{align-items:center;margin-inline-end:-.25rem;margin-block-start:1rem;border-block-start:.0625rem solid var(--bg-muted-2);padding-block-start:.5rem}#nanolog-modal-content #post-title{margin-block-end:1rem;border-block-end:.0625rem solid var(--bg-muted-2);padding-block-end:.5rem}#nanolog-modal-content #post-content{height:8rem;resize:none}#nanolog-modal-content #char-count{transition:var(--transition);margin-inline-end:.5rem;color:var(--fg-muted-2);font-size:var(--font-size-small);font-variant-numeric:tabular-nums}#nanolog-modal-content #char-count.half{color:var(--yellow-fg)}#nanolog-modal-content #char-count.max{color:var(--red-fg)}#nanolog-modal-content #auth-container{display:flex;flex:1;box-shadow:var(--edge-highlight);border-radius:var(--rounded-corner);background-color:var(--bg-muted-1);padding-inline-start:.75rem}#nanolog-modal-content #github-token{box-shadow:none;border-radius:0;background-color:rgba(0,0,0,0);padding:0}#nanolog-modal-content #show-token-btn{margin:.25rem;border-radius:var(--rounded-corner-small);padding:.375rem;font-size:1.25rem;line-height:0}