*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-color:#e0e5ec;--shadow-dark:#a3b1c6;--shadow-light:#fff;--text-primary:#17253d;--text-secondary:#5a6a80;--accent:#2400b3;--border-radius:.75rem;--border-radius-sm:.375rem;--box-shadow:6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light);--box-shadow-inset:inset 3px 3px 6px var(--shadow-dark), inset -3px -3px 6px var(--shadow-light);--font-serif:"Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", Georgia, serif;--font-mono:Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace}body{background-color:var(--bg-color);font-family:var(--font-serif);color:var(--text-primary);margin-inline-start:auto;margin-inline-end:auto;padding:1.5rem;font-size:1rem;line-height:1.75}a,.no-decoration{color:inherit;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--border-radius-sm)}h1{letter-spacing:-.01em;padding-top:1rem;font-size:2rem;line-height:1.3}h2{letter-spacing:-.01em;margin-top:1rem;font-size:1.5rem;line-height:1.4}h3{padding:.5rem 0 .2rem;line-height:1.5}ol,ul{padding-left:1.2rem;list-style-position:outside}table{border-collapse:collapse;border:1px solid #0000001e}table th{border:1px solid #0000001e;padding:.4rem .75rem}table td{border:1px solid #0000001e;padding:.4rem .75rem}::-webkit-scrollbar{width:6px;height:5px}::-webkit-scrollbar-thumb{background:var(--shadow-dark);border-radius:var(--border-radius)}::-webkit-scrollbar-track{background:var(--bg-color);border-radius:var(--border-radius)}.home-header{margin-bottom:1.5rem;display:flex}@media (max-width:768px){.home-header{flex-direction:column;align-items:center}}.nav-links{display:flex}@media (max-width:768px){.nav-links{flex-flow:row}}.nav-link{color:var(--text-primary);padding:.8rem 1.2rem;font-size:1.5rem}@media (max-width:768px){.nav-link{padding:0 .8rem;font-size:1.3rem}}.neumorphic{border-radius:var(--border-radius);box-shadow:var(--box-shadow);background:var(--bg-color);padding:1.25rem}code{white-space:pre-wrap;word-break:break-all;box-sizing:border-box;max-width:100%;margin-bottom:1.5rem;overflow-x:auto}pre[class*=language-]{color:#ccc;font-family:var(--font-mono);border-radius:var(--border-radius);-moz-tab-size:4;tab-size:4;background:#2d2d2d;padding:1.25em;line-height:1.65;overflow-x:auto}code[class*=language-]{white-space:pre;word-break:normal;font-family:inherit}.token.comment{color:#999;font-style:italic}.token.keyword,.token.selector,.token.atrule{color:#cc99cd}.token.string,.token.attr-value{color:#7ec699}.token.number,.token.boolean,.token.function{color:#f08d49}.token.tag,.token.attr-name,.token.deleted{color:#e2777a}.token.class-name,.token.constant{color:#f8c555}.token.operator,.token.entity{color:#67cdcc}.token.punctuation{color:#ccc}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}@media (max-width:768px){.posts-grid{gap:1rem;margin:.1rem;padding:.1rem}}.post-card{padding:1.5rem;position:relative}@media (max-width:768px){.post-card{padding:1.1rem}}.post-item{justify-content:space-between;margin-bottom:.5em;display:flex}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.gallery-card{text-align:center;border-radius:var(--border-radius);border:1px solid #00000014;align-items:center;padding:.75rem}.pixel-art{max-width:150px;image-rendering:pixelated}.dot-icon:after{content:"";opacity:.65;border-radius:50%;width:18px;height:18px;position:absolute;top:auto;bottom:12px;left:auto;right:12px}.post-icon:after{background-color:#32be8c}.tool-icon:after{background-color:#9696f0}.note-icon:after{background-color:#f09696}.tags li{color:var(--text-secondary);border:1px solid #0000002e;border-radius:.25rem;margin:0 .3rem .2rem 0;padding:.1rem .5rem;font-size:.8em;display:inline-block}.input{background:var(--bg-color);border-radius:var(--border-radius);width:100%;box-shadow:var(--box-shadow-inset);color:var(--text-primary);font-size:1rem;font-family:var(--font-serif);border:none;margin:0 .5rem .5rem 0;padding:.85rem 1rem}.input:focus{box-shadow:inset 3px 3px 8px var(--shadow-dark), inset -3px -3px 8px var(--shadow-light), 0 0 0 2px var(--accent);outline:none}button{background:var(--bg-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);cursor:pointer;color:var(--text-primary);font-size:1rem;font-family:var(--font-serif);border:none;margin-right:.5rem;padding:.6rem 1.25rem}button:active{box-shadow:var(--box-shadow-inset)}@media (max-width:768px){button{padding:.4rem .9rem}}.result{width:100%;margin-top:1rem;padding:1rem 0;overflow:hidden}@media (max-width:768px){.result{margin:1rem 0;padding:.5rem 0}}@media (max-width:768px){.mob-hide{display:none}}.prose{max-width:72ch;margin-inline-start:auto;margin-inline-end:auto;font-size:1.05rem;line-height:1.9}.prose p{margin-top:1em}.prose h2{border-bottom:1px solid #0000001f;margin-top:2.5em;margin-bottom:.5em;padding-bottom:.25em}.prose h3{margin-top:1.8em;margin-bottom:.3em}.prose ul{margin-top:.5em;line-height:1.75}.prose ol{margin-top:.5em;line-height:1.75}.prose :not(pre)>code{white-space:normal;word-break:break-all;background:#00000014;border-radius:.25em;padding:.15em .45em;font-size:.875em}.prose pre[class*=language-]{margin:1.5em 0;font-size:.9em;line-height:1.6}