:root{--bg-color: #ffffff;--text-color: #1a1a1a;--card-bg: #e5e5e5;--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--container-padding: 1rem;--section-gap: 2.5rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}img{max-width:100%;display:block}a{color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s ease}a:hover{opacity:.7}.fade-in{animation:fade-in .5s ease-out both}.scale-in{animation-name:fade-in,scale-in}.slide-up{animation-name:fade-in,slide-up}.delay-short{animation-delay:.12s}.reveal-on-load{animation:fade-in .35s ease-out both}.circular-text-ring{animation:rotate-ring linear infinite}.stack-card,.book-card,.now-playing-card{transition:transform .2s ease,box-shadow .2s ease}.stack-card:hover{transform:scale(1.04)}.book-card:hover{transform:scale(1.03)}.now-playing-card:hover{transform:scale(1.02)}.pulse-dot{animation:pulse-opacity 1.5s ease-in-out infinite}.container{width:100%;padding:1rem;min-height:100vh;display:flex;flex-direction:column}section{margin-bottom:var(--section-gap)}.experience-item{display:flex;flex-direction:column;gap:.25rem;padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.project-list{border-top:1px solid rgba(0,0,0,.08)}.project-row{display:grid;grid-template-columns:2.5rem 1fr;gap:.75rem 1rem;padding:1.1rem 0;border-bottom:1px solid rgba(0,0,0,.08)}.project-index,.project-meta,.project-status{color:#999;font-size:.75rem}.project-index{font-variant-numeric:tabular-nums;padding-top:.15rem}.project-meta{margin-bottom:.25rem}.project-title{font-size:1.05rem;font-weight:650;margin-bottom:.45rem}.project-description{color:#555;font-size:.95rem;line-height:1.6;max-width:38rem}.project-status{grid-column:2;line-height:1.3}.interests-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.hero-header{display:flex;flex-direction:row;align-items:center;text-align:left;gap:1rem}.footer-content{display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){:root{--container-padding: 2rem;--section-gap: 3rem}.container{max-width:800px;margin:0 auto;padding:2rem}.experience-item{flex-direction:row;justify-content:space-between;align-items:baseline}.project-row{grid-template-columns:3rem minmax(0,1fr) 7rem;gap:1.25rem;padding:1.35rem 0}.project-status{grid-column:auto;justify-self:end;padding-top:1.45rem;text-align:right}.interests-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.footer-content{flex-direction:row;justify-content:space-between;align-items:flex-start}.hero-header{flex-direction:row;align-items:center;text-align:left;gap:1.5rem}}@media(min-width:1024px){:root{--section-gap: 4rem}.container{max-width:1100px}.interests-grid{grid-template-columns:repeat(6,1fr)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a3a3a3}::selection{background:#1a1a1a1f;color:var(--text-color)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rotate-ring{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes slide-up{0%{transform:translateY(20px)}to{transform:translateY(0)}}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}