@import"https://fonts.googleapis.com/css2?family=Bitcount+Prop+Single:wght@100..900&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: rgb(10, 10, 10);--text: #ffffff;--text-dim: rgba(255, 255, 255, .45);--text-body: rgba(255, 255, 255, .82);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .25);--glow: rgba(255, 255, 255, .2);--glow-strong: rgba(255, 255, 255, .9);--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .06);--radius: 10px;--font-display: "Bitcount Prop Single", "Courier New", monospace;--font-reading: "Montserrat", sans-serif;--article-width: 680px}body{font-family:var(--font-display)}body.font-reading{font-family:var(--font-reading)}html{scroll-behavior:smooth}html,body{width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:auto;background:var(--bg);color:var(--text);text-shadow:0 0 4px var(--glow)}#root{width:100%;min-height:100vh}.app{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column}.main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:48px 24px 80px;gap:32px}.navbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px 40px}.navbar-links{display:flex;gap:32px}.navbar-link{font-family:var(--font-display);font-size:.9rem;letter-spacing:.15em;color:var(--text-dim);text-decoration:none;text-shadow:none;transition:color .2s,text-shadow .2s}.navbar-link:hover{color:var(--text);text-shadow:0 0 12px var(--glow-strong)}.navbar-link.active{color:var(--text);text-shadow:0 0 8px var(--glow)}.font-toggle-wrapper{display:flex;align-items:center;gap:8px;align-self:flex-end;margin-bottom:-4px}.font-toggle-label{font-size:.75rem;color:var(--text-dim);letter-spacing:.1em;text-shadow:none}.font-toggle-switch{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:0;text-shadow:none}.font-toggle-track{width:32px;height:18px;background:var(--border);border-radius:9px;border:1px solid var(--border);position:relative;transition:background .2s,border-color .2s;display:block}.font-toggle-switch.active .font-toggle-track{background:#ffffff26;border-color:var(--border-hover)}.font-toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text-dim);transition:transform .2s,background .2s;display:block}.font-toggle-switch.active .font-toggle-thumb{transform:translate(14px);background:var(--text)}.font-toggle-name{font-size:.7rem;color:var(--text-dim);letter-spacing:.08em;font-family:var(--font-display);transition:color .2s}.font-toggle-switch:hover .font-toggle-name{color:var(--text)}.home-header{width:100%;max-width:var(--article-width);display:flex;flex-direction:column;gap:6px}.home-title{font-size:2rem;letter-spacing:.2em;color:var(--text);text-shadow:0 0 16px var(--glow-strong);font-family:var(--font-display)}.home-subtitle{font-size:.8rem;color:var(--text-dim);letter-spacing:.1em}.doc-list{width:100%;max-width:var(--article-width);display:flex;flex-direction:column;gap:16px}.doc-card{display:block;text-decoration:none;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:20px 24px;transition:border-color .2s,background .2s,box-shadow .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.doc-card:hover{border-color:var(--border-hover);background:#ffffff0d;box-shadow:0 0 20px var(--glow)}.doc-card-title{font-size:1.1rem;color:var(--text);letter-spacing:.08em;margin-bottom:6px;font-family:var(--font-display)}.doc-card-description{font-size:.8rem;color:var(--text-dim);letter-spacing:.04em;line-height:1.6;margin-bottom:12px}.doc-card-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.doc-card-date{font-size:.7rem;color:var(--text-dim);letter-spacing:.08em;opacity:.7}.doc-card-dates{display:flex;flex-direction:column;gap:2px}.doc-card-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:.65rem;color:var(--text-dim);letter-spacing:.1em;border:1px solid var(--border);border-radius:var(--radius);padding:2px 8px;transition:color .2s,border-color .2s;font-family:var(--font-display)}.tag:hover{color:var(--text);border-color:var(--border-hover)}.article-wrapper{width:100%;max-width:var(--article-width);display:flex;flex-direction:column;gap:24px}.article-back{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-dim);letter-spacing:.1em;text-decoration:none;font-family:var(--font-display);transition:color .2s,text-shadow .2s;text-shadow:none;width:fit-content}.article-back:hover{color:var(--text);text-shadow:0 0 8px var(--glow-strong)}.article-header{display:flex;flex-direction:column;gap:10px}.article-title{font-size:2rem;color:var(--text);letter-spacing:.1em;text-shadow:0 0 16px var(--glow-strong);font-family:var(--font-display);line-height:1.3}.article-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.article-date{font-size:.75rem;color:var(--text-dim);letter-spacing:.08em;opacity:.7}.article-tags{display:flex;flex-wrap:wrap;gap:6px}.article-glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:20px 48px 40px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden}.article-content{color:var(--text-body);line-height:1.8;font-size:.95rem;letter-spacing:.02em;min-width:0;width:100%}.article-content h1,.article-content h2,.article-content h3,.article-content h4{color:var(--text);font-family:var(--font-display);letter-spacing:.06em;margin-top:2em;margin-bottom:.6em;text-shadow:0 0 4px var(--glow);line-height:1.3;font-weight:600}.article-content h1:first-child,.article-content h2:first-child,.article-content h3:first-child,.article-content h4:first-child{margin-top:0}body.font-reading .article-content h1,body.font-reading .article-content h2,body.font-reading .article-content h3,body.font-reading .article-content h4{font-family:var(--font-reading);letter-spacing:.02em}.article-content h1{font-size:1.7rem}.article-content h2{font-size:1.35rem}.article-content h3{font-size:1.1rem}.article-content h4{font-size:.95rem}.article-content p{margin-bottom:1.2em}.article-content a{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-hover);transition:text-decoration-color .2s,text-shadow .2s}.article-content a:hover{text-decoration-color:var(--text);text-shadow:0 0 8px var(--glow-strong)}.article-content strong{color:var(--text);font-weight:600}.article-content em{opacity:.85;font-style:italic}.article-content ul,.article-content ol{padding-left:1.5em;margin-bottom:1.2em;display:flex;flex-direction:column;gap:4px}.article-content li{line-height:1.7}.article-content blockquote{border-left:2px solid var(--border-hover);padding:4px 0 4px 20px;margin:1.2em 0;color:var(--text-dim);font-style:italic}.article-content hr{border:none;border-top:1px solid var(--border);margin:2em 0}.article-content code:not(pre code){font-family:Courier New,monospace;font-size:.85em;background:#ffffff0f;border:1px solid var(--border);border-radius:4px;padding:1px 6px;color:var(--text)}.code-block{position:relative;margin:1.5em 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);max-width:100%;background:#00000080}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:6px 14px;background:#ffffff0a;border-bottom:1px solid var(--border)}.code-block-lang{font-size:.65rem;color:var(--text-dim);letter-spacing:.1em;font-family:Courier New,monospace}.code-block-copy{background:none;border:none;color:var(--text-dim);font-family:var(--font-display);font-size:.65rem;letter-spacing:.08em;cursor:pointer;padding:0;transition:color .2s,text-shadow .2s;text-shadow:none}.code-block-copy:hover{color:var(--text);text-shadow:0 0 6px var(--glow-strong)}.code-block pre{margin:0;padding:16px 20px;overflow-x:auto;font-size:.85rem;line-height:1.7;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;background:#00000080!important}.code-block pre *{background:transparent!important}.code-block pre::-webkit-scrollbar{height:4px}.code-block pre::-webkit-scrollbar-track{background:transparent}.code-block pre::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.toc{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:16px 20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.toc-title{font-size:.65rem;color:var(--text-dim);letter-spacing:.15em;margin-bottom:10px;font-family:var(--font-display)}.toc-list{list-style:none;display:flex;flex-direction:column;gap:6px}.toc-item a{font-size:.78rem;color:var(--text-dim);text-decoration:none;letter-spacing:.04em;transition:color .2s,text-shadow .2s;text-shadow:none;line-height:1.4}.toc-item a:hover{color:var(--text);text-shadow:0 0 6px var(--glow-strong)}.toc-item.depth-3 a:before{content:"— ";opacity:.5}.toc-item.depth-4 a:before{content:"—— ";opacity:.4}.toc-item.depth-3 a{padding-left:8px;font-size:.73rem;opacity:.8}.toc-item.depth-4 a{padding-left:16px;font-size:.7rem;opacity:.6}@media(max-width:600px){.article-glass{padding:16px 20px 32px}.article-title{font-size:1.5rem}.article-content{font-size:.9rem}.article-content h1{font-size:1.4rem}.article-content h2{font-size:1.2rem}.article-content h3{font-size:1rem}.main{padding:32px 16px 64px}.home-title{font-size:1.5rem}.navbar{padding:16px 24px}.font-toggle-wrapper{align-self:flex-end}}