@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;450;500;600;700&display=swap');
:root{--bg:#171916;--panel:#1d201b;--text:#e8e5d5;--muted:#a09f8c;--line:#34392e;--green:#c3d998;--orange:#e0ae78;--purple:#c7add4;--blue:#97bdba;--accent:var(--green);--font:'IBM Plex Mono','DejaVu Sans Mono',monospace;color-scheme:dark}
:root[data-theme=phosphor]{--bg:#0c1711;--panel:#111f17;--text:#d3f5d8;--muted:#8aa992;--line:#294632;--green:#8cec9b;--orange:#c6e788;--purple:#b1ddb9;--blue:#83d9c2}
:root[data-theme=tokyo]{--bg:#171a26;--panel:#1c2031;--text:#d7dcef;--muted:#9aa4bf;--line:#343c55;--green:#a6c98a;--orange:#e8b77d;--purple:#bd9df5;--blue:#85b8ed;--accent:var(--blue)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.75;transition:background .3s,color .3s}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1184px,calc(100% - 96px));margin:auto}.muted{color:var(--muted)}.accent{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;background:var(--accent);color:var(--bg);padding:10px;z-index:100}.skip-link:focus{top:10px}.header{height:88px;padding:0 48px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);max-width:1600px;margin:auto}.brand{display:flex;align-items:center;gap:12px;font-weight:600;letter-spacing:-.6px;font-size:17px;white-space:nowrap}.mini-logo{color:var(--accent);font-size:26px;font-weight:600}.header nav{display:flex;gap:30px;margin-left:auto}.header nav a{font-size:12px;color:var(--muted)}.header nav a:hover,.text-link:hover{color:var(--accent)}.header nav a span{font-size:10px;opacity:.6;margin-right:5px}.header-tools{display:flex;align-items:center;gap:15px}.header-tools button{font-size:11px;padding:7px 10px;border:1px solid var(--line)}kbd{font:inherit;color:var(--muted);border:1px solid var(--line);padding:0 5px;font-size:11px}.header-tools kbd{border:0;padding:0}.hero{padding-top:43px}.eyebrow{font-size:10px;letter-spacing:1.25px;display:flex;align-items:center;justify-content:space-between}.hero .eyebrow{color:var(--muted)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);box-shadow:0 0 10px #c3d99866;margin-right:9px;animation:status 3s infinite}.hero-path{font-size:10px;letter-spacing:0}.wordmark{display:flex;align-items:center;position:relative;padding:33px 0 21px;overflow:hidden;color:var(--accent)}.wordmark pre{margin:0;font:700 clamp(8px,1.65vw,22px)/1 var(--font);letter-spacing:-.6px;text-shadow:0 3px 0 #0002;white-space:pre}.wordmark-cursor{font-size:72px;line-height:1;align-self:flex-end;margin-left:18px;color:var(--orange);animation:blink 1.2s step-end infinite}.hero-main{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:28px 0 46px}.terminal-label{font-size:12px;color:var(--muted)}.terminal-label .accent{margin-right:8px}.hero h2{font-size:clamp(34px,3.65vw,50px);line-height:1.18;letter-spacing:-2px;font-weight:500;margin:17px 0 21px}.hero h2 span{color:var(--accent)}.hero-copy p{font-size:12px;line-height:1.9;color:var(--muted)}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:27px}.button{padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:12px;font-weight:600;transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--line)}.button.primary{background:var(--accent);color:var(--bg)}.text-link{font-size:12px;text-underline-offset:7px;text-decoration:underline;text-decoration-color:var(--line)}.reactor{min-width:0;padding-top:12px;position:relative}.reactor:before{content:'';position:absolute;inset:30px 0;background:radial-gradient(ellipse,var(--accent),transparent 67%);opacity:.035;pointer-events:none}.reactor-top,.reactor-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.7px;color:var(--muted)}#reactor-art{margin:10px 0;color:var(--accent);font:10px/1.05 var(--font);height:252px;overflow:hidden;white-space:pre;text-align:center;mask-image:linear-gradient(transparent,#000 12%,#000 90%,transparent)}.reactor-bottom{border-top:1px solid var(--line);padding-top:10px}.reactor-bottom b{font-weight:400}.hero-status{padding:17px 0;border-top:1px solid var(--line);display:flex;gap:35px;color:var(--muted);font-size:10px}.hero-status .accent{font-size:9px}.hero-status .sep{margin:0 12px;color:var(--line)}.status-end{margin-left:auto}.section{padding-top:94px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:31px}.section h2{font-size:29px;line-height:1.3;letter-spacing:-1.4px;font-weight:500;margin:14px 0 0}.section-note{font-size:8px;color:var(--muted);letter-spacing:.7px;padding-bottom:4px}.project-toolbar{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.filters{display:flex;gap:24px}.filter{position:relative;padding:13px 0;font-size:11px;color:var(--muted)}.filter span{font-size:9px;margin-left:5px;opacity:.7}.filter.active{color:var(--accent)}.filter.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.result-count{font-size:9px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project-card{border:1px solid var(--line);min-width:0;transition:border-color .25s,transform .25s;animation:reveal .5s both}.project-card:hover{border-color:var(--card-accent);transform:translateY(-4px)}.project-card[hidden]{display:none}.project-visual{height:235px;position:relative;overflow:hidden;background:var(--panel);color:var(--card-accent);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center}.project-visual:before{content:'';position:absolute;inset:0;opacity:.17;background-image:radial-gradient(var(--muted) .65px,transparent .65px);background-size:12px 12px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.visual-caption{position:absolute;top:17px;left:22px;font-size:8px;color:var(--muted);letter-spacing:1px}.project-visual pre{font:12px/1.35 var(--font);margin:10px 0 0;white-space:pre;position:relative;transition:color .3s,transform .4s}.project-visual .lumen-art{font-size:14px;animation:breathe 5s ease-in-out infinite}.keyboard pre{animation:keys 5s ease-in-out infinite}.monitors pre{animation:float 6s ease-in-out infinite}.visual-bottom{position:absolute;bottom:15px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.visual-bottom>span:last-child{font-size:15px}.project-content{padding:25px 27px 20px}.card-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;letter-spacing:.8px}.card-meta>span:last-child{letter-spacing:0}.language-dot{display:inline-block;border-radius:50%;width:5px;height:5px;background:var(--card-accent);margin-right:6px}.project-card h3{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-1px;margin:14px 0 13px}.project-card p{font-size:11px;line-height:1.9;color:var(--muted);margin:0;min-height:64px;max-width:440px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:21px 0 24px}.tags span{padding:3px 8px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:8px}.card-actions{border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.details-link{padding:0;color:var(--card-accent);font-size:10px;text-align:left;display:flex;gap:16px}.card-actions a{color:var(--muted);font-size:9px}.card-actions a:hover{color:var(--text)}.equalizer{display:flex;gap:7px;align-items:flex-end;height:105px;position:relative}.equalizer span{font-size:23px;line-height:.6;overflow:hidden;height:85px;animation:equalize 1.8s ease-in-out infinite alternate;transform-origin:bottom}.equalizer span:nth-child(3n){animation-delay:-.7s;height:55px}.equalizer span:nth-child(3n + 1){animation-delay:-1.3s;height:100px}.equalizer span:nth-child(2n){animation-delay:-.3s;height:75px}.directory-footer{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:23px}.directory-footer a:hover{color:var(--accent)}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;padding-bottom:95px;align-items:center}.about-art{border:1px solid var(--line);background:var(--panel);transform:rotate(-2deg)}.terminal-title{border-bottom:1px solid var(--line);font-size:9px;color:var(--muted);padding:10px 16px;display:flex;justify-content:space-between}.terminal-title span:first-child{color:var(--orange);letter-spacing:4px}.about-art>pre{font:16px/1.3 var(--font);text-align:center;color:var(--accent);padding:16px 0;margin:10px 0}.about-terminal{padding:12px 25px 25px;font-size:10px;line-height:1.8}.about-copy h2{font-size:38px;line-height:1.25;margin:17px 0 24px}.about-copy h2 span{color:var(--accent)}.about-copy p{font-size:12px;color:var(--muted);line-height:1.95}.about-copy .text-link{display:inline-block;margin-top:15px}.closing{padding:65px 0 75px;border-top:1px solid var(--line);text-align:center;position:relative}.closing>span{font-size:9px;letter-spacing:1.5px}.closing h2{font-size:36px;font-weight:500;line-height:1.4;letter-spacing:-1.4px;margin:23px 0 28px}.closing h2>span:first-child{color:var(--muted)}.closing .button{font-size:11px}.logo-download{display:block;margin-top:22px;font-size:9px;color:var(--muted)}.logo-download:hover{color:var(--accent)}.footer{border-top:1px solid var(--line);padding:26px 0 32px;display:flex;align-items:center;gap:25px;font-size:8px;color:var(--muted)}.footer .brand{font-size:12px;color:var(--text);margin-right:auto}.footer .mini-logo{font-size:20px}.footer button{font-size:9px;padding:6px 0}.footer a:hover{color:var(--accent)}.blink{animation:blink 1.1s step-end infinite}dialog{width:min(620px,calc(100% - 32px));max-height:85vh;overflow:auto;background:var(--bg);color:var(--text);border:1px solid var(--accent);padding:26px;box-shadow:12px 12px 0 #0004}dialog::backdrop{background:#080b08d9;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;color:var(--muted);font-size:10px}.dialog-top h2{font-size:14px;font-weight:400;margin:0;color:var(--accent)}.close-dialog{font-size:10px;padding:4px 0;white-space:nowrap}.close-dialog:hover{color:var(--accent)}#detail-content h2{font-size:29px;font-weight:500;letter-spacing:-1px;line-height:1.3}#detail-content p{font-size:12px;color:var(--muted)}#detail-content ul{padding-left:19px;font-size:12px;line-height:2}#detail-content .requirement{border-left:2px solid var(--accent);padding-left:15px;font-size:11px;margin:25px 0}#detail-content .detail-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:25px}#command-dialog{max-width:460px}#command-dialog>p{font-size:11px}.command-item{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 3px;font-size:12px;width:100%;text-align:left}.command-item:hover{color:var(--accent)}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
@keyframes blink{50%{opacity:0}}@keyframes status{50%{box-shadow:0 0 13px #c3d99833;opacity:.6}}@keyframes float{50%{transform:translateY(-7px)}}@keyframes breathe{50%{transform:scale(1.1);opacity:.7}}@keyframes keys{50%{color:var(--text);text-shadow:0 0 15px var(--orange)}}@keyframes equalize{to{transform:scaleY(.3)}}@keyframes reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.wordmark pre{font-size:24px}.hero-main{padding-top:38px;padding-bottom:65px}.hero{padding-top:55px}}
@media(max-width:1000px){.header{padding:0 32px;gap:24px}.header nav{gap:20px}.header nav a span{display:none}.wrap{width:calc(100% - 64px)}.wordmark pre{font-size:1.7vw}.wordmark-cursor{font-size:50px}.hero-main{gap:22px}.hero h2{font-size:36px}.hero-actions{gap:18px}.button{padding:12px 15px;gap:15px}.hero-status{gap:20px}.status-end{display:none}.section-note{display:none}.project-visual pre{font-size:10px}.about{gap:50px}.about-copy h2{font-size:31px}.footer{flex-wrap:wrap}.footer>span{order:4;flex-basis:100%}#reactor-art{font-size:8px;height:205px}.reactor-top,.reactor-bottom{font-size:7px}.project-card p{min-height:85px}}
@media(max-width:650px){.header{height:72px;padding:0 20px;gap:15px}.header .brand{font-size:14px;gap:6px}.mini-logo{font-size:23px}.header nav{gap:15px}.header nav a{font-size:10px}.header nav a:nth-child(2),.header nav a:nth-child(3){display:none}.header-tools{gap:8px}.header-tools button{padding:4px 6px;font-size:10px}#theme-name{display:none}.wrap{width:calc(100% - 40px)}.hero{padding-top:29px}.eyebrow{font-size:8px;letter-spacing:.8px}.hero-path{display:none}.wordmark{padding:30px 0 5px}.wordmark pre{font-size:1.61vw;letter-spacing:-.3px}.wordmark-cursor{font-size:24px;margin-left:4px}.hero-main{grid-template-columns:1fr;padding:25px 0 28px;gap:36px}.hero h2{font-size:41px;margin:14px 0 17px}.hero-copy p{font-size:11px}.hero-actions{margin-top:23px}.hero-actions .text-link{font-size:10px}.reactor{width:100%;max-width:430px;margin:auto}#reactor-art{font-size:8px;height:205px}.hero-status{justify-content:space-between;gap:5px;font-size:8px}.hero-status .sep{margin:0 5px}.section{padding-top:57px}.section-heading{margin-bottom:20px}.section h2{font-size:25px;max-width:300px;margin-top:12px}.filters{gap:18px}.filter{font-size:9px;padding:11px 0}.filter span{font-size:8px;margin-left:1px}.result-count{display:none}.project-toolbar{margin-bottom:22px}.project-grid{grid-template-columns:1fr;gap:23px}.project-visual{height:210px}.project-visual pre{font-size:11px}.project-content{padding:21px}.project-card p{min-height:0;font-size:11px}.project-card h3{font-size:22px}.tags{margin:18px 0 21px}.directory-footer{font-size:8px;gap:20px}.directory-footer>span:last-child{text-align:right}.about{grid-template-columns:1fr;gap:38px;padding-bottom:55px}.about-art{max-width:350px;width:100%;margin:0 auto;order:2}.about-copy h2{font-size:32px;max-width:none}.about-copy p{font-size:11px}.closing{padding:45px 0 50px}.closing h2{font-size:28px}.closing>span{font-size:8px}.footer{gap:20px;font-size:8px}.footer .brand{gap:7px}.footer>a:last-child{font-size:8px}.footer button{font-size:8px}.desktop-break{display:none}.dialog-top{font-size:8px}dialog{padding:20px}.close-dialog{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Keyboard selection uses the same clear highlight as pointer navigation. */
.command-item:focus{background:var(--panel);color:var(--accent);outline:none;box-shadow:inset 3px 0 var(--accent);padding-left:12px}
html.motion-off{scroll-behavior:auto}