@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg-primary: #0b1015;--bg-secondary: #101820;--bg-tertiary: #161f29;--panel-glow: rgba(255, 165, 36, .08);--text-primary: #e4e7ed;--text-secondary: #9ea7b3;--text-muted: #5f6b78;--accent-primary: #f5a524;--accent-secondary: #62c7ff;--accent-emerald: #4ade80;--border-strong: #2a3542;--border-light: #1c252f;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-mono);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);background-image:radial-gradient(circle at 20% 20%,rgba(98,199,255,.06),transparent 35%),radial-gradient(circle at 80% 0%,rgba(245,165,36,.08),transparent 30%),repeating-linear-gradient(0deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 1px,transparent 1px,transparent 32px);background-size:100% 100%,100% 100%,64px 64px,64px 64px;min-height:100vh}::-webkit-scrollbar{width:12px;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}nav{background:linear-gradient(180deg,#111923,#0c141c);border-bottom:2px solid var(--accent-primary);position:sticky;top:0;z-index:100;box-shadow:0 12px 24px #00000059}nav ul{list-style:none;display:flex;max-width:1200px;margin:0 auto;justify-content:center;flex-wrap:wrap;gap:0}.menu-toggle{display:none;background:transparent;border:1px solid var(--border-light);color:var(--text-primary);padding:.45rem .6rem;cursor:pointer;gap:.3rem;flex-direction:column;justify-content:center;align-items:center;border-radius:4px}.menu-toggle span{display:block;width:18px;height:2px;background:var(--text-primary)}nav li{border-left:1px solid var(--border-light)}nav li:first-child{border-left:none}nav a{color:var(--text-secondary);text-decoration:none;font-weight:600;transition:all .15s ease;font-size:.9rem;text-transform:uppercase;letter-spacing:1.5px;display:block;padding:1rem 1.75rem;position:relative}nav a:after{display:none}nav a:hover,nav a:focus{color:var(--accent-primary);background:#f5a5240f;text-shadow:0 0 8px rgba(245,165,36,.8),0 0 16px rgba(245,165,36,.6),0 0 24px rgba(245,165,36,.4)}main{max-width:1350px;margin:2rem auto 3rem;padding:0 2rem}.container{background:linear-gradient(135deg,#1a212aeb,#101820eb);border:1px solid var(--border-strong);padding:2.25rem;position:relative;box-shadow:inset 0 1px #ffffff0a,0 18px 36px #00000059;overflow:hidden;width:100%;max-width:1280px;margin:0 auto}.container:before,.container:after{content:"";position:absolute;border:1px solid var(--accent-primary);opacity:.45;pointer-events:none}.container:before{inset:12px;border-style:dashed;border-width:1px}.container:after{width:42px;height:42px;top:-1px;left:-1px;border-right:none;border-bottom:none;background:linear-gradient(135deg,var(--panel-glow) 0%,transparent 70%)}h1{color:var(--accent-primary);margin-top:30px;margin-bottom:30px;font-size:2.4rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-strong);padding-bottom:.75rem}h2{color:var(--text-primary);margin-top:30px;margin-bottom:30px;text-transform:uppercase;font-size:1.35rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem .45rem;letter-spacing:1px}h3,h4,h5,h6{margin-top:30px;margin-bottom:30px}h2:before{content:"///";color:var(--accent-secondary);font-weight:700;flex-shrink:0;white-space:nowrap}p{margin-bottom:1rem;color:var(--text-secondary)}code{background:var(--bg-tertiary);color:var(--accent-secondary);padding:.25rem .45rem;border:1px solid var(--border-strong);font-family:var(--font-mono);border-radius:2px}pre{background:var(--bg-tertiary);color:var(--text-primary);padding:1rem;border:1px solid var(--border-strong);margin:1rem 0;border-left:3px solid var(--accent-primary);overflow-x:auto;white-space:pre;word-break:normal;overflow-wrap:normal;box-shadow:0 0 12px #f5a52426;position:relative}pre .code-language{position:absolute;top:.5rem;right:.75rem;font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-primary);padding:.25rem .5rem;border:1px solid var(--border-light);border-radius:2px;opacity:.7;pointer-events:none;z-index:1}pre{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}pre .copy-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s ease}pre .copy-overlay.show{opacity:1}pre .copy-overlay-text{font-family:var(--font-mono);font-size:3rem;font-weight:700;color:var(--accent-emerald);text-transform:uppercase;letter-spacing:.5rem;text-shadow:0 0 20px rgba(74,222,128,.8),0 0 40px rgba(74,222,128,.6),0 0 60px rgba(74,222,128,.4);animation:copy-pulse .6s ease-out}@keyframes copy-pulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}pre.copying{position:relative}pre.copying:before{content:"";position:absolute;left:0;width:4px;background:var(--accent-emerald);z-index:1;animation:flash-from-edges-top .6s ease-out;box-shadow:0 0 20px #4ade80cc}pre.copying:after{content:"";position:absolute;left:0;width:4px;background:var(--accent-emerald);z-index:1;animation:flash-from-edges-bottom .6s ease-out;box-shadow:0 0 20px #4ade80cc}@keyframes flash-from-edges-top{0%{top:0;height:0;opacity:1}50%{top:0;height:50%;opacity:1}to{top:0;height:50%;opacity:0}}@keyframes flash-from-edges-bottom{0%{bottom:0;height:0;opacity:1}50%{bottom:0;height:50%;opacity:1}to{bottom:0;height:50%;opacity:0}}pre:hover{animation:code-border-pulse 2s ease-in-out infinite}@keyframes code-border-pulse{0%,to{border-left-color:var(--accent-primary);box-shadow:0 0 12px #f5a52426}50%{border-left-color:#f5a52499;box-shadow:0 0 20px #f5a52466}}pre code{background:transparent!important;box-shadow:none!important;white-space:inherit;word-break:normal;overflow-wrap:normal;border:none!important;outline:none!important}pre code span,pre code span[style],pre code .line,pre code .line span,pre code .line[style],pre code span[style*=background],pre code .line[style*=background],pre.astro-code code .line,pre.astro-code code .line span,pre[class*=github] code .line,pre[class*=github] code .line span,pre.astro-code code *,pre[class*=github] code *{background:transparent!important;background-color:transparent!important;border:none!important;outline:none!important;box-shadow:none!important}pre code [style*=background],pre code [style*=border],pre code [style*=outline]{background:transparent!important;background-color:transparent!important;border:none!important;outline:none!important}.katex-display{overflow-x:auto;overflow-y:hidden;max-width:100%;padding-bottom:.25rem;white-space:nowrap;min-width:0}.katex-display>.katex{display:inline-block;padding:.25rem 0;white-space:nowrap;min-width:max-content;line-height:1.2}.katex-display .katex *{white-space:nowrap}.equation-tag{text-align:right;font-family:var(--font-mono);color:var(--text-secondary);font-size:.9rem;margin:.2rem 0 .6rem}@media(max-width:520px){.katex-display{font-size:.9rem}}blockquote{border-left:4px solid var(--accent-secondary);margin:1.5rem 0;padding:1rem 1.5rem;background:#161f29d9;color:var(--text-primary)}.callout{border:1px solid var(--border-strong);border-left:4px solid var(--accent-primary);background:#161f29eb;padding:1rem 1.25rem;margin:1.25rem 0;position:relative}.callout:before{content:attr(data-callout);text-transform:uppercase;font-weight:700;color:var(--accent-primary);display:block;margin-bottom:.35rem;letter-spacing:.6px;font-size:.9rem}.callout-hint,.callout-info{border-left-color:var(--accent-secondary)}.callout-error{border-left-color:#e1695d}.callout-warn{border-left-color:#f5a524}table{width:100%;border-collapse:collapse;margin:1.5rem 0;border:1px solid var(--border-strong);background:var(--bg-tertiary)}table thead{background:#101820e6;color:var(--accent-primary);text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}table th,table td{padding:.75rem;text-align:left;border:1px solid var(--border-strong);color:var(--text-secondary)}table tbody tr:nth-child(2n){background:#ffffff05}table tbody tr:hover{background:#f5a52414}ul{list-style:none;padding-left:0}ul li{margin:.6rem 0;padding-left:1.6rem;position:relative;color:var(--text-secondary)}ul li:before{content:"#";position:absolute;left:0;color:var(--accent-primary);font-weight:800}ol{list-style:none;padding-left:0;counter-reset:item}ol li{margin:.6rem 0;padding-left:2rem;position:relative;color:var(--text-secondary);counter-increment:item}ol li:before{content:counter(item) ".";position:absolute;left:0;color:var(--accent-primary);font-weight:700;font-family:var(--font-mono)}a{color:var(--accent-secondary);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-primary);text-decoration:underline}img{max-width:100%;height:auto;border:1px solid var(--border-strong);margin:1.5rem 0;filter:grayscale(10%);transition:all .25s ease;box-shadow:0 10px 30px #00000059}img:hover{filter:grayscale(0%);border-color:var(--accent-primary);box-shadow:0 14px 38px #00000073}.scroll-progress{position:fixed;right:1.4rem;bottom:1.4rem;padding:.35rem .65rem;background:#0c141ce6;border:1px solid var(--border-strong);color:var(--text-primary);font-weight:700;font-size:.85rem;letter-spacing:.5px;box-shadow:inset 0 1px #ffffff0a,0 8px 18px #00000059;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:120}.site-info-btn{position:fixed;top:1rem;right:1.4rem;width:32px;height:32px;background:#0c141ce6;border:1px solid var(--border-strong);border-radius:50%;color:var(--accent-secondary);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .2s ease;z-index:120;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff0a,0 4px 12px #00000040}.site-info-btn:hover{background:#62c7ff26;border-color:var(--accent-secondary);transform:scale(1.1);box-shadow:inset 0 1px #ffffff0a,0 6px 16px #62c7ff4d}.site-info-modal{position:fixed;inset:0;z-index:1000}.site-info-overlay{position:absolute;inset:0;background:#0b1015d9;backdrop-filter:blur(4px)}.site-info-content{position:relative;max-width:500px;margin:10vh auto;background:linear-gradient(135deg,#1a212afa,#101820fa);border:1px solid var(--border-strong);border-radius:8px;padding:2rem;max-height:80vh;overflow-y:auto;overflow-x:visible;box-shadow:inset 0 1px #ffffff0a,0 20px 40px #00000080}.site-info-close{position:absolute;top:1rem;right:1rem;background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);font-size:1.8rem;width:32px;height:32px;border-radius:4px;cursor:pointer;line-height:1;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.site-info-close:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#f5a5241a}.site-info-content h3{margin:30px 0;color:var(--accent-primary);font-size:1.5rem;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--border-strong);padding-bottom:.5rem;display:flex;align-items:center;gap:.6rem}.site-info-content h3:before{content:"///";color:var(--accent-secondary);font-weight:700;flex-shrink:0}.info-section{margin-bottom:1.5rem;overflow:visible}.info-section h4{color:var(--accent-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin:30px 0;font-weight:600;display:flex;align-items:center;gap:.4rem}.info-section h4:before{content:"///";color:var(--accent-secondary);font-weight:700;font-size:.75rem;opacity:.7}.info-section p{margin:.25rem 0;color:var(--text-primary);font-family:var(--font-mono)}.info-detail{color:var(--text-secondary);font-size:.9rem}.tech-list{list-style:none;padding:0;margin:0}.tech-list li{color:var(--text-secondary);font-family:var(--font-mono);font-size:.9rem;border-left:2px solid var(--border-light);padding:.25rem 0 .25rem .75rem;margin:.25rem 0}.tech-list li:before{content:none}.tech-list strong{color:var(--text-primary)}.tech-list .license{color:var(--text-muted);font-size:.85rem;font-style:italic}.bug-report-link,.repo-link{color:var(--accent-secondary);text-decoration:none;transition:color .2s ease;font-family:var(--font-mono)}.bug-report-link:hover,.repo-link:hover{color:var(--accent-primary);text-decoration:underline}.stat-item{position:relative;overflow:visible}#stats-content{overflow:visible}.stat-label-tooltip{color:var(--text-muted);font-size:.85rem;margin-bottom:.25rem;cursor:help;position:relative;display:inline-block}.stat-label-tooltip{position:relative}.stat-label-tooltip:after{content:attr(data-tooltip);position:fixed;background:var(--bg-primary);color:var(--text-primary);padding:.75rem 1rem;border-radius:6px;font-size:.8rem;opacity:0;pointer-events:none;transition:opacity .2s ease;border:1px solid var(--border-strong);box-shadow:0 4px 12px #0000004d;z-index:10001;width:400px;max-width:calc(90vw - 2rem);white-space:normal;text-align:left;line-height:1.5;font-weight:400;word-wrap:break-word;overflow-wrap:break-word;left:var(--tooltip-left, 0);top:var(--tooltip-top, 0);transform:translate(-50%) translateY(-100%) translateY(-8px)}.stat-label-tooltip:before{content:"";position:fixed;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--bg-primary);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10002;left:var(--tooltip-left, 0);top:var(--tooltip-top, 0);transform:translate(-50%) translateY(-2px)}.stat-label-tooltip:hover:after,.stat-label-tooltip:hover:before{opacity:1}.stats-link-creative{position:relative;overflow:hidden;background:linear-gradient(135deg,#62c7ff08,#f5a52408);border:1px solid transparent}.stats-link-creative:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(98,199,255,.15),transparent);animation:shimmer-sweep 3s ease-in-out infinite}.stats-link-creative:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary),var(--accent-secondary));opacity:0;z-index:-1;filter:blur(8px);transition:opacity .4s ease}.stats-link-text{position:relative;z-index:1;background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary),var(--accent-secondary));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite;opacity:.9}.stats-link-arrow{position:relative;z-index:1;display:inline-block;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);animation:arrow-pulse 2s ease-in-out infinite}.stats-link-creative:hover{transform:translateY(-2px);box-shadow:0 4px 16px #62c7ff26;border-color:var(--accent-secondary)}.stats-link-creative:hover:after{opacity:.3}.stats-link-creative:hover .stats-link-arrow{transform:translate(4px) rotate(15deg) scale(1.2);animation:arrow-bounce .6s ease infinite}.stats-link-creative:hover .stats-link-text{animation:gradient-shift 1s ease infinite}@keyframes shimmer-sweep{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes gradient-shift{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes arrow-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes arrow-bounce{0%,to{transform:translate(4px) rotate(15deg) scale(1.2)}50%{transform:translate(8px) rotate(20deg) scale(1.3)}}@media(max-width:768px){.menu-toggle{display:inline-flex;margin:.5rem}nav{padding:.5rem .25rem}nav ul{flex-direction:column;width:100%;display:none}nav li{border-left:none;border-top:1px solid var(--border-light);width:100%}nav a{padding:.65rem 1rem;font-size:.82rem;letter-spacing:.8px;text-align:center;line-height:1.3;width:100%}nav.nav-links.open ul{display:flex}main{padding:0 1rem;max-width:100%}.container{padding:1.5rem;max-width:100%}h1{font-size:1.85rem}h2{font-size:1.1rem;letter-spacing:.6px;gap:.5rem .35rem}body{background-size:120px 120px,120px 120px,48px 48px,48px 48px}.scroll-progress{right:1rem;bottom:1rem;font-size:.8rem}.site-info-btn{top:.8rem;right:1rem;width:28px;height:28px;font-size:1rem}.site-info-content{margin:5vh 1rem;padding:1.5rem;max-height:85vh}.site-info-content h3{font-size:1.2rem}}