:root{--bg-primary:#0f0f0f;--bg-secondary:#171717;--bg-tertiary:#262626;--text-primary:#fff;--text-secondary:#ffffffb8;--accent:#7600ff;--accent-secondary:#042ed9;--vs-blue:#38a5ff;--vs-yellow:#dede33;--vs-orange:#ce9178;--vs-green:#5ac728;--vs-light-green:#d0ff8dd7;--vs-purple:#c586c0;--vs-cyan:#4e81c9;--vs-teal:#4ec9b0;--vs-light-blue:#9cdcfe;--border-light:#ffffff14;--border-hover:#ffffff2e;--glass-bg:#ffffff0a;--radius-2xs:.375rem;--radius-xs:.5rem;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.5rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:2.5rem;--space-2xl:5rem;--space-3xl:7rem;--SE-width-closed:2.5rem;--text-sm:.75rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.5rem;--text-xl:2rem;--text-2xl:3rem;--text-3xl:4rem;--cardHeight-base:150px;--shadow-card:0 10px 30px #00000040;--transition-fast:.2s ease;--transition-normal:.3s ease;--content-width:1100px;--width-max-tb:800px;--width-max-pc:1100px}*,:before,:after{box-sizing:border-box}html,body,#app{background:var(--bg-primary);scroll-behavior:smooth}body{color:var(--text-primary);font-family:Cascadia Code,Consolas,monospace;font-size:var(--text-base);padding:0;padding-right:var(--SE-width-closed);background:var(--bg-primary);margin:0}p{line-height:1.2}h3{margin-bottom:var(--space-2xs)}.yellow{color:var(--vs-yellow)}.green{color:var(--vs-green)}.orange{color:var(--vs-orange)}.blue{color:var(--vs-blue)}.teal{color:var(--vs-teal)}.light-blue{color:var(--vs-light-blue)}.light-green{color:var(--vs-light-green)}.display-area{padding:0 var(--space-sm)}.logo{text-align:left;margin:var(--space-xl) 0 var(--space-md) 0;padding-left:var(--space-sm);border-bottom:1px solid var(--accent)}.accent{color:var(--accent)}.section-header{font-size:var(--text-md)}.section{margin-bottom:var(--space-md)}.section-text{margin-bottom:var(--space-md);max-width:var(--width-max)}.btn{align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-xs);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-2xs);color:var(--text-primary);font-size:var(--text-base);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);cursor:pointer;text-decoration:none;display:inline-flex}.btn:hover{background:var(--bg-tertiary);border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn-primary{border-left:3px solid var(--accent)}.btn-primary:hover{box-shadow:0 8px 24px #7600ff73}.btn-secondary{border:1px solid var(--border-light);color:#fff}.btn-row{margin-top:var(--space-md);justify-content:flex-end;display:flex}.button-row .btn,.card-actions .btn{justify-content:center;width:100%}.card-actions{justify-content:right;gap:var(--space-xs);padding:0 var(--space-xs) var(--space-xs) var(--space-xs);flex-direction:column;display:flex}.glass-card{margin:var(--space-sm) 0;background:var(--glass-bg);border-radius:var(--radius-xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:1px solid #7600ff80;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card);transform:translateY(-6px)}.card-content{padding:var(--space-sm);flex-direction:column;flex:1;display:flex}.card-top{margin-bottom:var(--space-2xs);justify-content:flex-start;display:flex}.tag{margin-top:var(--space-xs);padding:var(--space-2xs) var(--space-2xs);font-size:var(--text-sm);letter-spacing:.08rem;text-transform:uppercase;color:#ffffffbf;background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;align-items:center;display:inline-flex}.tags{gap:var(--space-2xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.fade-up{animation:.8s ease-out fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.display-area{padding:0 var(--space-lg);max-width:var(--width-max-tb);align-content:center;margin:auto}.grid-auto{gap:var(--space-sm);grid-template-columns:auto auto auto;display:grid}}.pokemon-card[data-v-06f8ea59]{margin-top:var(--space-xl);flex-direction:column;align-items:center;gap:.4rem;padding:.5rem;display:flex}.top-row[data-v-06f8ea59]{justify-content:space-between;align-items:center;width:100%;display:flex}.sprite-container img[data-v-06f8ea59]{width:72px;height:72px;image-rendering:pixelated}.bottom-row[data-v-06f8ea59]{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.type[data-v-06f8ea59]{background:#ffffff14;border-radius:999px;padding:.15rem .5rem;font-size:.75rem}.name[data-v-06f8ea59]{text-transform:capitalize;font-weight:600;font-size:var(--text-base)}.poke-id[data-v-06f8ea59]{opacity:.7;font-size:var(--text-base)}.layout[data-v-6756e55f]{z-index:2000;height:100vh;display:flex;position:fixed;top:0;right:0}.activity-bar[data-v-6756e55f]{width:var(--SE-width-closed);background:var(--bg-secondary);border-left:1px solid var(--accent);height:100%;padding-top:var(--space-md);flex-direction:column;align-items:center;display:flex}.top-icons[data-v-6756e55f]{gap:var(--space-2xs);flex-direction:column;display:flex}.icon-button[data-v-6756e55f]{width:var(--space-lg);height:var(--space-lg);border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;font-size:var(--text-lg);background:0 0;border:none;transition:all .2s}.icon-button[data-v-6756e55f]:hover{background:var(--bg-tertiary)}.icon-button.active[data-v-6756e55f]{background:var(--bg-tertiary);color:var(--text-primary)}.explorer[data-v-6756e55f]{background:var(--bg-secondary);border-left:1px solid var(--bg-tertiary);width:0;height:100%;transition:width .25s;display:flex;overflow:hidden}.explorer.open[data-v-6756e55f]{width:200px}.explorer-title[data-v-6756e55f]{writing-mode:vertical-rl;background:var(--bg-secondary);color:var(--text-secondary);padding:var(--space-sm) var(--space-2xs);font-size:var(--text-base);border-left:1px solid var(--bg-secondary);border-right:1px solid var(--bg-secondary)}.explorer-content[data-v-6756e55f]{padding:var(--space-sm);flex:1}.section-title[data-v-6756e55f]{color:var(--text-secondary);font-size:var(--space-xs);margin-bottom:var(--space-sm);letter-spacing:1px}nav[data-v-6756e55f]{flex-direction:column;display:flex}nav button[data-v-6756e55f]{color:var(--text-primary);text-align:left;padding:var(--space-2xs) 0;border-radius:var(--radius-xs);cursor:pointer;font-size:var(--text-base);background:0 0;border:none}nav button[data-v-6756e55f]:hover{background:var(--bg-tertiary)}.footer-wrapper[data-v-bbf9e0a5]{width:100%;margin-top:var(--space-xl);border-top:1px solid var(--border-light);background:var(--bg-secondary)}.footer-content[data-v-bbf9e0a5]{width:100%;padding:var(--space-lg) var(--space-sm);gap:var(--space-md);flex-direction:column;display:flex}.footer-title[data-v-bbf9e0a5]{font-size:var(--text-base);opacity:.9}.footer-links[data-v-bbf9e0a5]{gap:var(--space-sm);flex-direction:column;display:flex}.footer-link[data-v-bbf9e0a5]{color:var(--text-primary);width:fit-content;transition:transform var(--transition-fast), opacity var(--transition-fast);text-decoration:none}.footer-link[data-v-bbf9e0a5]:hover{opacity:.85;transform:translate(4px)}.status-bar[data-v-bbf9e0a5]{border-top:1px solid var(--border-light);background:var(--bg-tertiary);justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:42px;padding:var(--space-2xs) var(--space-sm);font-size:var(--text-sm);display:flex;overflow-x:auto}.status-left[data-v-bbf9e0a5],.status-right[data-v-bbf9e0a5]{align-items:center;gap:var(--space-2xs);white-space:nowrap;display:flex}.status-item[data-v-bbf9e0a5],.status-text[data-v-bbf9e0a5]{opacity:.85}.status-dot[data-v-bbf9e0a5]{background:var(--vs-green);border-radius:999px;width:10px;height:10px;display:none;box-shadow:0 0 8px #5ac728bf}.footer-content[data-v-bbf9e0a5],.status-bar[data-v-bbf9e0a5]{padding-left:var(--space-lg);padding-right:calc(var(--space-lg) + var(--SE-width-closed))}@media (width>=768px){.footer-content[data-v-bbf9e0a5]{padding:var(--space-xl) var(--space-lg)}.footer-links[data-v-bbf9e0a5]{gap:var(--space-lg);flex-flow:wrap}.status-dot[data-v-bbf9e0a5]{display:flex}}.main-content[data-v-e0ef26e2],.about-text[data-v-d9bb466d]{text-align:left}.project-link[data-v-553c76ba]{color:inherit;text-decoration:none;display:block}.project-link:hover .glass-card[data-v-553c76ba]{cursor:pointer;transition:all .25s;transform:translateY(-4px)}.skills-wrapper[data-v-9609c1cb]{gap:var(--space-md);flex-direction:column;display:flex}.category[data-v-9609c1cb]{text-align:left}.skills[data-v-9609c1cb]{justify-content:left;gap:var(--space-sm);flex-wrap:wrap;display:flex}.skill[data-v-9609c1cb]{padding:var(--space-xs) var(--space-xs);color:var(--text-primary);font-size:var(--space-base);border:1px solid var(--border-light);border-radius:var(--radius-2xs);cursor:pointer;background:#fafafa08}.skill[data-v-9609c1cb]:hover{background:var(--hover-color);color:var(--text-color);border-color:var(--hover-color);box-shadow:0 0 0 1px var(--hover-color)}.category h3[data-v-9609c1cb]{margin-bottom:var(--space-sm);opacity:.8}.learning-grid[data-v-3e16540e]{gap:var(--space-sm);grid-template-columns:1fr;display:grid}.description[data-v-3e16540e]{margin-top:var(--space-xs)}.archive-dropdown[data-v-3e16540e]{border:1px solid var(--border-light);border-radius:var(--radius-xs);background:#ffffff05;overflow:hidden}.archive-dropdown summary[data-v-3e16540e]{padding:var(--space-sm);cursor:pointer;font-size:var(--text-base);transition:var(--transition-fast);list-style:none}.archive-dropdown summary[data-v-3e16540e]:hover{background:#ffffff0a}.archive-dropdown summary[data-v-3e16540e]::marker{display:none}.archive-dropdown[open] summary[data-v-3e16540e]{border-bottom:1px solid var(--border-light)}.archive-text[data-v-3e16540e]{padding:var(--space-sm) var(--space-sm) 0 var(--space-sm);opacity:.8}.archive-grid[data-v-3e16540e]{padding:var(--space-sm)}.learning-card[data-v-3e16540e]{justify-content:space-between}.contact-wrapper[data-v-d46d412c]{justify-content:flex-start;width:100%;display:flex}.contact-card[data-v-d46d412c]{width:100%;max-width:700px;padding:var(--space-xs)}.row[data-v-d46d412c]{gap:var(--space-sm);margin-bottom:var(--space-sm);flex-direction:column;display:flex}.input-group[data-v-d46d412c]{gap:var(--space-2xs);flex-direction:column;width:100%;display:flex}.text-field[data-v-d46d412c]{margin-bottom:var(--space-md)}label[data-v-d46d412c]{font-size:var(--text-sm);opacity:.9}input[data-v-d46d412c],textarea[data-v-d46d412c]{width:100%;padding:var(--space-xs);border:1px solid var(--border-light);border-radius:var(--radius-2xs);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff08}input[data-v-d46d412c]::placeholder,textarea[data-v-d46d412c]::placeholder{color:#ffffff59}input[data-v-d46d412c]:focus,textarea[data-v-d46d412c]:focus{border-color:var(--accent);background:#ffffff0d;outline:none;box-shadow:0 0 0 1px #7600ff59}textarea[data-v-d46d412c]{resize:vertical;min-height:160px}@media (width>=768px){.two-column[data-v-d46d412c]{flex-direction:row}.two-column .input-group[data-v-d46d412c]{flex:1}}