@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;500;600;700&display=swap";.sidebar{padding:8px 6px 10px;border-bottom:1px solid var(--color-border)}.sidebar-header{margin-bottom:8px}.sidebar-title{font-size:1.25em;margin-bottom:0;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sidebar-subtitle{font-size:.7em;color:var(--color-text-secondary);font-family:var(--font-typewriter);letter-spacing:.06em;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:3px;max-height:34vh;overflow-y:auto;padding-right:0}.category-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;border-radius:5px;text-align:left;transition:all .2s ease;border:1px solid transparent}.category-item:hover{border-color:var(--color-border);background:#798a731a}.category-item.active{background:#798a732e;border-color:var(--category-color, var(--color-accent));font-weight:600}.category-name{font-size:.8em;font-family:var(--font-typewriter);color:var(--color-text)}.category-count{font-size:.7em;color:var(--color-text-secondary);font-family:var(--font-typewriter)}@media (max-width: 768px){.sidebar{border-bottom:none;padding:12px 16px}.sidebar-nav{max-height:none}}.post-list{flex:1;display:flex;flex-direction:column;gap:6px;padding:6px 2px 0;overflow-y:auto}.post-item{display:flex;align-items:baseline;gap:10px;padding:8px 10px;border-radius:6px;text-align:left;transition:all .2s ease;border:1px solid transparent;background:transparent}.post-item:hover{border-color:var(--color-border);background:#798a731f}.post-item.active{border-color:var(--color-highlight);background:#c7522a1f}.post-number{font-size:.8em;color:var(--color-accent);font-family:Courier New,monospace;font-weight:600;letter-spacing:.04em}.post-item.active .post-number{color:var(--color-highlight)}.post-list .post-title{font-size:.9em;font-weight:600;font-family:var(--font-typewriter);color:var(--color-text);line-height:1.3;flex:1}@media (max-width: 768px){.post-list{flex-direction:row;flex-wrap:wrap;max-height:none;gap:8px;padding:8px 0}.post-item{flex:1 1 calc(50% - 8px)}}.post-content{position:fixed;left:var(--sidebar-width);top:0;right:0;bottom:0;overflow-y:auto;background:var(--color-surface);color:var(--color-text)}.post-nav-button{position:fixed;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#e0dac9e6;border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-typewriter);font-size:.75em;letter-spacing:.08em;text-transform:uppercase;font-weight:600;box-shadow:0 14px 30px #3f403c26;transition:transform .2s ease,background .2s ease,opacity .2s ease;z-index:20}.post-nav-button--left{left:calc(var(--sidebar-width) + 24px)}.post-nav-button--right{right:32px}.post-nav-button:hover:not(:disabled){background:#798a7340;transform:translateY(-50%) scale(1.05)}.post-nav-button:disabled{opacity:.4;cursor:not-allowed}.post-nav-icon{font-size:1.2em;font-family:Courier New,monospace}.post-header{text-align:center;margin-bottom:32px;padding-top:56px}.post-category-badge{display:inline-block;padding:4px 14px;border-radius:999px;font-size:.7em;font-family:var(--font-typewriter);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;color:var(--color-text);border:1px solid var(--color-border);background:#798a7326}.post-content .post-title{font-size:2.3em;font-weight:700;margin-bottom:12px;line-height:1.15;color:var(--color-highlight)}.post-metadata{display:flex;justify-content:center;align-items:center;gap:10px;font-size:.85em;color:var(--color-text-secondary);font-family:var(--font-typewriter);flex-wrap:wrap}.post-separator{opacity:.6}.post-slug-button{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border-radius:999px;border:1px solid var(--color-border);background:#798a7312;cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease}.post-slug-button:hover:not(:disabled){background:#798a7333;border-color:var(--color-accent);transform:translateY(-2px)}.post-slug-button:disabled{opacity:.6;cursor:not-allowed}.post-slug-text{font-family:Courier New,monospace;font-size:.85em;color:var(--color-highlight);letter-spacing:.06em;text-transform:lowercase}.post-slug-copy{font-family:var(--font-typewriter);font-size:.65em;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}.post-slug-button.copied .post-slug-copy{color:var(--color-highlight)}.post-image-container{margin:36px 0;text-align:center}.post-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 16px 40px #3f403c26}.post-body{font-size:1.02em;line-height:1.75;color:var(--color-text);font-weight:400}.post-body p{margin-bottom:1.3em;text-align:justify}.post-body h2{font-size:1.6em;margin:1.5em 0 .8em;font-weight:500}.post-body h3{font-size:1.3em;margin:1.4em 0 .8em;font-weight:500}.post-body img{margin:1.6em 0;border-radius:6px}.post-body blockquote{margin:1.8em 0;padding-left:20px;border-left:3px solid var(--color-accent);font-style:italic;color:var(--color-text-secondary)}.post-body ul,.post-body ol{margin:1.3em 0;padding-left:2em}.post-body li{margin-bottom:.4em}.post-body code{font-family:Courier New,monospace;background:#3f403c14;padding:2px 6px;border-radius:3px;font-size:.9em}.post-body pre{background:#3f403c14;padding:14px;border-radius:6px;overflow-x:auto;margin:1.2em 0}.post-body pre code{background:none;padding:0}.reading-content .right,.post-body .right{display:block;width:fit-content;margin-left:auto;margin-right:0;text-align:left}@media (max-width: 768px){.post-content{position:relative;left:0;top:0;bottom:auto;height:auto}.post-header{padding-top:24px}.post-title{font-size:1.8em}.reading-content{padding:32px 20px}.post-nav-button{display:none}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:.9em;color:var(--color-text-secondary);font-family:var(--font-typewriter)}:root{--color-bg: #e0ddd4;--color-surface: #f0ede7;--color-text: #1c1c1b;--color-text-secondary: #1e1d1c;--color-border: #c8c0ad;--color-accent: #798a73;--color-highlight: #c7522a;--sidebar-width: 250px;--font-typewriter: "Inconsolata", "Courier New", "IBM Plex Mono", "Space Mono", monospace;font-family:var(--font-typewriter);line-height:1.7;font-weight:500;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden;background:var(--color-bg);color:var(--color-text)}#root{min-height:100vh}.app{display:flex;min-height:100vh;background:var(--color-bg)}.sidebar-stack{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;padding:12px 10px 18px;border-right:1px solid var(--color-border);background:var(--color-bg);display:flex;flex-direction:column;gap:10px;box-shadow:16px 0 30px #3f403c14}h1,h2,h3,h4,h5,h6{font-family:var(--font-typewriter);font-weight:700;letter-spacing:.01em;line-height:1.3}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font:inherit;color:inherit}img{max-width:100%;height:auto;display:block}.reading-content{max-width:720px;margin:0 auto;padding:48px 48px 60px}.reading-content p{margin-bottom:1.5em;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.reading-content h1{font-size:2.5em;margin-bottom:.5em;text-align:center}.reading-content h2{font-size:1.8em;margin:2em 0 1em}.reading-content img{margin:2em 0;border-radius:4px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#3f403c4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3f403c73}@media (max-width: 768px){body{overflow:auto}.app{flex-direction:column}.sidebar-stack{position:relative;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--color-border);box-shadow:none}}