:root{--bg:#0b0e0c;--panel:#0d1410;--cyan:#34f5c5;--orange:#ff8a3d;--red:#ff4d6d;--gray:#a7b3a8;--text:#e8f2ec;--dim:#71807a;--line:#a7b3a82e;--cyan-line:#34f5c552;--font-display:"Chakra Petch", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "Cascadia Mono", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6}body,.app{overflow-x:hidden}::selection{background:var(--cyan);color:#04110c}a:focus-visible,button:focus-visible{outline:2px dashed var(--cyan);outline-offset:3px}.app{min-height:100svh;padding-bottom:40px;position:relative}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#34f5c50b 1px,#0000 1px),linear-gradient(90deg,#34f5c50b 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0% 55%,#0000 100%);mask-image:linear-gradient(#000 0% 55%,#0000 100%)}.scanlines{z-index:50;pointer-events:none;opacity:.55;background:repeating-linear-gradient(#ffffff07 0 1px,#0000 1px 4px);position:fixed;inset:0}.topbar{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0e0cd1;position:relative}.topbar-inner{align-items:center;gap:24px;max-width:1180px;height:68px;margin:0 auto;padding:0 28px;display:flex}.brand{font-family:var(--font-display);color:var(--cyan);letter-spacing:0;font-size:17px;font-weight:700;text-decoration:none}.brand-bracket{color:var(--dim);margin:0 2px}.topbar-status{color:var(--dim);align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.status-dot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 8px var(--cyan);border-radius:50%;animation:1.8s ease-in-out infinite pulse}.topbar-github{border:1px solid var(--line);color:var(--gray);border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:13px;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.topbar-github:hover{border-color:var(--cyan-line);color:var(--cyan);background:#34f5c50f}.hero{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;max-width:1180px;margin:0 auto;padding:104px 28px 112px;display:grid;position:relative}.hero-copy{min-width:0}.eyebrow{color:var(--cyan);margin:0 0 22px;font-size:12px}.hero-title{font-family:var(--font-display);color:var(--text);letter-spacing:0;margin:0 0 20px;font-size:52px;font-weight:700;line-height:1.08}.hero-title:after{content:"_";color:var(--orange)}.hero-sub{max-width:560px;color:var(--gray);margin:0 0 30px;font-size:15px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:34px;display:flex}.btn{-webkit-user-select:none;user-select:none;min-height:52px;font-family:var(--font-mono);letter-spacing:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s,color .18s;display:inline-flex}.btn-primary{background:var(--cyan);border:1px solid var(--cyan);color:#04110c;box-shadow:0 0 24px #34f5c538}.btn-primary:hover{background:#63ffd8;transform:translateY(-2px);box-shadow:0 0 34px #34f5c561}.btn-ghost{border:1px solid var(--line);color:var(--gray);background:0 0}.btn-ghost:hover{border-color:var(--cyan-line);color:var(--cyan);transform:translateY(-2px)}.hero-hint{color:var(--dim);margin:0;font-size:12px}.hero-terminal{min-width:0}.terminal-window{border:1px solid var(--cyan-line);background:#09100c;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 24px 60px #00000073,0 0 40px #34f5c514}.terminal-bar{border-bottom:1px solid var(--line);background:#ffffff09;align-items:center;gap:12px;padding:12px 16px;display:flex}.terminal-dots{gap:6px;display:flex}.terminal-dots span{border-radius:50%;width:10px;height:10px}.terminal-dots span:first-child{background:var(--red)}.terminal-dots span:nth-child(2){background:var(--orange)}.terminal-dots span:nth-child(3){background:var(--cyan)}.terminal-title{color:var(--dim);font-size:12px}.terminal-body{min-height:236px;padding:18px}.boot-line{grid-template-columns:74px 54px 1fr;gap:10px;margin:0 0 9px;font-size:12px;line-height:1.5;display:grid}.boot-time{color:#4d5a55}.boot-status{text-transform:uppercase}.boot-line--ok .boot-status{color:var(--cyan)}.boot-line--warn .boot-status{color:var(--orange)}.boot-line--error .boot-status{color:var(--red)}.boot-text{color:var(--gray);word-break:break-word}.command-line{color:var(--cyan);white-space:nowrap;border-top:1px dashed #a7b3a838;margin-top:16px;padding-top:14px;font-size:13px;overflow:hidden}.prompt{color:var(--orange);margin-right:10px}.cursor{vertical-align:-2px;background:var(--cyan);width:8px;height:15px;margin-left:3px;animation:1.1s steps(2,start) infinite blink;display:inline-block}.section{z-index:1;border-top:1px solid var(--line);padding:96px 28px;position:relative}.section-projects{background:#ffffff03}.section-inner{max-width:1180px;margin:0 auto}.section-head{margin-bottom:42px}.section-index{color:var(--orange);margin:0 0 12px;font-size:12px}.section-title{font-family:var(--font-display);letter-spacing:0;margin:0 0 10px;font-size:34px;font-weight:700;line-height:1.15}.section-desc{color:var(--gray);margin:0;font-size:14px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{min-height:290px;color:inherit;border-radius:8px;flex-direction:column;padding:22px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex}.project-card--live{background:linear-gradient(#34f5c512,#09100cd9 55%);border:1px solid #34f5c56b}.project-card--live:hover{border-color:var(--cyan);transform:translateY(-5px);box-shadow:0 18px 44px #00000061,0 0 28px #34f5c524}.project-card--pending{background:#ffffff04;border:1px dashed #a7b3a84d}.card-top{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.card-icon{border:1px solid var(--line);width:40px;height:40px;color:var(--gray);background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.card-icon--live{border-color:var(--cyan-line);color:var(--cyan);background:#34f5c512}.card-icon--warn{color:var(--orange);background:#ff8a3d12;border-color:#ff8a3d66}.card-icon--muted{color:var(--gray)}.tag{border:1px solid;border-radius:999px;padding:5px 9px;font-size:11px}.tag--live{border-color:var(--cyan-line);color:var(--cyan);background:#34f5c514}.tag--warn{color:var(--orange);border-color:#ff8a3d6b}.tag--muted{color:var(--dim);border-color:#a7b3a847}.card-title{font-family:var(--font-display);letter-spacing:0;margin:0 0 10px;font-size:24px;font-weight:700;line-height:1.15}.card-description{color:var(--gray);margin:0 0 16px;font-size:13.5px;line-height:1.7}.card-meta{color:var(--dim);margin:0 0 12px;font-size:11.5px}.card-clicks{color:var(--dim);align-items:center;gap:7px;margin:0 0 24px;font-size:11.5px;display:flex}.card-action{align-items:center;gap:8px;margin-top:auto;font-size:13px;display:flex}.project-card--live .card-action{color:var(--cyan)}.project-card--pending .card-action{color:var(--dim)}.feedback-panel{border:1px solid var(--line);background:linear-gradient(135deg,#ff8a3d0d,#0b0e0ce6 48%);border-radius:8px;grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;padding:34px;display:grid}.feedback-label{color:var(--orange);margin-bottom:12px;font-size:11px;display:inline-block}.feedback-line{font-family:var(--font-display);letter-spacing:0;margin:0 0 8px;font-size:24px;font-weight:600}.feedback-note{color:var(--dim);margin:0;font-size:12.5px}.feedback-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vote-button{-webkit-user-select:none;user-select:none;border:1px solid var(--line);min-height:58px;color:var(--gray);font-family:var(--font-mono);cursor:pointer;background:#ffffff05;border-radius:8px;align-items:center;gap:10px;padding:0 16px;font-size:14px;transition:border-color .18s,color .18s,background .18s,transform .18s,box-shadow .18s;display:flex}.vote-button:hover{transform:translateY(-2px)}.vote-button:disabled{cursor:wait;opacity:.72;transform:none}.vote-button--like:hover,.vote-button--like[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);background:#34f5c517;box-shadow:0 0 22px #34f5c51f}.vote-button--dislike:hover,.vote-button--dislike[aria-pressed=true]{border-color:var(--red);color:var(--red);background:#ff4d6d14;box-shadow:0 0 22px #ff4d6d1a}.vote-count{color:var(--dim);margin-left:auto;font-size:13px}.footer{z-index:1;border-top:1px solid var(--line);max-width:1180px;color:var(--dim);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:36px 28px 8px;font-size:12px;display:flex;position:relative}.footer p{margin:0}.footer a{color:var(--dim);align-items:center;gap:7px;text-decoration:none;display:inline-flex}.footer a:hover{color:var(--cyan)}.github-badge{z-index:40;border:1px solid var(--cyan-line);color:var(--cyan);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0e0ceb;border-radius:999px;align-items:center;gap:9px;padding:11px 17px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 30px #0000006b}.github-badge:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 12px 34px #00000080,0 0 22px #34f5c538}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.status-dot,.cursor{animation:none}}@media (width<=920px){.hero{grid-template-columns:1fr;gap:52px;padding:84px 28px 96px}.hero-terminal{max-width:620px}.projects-grid{grid-template-columns:1fr}.project-card{min-height:240px}}@media (width<=760px){.topbar-inner{padding:0 18px}.topbar-status{display:none}.hero{padding:72px 18px 84px}.hero-title{font-size:38px}.section{padding:76px 18px}.feedback-panel{grid-template-columns:1fr;gap:24px;padding:26px 20px}.footer{padding:32px 18px 8px}}@media (width<=480px){.hero-title{font-size:32px}.hero-sub{font-size:14px}.btn{width:100%}.terminal-body{min-height:210px;padding:14px}.boot-line{grid-template-columns:64px 46px 1fr;gap:8px;font-size:11px}.feedback-actions{grid-template-columns:1fr}.github-badge{padding:10px 14px;bottom:14px;right:14px}}