*{box-sizing:border-box}:root{--bg:#090b14;--bg-soft:#111526;--text:#e8edf7;--muted:#9ba7bf;--border:#26314f;--accent:#7c9dff;--accent-2:#34d1c6;--ok:#2fcf93;--down:#ff5d7a;--card-shadow:0 10px 30px rgba(2,8,23,.32)}html[data-theme=light]{--bg:#f1f5ff;--bg-soft:#fff;--text:#1f2a44;--muted:#5d6984;--border:#d8e0fb;--accent:#4f6bda;--accent-2:#0ca99a;--ok:#119f6a;--down:#d9345a;--card-shadow:0 10px 30px rgba(75,98,156,.18)}#__next,body,html{margin:0;padding:0;min-height:100%}body{background:radial-gradient(circle at 10% 5%,rgba(124,157,255,.2),transparent 30%),radial-gradient(circle at 90% 0,rgba(52,209,198,.2),transparent 25%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}code,pre{background:color-mix(in oklab,var(--bg-soft) 82%,#000 10%);border-radius:8px;padding:.15rem .35rem}.site-nav{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;gap:.4rem;padding:.8rem 1rem;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in oklab,var(--bg) 72%,transparent)}.site-nav a{border:1px solid transparent;border-radius:999px;padding:.35rem .75rem;font-size:.9rem;color:var(--muted);transition:all .2s ease}.site-nav a:hover{color:var(--text);border-color:var(--border);background:color-mix(in oklab,var(--bg-soft) 92%,var(--accent) 8%)}.page-shell{max-width:1080px}.page-shell,.subpage{margin:0 auto;padding:2rem 1rem 4rem}.subpage{max-width:980px}.subpage h1{margin-top:0}.subpage-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.subpage-grid,.timeline{display:grid;grid-gap:.9rem;gap:.9rem}.timeline{border-left:2px solid var(--border);padding-left:1rem}.timeline article{position:relative}.timeline article:before{content:"";position:absolute;left:-1.45rem;top:.35rem;width:10px;height:10px;border-radius:50%;background:var(--accent-2)}.lab-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:.8rem;gap:.8rem;margin-top:1rem}.lab-controls input,.lab-controls select,.lab-controls textarea{width:100%;border-radius:10px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);padding:.55rem .7rem}.lab-controls button{border:1px solid var(--border);border-radius:10px;background:color-mix(in oklab,var(--accent) 35%,var(--bg-soft));color:#fff;font-weight:600;padding:.6rem .8rem;cursor:pointer}.sort-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.sort-actions button{border:1px solid var(--border);border-radius:10px;background:color-mix(in oklab,var(--accent) 35%,var(--bg-soft));color:#fff;font-weight:600;padding:.55rem .8rem;cursor:pointer}.sort-actions button:disabled{opacity:.6;cursor:not-allowed}.sort-stage{min-height:300px;border:1px solid var(--border);border-radius:14px;padding:.8rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(12px,1fr));align-items:end;grid-gap:.3rem;gap:.3rem;background:color-mix(in oklab,var(--bg-soft) 96%,var(--accent) 4%)}.sort-bar-wrap{display:flex;flex-direction:column;align-items:center;justify-content:end;min-height:260px;gap:.3rem}.sort-bar{width:100%;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--accent),color-mix(in oklab,var(--accent) 45%,var(--bg-soft)));transition:height .09s linear,background .12s ease}.sort-bar.active{background:linear-gradient(180deg,var(--accent-2),color-mix(in oklab,var(--accent-2) 45%,var(--bg-soft)))}.sort-bar-wrap span{font-size:.65rem;color:var(--muted)}.sort-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1rem;gap:1rem}.complexity-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));grid-gap:.5rem;gap:.5rem}.complexity-grid p{margin:0;border:1px solid var(--border);border-radius:10px;padding:.45rem .6rem;background:color-mix(in oklab,var(--bg-soft) 97%,var(--accent) 3%)}.pseudocode-block{white-space:pre-wrap;line-height:1.5;margin-top:.4rem}.sql-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto;grid-gap:.8rem;gap:.8rem;align-items:end;margin-top:.8rem}.sql-controls button{border:1px solid var(--border);border-radius:10px;background:color-mix(in oklab,var(--accent) 35%,var(--bg-soft));color:#fff;font-weight:600;padding:.6rem .9rem;cursor:pointer}.sql-controls button:disabled{opacity:.6;cursor:not-allowed}.sql-query-help{margin-top:.5rem}.sql-error{margin-top:.75rem;color:#ff8ea2;font-weight:600}.sql-results-wrap{margin-top:.9rem}.sql-table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:12px}.sql-results-table{width:100%;border-collapse:collapse;min-width:480px;font-size:.92rem}.sql-results-table td,.sql-results-table th{border-bottom:1px solid var(--border);padding:.55rem .65rem;text-align:left}.sql-results-table th{background:color-mix(in oklab,var(--bg-soft) 92%,var(--accent) 8%);font-weight:700}.sql-results-table tbody tr:hover{background:color-mix(in oklab,var(--bg-soft) 95%,var(--accent-2) 5%)}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem}.top-bar h1{margin:.2rem 0 0}.eyebrow{margin:0;color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.theme-toggle{border:1px solid var(--border);background:var(--bg-soft);color:var(--text);border-radius:999px;padding:.5rem .9rem;cursor:pointer;transition:transform .2s ease,background .2s ease}.theme-toggle:hover{transform:translateY(-1px)}.card{background:linear-gradient(170deg,color-mix(in oklab,var(--bg-soft) 98%,var(--accent) 4%),var(--bg-soft));border:1px solid var(--border);border-radius:20px;padding:1.2rem;box-shadow:var(--card-shadow);margin-top:1rem}.card h2,.card h3,.hero h2{margin-top:0}.card h2{margin-bottom:.8rem}.status-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.status-pill{display:inline-block;padding:.3rem .7rem;border-radius:999px;font-weight:600;font-size:.85rem}.status-pill.ok{color:#fff;background:var(--ok)}.status-pill.down{color:#fff;background:var(--down)}.muted{color:var(--muted)}.project-grid,.repo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.9rem;gap:.9rem}.project-card,.repo-card{border:1px solid var(--border);border-radius:14px;padding:.9rem;background:color-mix(in oklab,var(--bg-soft) 97%,var(--accent) 3%);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.project-card:hover,.repo-card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--accent) 35%,var(--border));box-shadow:0 12px 28px rgba(0,0,0,.14)}.project-card h3,.project-card h4,.repo-card h3,.repo-card h4{margin:0 0 .35rem}.project-card p,.repo-card p{margin:.35rem 0;line-height:1.55}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:.45rem 0 .7rem}.tags span{border:1px solid var(--border);background:color-mix(in oklab,var(--bg-soft) 97%,#000 3%);border-radius:999px;padding:.15rem .55rem;font-size:.75rem}.github-profile a,.project-card a,.repo-card a{color:var(--accent);font-weight:600}.back-link{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.75rem;color:var(--accent);font-weight:700}.blog-section{margin-top:1rem;padding:.9rem;border:1px solid var(--border);border-radius:14px;background:color-mix(in oklab,var(--bg-soft) 96%,var(--accent) 4%)}.blog-section h3{margin:0 0 .5rem}.blog-section p,.blog-section ul{margin:.4rem 0}.github-profile{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.github-profile img{width:68px;height:68px;border-radius:50%;border:2px solid var(--border)}.diagram{position:relative;min-height:220px;border:1px dashed var(--border);border-radius:16px;overflow:hidden;background:color-mix(in oklab,var(--bg-soft) 96%,var(--accent) 4%)}.node{position:absolute;padding:.35rem .6rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-soft);font-size:.85rem;animation:float 4s ease-in-out infinite}.n1{top:15px;left:25px;animation-delay:0s}.n2{top:85px;left:100px;animation-delay:.3s}.n3{top:35px;left:280px;animation-delay:.6s}.n4{top:145px;left:300px;animation-delay:1s}.n5{top:85px;right:30px;animation-delay:1.4s}.line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform-origin:left center;animation:pulse 2.5s ease-in-out infinite}.l1{top:40px;left:95px;width:110px;transform:rotate(28deg)}.l2{top:95px;left:176px;width:130px;transform:rotate(-18deg);animation-delay:.4s}.l3{top:82px;left:330px;width:150px;transform:rotate(6deg);animation-delay:.8s}.l4{top:152px;left:390px;width:105px;transform:rotate(-24deg);animation-delay:1.2s}.arch-diagram{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.arch-row{display:flex;justify-content:center}.arch-split{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.arch-node{background:linear-gradient(180deg,color-mix(in oklab,var(--bg-soft) 97%,var(--accent) 3%),color-mix(in oklab,var(--bg-soft) 94%,#000 4%));border:1px solid var(--border);border-radius:18px;padding:1rem 1.25rem;min-width:220px;text-align:center;box-shadow:var(--card-shadow);transition:transform .2s ease,border-color .2s ease}.arch-node:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--accent) 35%,var(--border))}.arch-node strong{display:block;font-size:1rem;margin-bottom:.35rem;color:var(--text)}.arch-node span{display:block;font-size:.92rem;color:var(--muted);line-height:1.5}.arch-arrow{text-align:center;font-size:1.25rem;opacity:.6;color:var(--accent-2)}.arch-connector-row{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));grid-gap:1rem;gap:1rem;align-items:center}.arch-line{display:block;height:1px;width:70%;margin:0 auto;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--accent) 55%,var(--border)),transparent)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}@media (max-width:720px){.github-profile{align-items:flex-start}.diagram{min-height:300px}.n1{top:16px;left:14px}.n2{top:78px;left:20px}.n3{top:140px;left:34px}.n4{top:202px;left:44px}.n5{top:255px;left:54px;right:auto}.l1,.l2,.l3,.l4{left:112px;width:120px;transform:rotate(90deg)}.l1{top:62px}.l2{top:124px}.l3{top:184px}.l4{top:246px}.arch-connector-row,.arch-split{grid-template-columns:1fr}.arch-node{min-width:unset;width:100%}.arch-line{display:none}.sql-controls{grid-template-columns:1fr}}