: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}}@font-face{font-family:Still Time;src:url(/assets/still-time-CN6F8xEr.otf)format("opentype");font-weight:400;font-style:normal}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#2d4a83;--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:min(1440px,100%);max-width:100%;min-height:1024px;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;background:linear-gradient(270deg,#3c103f 0%,#49284b 50%,#311032 100%);width:1440px;height:1024px;margin:0 auto;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;position:relative}.App{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:0 2rem 2rem;display:flex}.page-content{z-index:4;flex-direction:column;gap:3rem;display:flex;position:relative}.rain-toggle{z-index:10;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#300a3abf;border:1px solid #b86cff;border-radius:999px;padding:10px 18px;font-size:.9rem;position:fixed;top:24px;right:24px;box-shadow:0 0 18px #b86cff59}.rain-toggle:hover{background:#782396d9;box-shadow:0 0 26px #b86cff99}.navbar{background:#b81af60d;border:1px solid #80259a;align-items:center;height:80px;display:flex;box-shadow:0 4px 4px #00000040}.navbar-text{color:#fff;justify-content:center;align-items:center;padding:0 20px;font-family:Still Time;font-size:48px;display:flex}.navbar-monogram{background:linear-gradient(#000 0%,#a746ad 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-right:2px solid #c850dc59;justify-content:center;align-items:center;width:100px;height:80px;font-family:Still Time,serif;font-size:64px;font-weight:400;display:inline-flex}.navbar-title{color:#cf2323;border-right:2px solid #c850dc59;align-items:center;height:100%;font-size:24px;display:flex}.navbar-links{border-left:1px solid #c850dc59;border-right:1px solid #c850dc59;justify-content:center;align-items:center;gap:26px;height:100%;padding:0 20px;display:flex}.navbar-links a{color:#fff;gap:26px;font-size:14px;font-weight:700;text-decoration:none}.navbar-links a:hover{color:#e17cff}.navbar-icons{flex-grow:0;align-items:center;gap:16px;padding:5px 12px;display:flex}.navbar-icons a{justify-content:center;align-items:center;width:32px;height:32px;padding:0;text-decoration:none;display:inline-flex}.navbar-icons a img{object-fit:contain;filter:brightness(.95);width:100%;height:100%;transition:transform .2s,filter .2s}.navbar-icons a:hover img{filter:brightness(1.15);transform:scale(1.08)}.kc-radio-wrap{width:min(1100px,100% - 2rem);margin:2rem auto;position:relative}.kc-radio-wrap:before{content:"";z-index:0;background:#180024d9;border:1px solid #80259a73;border-radius:22px;position:absolute;inset:-18px;box-shadow:0 0 30px #80259a40}.kc-radio-frame{z-index:1;background:linear-gradient(#3a0652f2,#12001cf7);border:1px solid #e0aaff8c;border-radius:20px;padding:1.75rem;position:relative;box-shadow:0 0 0 1px #9d4edd40,0 0 45px #9d4edd59,inset 0 1px #ffffff14}.kc-radio-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.eyebrow{color:#e0aaff;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.75rem}.kc-radio h2{margin:0;font-size:2rem}.updated{color:#c7a8d9;margin:0;font-size:.85rem}.kc-radio-grid{grid-template-columns:.9fr 2fr;align-items:stretch;gap:1.25rem;display:grid}.kc-radio-right{grid-template-rows:200px 280px;align-content:start;gap:1.25rem;width:100%;min-width:0;display:grid}.kc-box{box-sizing:border-box;color:#fff;background:#1e002dcc;border:1px solid #80259a;border-radius:16px;flex-direction:column;width:100%;padding:1.25rem;display:flex}.kc-radio-grid>.kc-box{height:500px}.kc-radio-right .kc-box{height:auto;min-height:0}.kc-box h3{color:#e0aaff;letter-spacing:.05em;margin:0 0 1rem;font-size:1.1rem}.kc-box-body{flex:1;padding-right:.25rem;overflow-y:auto}.kc-empty{color:#bda7c8;font-size:.9rem}.track-list{gap:.75rem;display:grid}.track-card{text-align:left;color:#fff;background:#ffffff0f;border-radius:12px;align-items:center;gap:.85rem;padding:.65rem;text-decoration:none;transition:transform .2s,background .2s;display:flex}.track-card:hover{background:#9d4edd2e;transform:translateY(-2px)}.track-card img{object-fit:cover;border-radius:10px;flex-shrink:0;width:48px;height:48px}.track-card h4{margin:0 0 .2rem;font-size:.9rem}.track-card p{color:#e0aaff;margin:0;font-size:.85rem}.track-card span{color:#bda7c8;margin-top:.15rem;font-size:.8rem;display:block}.top-album-card{color:#fff;align-items:center;gap:1rem;width:100%;text-decoration:none;display:flex}.top-album-card img{object-fit:cover;border-radius:12px;flex-shrink:0;width:120px;height:120px}.top-album-card h4{margin:0 0 .25rem;font-size:1.1rem}.top-album-card p{color:#e0aaff;margin:0;font-size:.9rem}.top-album-card span{color:#bda7c8;margin-top:.35rem;font-size:.8rem;display:block}.playlist-list{gap:.6rem;display:grid}.playlist-card{color:#fff;background:#ffffff0f;border-radius:12px;align-items:center;gap:.75rem;padding:.6rem;text-decoration:none;transition:transform .2s,background .2s;display:flex}.playlist-card:hover{background:#9d4edd2e;transform:translateY(-2px)}.playlist-card img{object-fit:cover;border-radius:8px;flex-shrink:0;width:44px;height:44px}.playlist-card h4{margin:0 0 .15rem;font-size:.9rem}.playlist-card span{color:#bda7c8;font-size:.8rem}@media (width<=900px){.kc-radio-grid{grid-template-columns:1fr}.kc-radio-right{grid-template-rows:auto auto}.kc-radio-grid>.kc-box{height:500px}.kc-radio-right .kc-box{min-height:250px}}.about-section{padding:4rem 0}.section-inner{background:linear-gradient(#3a0652f2,#12001cf7);border:1px solid #80259a;border-radius:28px;max-width:980px;min-height:720px;margin-inline:auto;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 0 0 1px #9d4edd40,0 0 45px #9d4edd59,inset 0 1px #ffffff14}.about-content{z-index:2;max-width:780px;margin:0 auto;position:relative}.section-label{color:#df267c;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-family:Still Time,serif;font-size:2rem;font-weight:600;display:inline-block}.section-inner h2{color:#fff;margin:0 0 1rem;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.2}.section-inner p,.section-inner li{color:#f7e8ff;line-height:1.7}.about-intro{max-width:700px;margin:0 0 2rem;font-size:1rem}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.about-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8685850f;border:1px solid #ffffff1f;border-radius:18px;padding:1.25rem}.about-card h3{color:#fff;margin:0 0 .75rem;font-size:1.05rem}.about-card ul{margin:0;padding-left:1.1rem}.about-card li+li{margin-top:.5rem}.personality-card{background:#8685850f;border:1px solid #ffffff1f}.about-link-wrapper{justify-content:center;display:flex}.about-link{text-align:center;display:inline-block}.about-logo{z-index:1;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff29;border-radius:50%;width:92px;height:92px;padding:.35rem;transition:transform .25s,box-shadow .25s,border-color .25s;position:absolute;box-shadow:0 12px 30px #0003}.about-logo:hover{border:1px solid #80259a;transform:translateY(-4px)scale(1.04);box-shadow:0 0 0 1px #ffffff40,0 16px 32px #df267c40}.about-logo img{object-fit:cover;border-radius:50%;width:100%;height:100%;transition:filter .25s,transform .25s}.about-logo:hover img{filter:brightness(1.25)saturate(1.2);transform:scale(1.03)}.about-logo-top-right{top:1.25rem;right:1.25rem}.about-logo-bottom-left{bottom:1.25rem;left:1.25rem}@media (width<=760px){.section-inner{min-height:auto;padding:1.5rem}.about-grid{grid-template-columns:1fr}.about-logo{width:72px;height:72px}.about-logo-top-right{top:.75rem;right:.75rem}.about-logo-bottom-left{bottom:.75rem;left:.75rem}}.projects-section{padding:4rem 0}.section-label{font-size:2rem}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.project-card{color:#fff;background:linear-gradient(135deg,#1a0b24 0%,#3d114f 45%,#651c78 75%,#2a0d35 100%);border:1px solid #e0aaff8c;border-radius:24px;padding:1.75rem;box-shadow:0 20px 40px #0f172a0f}.project-card h3{margin:0 0 .75rem;font-size:1.1rem}.project-card a{color:#80259a;text-decoration:none}.project-card p{color:#f8f8f8;margin:0}.project-image{object-fit:contain;border-radius:16px;width:100%;height:180px;margin-bottom:1.25rem}.project-buttons{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.learn-more-button,.github-button{color:#d8a4ff;letter-spacing:.08rem;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .25s,transform .25s,text-shadow .25s}.learn-more-button:hover,.github-button:hover{color:#fff;text-shadow:0 0 8px #b450ffcc,0 0 16px #80259a80;transform:translateY(-2px)}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.project-modal{color:#fff;background:linear-gradient(135deg,#1a0b24,#3d114f,#651c78);border:1px solid #914ea3;border-radius:20px;width:min(600px,90%);max-height:80vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-section{margin-bottom:1.75rem}.modal-section h3{color:#d8a4ff;text-transform:uppercase;letter-spacing:.08rem;margin-bottom:.5rem;font-size:1rem}.modal-section p{color:#e2e2e2;line-height:1.6}.skills-list{flex-wrap:wrap;gap:.6rem;display:flex}.skill-tag{color:#d8a4ff;background:#914ea32e;border:1px solid #d8a4ff59;border-radius:999px;padding:.4rem .8rem;font-size:.85rem}.modal-close{color:#fff;cursor:pointer;z-index:10;background:0 0;border:none;margin-left:auto;font-size:2rem;display:block;position:sticky;top:1rem}@media (width<=920px){.projects-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.projects-grid{grid-template-columns:1fr}}.contact-section{height:auto}.contact-section .section-inner{height:auto;min-height:0;position:relative}.contact-logo{z-index:5;cursor:pointer;position:absolute}.contact-logo img{background:#ffffff1a;border:1px solid #ffffff29;border-radius:50%;width:92px;height:92px;transition:transform .25s,box-shadow .25s,border-color .25s,filter .25s;display:block;box-shadow:0 12px 30px #0003}.contact-logo-top-right{top:1rem;right:1rem}.contact-logo-bottom-left{bottom:1rem;left:1rem}.contact-logo:hover img{filter:brightness(1.3)saturate(1.3);border-color:#80259a;transform:translateY(-6px)scale(1.08);box-shadow:0 0 10px #80259acc,0 0 25px #80259a80,0 16px 32px #0000004d}.contact-content{z-index:2;position:relative}.skills-section{padding:4rem 0}.skills-list{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.skill-pill{color:#4c1d95;background:#7c3aed14;border-radius:999px;align-items:center;padding:.85rem 1rem;font-weight:600;display:inline-flex}.rain-container{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.rain-drop{background:linear-gradient(#be78ff00,#be78ffd9);border-radius:999px;width:2px;height:55px;animation-name:rainFall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-20px}@keyframes rainFall{0%{transform:translateY(-80px)rotate(12deg)}to{transform:translateY(110vh)rotate(12deg)}}.location{padding:24px 20px 48px}.location-card{color:#fff;background:radial-gradient(circle at 0 0,#b350ff59,#0000 35%),linear-gradient(135deg,#3d113f,#18051d 70%);border:1px solid #80259a;border-radius:28px;max-width:560px;min-height:600px;margin:0 auto;padding:24px;position:relative;overflow:hidden}@media (width<=640px){.location-card{min-height:260px;padding:18px}.location-pin-pill{padding:.55rem .75rem;font-size:.82rem;top:16px;left:16px}}.globe-section{flex-direction:column;align-items:center;width:100%;padding:4rem 0;display:flex}.globe-section h2{color:#fff;margin-bottom:2rem}#globe-chart{width:400px;max-width:90vw;height:400px;max-height:90vw}