:root{--ocean:#7fc1e0;--ocean-rgb:127, 193, 224;--accent2:var(--ocean);--accent2-rgb:var(--ocean-rgb);--bg:#121926;--surface:#182133;--text:#fff;--fg-rgb:255, 255, 255;--link:#7eb8f7;--link-rgb:126, 184, 247;--code-accent:#0c626d;--code-violet:#b39ddb;--code-gold:#e8c170;--mono:ui-monospace, SFMono-Regular, monospace;--hand:"Caveat", cursive;--prose:"Karla", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--pop:cubic-bezier(.34, 1.56, .64, 1);--column:640px}:root[data-theme=light]{--ocean:#1f7ea8;--ocean-rgb:31, 126, 168;--accent2:#2ec4d6;--accent2-rgb:46, 196, 214;--bg:#e4f2fa;--surface:#fff;--text:#0f2436;--fg-rgb:15, 36, 54;--link:#1f68c9;--link-rgb:31, 104, 201;--code-accent:#0e7490;--code-violet:#6b46a3;--code-gold:#93650a}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:none}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s var(--ease), color .4s var(--ease);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif}::selection{background:rgba(var(--fg-rgb), .15)}@keyframes page-enter{0%{transform:translateY(14px)}to{transform:translateY(0)}}.page-enter{animation:page-enter .5s var(--ease)}@media (prefers-reduced-motion:reduce){.page-enter{animation:none}}::-webkit-scrollbar{width:0;height:0}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.theme-toggle{letter-spacing:.01em;color:rgba(var(--fg-rgb), .6);border-bottom:.5px solid rgba(var(--fg-rgb), .5);transition:color .4s var(--ease), border-color .4s var(--ease), opacity .1s var(--ease);padding-bottom:4px;font-size:13px;font-weight:400;line-height:1}.theme-toggle:hover{color:rgba(var(--fg-rgb), .95);border-color:rgba(var(--fg-rgb), .9)}.theme-toggle:active{opacity:.6}.custom-scrollbar{background:rgba(var(--fg-rgb), .28);opacity:0;pointer-events:none;z-index:1001;width:4px;transition:opacity .5s var(--ease), background-color .4s var(--ease);border-radius:3px;position:fixed;top:0;right:3px}.custom-scrollbar.visible{opacity:1}.waves{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.waves svg{position:absolute;top:0;left:0}.waves path{transition:stroke .4s var(--ease)}.waves-glow{background:radial-gradient(120% 80% at 50% -10%,#38bdf80d,#0000 60%);position:absolute;inset:0}@media (width<=640px){.custom-scrollbar{display:none}}.main-page{z-index:1;padding-top:64px;position:relative}.section-wrapper{max-width:var(--column);margin:0 auto;padding:16px 24px}.section-label{font-family:var(--hand);letter-spacing:.01em;opacity:.7;margin-bottom:24px;font-size:18px;font-weight:500}.about-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.about-name{font-family:var(--hand);letter-spacing:-.01em;margin-bottom:6px;padding-bottom:8px;font-size:36px;font-weight:400}.about-meta{letter-spacing:.01em;opacity:.9;font-size:14px;font-weight:300}.about-bio{flex-direction:column;gap:14px;margin-top:24px;display:flex}.about-bio p{font-family:var(--prose);opacity:.82;font-size:15px;font-weight:300;line-height:1.7}.about-bio strong{opacity:1;font-weight:700}.exp-entry{margin-bottom:4px}.exp-row{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease, transform .4s var(--ease);border-radius:8px;grid-template-columns:44px 1fr auto 16px;align-items:center;gap:20px;margin:0 -8px;padding:13px 8px;display:grid;position:relative}.exp-row:hover{background:rgba(var(--fg-rgb), .04);transform:translate(4px)}.exp-row:active{transition:transform .15s var(--ease);transform:translate(2px)scale(.99)}.exp-row-static{cursor:default;grid-template-columns:52px 1fr auto;padding:16px 8px}.exp-row-static:hover{background:0 0;transform:none}.exp-row-static .exp-logo-box{width:52px;height:52px}.exp-row-static .exp-logo-img{width:42px;height:42px}.exp-logo-box{background:rgba(var(--fg-rgb), .035);width:44px;height:44px;transition:background .2s ease, transform .35s var(--pop);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.exp-logo-img{object-fit:contain;width:35px;height:35px}.exp-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.exp-org{letter-spacing:-.01em;align-items:center;gap:8px;font-size:15px;font-weight:400;line-height:1.3;display:flex}.exp-org-note{opacity:.7;margin-top:-2px;font-size:13px;font-weight:400}.exp-current-dot{background:var(--accent2);width:6px;height:6px;box-shadow:0 0 0 3px rgba(var(--accent2-rgb), .15);transition:background-color .4s var(--ease);border-radius:50%;flex-shrink:0}.exp-role{opacity:.5;transition:opacity .3s var(--ease);font-size:13px;font-weight:400}.exp-row:hover .exp-role{opacity:.75}.exp-period{font-family:var(--mono);white-space:nowrap;opacity:.35;flex-shrink:0;font-size:12px}.exp-chevron{opacity:.35;transition:transform .35s var(--ease), opacity .2s ease;flex-shrink:0}.exp-row:hover .exp-chevron{opacity:.7}.exp-entry.open .exp-chevron{color:var(--accent2);opacity:.8;transform:rotate(180deg)}.exp-collapse{transition:grid-template-rows .35s var(--ease);grid-template-rows:0fr;display:grid}.exp-entry.open .exp-collapse{grid-template-rows:1fr}.exp-collapse-inner{min-height:0;overflow:hidden}.exp-desc-list{flex-direction:column;gap:6px;padding:2px 8px 18px 72px;list-style:none;display:flex}.exp-desc-item{font-family:var(--prose);opacity:.72;padding-left:14px;font-size:13px;font-weight:350;line-height:1.65;position:relative}.exp-desc-item:before{content:"";background:var(--accent2);opacity:.6;width:4px;height:4px;transition:background-color .4s var(--ease);border-radius:50%;position:absolute;top:8px;left:0}.project-list{flex-direction:column;display:flex}.project-row{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease, transform .4s var(--ease);border-radius:8px;margin:0 -8px;padding:12px 8px 26px;display:block;position:relative}.project-row:hover{background:rgba(var(--fg-rgb), .04);transform:translate(4px)}.project-row:active{transition:transform .15s var(--ease);transform:translate(2px)scale(.99)}.project-name{letter-spacing:-.01em;font-size:15px;font-weight:400}.project-desc{opacity:.68;transition:opacity .3s var(--ease);margin-top:4px;font-size:13px;font-weight:300;line-height:1.6}.project-row:hover .project-desc{opacity:.8}.project-stack{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.project-tag{font-family:var(--mono);letter-spacing:.01em;color:rgba(var(--fg-rgb), .55);background:rgba(var(--fg-rgb), .05);transition:color .3s var(--ease), border-color .3s var(--ease);border-radius:10px;padding:3px 10px;font-size:11px;font-weight:500}.project-row:hover .project-tag{color:rgba(var(--fg-rgb), .75);border-color:rgba(var(--fg-rgb), .25)}.project-hint{font-family:var(--mono);letter-spacing:.01em;opacity:0;transition:opacity .6s var(--ease);font-size:11px;position:absolute;bottom:10px;right:12px}.project-row:hover .project-hint{opacity:.7}.contact-list{flex-direction:column;gap:2px;display:flex}.contact-row{color:rgba(var(--fg-rgb), .6);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .3s var(--ease);align-items:center;gap:12px;padding:6px 0;font-size:14px;font-weight:400;display:flex}.contact-row:hover{color:var(--text)}.contact-row-icon-wrap{opacity:.75;width:16px;height:16px;transition:opacity .3s var(--ease), transform .45s var(--pop);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.contact-row:hover .contact-row-icon-wrap{opacity:1;transform:translateY(-2px)scale(1.1)}.contact-row:active .contact-row-icon-wrap{transition:transform .15s var(--ease);transform:translateY(0)scale(.9)}.contact-row-icon{transition:opacity .3s var(--ease), transform .45s var(--pop);position:absolute;inset:0}.contact-row-icon-check{color:var(--ocean);opacity:0;transform:scale(.4)}.contact-row.copied .contact-row-icon:not(.contact-row-icon-check){opacity:0;transform:scale(.5)rotate(-16deg)}.contact-row.copied .contact-row-icon-check{opacity:1;transform:scale(1)}.contact-row-text{text-decoration:underline;-webkit-text-decoration-color:rgba(var(--fg-rgb), .25);text-decoration-color:rgba(var(--fg-rgb), .25);text-underline-offset:3px;transition:text-decoration-color .2s var(--ease)}.contact-row:hover .contact-row-text{-webkit-text-decoration-color:rgba(var(--fg-rgb), .6);text-decoration-color:rgba(var(--fg-rgb), .6)}.footer-bar{max-width:var(--column);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:32px 24px 48px;display:flex}.footer-copy{letter-spacing:.01em;opacity:.5;font-size:12px;font-weight:300}.footer-update{font-family:var(--mono);letter-spacing:.01em;opacity:.7;font-size:11px}@media (width<=640px){.section-wrapper{padding:12px 18px}.about-name{font-size:26px}.exp-row{grid-template-rows:auto auto;grid-template-columns:36px 1fr 16px;gap:4px 14px}.exp-logo-box{grid-area:1/1/3;width:36px;height:36px}.exp-logo-img{width:20px;height:20px}.exp-heading{grid-area:1/2}.exp-period{opacity:.3;grid-area:2/2}.exp-chevron{grid-area:1/3}.exp-desc-list{padding-left:58px}.footer-bar{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 18px 40px}}