:root{--bg-app: #0a0b0d;--bg-surface: #111318;--bg-raised: #181c23;--border-default: #1f2430;--border-strong: #2a3040;--text-primary: #d4d8e2;--text-secondary: #8d94af;--text-faint: #474f64;--accent: #c6f135;--accent-hover: #9bbf1f;--accent-tint: rgba(198, 241, 53, .06);--accent-glow: rgba(198, 241, 53, .18);--color-success: #4af0a0;--color-error: #f0614a;--color-info: #4ab4f0;--color-warning: #f0a84a;--color-purple: #a07af0;--font-ui: "Outfit", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--size-hero: 32px;--size-title: 18px;--size-body: 13px;--size-meta: 11px;--radius-sm: 8px;--radius-lg: 14px;--transition-fast: .12s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--size-body);line-height:1.6;min-height:100vh;overflow-x:hidden;scrollbar-width:none}body::-webkit-scrollbar{display:none}*::-webkit-scrollbar{display:none}*{scrollbar-width:none}::selection{background-color:var(--accent-tint);color:var(--accent)}a{text-decoration:none;color:inherit}@media (max-width: 640px){:root{--size-hero: 24px;--space-6: 24px;--space-7: 36px;--space-8: 48px}}.site-header{width:100%;max-width:1080px;margin:0 auto;padding:var(--space-4) 0 var(--space-3);animation:fadeIn .3s ease both}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-header__brand{display:flex;align-items:center;gap:var(--space-2)}.site-header__prompt{font-family:var(--font-mono);font-size:20px;font-weight:600;color:var(--accent);text-shadow:0 0 12px var(--accent-glow);-webkit-user-select:none;user-select:none}.site-header__name{font-family:var(--font-ui);font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.site-header__meta{display:flex;align-items:center;gap:var(--space-2)}.site-header__meta-item{font-family:var(--font-mono);font-size:var(--size-meta);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);display:flex;align-items:center;gap:5px}.site-header__meta-divider{color:var(--text-faint);font-size:var(--size-meta);opacity:.5}.site-header__pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--color-success);animation:pulse 2.4s ease infinite}.site-header__descriptor{font-family:var(--font-mono);font-size:var(--size-body);color:var(--text-secondary)}.site-header__rule{margin-top:var(--space-5);height:1px;background-color:var(--border-default);margin-bottom:var(--space-5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@media (max-width: 640px){.site-header{padding:var(--space-4) 0 var(--space-1)}.site-header__name{font-size:22px}.site-header__prompt{font-size:15px}.site-header__descriptor{font-size:11px}}@media (max-width: 380px){.site-header__inner{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.site-footer{border-top:1px solid var(--border-default);padding:var(--space-5) 0 var(--space-6);margin-top:auto}.site-footer__inner{width:100%;max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-footer__copy{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-faint);letter-spacing:.04em}.site-footer__links{display:flex;align-items:center;gap:var(--space-2)}.site-footer__divider{color:var(--text-faint);font-size:var(--size-meta);opacity:.5}.site-footer__link{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-faint);letter-spacing:.04em;transition:color var(--transition-fast)}.site-footer__link:hover{color:var(--accent)}.site-footer__icon{width:12px;height:12px;flex-shrink:0}@media (max-width: 480px){.site-footer__inner{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}.project-card{--card-accent: var(--accent);--card-accent-tint: var(--accent-tint);--card-accent-glow: var(--accent-glow)}.project-card{display:flex;flex-direction:column;gap:var(--space-3);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);animation:cardEnter .3s ease both;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-normal),transform var(--transition-normal)}.project-card__header{display:flex;align-items:flex-start;gap:var(--space-3)}.project-card__icon{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-sm);background-color:var(--card-accent-tint);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.project-card__img-icon{width:100%;height:80%;object-fit:contain;display:block}.project-card__title-group{flex:1;min-width:0}.project-card__name{font-family:var(--font-ui);font-size:var(--size-title);font-weight:700;color:var(--text-primary);line-height:1;transition:color var(--transition-fast)}.project-card__tagline{margin-top:2px;font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-faint);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card__badge{flex-shrink:0;align-self:flex-start;font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:2px 7px;border-radius:99px;border:1px solid}.project-card__badge--live{color:var(--color-success);background-color:#4af0a014;border-color:#4af0a040}.project-card__badge--beta{color:var(--color-warning);background-color:#f0a84a14;border-color:#f0a84a40}.project-card__badge--wip{color:var(--text-secondary);background-color:#8d94af14;border-color:#8d94af33}.project-card__sep{height:1px;background-color:var(--border-default);margin-bottom:var(--space-2);margin-top:var(--space-1);transition:background-color var(--transition-fast)}.project-card__description{font-family:var(--font-mono);font-size:var(--size-body);color:var(--text-secondary);line-height:1.68;flex:1;padding-bottom:var(--space-1)}.project-card__url{font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-faint);letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:var(--space-2);border-left:2px solid var(--border-default);transition:color var(--transition-fast),border-color var(--transition-fast)}.project-card__footer{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.project-card__btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:13px;font-weight:600;text-decoration:none;border-radius:var(--radius-sm);padding:7px var(--space-3);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.project-card__btn:active{transform:scale(.97)}.project-card__btn--primary{background-color:color-mix(in srgb,var(--card-accent),black 15%);color:#0a0b0d;border:1px solid transparent}.project-card__btn--secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-strong)}.project-card__btn-icon{width:11px;height:11px;flex-shrink:0}@keyframes cardEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (hover: hover) and (pointer: fine){.project-card:hover{background-color:var(--bg-raised);border-color:var(--card-accent);box-shadow:0 0 0 1px var(--card-accent-glow),0 4px 24px -4px #00000080;transform:translateY(-2px)}.project-card__btn--primary:hover{background-color:var(--card-accent);box-shadow:0 0 0 3px var(--card-accent-glow)}.project-card:hover .project-card__icon{border-color:var(--card-accent);background-color:var(--card-accent-tint)}.project-card:hover .project-card__name{color:var(--card-accent)}.project-card:hover .project-card__sep{background-color:var(--border-strong)}.project-card:hover .project-card__url{color:var(--card-accent);border-color:var(--card-accent)}.project-card__btn--secondary:hover{border-color:var(--card-accent);color:var(--card-accent);background-color:var(--card-accent-tint)}}@media (max-width: 640px){.project-card{padding:var(--space-4)}.project-card__footer{flex-direction:column}.project-card__btn{justify-content:center}.project-card__tagline{white-space:normal}.project-card--active{background-color:var(--bg-raised);border-color:var(--card-accent);box-shadow:0 0 0 1px var(--card-accent-glow),0 4px 24px -4px #00000080;transform:translateY(-2px)}.project-card--active .project-card__icon{border-color:var(--card-accent);background-color:var(--card-accent-tint)}.project-card--active .project-card__name{color:var(--card-accent)}.project-card--active .project-card__sep{background-color:var(--border-strong)}.project-card--active .project-card__url{color:var(--card-accent);border-color:var(--card-accent)}}.detail{--card-accent: var(--accent);--card-accent-tint: var(--accent-tint);--card-accent-glow: var(--accent-glow);max-width:680px;margin:0 auto;padding-bottom:var(--space-8);animation:detailEnter .3s ease both}.detail__back{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--size-body);color:var(--text-faint);margin-bottom:var(--space-6);transition:color var(--transition-fast)}.detail__back svg{width:12px;height:12px}.detail__back:hover{color:var(--card-accent)}.detail__hero{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5)}.detail__icon{flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-lg);background-color:var(--card-accent-tint);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.detail__img-icon{width:100%;height:80%;object-fit:contain}.detail__hero-text{flex:1;min-width:0}.detail__name{font-family:var(--font-ui);font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.detail__tagline{margin-top:4px;font-family:var(--font-mono);font-size:var(--size-meta);color:var(--text-faint);letter-spacing:.05em;text-transform:uppercase}.detail__badge{flex-shrink:0;align-self:flex-start;font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;border-radius:99px;border:1px solid}.detail__badge--live{color:var(--color-success);background-color:#4af0a014;border-color:#4af0a040}.detail__badge--beta{color:var(--color-warning);background-color:#f0a84a14;border-color:#f0a84a40}.detail__badge--wip{color:var(--text-secondary);background-color:#8d94af14;border-color:#8d94af33}.detail__intro{font-family:var(--font-mono);font-size:var(--size-body);color:var(--text-secondary);line-height:1.75;margin-bottom:var(--space-5)}.detail__rule{height:1px;background-color:var(--border-default);margin-bottom:var(--space-6)}.detail__sections{display:flex;flex-direction:column;gap:var(--space-6)}.detail__section-heading{font-family:var(--font-mono);font-size:var(--size-meta);font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--card-accent);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.detail__section-heading:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background-color:var(--card-accent);flex-shrink:0}.detail__section-body{font-family:var(--font-mono);font-size:var(--size-body);color:var(--text-secondary);line-height:1.75}.detail__cta{display:flex;gap:var(--space-2);margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--border-default)}.detail__btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:13px;font-weight:600;text-decoration:none;border-radius:var(--radius-sm);padding:8px var(--space-4);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.detail__btn svg{width:11px;height:11px}.detail__btn--primary{background-color:var(--card-accent);color:#0a0b0d;border:1px solid transparent}.detail__btn--primary:hover{box-shadow:0 0 0 3px var(--card-accent-glow)}.detail__btn--secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-strong)}.detail__btn--secondary:hover{border-color:var(--card-accent);color:var(--card-accent);background-color:var(--card-accent-tint)}@media (max-width: 640px){.detail__name{font-size:22px}.detail__hero{flex-wrap:wrap}.detail__cta{flex-direction:column}.detail__btn{justify-content:center}}@keyframes detailEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app{display:flex;flex-direction:column;min-height:100vh;padding:0 var(--space-5)}.app__main{width:100%;max-width:1080px;margin:0 auto;flex:1}.app__section-label{font-family:var(--font-mono);font-size:var(--size-meta);font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2);animation:fadeIn .3s ease both;animation-delay:.1s}.app__section-label:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--accent);flex-shrink:0}.app__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4);padding-bottom:var(--space-8)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.app{padding:0 var(--space-4)}.app__grid{grid-template-columns:1fr;gap:var(--space-3);padding-bottom:45vh}}@media (max-width: 380px){.app{padding:0 var(--space-3)}}