:root{--accent:#f4c52a;--accent-strong:#ffde57;--bg:#06080b;--border:#3a404b;--ink:#030405;--muted:#aab3c3;--muted-soft:#7d8697;--surface:#0f1218;--surface-strong:#161b24;--text:#f3f5f8;--shadow:0 20px 54px #0000006b;--warning:#f4c52a;--sans:"Bahnschrift", "Rajdhani", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;color:var(--text);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;background:radial-gradient(circle at 12% 0,#f4c52a29,#0000 32%),linear-gradient(#0b0e14,#06080b)}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}#root{background:linear-gradient(180deg, #11141beb, #0a0c12f2), var(--surface);border-left:1px solid #f4c52a33;border-right:1px solid #f4c52a33;max-width:1640px;min-height:100vh;margin:0 auto}::selection{background:#f5c5424d}main{min-height:100vh}a{color:inherit}.nav{z-index:10;background:linear-gradient(#0b0e14f5,#080a0ef0),repeating-linear-gradient(90deg,#f4c52a0f 0 2px,#0000 2px 18px);border-bottom:1px solid #f4c52a52;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);gap:22px;padding:18px 48px;display:grid;position:sticky;top:0}.brand-link{color:var(--text);justify-self:start;font-size:1.02rem;font-weight:900}.nav-links{justify-content:center;gap:28px;display:flex}.nav a{color:var(--muted);padding:10px 0;font-size:.84rem;font-weight:700;line-height:1;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--text)}.nav-links a[aria-current=page]{box-shadow:0 2px 0 var(--accent), inset 0 -1px 0 #f4c52a6b;color:var(--accent-strong)}.home-dashboard{background:radial-gradient(circle at 18% 0,#f5c5422e,#0000 30%),linear-gradient(#0d1016 0%,#080a0d 44%,#090b0f 100%);grid-template-columns:minmax(0,1.45fr) minmax(360px,.8fr);gap:32px;min-height:calc(100vh - 73px);padding:42px 48px 86px;display:grid}.home-intro-card,.home-resume-card,.home-feature-card,.home-ai-card,.home-mini-card{background:linear-gradient(145deg,#12151ef5,#0c0f16fa),#11141b;border:1px solid #f4c52a38;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000057}.home-intro-card{min-height:292px;padding:34px 32px 30px}.corner-frame{border-top:2px solid #f5c5428c;border-left:2px solid #f5c5428c;width:30px;height:30px;position:absolute;top:14px;left:14px}.home-intro-card:after{content:"";border-bottom:2px solid #f5c5428c;border-right:2px solid #f5c5428c;width:30px;height:30px;position:absolute;bottom:14px;right:14px}.avatar-mark{color:#080a0d;background:linear-gradient(#080a0d1f,#080a0d1f),url(/heading.jpg) 50%/cover,linear-gradient(135deg,#f5c542e6,#ffe36ba3),#151922;border:2px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:24px;font-size:1.15rem;font-weight:900;display:flex}.intro-links{gap:14px;display:flex;position:absolute;top:58px;right:32px}.intro-links a{color:var(--muted);font-size:.92rem;font-weight:900;text-decoration:none}.intro-links a:hover{color:var(--accent)}.home-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:900}.home-intro-card h1{color:var(--text);margin:16px 0 0;font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.02}.home-intro-card p:not(.home-kicker),.home-feature-card p:not(.home-kicker),.home-mini-card p:not(.home-kicker){color:var(--muted);max-width:890px;margin:22px 0 0;font-size:1.02rem;line-height:1.75}.home-tags{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.home-tags span{color:var(--accent-strong);background:#f5c5421a;border:1px solid #f5c54247;border-radius:8px;padding:8px 10px;font-size:.8rem;font-weight:900}.home-resume-card{background:radial-gradient(circle at 82% 12%,#f5c54233,#0000 28%),linear-gradient(145deg,#171b25fa,#0c0f15f5);align-items:end;min-height:292px;padding:32px;display:flex}.home-resume-card:before{content:"";opacity:.9;background:linear-gradient(90deg,#f5c54275,#0000);height:3px;position:absolute;bottom:0;left:0;right:0}.home-resume-card>div:last-child{z-index:1;position:relative}.home-resume-card h2,.home-feature-card h2,.home-ai-card h2,.home-mini-card h2{color:var(--text);margin:12px 0 0;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.08}.resume-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;max-width:430px;margin-top:22px;display:grid}.resume-actions .button{align-self:stretch;width:100%;min-height:72px;margin-top:0;padding:0 14px}.button.text-button{color:var(--muted);background:0 0;border:1px solid #858fa43d}.resume-card-copy{color:var(--muted);max-width:430px;margin:16px 0 0;font-size:.96rem;line-height:1.62}.resume-preview{opacity:.22;background:linear-gradient(#ffffffe6,#dce0e8c7),#f5f6f8;border:1px solid #ffffff38;border-radius:12px;gap:8px;width:150px;padding:14px;display:grid;position:absolute;top:22px;right:24px;transform:rotate(4deg);box-shadow:0 18px 44px #00000047}.resume-preview-header{background:#10141d;border-radius:6px;height:34px}.resume-preview span{background:#606774;border-radius:999px;height:7px;display:block}.resume-preview span:nth-child(3){width:74%}.resume-preview span:nth-child(5){width:82%}.home-feature-card{isolation:isolate;background:linear-gradient(90deg,#080a0da8,#080a0d38 42%,#080a0ddb),linear-gradient(#080a0d14,#080a0dd1),linear-gradient(135deg,#f5c54252,#1e222df5),repeating-linear-gradient(135deg,#f5c54229 0 10px,#0000 10px 20px);grid-column:1;align-content:start;min-height:460px;padding:34px;display:grid;position:relative;overflow:hidden}.home-feature-card>*{z-index:1;position:relative}.home-feature-card-media{opacity:.52;z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:background-image .5s,opacity .5s,transform 6s;position:absolute;inset:0;transform:scale(1.03)}.button.ghost{color:var(--accent-strong);background:#080a0d7a;border:1px solid #f4c52a9e;margin-top:28px}.resume-actions .button,.resume-actions .button.ghost,.resume-actions .button.text-button{align-self:stretch;height:88px;min-height:88px;margin-top:0}.home-ai-card{grid-area:2/2/span 2;min-height:744px;padding:34px;display:grid}.chat-window{border:1px solid #858fa433;border-radius:18px;flex-direction:column;gap:12px;min-height:470px;margin-top:20px;padding:16px;display:flex;overflow-y:auto}.chat-bubble{color:var(--text);white-space:pre-wrap;background:#1b2030;border:1px solid #f5c5422e;border-radius:12px;max-width:520px;padding:16px;line-height:1.55}.chat-bubble.user{background:#f5c54224;border-color:#f5c54257;align-self:flex-end}.chat-error{color:#ff9c89;margin:14px 0 0;font-size:.9rem}.chat-input{grid-template-columns:minmax(0,1fr) auto;align-self:end;align-items:center;gap:10px;margin-top:20px;display:grid}.chat-input input{color:var(--text);background:#0f1219;border:1px solid #858fa433;border-radius:8px;outline:0;min-width:0;padding:13px 14px}.chat-input input:focus{border-color:#f5c54285}.chat-input button{background:var(--accent);color:#080a0d;border:0;border-radius:8px;padding:13px 22px;font-weight:900}.chat-input button:disabled{cursor:not-allowed;opacity:.5}.home-mini-card{min-height:240px;padding:30px}.home-mini-grid{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.location-card{background:linear-gradient(#090b0f33,#090b0fdb),#171b22}.location-card iframe{filter:grayscale(.25)contrast(.92)brightness(.78);border:0;width:100%;height:100%;position:absolute;inset:0}.location-card:after{content:"";pointer-events:none;background:linear-gradient(#080a0d2e,#080a0dc7);position:absolute;inset:0}.location-card>:not(iframe){z-index:1;position:relative}.education-card-home{background:linear-gradient(#090b0f2e,#090b0fe0),url(/home/waterloo.jpg) 50%/cover,linear-gradient(145deg,#f5c5423d,#141720eb),#151922}.project-card-home{grid-column:1/-1;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:22px;display:grid}.project-card-home img{background:#090b0f;border:1px solid #f5c54233;border-radius:18px;width:100%;max-width:180px;padding:20px}.hero{background:linear-gradient(135deg, #2058651a, #fff0 44%), var(--surface);border-bottom:1px solid var(--border);padding:74px 40px 34px}.hero-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:end;gap:36px;display:grid}.hero-copy{max-width:820px}.eyebrow,.section-title span,.card-label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.hero h1{color:var(--text);letter-spacing:0;margin:14px 0 0;font-size:clamp(3.25rem,9vw,7.4rem);font-weight:800;line-height:.9}.intro{color:var(--muted);max-width:690px;margin:28px 0 0;font-size:1.18rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{cursor:pointer;letter-spacing:.02em;border:0;border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:900;text-decoration:none;display:inline-flex}.button.primary{color:#080a0d;background:linear-gradient(#ffd95e,#e8b81f);border:1px solid #ffde57cc}.button.secondary{background:var(--surface-strong);color:var(--text);border:1px solid #f4c52a59}.page-header{background:radial-gradient(circle at 12% 8%,#f4c52a29,#0000 30%),linear-gradient(#12151ef5,#0b0e15f2);border-bottom:1px solid #f4c52a3d;padding:74px 40px 46px}.page-header h1,.not-found h1{color:var(--text);margin:14px 0 0;font-size:clamp(3rem,8vw,6.2rem);font-weight:800;line-height:.94}.page-header p:last-child{color:var(--muted);max-width:760px;margin:24px 0 0;font-size:1.08rem;line-height:1.7}.resume-card,.panel{box-shadow:var(--shadow);background:linear-gradient(145deg,#12151ef5,#0c0f16fa);border:1px solid #f4c52a33;border-radius:8px}.resume-card{overflow:hidden}.resume-card img{background:var(--ink);object-fit:contain;width:100%;height:220px;padding:30px;display:block}.resume-card-content{gap:10px;padding:22px;display:grid}.resume-card strong{color:var(--text);font-size:1.05rem;line-height:1.35}.highlight-row{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:42px;display:grid}.highlight-row p{border-right:1px solid var(--border);color:var(--muted);margin:0;padding:18px 18px 0 0;font-weight:700;line-height:1.5}.highlight-row p:last-child{border-right:0}.section{padding:64px 40px}.section+.section,.footer{border-top:1px solid #f4c52a33}.section-title{grid-template-columns:116px minmax(0,1fr);align-items:end;gap:18px;margin-bottom:28px;display:grid}.section-title h2,.footer h2{color:var(--text);letter-spacing:.01em;margin:0;font-size:clamp(2rem,4vw,3.4rem);font-weight:900;line-height:1}.education-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:16px;display:grid}.education-panel{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;padding:24px;display:grid}.education-panel span,.project-heading span,.activity-heading span,.experience-meta span{color:var(--muted);white-space:nowrap;font-size:.86rem;font-weight:800}h3{color:var(--text);margin:0;font-size:1.08rem;line-height:1.3}.education-panel p,.project-panel p,.work-block p,.experience-heading p,.experience-meta p{color:var(--muted);margin:7px 0 0}.muted{color:var(--muted-soft)}.awards-panel,.skill-panel,.project-panel,.activity-panel{padding:22px}.about-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.6fr);align-items:start;gap:18px;display:grid}.about-panel{padding:30px}.about-panel p{color:var(--muted);max-width:980px;margin:0;font-size:1.02rem;line-height:1.78}.about-panel .about-lead{color:var(--text);max-width:820px;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;line-height:1.18}.about-panel p+p{margin-top:18px}.about-facts{gap:14px;display:grid}.fact-card{padding:20px}.fact-card span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.76rem;font-weight:900;display:block}.fact-card strong{color:var(--text);font-size:1rem;line-height:1.4;display:block}.about-activities-title{margin-top:42px;margin-bottom:22px}.piano-stage{grid-template-columns:auto minmax(300px,640px) auto;justify-content:center;align-items:center;gap:18px;display:grid}.piano-card{border:1px solid var(--border);background:linear-gradient(145deg,#f5c5421f,#151922f5),#151922;border-radius:18px;overflow:hidden}.piano-card.active{z-index:2;width:min(420px,78vw);margin:0 auto;animation:.32s pianoCardIn;position:relative;box-shadow:0 24px 70px #00000061}.piano-stack{place-items:center;min-height:720px;display:grid;position:relative}.piano-stack .piano-card{grid-area:1/1}.piano-card.preview{filter:saturate(.72)brightness(.68);opacity:.44;pointer-events:none;z-index:1;width:min(300px,54vw);transition:opacity .24s,transform .24s;position:relative;transform:scale(.78)}.piano-card.preview.left{transform:translate(-180px)rotate(-5deg)scale(.78)}.piano-card.preview.right{transform:translate(180px)rotate(5deg)scale(.78)}@keyframes pianoCardIn{0%{opacity:.7;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.piano-card video{aspect-ratio:9/16;object-fit:contain;background:linear-gradient(135deg,#f5c5422e,#080a0dcc),#0f1219;width:100%;display:block}.piano-card-body{padding:18px 20px 22px}.piano-card-body span{color:var(--accent);letter-spacing:.08em;margin-bottom:8px;font-size:.76rem;font-weight:900;display:block}.piano-card h3{margin:0}.piano-card p{color:var(--muted);margin:10px 0 0;line-height:1.6}.piano-nav{color:var(--accent-strong);cursor:pointer;background:#f5c5421f;border:1px solid #f5c5426b;border-radius:999px;justify-content:center;align-items:center;width:76px;height:54px;font-weight:900;display:flex}.piano-nav:hover{background:#f5c54233}.piano-thumbs{grid-column:1/-1;justify-content:center;gap:10px;display:flex}.piano-thumbs button{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;width:58px;padding:0;overflow:hidden}.piano-thumbs button[aria-pressed=true]{border-color:var(--accent)}.piano-thumbs video{aspect-ratio:9/16;object-fit:cover;width:100%;display:block}.awards-panel ul,.activity-panel ul{color:var(--muted);margin:14px 0 0;padding-left:19px}.awards-panel li,.activity-panel li{margin:8px 0}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.resume-skills-grid{grid-template-columns:1fr;gap:22px;display:grid}.resume-education-card{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:22px;margin-bottom:44px;padding:24px;display:grid}.resume-education-card p{color:var(--muted);margin:7px 0 0}.resume-education-meta{color:var(--muted);white-space:nowrap;justify-items:end;gap:6px;display:grid}.resume-education-meta strong{color:var(--text)}.resume-skill-card{border-color:#f4c52a57;min-width:0;padding:28px 32px 32px;overflow:hidden}.resume-skill-card h3{color:#ffde57;letter-spacing:.08em;text-transform:uppercase;font-size:1.05rem}.resume-skill-card p{color:var(--muted);margin:18px 0 0;line-height:1.65}.resume-skill-card .skill-static-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.resume-skill-card .skill-static-list .skill-badge{color:var(--accent-strong);background:#f5c5421a;border:1px solid #f5c5423d;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:.78rem;font-weight:800;line-height:1;display:inline-flex}.skill-badge img{width:22px;height:22px;display:block}.skill-marquee{background:#151a26;border-radius:8px;width:100%;max-width:100%;margin-top:28px;padding:18px 0;position:relative;overflow:hidden}.skill-marquee:before,.skill-marquee:after{content:"";pointer-events:none;z-index:1;width:90px;height:100%;position:absolute;top:0}.skill-marquee:before{background:linear-gradient(90deg,#151a26,#0000);left:0}.skill-marquee:after{background:linear-gradient(270deg,#151a26,#0000);right:0}.skill-marquee-track{gap:18px;width:max-content;min-width:max-content;animation:28s linear infinite skillScroll;display:flex}.resume-skill-card:nth-child(2) .skill-marquee-track{animation-duration:34s}.resume-skill-card:nth-child(3) .skill-marquee-track{animation-duration:40s}.skill-marquee:hover .skill-marquee-track{animation-play-state:paused}.skill-marquee-track .skill-badge{color:var(--text);text-align:center;background:linear-gradient(145deg,#f4c52a2e,#5a647a1a),#101522;border:1px solid #f4c52a52;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:10px;min-width:128px;padding:16px 18px;font-size:.9rem;font-weight:900;display:flex}.skill-marquee-track .skill-badge.has-logo{min-width:150px}.skill-marquee-track .skill-badge img{width:30px;height:30px}.resume-skill-card .skill-static-list{display:none}@keyframes skillScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.resume-experience-heading{margin-top:48px}.skill-panel div{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.skill-panel span{background:var(--surface-strong);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:8px 10px;font-size:.78rem;font-weight:800;line-height:1}.experience-list{gap:18px;display:grid}.experience-item{grid-template-columns:190px minmax(0,1fr);gap:18px;display:grid}.experience-meta{padding-top:24px}.experience-panel{padding:24px}.experience-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;padding-bottom:20px;display:flex}.experience-heading span{color:var(--accent);margin-top:6px;font-size:.82rem;font-weight:800;display:inline-block}.experience-summary{color:var(--muted);max-width:860px;margin:20px 0 0;font-size:1rem;line-height:1.72}.experience-bullets{color:var(--muted);margin:18px 0 0;padding-left:20px}.experience-bullets li{margin:10px 0;line-height:1.65}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.work-block{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:18px}.work-block h4{color:var(--text);margin:0;font-size:.98rem}.tools{font-size:.86rem;font-weight:800;color:var(--accent)!important}.project-grid,.activity-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.photo-grid{column-count:4;column-gap:16px}.photo-tile{border:1px solid var(--border);break-inside:avoid;background:#151922;border-radius:14px;margin:0 0 16px;overflow:hidden}.photo-tile img{width:100%;height:auto;display:block}.project-panel{flex-direction:column;display:flex}.project-link{margin-top:8px}.project-link a{color:var(--accent-strong);word-break:break-all;font-weight:700}.project-heading,.activity-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.footer{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:28px;padding:54px 40px;display:grid}.footer h2{margin-top:10px}.contact-grid a{color:var(--text);background:#151922;border:1px solid #f4c52a3d;border-radius:8px;gap:4px;min-width:0;padding:18px;text-decoration:none;display:grid}.contact-grid span{color:var(--muted);font-size:.78rem;font-weight:800}.not-found{min-height:calc(100vh - 73px);padding:90px 40px}.not-found .button{margin-top:28px}.brand-link,.section-title h2,.page-header h1,.home-intro-card h1,.home-feature-card h2,.home-mini-card h2,.home-resume-card h2{text-transform:uppercase}@media (width<=940px){.hero,.section,.footer,.page-header,.not-found{padding-left:24px;padding-right:24px}.nav{grid-template-columns:1fr;justify-content:flex-start;padding:14px 24px;overflow-x:auto}.brand-link{justify-self:start}.nav-links{justify-content:flex-start;overflow-x:auto}.home-dashboard{grid-template-columns:1fr;padding:28px 24px 58px}.home-feature-card,.home-ai-card,.home-mini-grid,.about-layout{grid-area:auto}.home-ai-card{min-height:560px}.hero-layout,.education-grid,.education-panel,.experience-item,.work-grid,.project-grid,.activity-grid,.footer,.contact-grid,.resume-education-card{grid-template-columns:1fr}.resume-education-meta{justify-items:start}.photo-grid{column-count:2}.resume-card{max-width:420px}.highlight-row{grid-template-columns:1fr}.highlight-row p{border-right:0;border-top:1px solid var(--border);padding-top:14px}.highlight-row p:first-child{border-top:0}.section-title{grid-template-columns:1fr;gap:8px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resume-skills-grid{grid-template-columns:1fr}.resume-skill-card .skill-static-list{display:flex}.experience-meta{padding-top:0}}@media (width<=560px){.hero{padding-top:46px}.nav a{padding:9px 10px;font-size:.78rem}.nav-links{gap:12px}.home-dashboard{gap:18px;padding:20px 14px 42px}.home-intro-card,.home-resume-card,.home-feature-card,.home-ai-card,.home-mini-card{border-radius:16px;padding:22px}.home-mini-grid{grid-template-columns:1fr;gap:18px}.intro-links{margin-bottom:22px;position:static}.avatar-mark{width:62px;height:62px}.chat-input,.resume-actions{grid-template-columns:1fr}.piano-stage{grid-template-columns:1fr 1fr;gap:12px}.piano-stack{grid-area:1/1/auto/-1;min-height:640px}.piano-card.active{justify-self:center}.piano-card.preview{width:min(230px,46vw)}.piano-card.preview.left{transform:translate(-90px)rotate(-5deg)scale(.74)}.piano-card.preview.right{transform:translate(90px)rotate(5deg)scale(.74)}.piano-nav{grid-row:2;width:100%}.piano-thumbs{grid-row:3}.hero h1{font-size:3.2rem}.intro{font-size:1rem}.hero-actions,.button{width:100%}.skills-grid,.resume-skills-grid{grid-template-columns:1fr}.section{padding-top:46px;padding-bottom:46px}.project-heading,.activity-heading{grid-template-columns:1fr}.photo-grid{column-count:1}.project-heading span,.activity-heading span,.education-panel span{white-space:normal}}