@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Permanent+Marker&display=swap";@keyframes neonBob{0%,to{transform:rotate(14deg) translateY(0)}50%{transform:rotate(14deg) translateY(-3px)}}@keyframes neonFlickA{0%,17%,20%,38%,41%,70%,73%,to{opacity:1;text-shadow:0 0 4px #fff,0 0 8px #00d4aa,0 0 16px #00d4aa,0 0 28px #00a886}18.5%,39.5%,71.5%{opacity:.08;text-shadow:none}}@keyframes neonFlickB{0%,7%,8.5%,9%,10.5%,47%,50%,81%,84%,to{opacity:1;text-shadow:0 0 4px #fff,0 0 8px #00d4aa,0 0 16px #00d4aa,0 0 28px #00a886}7.75%,9.75%,48.5%,82.5%{opacity:.08;text-shadow:none}}.neon-sign{position:absolute;bottom:60%;left:calc(100% + 18px);transform:rotate(14deg);transform-origin:bottom left;font-family:Permanent Marker,cursive;font-size:.95rem;letter-spacing:.05em;color:#d8fff3;white-space:nowrap;padding:6px 14px;border:2px solid #00d4aa;border-radius:8px;text-shadow:0 0 4px #fff,0 0 8px #00d4aa,0 0 16px #00d4aa,0 0 28px #00a886;box-shadow:0 0 6px #00d4aa,0 0 16px #00d4aa,inset 0 0 6px #00d4aa;animation:neonBob 3.2s ease-in-out infinite;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:5}.neon-sign .neon-flick-a{animation:neonFlickA 5.3s infinite;display:inline-block}.neon-sign .neon-flick-b{animation:neonFlickB 6.7s infinite;display:inline-block}@media(max-width:640px){.neon-sign{bottom:auto;top:calc(100% + 10px);left:50%;transform:translate(-50%) rotate(-3deg);transform-origin:center;font-size:.78rem;padding:4px 10px}@keyframes neonBob{0%,to{transform:translate(-50%) rotate(-3deg) translateY(0)}50%{transform:translate(-50%) rotate(-3deg) translateY(-2px)}}}:root{--bg: #0a0a0f;--bg-card: #12121e;--bg-card-hover: #1a1a2e;--border: #2a2a3e;--accent: #00d4aa;--accent-dim: #00d4aa22;--accent-blue: #4e9af5;--accent-blue-dim: #4e9af522;--text: #e8e8ee;--text-dim: #8888aa;--text-muted: #555566;--success: #69f0ae;--warning: #ffe66d;--danger: #ff6b6b;--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.page-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.page-subtitle{color:var(--text-dim);font-size:1rem;margin-bottom:2rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem;transition:border-color .2s,background .2s}.card:hover{border-color:var(--accent);background:var(--bg-card-hover)}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn:hover{border-color:var(--accent);background:var(--bg-card-hover)}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.btn-primary:hover{background:#00e8bb}.toggle-group{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:1.5rem}.toggle-btn{padding:.5rem 1.2rem;background:transparent;border:none;color:var(--text-dim);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.toggle-btn.active{background:var(--accent);color:#000;font-weight:600}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-dim);margin-bottom:.4rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.7rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent)}.form-group textarea{min-height:120px;resize:vertical}.filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filters select,.filters input{padding:.5rem .8rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem}.results-table{width:100%;border-collapse:collapse}.results-table th{text-align:left;padding:.75rem 1rem;font-size:.8rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.results-table td{padding:.75rem 1rem;font-size:.9rem;border-bottom:1px solid var(--border)}.results-table tr:hover td{background:var(--bg-card-hover)}.metric{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.8rem;font-family:JetBrains Mono,monospace;font-weight:500}.metric-good{background:#69f0ae22;color:var(--success)}.metric-warn{background:#ffe66d22;color:var(--warning)}.metric-bad{background:#ff6b6b22;color:var(--danger)}.status{display:inline-block;padding:.2rem .7rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-new{background:var(--accent-blue-dim);color:var(--accent-blue)}.status-answered{background:#69f0ae22;color:var(--success)}.status-archived{background:#5562;color:var(--text-muted)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:100}.navbar-brand{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;color:var(--accent);letter-spacing:.1em}.navbar-links{display:flex;gap:2rem}.navbar-links a{color:var(--text-dim);font-size:.9rem;font-weight:500;transition:color .2s}.navbar-links a:hover,.navbar-links a.active{color:var(--accent)}.speedrun-panel{background:linear-gradient(135deg,var(--bg-card),#1a1a3e);border:1px solid var(--accent);border-radius:var(--radius);padding:2rem;margin-bottom:2rem}.speedrun-title{font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:1rem}.copy-block{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.copy-block p{font-size:.9rem;color:var(--text-dim);flex:1}.copy-btn{padding:.3rem .7rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-size:.75rem;cursor:pointer;white-space:nowrap}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.token-box{background:var(--bg);border:2px solid var(--accent);border-radius:var(--radius);padding:1.5rem;text-align:center;margin:2rem 0}.token-value{font-family:JetBrains Mono,monospace;font-size:1.1rem;color:var(--accent);word-break:break-all;margin:.5rem 0}.reply-box{background:var(--accent-dim);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:1rem 1.5rem;margin-top:1rem}.reply-box .reply-label{font-size:.8rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.loading{text-align:center;padding:3rem;color:var(--text-dim)}.not-found{text-align:center;padding-top:6rem}.not-found-code{font-family:JetBrains Mono,monospace;font-size:6rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:.5rem;opacity:.3}.not-found .page-title{font-size:1.8rem;margin-bottom:.5rem}.not-found .page-subtitle{margin-bottom:2rem}.footer{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 2rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.8rem}.footer-sep{opacity:.3}.admin-inquiry{transition:border-color .2s}.admin-inquiry:hover{border-color:var(--accent-blue)}.admin-inquiry-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.admin-category{display:inline-block;padding:.15rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;background:var(--accent-blue-dim);color:var(--accent-blue);letter-spacing:.03em}.admin-reply-form{margin-top:.75rem}.admin-reply-form textarea{width:100%;padding:.7rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;font-family:inherit;resize:vertical;min-height:80px}.admin-reply-form textarea:focus{outline:none;border-color:var(--accent)}.btn-delete{padding:.2rem .6rem;background:transparent;border:1px solid var(--danger);border-radius:4px;color:var(--danger);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-delete:hover{background:var(--danger);color:#000}.story-card{position:relative}.story-figure{margin-top:1.25rem}.story-figure img{width:100%;border-radius:var(--radius-sm);border:1px solid var(--border)}.story-figure-caption{color:var(--text-muted);font-size:.8rem;font-style:italic;text-align:center;margin-top:.5rem}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.highlight-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center;display:flex;flex-direction:column;gap:.25rem}.highlight-value{font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:700}.highlight-desc{color:var(--text-dim);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.my-inquiry-card{display:block}.my-inquiry-card:hover{border-color:var(--accent-blue)}.portfolio-hero{margin-bottom:2.5rem}.portfolio-name{font-size:2.8rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portfolio-tagline{font-size:1.2rem;color:var(--text);font-weight:500;margin-bottom:1rem}.portfolio-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem}.project-card{transition:border-color .2s,transform .2s}.project-card:hover{border-color:var(--accent);transform:translateY(-2px)}.project-card-dimmed{opacity:.5;pointer-events:none}.project-card-featured{border-color:var(--accent);background:linear-gradient(135deg,var(--bg-card),#1a1a2e)}.project-card-featured:hover{transform:translateY(-2px)}.tech-tag{display:inline-block;padding:.15rem .6rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;background:var(--accent-dim);color:var(--accent);letter-spacing:.03em}.subnav{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background:var(--bg-card);border-bottom:1px solid var(--border)}.subnav-open{max-height:50px}.subnav-inner{display:flex;align-items:center;gap:1.5rem;padding:.6rem 2rem}.subnav-label{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.subnav-link{color:var(--text-dim);font-size:.85rem;font-weight:500;transition:color .2s;text-decoration:none}.subnav-link:hover,.subnav-link.active{color:var(--accent)}@media(max-width:768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.navbar-links{gap:1rem;flex-wrap:wrap;justify-content:center}.filters{flex-direction:column}.page{padding:1rem}.highlights-grid,.portfolio-highlights{grid-template-columns:repeat(2,1fr)}.highlight-value{font-size:1.4rem}.portfolio-name{font-size:2rem}.projects-grid{grid-template-columns:1fr}.subnav-inner{padding:.6rem 1rem;gap:1rem}}
