@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500&family=IBM+Plex+Sans:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-base: #050505;--bg-surface: #0A0A0A;--bg-terminal: #000000;--text-primary: #FAFAFA;--text-secondary: #A1A1AA;--text-muted: #52525B;--accent-emerald: #10B981;--accent-emerald-hover: #34D399;--accent-sky: #38BDF8;--accent-amber: #FBBF24;--accent-purple: #A855F7;--accent-purple-hover: #C084FC;--accent-indigo: #6366F1;--accent-rose: #F43F5E;--accent-teal: #14B8A6;--accent-primary: var(--accent-emerald);--accent-secondary: var(--accent-sky);--accent-tertiary: var(--accent-amber);--accent-cyan: var(--accent-sky);--status-active: var(--accent-emerald);--status-experimental: var(--accent-amber);--status-archived: var(--text-muted);--glass-bg: rgba(255, 255, 255, .02);--glass-bg-hover: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(16, 185, 129, .3);--glass-shadow: none;--glass-blur: 20px;--gradient-text: linear-gradient(to right, #ffffff, #a1a1aa);--gradient-dark-glow: radial-gradient(circle at 50% 50%, rgba(16, 185, 129, .05) 0%, transparent 60%);--font-display: "Outfit", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--max-width: 1200px;--nav-height: 70px;--card-radius: 16px;--button-radius: 8px;--transition-smooth: all .5s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1)}.archive-back-nav{position:fixed;top:1.6rem;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);background:#0a0a0a99;border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));padding:.35rem 1rem;border-radius:99px;letter-spacing:.06em;pointer-events:auto}.archive-back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast)}.archive-back-link:hover{color:var(--accent-emerald)}.archive-back-sep{color:var(--text-muted);opacity:.4}.archive-back-current{color:var(--accent-emerald);letter-spacing:.08em}.archive-hero{padding:8rem 0 3.5rem;position:relative;z-index:10}.archive-hero-content{margin-bottom:2rem}.archive-hero-title{font-size:clamp(2.4rem,5vw,3.8rem);font-weight:300;font-family:var(--font-display);letter-spacing:-.02em;line-height:1.1;margin-bottom:.65rem;margin-top:.5rem}.archive-hero-sub{font-size:1rem;color:var(--text-muted);max-width:580px;line-height:1.65}.archive-status-line{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.73rem;background:#10b9810a;border:1px solid rgba(16,185,129,.15);border-radius:var(--button-radius);padding:.5rem 1rem;margin-bottom:1.5rem;color:var(--text-secondary);letter-spacing:.04em}.archive-status-label{color:var(--accent-emerald);font-weight:600;letter-spacing:.1em}.archive-status-sep{color:var(--text-muted);opacity:.5}.archive-status-text{color:var(--text-secondary)}.archive-status-text .stat-item{display:inline}.archive-status-text .stat-item+.stat-item:before{content:" · ";color:var(--text-muted)}.archive-status-text .stat-count{color:var(--accent-emerald);font-weight:600}.archive-stats-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:0}.archive-stat-pill{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--button-radius);padding:.3rem .75rem;transition:var(--transition-fast)}.archive-stat-pill:hover{border-color:#10b98133;color:var(--text-primary)}.archive-stat-num{font-size:.88rem;font-weight:600;color:var(--accent-emerald)}.archive-controls-section{padding:0 0 2rem;position:relative;z-index:10}.archive-controls-top{display:flex;align-items:center;gap:1rem;margin-bottom:.9rem;flex-wrap:wrap}.archive-search-wrapper{flex:1;min-width:240px;max-width:500px}.archive-sort-wrapper{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.archive-sort-label{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);white-space:nowrap}.archive-sort-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0f1016b3;border:1px solid var(--glass-border);color:var(--text-secondary);font-family:var(--font-mono);font-size:.73rem;padding:.4rem 2rem .4rem .7rem;border-radius:var(--button-radius);cursor:pointer;outline:none;transition:var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2352525b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center}.archive-sort-select:hover,.archive-sort-select:focus{border-color:#10b9814d;color:var(--text-primary)}.archive-filter-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.65rem}.archive-chip{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.7rem;font-weight:500;padding:.28rem .7rem;border-radius:99px;border:1px solid rgba(255,255,255,.07);background:#ffffff05;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;user-select:none;letter-spacing:.03em}.archive-chip:hover{background:#ffffff0d;color:var(--text-primary);border-color:#ffffff1f}.archive-chip.active{background:#10b98117;color:var(--accent-emerald);border-color:#10b98147}.archive-chip-count{font-size:.62rem;background:#ffffff0a;padding:.06rem .3rem;border-radius:3px;color:var(--text-muted)}.archive-chip.active .archive-chip-count{background:#10b9811a;color:var(--accent-emerald)}.archive-filter-summary{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);min-height:1.1rem;transition:var(--transition-fast)}.archive-filter-summary.has-results{color:var(--text-secondary)}.archive-main{padding-bottom:6rem;position:relative;z-index:10}.archive-category-section{margin-bottom:4rem}.archive-category-header{display:flex;align-items:center;gap:.85rem;margin-bottom:1.5rem;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.05)}.archive-category-label{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.archive-category-count{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:.08rem .4rem;border-radius:3px}.archive-category-line{flex:1;height:1px;background:linear-gradient(to right,rgba(255,255,255,.04),transparent)}.archive-category-section[data-category=Flagship] .archive-category-label{color:var(--accent-emerald)}.archive-category-section[data-category="AI & Research"] .archive-category-label{color:var(--accent-sky)}.archive-category-section[data-category="Developer Tools"] .archive-category-label{color:var(--accent-amber)}.archive-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media (max-width: 1024px){.archive-project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.archive-project-grid{grid-template-columns:1fr}}.archive-card{display:flex;flex-direction:column;height:100%;transition:var(--transition-smooth)}.archive-card .glass-card-content{display:flex;flex-direction:column;height:100%}.archive-card.flagship{border-color:#10b98124}.archive-card.flagship:hover{border-color:#10b98152}.archive-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.65rem;margin-bottom:.5rem}.archive-card-title{font-size:1.05rem;font-weight:400;font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;line-height:1.3}.archive-card-meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem;flex-wrap:wrap}.archive-card-year{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted)}.diff-badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .5rem;border-radius:3px}.diff-beginner{background:#10b98114;color:#34d399;border:1px solid rgba(16,185,129,.15)}.diff-intermediate{background:#38bdf814;color:var(--accent-sky);border:1px solid rgba(56,189,248,.15)}.diff-advanced{background:#fbbf2414;color:var(--accent-amber);border:1px solid rgba(251,191,36,.15)}.diff-research{background:#a78bfa14;color:#a78bfa;border:1px solid rgba(167,139,250,.15)}.archive-card-desc{font-size:.86rem;color:var(--text-secondary);line-height:1.65;margin-bottom:.85rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.archive-card-details{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem}.archive-detail-item{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.62rem;color:var(--text-muted);background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:3px;padding:.15rem .45rem}.archive-detail-key{color:var(--text-muted)}.archive-detail-val{color:var(--text-secondary)}.archive-card-metrics{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.9rem}.metric-pill{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.62rem;color:var(--accent-emerald);background:#10b9810f;border:1px solid rgba(16,185,129,.14);border-radius:3px;padding:.14rem .45rem;letter-spacing:.03em}.archive-card-tags{margin-bottom:1rem}.archive-card-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:.25rem;border-top:1px solid rgba(255,255,255,.04)}.archive-card-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.04em;padding:.32rem .7rem;border-radius:var(--button-radius);background:#ffffff08;border:1px solid rgba(255,255,255,.07);color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.archive-card-btn:hover{background:#ffffff12;color:var(--text-primary);border-color:#ffffff21}.archive-card-btn.btn-source:hover{border-color:#10b9814d;color:var(--accent-emerald)}.archive-card-btn.btn-live:hover{border-color:#38bdf84d;color:var(--accent-sky)}.archive-card-btn.btn-case:hover{border-color:#fbbf244d;color:var(--accent-amber)}.archive-empty{padding:5rem 0;text-align:center}.archive-empty-inner{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem}.archive-empty-code{font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted)}.archive-empty-msg{font-size:.92rem;color:var(--text-secondary)}.archive-card{animation:cardFadeIn .32s cubic-bezier(.16,1,.3,1) both}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.archive-project-grid .archive-card:nth-child(1){animation-delay:.03s}.archive-project-grid .archive-card:nth-child(2){animation-delay:.06s}.archive-project-grid .archive-card:nth-child(3){animation-delay:.09s}.archive-project-grid .archive-card:nth-child(4){animation-delay:.12s}.archive-project-grid .archive-card:nth-child(5){animation-delay:.15s}.archive-project-grid .archive-card:nth-child(6){animation-delay:.18s}