@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#0b1220;--bg-panel:#0f1830;--bg-card:#111c38;--border:#1e2c4f;--border-hover:#2f4a86;--accent:#38bdf8;--accent-2:#22d3ee;--text:#e2e8f0;--text-dim:#8b9bc1;--text-faint:#5b6b90;--font-mono:"JetBrains Mono", "SFMono-Regular", Menlo, monospace;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:linear-gradient(var(--bg), var(--bg)), repeating-linear-gradient(0deg, #38bdf80d 0px, #38bdf80d 1px, transparent 1px, transparent 40px), repeating-linear-gradient(90deg, #38bdf80d 0px, #38bdf80d 1px, transparent 1px, transparent 40px);color:var(--text);font-family:var(--font-sans);min-height:100vh}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#0f183099;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;display:flex}.brand-node{width:34px;height:34px;color:var(--accent);flex-shrink:0}.brand-node svg{width:100%;height:100%}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-title{font-family:var(--font-mono);letter-spacing:.02em;font-size:1.05rem;font-weight:700}.brand-subtitle{color:var(--text-dim);font-size:.75rem}.lang-toggle{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .9rem;font-size:.8rem;font-weight:500;transition:border-color .2s,color .2s;display:flex}.lang-toggle:hover{border-color:var(--border-hover);color:var(--text)}.lang-toggle .lang-active{color:var(--accent)}.lang-toggle .lang-sep{color:var(--text-faint)}.page{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2.5rem 2rem 4rem}.page-title{font-family:var(--font-mono);letter-spacing:-.01em;margin:0 0 1.75rem;font-size:1.9rem;font-weight:700}.page-title:before{content:"// ";color:var(--accent)}.page-intro{max-width:72ch;color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;margin:-1.25rem 0 2.25rem;padding:1rem 1.25rem;font-size:.95rem;line-height:1.7}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.theme-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.5rem;padding:1.5rem 1.5rem 1.75rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.theme-card:before{content:"";background:linear-gradient(135deg, var(--accent), transparent 60%);opacity:0;-webkit-mask-composite:xor;pointer-events:none;border-radius:10px;padding:1px;transition:opacity .2s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.theme-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 12px 24px -12px #38bdf840}.theme-card:hover:before{opacity:1}.theme-card-index{font-family:var(--font-mono);color:var(--accent-2);letter-spacing:.05em;font-size:.75rem}.theme-card-title{color:var(--text);margin:0;font-size:1.15rem;font-weight:600}.theme-card-summary{color:var(--text-dim);margin:0;font-size:.875rem;line-height:1.45}.theme-card-arrow{font-family:var(--font-mono);color:var(--text-faint);margin-top:auto;padding-top:.5rem;transition:color .2s,transform .2s}.theme-card:hover .theme-card-arrow{color:var(--accent);transform:translate(4px)}.back-link{font-family:var(--font-mono);color:var(--text-dim);align-items:center;gap:.35rem;margin-bottom:1.5rem;font-size:.85rem;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--accent)}.theme-summary{color:var(--text-dim);max-width:65ch;margin:-1rem 0 2rem;font-size:1rem}.theme-content{border-top:1px solid var(--border);padding-top:1.75rem}.theme-section{margin-bottom:1.75rem}.theme-section h2{font-family:var(--font-mono);color:var(--accent);margin:0 0 .5rem;font-size:1.1rem}.theme-section p{color:var(--text);margin:0;line-height:1.6}.theme-list{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.theme-list li{color:var(--text);padding-left:1.5rem;line-height:1.6;position:relative}.theme-list li:before{content:"▸";color:var(--accent);font-family:var(--font-mono);position:absolute;left:0}.theme-empty{color:var(--text-faint);font-family:var(--font-mono);border:1px dashed var(--border);text-align:center;border-radius:8px;padding:2rem;font-size:.9rem}