:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}*{box-sizing:border-box;margin:0;padding:0}h1{color:#e8f0ff;margin-bottom:2rem;font-family:JetBrains Mono,monospace;font-size:36px;font-weight:400}p{color:#c8daf873;font-family:JetBrains Mono,monospace;font-size:12px}.cursor{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.intro-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.progress-track{background-color:#c8daf873;border-radius:4px;width:358px;height:8px;margin-top:2rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b6cc4,#7aa8e8,#9b88cc);width:0%;height:100%;transition:width 2s ease-out}.run-button{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;appearance:none;color:#e8f0ff;border:1px, solid #6690cc80;cursor:pointer;letter-spacing:.05em;background:0 0;border-radius:999px;margin-top:2rem;padding:.65rem 2.5rem;font-family:JetBrains Mono,monospace;font-size:.875rem;box-shadow:0 0 20px #6690cc26}.matrix-bg{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}.home-page{background:radial-gradient(circle at 0 0,#cfe0f5 0%,#0000 50%),radial-gradient(circle at 100% 100%,#cfe0f5 0%,#0000 50%),#fff;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.home-container{align-items:flex-start;gap:2rem;width:100%;max-width:1100px;padding:2rem;display:flex}.home-left{text-align:left;flex:2.2}.home-right{flex:1;max-width:320px;margin-top:4.5rem}.header-row{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.header-left{flex:1;min-width:0}.header-right{text-align:right;flex-shrink:0}.home-name{color:#000;margin:0;font-family:Archivo,sans-serif;font-size:28px;font-weight:800}.home-tagline{color:#524d6a;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:12px}.home-clock{color:#524d6a;font-size:12px}.terminal-box{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 4px 24px #7aa8e826}.terminal-header{color:#999;background-color:#ececf0;border-bottom:1px solid #e0e0e0;padding:.2rem 1rem;font-family:JetBrains Mono,monospace;font-size:12px}.terminal-body{padding:1rem}.terminal-welcome{color:#9b88cc;font-family:JetBrains Mono,monospace;font-size:14px}.terminal-line{color:#524d6a;font-family:JetBrains Mono,monospace;font-size:14px}.terminal-bold{font-weight:700}.terminal-prompt{color:#999;border-top:1px solid #e0e0e0;flex-direction:column;gap:1px;padding:.75rem 1rem;font-family:JetBrains Mono,monospace;font-size:13px;display:flex}.prompt-line{align-items:center;gap:1px;display:flex}.prompt-hint{color:#999;margin:0}.terminal-input{color:#524d6a;caret-color:#524d6a;background:0 0;border:none;outline:none;flex:1;min-width:0;margin-left:6px;font-family:JetBrains Mono,monospace;font-size:14px}.fake-cursor{color:#524d6a;animation:1s step-end infinite blink}.fake-placeholder{color:#999;margin-left:1px}.input-wrapper{flex:1;position:relative}.fake-input-display{cursor:text;background-color:#fff;align-items:center;gap:1px;display:flex;position:absolute;top:0;left:0}.explore-text{text-align:center;color:#524d6a;margin:1.5rem 0 1rem;font-family:Archivo,sans-serif;font-size:13px}.nav-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.nav-box{background-color:#0000;border:1px solid #e0e0e0;border-radius:8px;padding:.4rem 1rem;transition:background-color .2s,border-color .2s}.nav-box:hover{background:linear-gradient(135deg,#aa3bff14,#7aa8e814);border-color:#999}.nav-title{color:#1e1b2e;margin:0 0 1px;font-family:Archivo,sans-serif;font-size:16px;font-weight:700;transition:color .2s}.nav-subtitle{color:#999;margin:0;font-family:Archivo,sans-serif;font-size:13px}.nav-box:hover .nav-title{color:#7aa8e8}@media (width<=768px){.home-container{flex-direction:column;align-items:center;padding:1.5rem}.home-left{flex:none;order:1;width:100%;max-width:500px}.home-right{flex:1;order:2;width:100%;max-width:320px}.header-row,.header-left{text-align:left}.header-right{text-align:center}.prompt-line{flex-direction:column;align-items:flex-start;gap:4px}.terminal-input{width:100%;margin-left:0;font-size:16px}.fake-placeholder{margin-left:0}.fake-input-display{gap:0}}.photo-frame{width:100%;max-width:320px;margin-top:0;position:relative;transform:rotate(4deg)}.photo-frame:before{content:"";z-index:-1;background-color:#ccc;border-radius:12px;width:100%;height:100%;position:absolute;top:10px;left:-10px}.home-photo{border-radius:12px;width:100%;display:block}.photo-caption{background-color:#fff;border:1px solid #e0e0e0;border-radius:999px;padding:.4rem 1rem;font-family:JetBrains Mono,monospace;font-size:13px;position:absolute;bottom:-15px;left:5px;transform:rotate(-5deg);box-shadow:0 2px 10px #0000001a}.page-header{background-color:#fff;border-bottom:1px solid #e0e0e0;width:100%}.page-header-row{justify-content:space-between;align-items:center;padding:.5rem 1.5rem;display:flex}.back-button{color:#2e2a44;cursor:pointer;background:0 0;border:2px solid #333;border-radius:999px;padding:.6rem 1rem;font-family:Archivo,sans-serif;font-size:14px;font-weight:700;transition:background .2s,border-color .2s,color .2s}.back-button:hover{color:#7aa8e8;background:linear-gradient(135deg,#aa3bff14,#7aa8e814);border-color:#7aa8e8}.page-name{color:#7aa8e8;margin:0;font-family:JetBrains Mono,monospace;font-size:12px}.page-clock{color:#524d6a;margin:0;font-family:JetBrains Mono,monospace;font-size:12px}.page-command-row{border-top:1px solid #e0e0e0;gap:1px;padding:.75rem 1.5rem;font-family:JetBrains Mono,monospace;font-size:13px;display:flex}.prompt-text{color:#7aa8e8;font-size:14px}.prompt-placeholder{color:#999}.cursor{color:#333;animation:1s step-end infinite blink}.terminal-input{color:#524d6a;caret-color:#524d6a;background:0 0;border:none;outline:none;flex:1;margin-left:6px;font-family:JetBrains Mono,monospace;font-size:13px}.terminal-input::placeholder{color:#999;font-family:JetBrains Mono,monospace}@media (width<=768px){.prompt-line{flex-direction:column;align-items:flex-start;gap:4px}.terminal-input{width:100%;margin-left:0;font-size:16px}}.about-content{gap:2rem;width:100%;padding:2rem 2rem 2rem 4rem;display:flex}.about-left{text-align:left;flex:1.4}.about-right{flex:1}.about-name{color:#1e1b2e;margin:2rem 0 2.5rem;font-family:Archivo,sans-serif;font-size:42px;font-weight:800}.facts-block{border-left:2px solid #7aa8e8;flex-direction:column;gap:.6rem;margin-bottom:2rem;padding-left:1rem;display:flex}.fact-row{gap:2rem;font-family:JetBrains Mono,monospace;font-size:14px;display:flex}.fact-label{color:#6690cc;flex-shrink:0;width:110px}.fact-value{color:#2e2a44;align-items:center;gap:6px;display:flex}.status-dot{background-color:#2ecc71;border-radius:50%;width:6px;height:6px;display:inline-block}.status-highlight{color:#2e2a44}.about-bio{color:#2e2a44;max-width:650px;margin-bottom:1rem;font-family:Archivo,sans-serif;font-size:15px;line-height:1.6}.work-content{width:100%;padding:2rem 2rem 2rem 4rem}.project-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;margin-top:1.5rem;display:grid}.project-card{flex-direction:column;transition:transform .1s ease-out;display:flex}.project-image-frame{aspect-ratio:16/10;border-radius:8px;width:100%;display:block;overflow:hidden}.project-image{object-fit:contain;width:100%;height:100%;display:block}.project-meta{flex-wrap:wrap;gap:8px;margin-top:.75rem;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.project-year{color:#1e1b2e}.project-tag{color:#6690cc}.project-name{color:#1e1b2e;text-align:left;margin:.2rem 0 .3rem;font-family:Archivo,sans-serif;font-size:16px;font-weight:700;line-height:1.2;transition:color .2s}.project-name:hover{color:#7aa8e8}.project-description{color:#333;text-align:left;margin:0;font-family:Archivo,sans-serif;font-size:14px}.project-tools{flex-wrap:wrap;gap:6px;margin:.5rem 0;display:flex}.project-link{color:#6690cc;margin-top:.3rem;font-family:JetBrains Mono,monospace;font-size:13px;text-decoration:none}.project-link:hover{text-decoration:underline}.project-name-link{text-decoration:none}.project-placeholder{aspect-ratio:16/10;text-align:center;background:radial-gradient(circle at 0 0,#e0c9f5 0%,#0000 55%),radial-gradient(circle at 100% 100%,#f7e59a 0%,#0000 55%),#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;text-decoration:none;display:flex}@media (width<=768px){.work-content{padding:1.5rem}.project-grid{grid-template-columns:minmax(0,1fr)}.work-content{box-sizing:border-box;width:100%;padding:1.5rem}.project-card{width:100%;max-width:100%}}.interests-content{width:100%;padding:2rem 2rem 2rem 4rem}.extracurriculars-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;margin-top:1.5rem;display:grid}.extracurriculars-card{flex-direction:column;transition:transform .1s ease-out;display:flex}.extracurriculars-image-frame{aspect-ratio:16/10;border-radius:8px;width:100%;display:block;overflow:hidden}.extracurriculars-image{object-fit:cover;width:100%;height:100%;display:block}.extracurriculars-meta{flex-wrap:wrap;gap:8px;margin-top:.75rem;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.extracurriculars-year{color:#1e1b2e}.extracurriculars-tag{color:#6690cc}.extracurriculars-name{color:#1e1b2e;text-align:left;margin:.2rem 0 .3rem;font-family:Archivo,sans-serif;font-size:16px;font-weight:700;line-height:1.2;transition:color .2s}.extracurriculars-name:hover{color:#7aa8e8}.extracurriculars-description{color:#333;text-align:left;margin:0;font-family:Archivo,sans-serif;font-size:14px}.extracurriculars-tools{flex-wrap:wrap;gap:6px;margin:.5rem 0;display:flex}.extracurriculars-link{color:#6690cc;margin-top:.3rem;font-family:JetBrains Mono,monospace;font-size:13px;text-decoration:none}.extracurriculars-link:hover{text-decoration:underline}.extracurriculars-name-link{text-decoration:none}.extracurriculars-placeholder{aspect-ratio:16/10;text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;text-decoration:none;display:flex}@media (width<=768px){.interests-content{padding:1.5rem}.extracurriculars-grid{grid-template-columns:minmax(0,1fr)}.interests-content{box-sizing:border-box;width:100%;padding:1.5rem}.extracurriculars-card{width:100%;max-width:100%}}.page-wrapper{background:radial-gradient(circle at 0 0,#cfe0f5 0%,#0000 50%),radial-gradient(circle at 100% 100%,#cfe0f5 0%,#0000 50%),#fff;width:100%;min-height:100vh}.socials-content{width:100%;padding:2rem 2rem 2rem 4rem}.socials-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;margin-top:1.5rem;display:grid}.socials-card{flex-direction:column;transition:transform .1s ease-out;display:flex}.socials-image-frame{aspect-ratio:16/10;border-radius:8px;width:100%;display:block;overflow:hidden}.socials-image{object-fit:contain;width:100%;height:100%;display:block}.socials-meta{flex-wrap:wrap;gap:8px;margin-top:.75rem;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.socials-year{color:#1e1b2e}.socials-tag{color:#6690cc}.socials-name{color:#1e1b2e;text-align:left;margin:.2rem 0 .3rem;font-family:Archivo,sans-serif;font-size:16px;font-weight:700;line-height:1.2;transition:color .2s}.socials-name:hover{color:#7aa8e8}.socials-description{color:#333;text-align:left;margin:0;font-family:Archivo,sans-serif;font-size:14px}.socials-tools{flex-wrap:wrap;gap:6px;margin:.5rem 0;display:flex}.tool-pill{color:#1e1b2e;background-color:#ececf0;border-radius:999px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:11px}.socials-link{color:#6690cc;margin-top:.3rem;font-family:JetBrains Mono,monospace;font-size:13px;text-decoration:none}.socials-link:hover{text-decoration:underline}.socials-name-link{text-decoration:none}.socials-placeholder{aspect-ratio:16/10;text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;text-decoration:none;display:flex}.placeholder-name{color:#000;font-family:Archivo,sans-serif;font-size:18px;font-weight:800}.placeholder-tagline{color:#666;font-family:JetBrains Mono,monospace;font-size:13px}@media (width<=768px){.socials-content{padding:1.5rem}.socials-grid{grid-template-columns:minmax(0,1fr)}.socials-content{box-sizing:border-box;width:100%;padding:1.5rem}.socials-card{width:100%;max-width:100%}}.filter-row{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:1rem 0 1.5rem;display:flex}.filter-pill{color:#000;cursor:pointer;background:0 0;border:1px solid #333;border-radius:999px;padding:.4rem 1rem;font-family:JetBrains Mono,monospace;font-size:10px}.filter-active{color:#fff;background-color:#000;border-color:#000}