@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(./pacifico-latin-400-normal-7HIToT7q.woff2)format("woff2"),url(./pacifico-latin-400-normal-DArfF-vd.woff)format("woff")}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./quicksand-vietnamese-wght-normal-ei70gACF.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./quicksand-latin-ext-wght-normal-CrJ75Ewg.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./quicksand-latin-wght-normal-Buj9m_3d.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-body:"Quicksand Variable", "Quicksand", system-ui, -apple-system, "Segoe UI", sans-serif;--font-script:"Pacifico", "Brush Script MT", cursive;--sky-top:#8fd3ff;--sky-bottom:#ffd6ee;--ink:#3a1030;--ink-soft:#6b3a5e;--accent:#e0218a;--accent-strong:#c8177e;--accent-ink:#b5106b;--accent-soft:#ffd1e6;--card:#fffafcd6;--card-border:#ff8cc68c;--chip:#fff0f7;--chip-ink:#9c1460;--shadow:0 18px 50px -18px #b01e6e73;--paper:#fff8ef;--btn-ink:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=night]{--sky-top:#0b0730;--sky-bottom:#4a1f6e;--ink:#fbeefe;--ink-soft:#e2c8ef;--accent:#ff6fbd;--accent-strong:#ff6fbd;--accent-ink:#ff9bd2;--accent-soft:#4b1f63;--card:#1e0e3ecc;--card-border:#ff6fbd66;--chip:#ff6fbd29;--chip-ink:#ffc2e3;--shadow:0 18px 50px -18px #000000b3;--paper:#fdf3e6;--btn-ink:#2a0b25;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--sky-bottom)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{font-family:var(--font-body);color:var(--ink);background:var(--sky-bottom);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;transition:color .6s}h1,h2,h3{margin:0;line-height:1.2}a{color:var(--accent-ink)}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}.skip-link{z-index:100;background:var(--accent);color:#fff;border-radius:999px;padding:8px 14px;font-weight:700;text-decoration:none;position:fixed;top:-60px;left:16px}.skip-link:focus{top:16px}.sky-bg{z-index:0;background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 70%);transition:background .8s;position:fixed;inset:0}.sky-bg:after{content:"";opacity:0;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 32% 8%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 58% 22%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 78% 12%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 88% 30%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 45% 35%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 22% 40%,#fff 50%,#0000 51%);transition:opacity .8s;position:absolute;inset:0}:root[data-theme=night] .sky-bg:after{opacity:1}.scene{z-index:1;position:fixed;inset:0}.scene-canvas{touch-action:pan-y}.topbar{z-index:30;pointer-events:none;align-items:center;padding:14px clamp(16px,3vw,32px);display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{font-family:var(--font-script);color:var(--accent);background:var(--card);border:2px solid var(--card-border);cursor:pointer;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:2px 18px 6px;font-size:1.7rem}.sky-toggle{z-index:35;cursor:pointer;background:0 0;border:none;border-radius:50%;width:92px;height:92px;padding:14px;position:fixed;transform:translate(-50%,-50%)}.sky-toggle:focus-visible{outline-offset:-4px;outline:3px dashed #fff}.sky-toggle.drawn{filter:drop-shadow(0 6px 16px #ffb43c8c);transition:transform .25s,filter .6s}.sky-toggle.drawn.is-night{filter:drop-shadow(0 4px 18px #c8c8ff99)}.sky-toggle.drawn:hover{transform:translate(-50%,-50%)scale(1.08)}.sky-toggle svg{width:100%;height:100%;overflow:visible}.sky-toggle .sun,.sky-toggle .moon{transform-origin:32px 32px;transition:transform .9s cubic-bezier(.5,-.3,.3,1.3),opacity .6s}.sky-toggle .sun circle,.sky-toggle .rays rect{fill:#ffcf3a}.sky-toggle .rays{transform-origin:32px 32px;animation:18s linear infinite spin}.sky-toggle .moon path{fill:#fff6d8}.sky-toggle .moon .star{fill:#fff;animation:2.4s ease-in-out infinite twinkle}.sky-toggle .moon .s2{animation-delay:1.2s}.sky-toggle.is-day .moon,.sky-toggle.is-night .sun{opacity:0;transform:translateY(60px)scale(.6)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes twinkle{50%{opacity:.2}}.map-btn{z-index:30;color:#7a2456;height:58px;font-family:var(--font-script);cursor:pointer;background:#fff8ec;border:2px solid #ff8cc6;border-radius:18px;align-items:center;gap:8px;padding:0 20px 0 12px;font-size:1.35rem;transition:transform .25s cubic-bezier(.3,1.6,.5,1);display:inline-flex;position:fixed;bottom:clamp(16px,3vw,28px);right:clamp(16px,3vw,32px);transform:rotate(-3deg);box-shadow:0 14px 30px -12px #b01e6e99}.map-btn svg{width:38px;height:38px}.map-btn:hover{transform:rotate(2deg)translateY(-4px)scale(1.04)}.content{z-index:10;width:min(580px,46vw);margin-left:clamp(16px,5vw,80px);transition:opacity .45s,transform .45s;position:relative}.content.is-hidden{opacity:0;pointer-events:none;transform:translate(-30px)}.content.is-simple{width:min(760px,100% - 32px);margin:0 auto}.section{flex-direction:column;justify-content:center;min-height:100svh;padding:104px 0 56px;scroll-margin-top:0;display:flex}.card{background:var(--card);border:2px solid var(--card-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px)saturate(1.2);border-radius:28px;padding:clamp(22px,3vw,36px);transition:background .6s,border-color .6s}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 4px;font-size:.8rem;font-weight:700}.section-head{margin-bottom:20px}.section-head h2{font-family:var(--font-script);color:var(--accent);font-size:clamp(2rem,4vw,2.6rem);font-weight:400}.hero-card h1{font-family:var(--font-script);color:var(--accent);margin:4px 0 6px;font-size:clamp(2.3rem,5vw,3.6rem);font-weight:400;line-height:1.25}.role{margin:0 0 12px;font-size:1.15rem;font-weight:700}.intro{color:var(--ink-soft);margin:0 0 16px;font-size:1.05rem}.hint{color:var(--ink-soft);margin:18px 0 0;font-size:.88rem}.chips,.tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips li,.tags li{background:var(--chip);color:var(--chip-ink);border:1px solid var(--card-border);border-radius:999px;padding:3px 12px;font-size:.85rem;font-weight:600}.actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.actions.small{margin-top:14px}.btn{border:2px solid var(--accent);min-height:44px;color:var(--accent-ink);cursor:pointer;overflow-wrap:anywhere;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:8px 20px;font-weight:700;text-decoration:none;transition:transform .15s,background .2s,box-shadow .2s;display:inline-flex}.btn:hover{box-shadow:0 8px 18px -8px var(--accent);transform:translateY(-2px)}.btn.primary{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--btn-ink)}.btn.ghost{background:var(--chip);border-color:#0000}.row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.row h3,.project h3,.skill-group h3,.cert h3{font-size:1.12rem;font-weight:700}.date{color:var(--accent-ink);background:var(--chip);border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:700}.timeline{border-left:3px dotted var(--accent);gap:22px;margin:0;padding:0 0 0 22px;list-style:none;display:grid}.timeline li{position:relative}.timeline li:before{content:"♥";color:var(--accent);font-size:1.1rem;position:absolute;top:-2px;left:-33px}.timeline p{margin:4px 0 0}.score{color:var(--accent-ink);font-weight:700}.company{color:var(--ink-soft);margin:2px 0 8px;font-weight:700}.bullets{margin:0 0 14px;padding-left:20px}.bullets li{margin-bottom:8px}.bullets li::marker{color:var(--accent)}.projects{gap:18px;display:grid}.project{background:var(--chip);border:1px solid var(--card-border);border-radius:20px;padding:18px}.tagline{color:var(--ink-soft);margin:6px 0 10px;font-style:italic}.skill-groups{gap:16px;display:grid}.skill-group h3{margin-bottom:8px}.certs{gap:12px;display:grid}.cert{background:var(--chip);border:1px solid var(--card-border);border-radius:18px;align-items:center;gap:14px;padding:14px 16px;display:flex}.cert.placeholder{border-style:dashed}.cert.placeholder h3,.cert.placeholder p{opacity:.7}.cert p{margin:2px 0 0;font-size:.9rem}.cert-icon{font-size:1.8rem}.badge{white-space:nowrap;background:var(--accent);color:var(--btn-ink);border-radius:999px;margin-left:auto;padding:2px 10px;font-size:.75rem;font-weight:700}.contact p{margin:0}.muted{color:var(--ink-soft);margin-top:14px!important}.footer{text-align:center;color:var(--ink-soft);margin-top:28px;font-size:.85rem}.footer p{background:var(--card);border-radius:999px;padding:4px 14px;display:inline-block}.footer-toggle{background:var(--card);min-height:44px;color:var(--accent-ink);font:inherit;text-underline-offset:3px;cursor:pointer;border:0;border-radius:999px;margin:10px auto 0;padding:8px 18px;font-weight:700;text-decoration:underline;display:block}.chapters{display:none}@media (width>=1100px){.chapters{background:var(--card);border:2px solid var(--card-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);border-radius:999px;gap:2px;margin-left:12px;padding:4px;display:flex}.chapters a{min-height:36px;color:var(--ink-soft);border-radius:999px;align-items:center;padding:0 13px;font-size:.88rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:flex}.chapters a:hover{background:var(--chip);color:var(--chip-ink)}.chapters a[aria-current]{background:var(--accent-strong);color:var(--btn-ink)}}.fallback-house{width:min(100%,520px);margin:28px auto 0;display:block}.fh-ground{fill:#a8ecc6}.fh-win{fill:#bfe6ff;transition:fill .6s}:root[data-theme=night] .fh-win{fill:#ffd27a}:root[data-theme=night] .fh-ground{fill:#3b4a78}.ride{z-index:25;white-space:nowrap;opacity:0;pointer-events:none;background:var(--card);border:2px solid var(--card-border);width:max-content;max-width:calc(100vw - 32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:12px;padding:4px 4px 4px 18px;font-weight:700;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}.ride.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.ride button{background:var(--accent-strong);min-height:44px;color:var(--btn-ink);cursor:pointer;border:none;border-radius:999px;padding:8px 18px;font-weight:700}.map-dialog{color:#3a1030;background:0 0;border:none;width:min(900px,100vw - 24px);max-width:none;max-height:calc(100svh - 24px);padding:0;overflow:visible}.map-dialog[open]{animation:.55s cubic-bezier(.25,1.3,.5,1) unfold}.map-dialog::backdrop{-webkit-backdrop-filter:blur(4px);background:#500a3c59}@keyframes unfold{0%{opacity:0;transform:perspective(1200px)rotateX(55deg)scale(.7)}}.map-paper{filter:drop-shadow(0 30px 40px #50003273);position:relative}.map-svg{width:100%;height:auto;font-family:var(--font-body);display:block}.map-close{z-index:2;color:#ec3d96;cursor:pointer;background:#fff;border:2px solid #ff8cc6;border-radius:50%;width:44px;height:44px;font-size:1.1rem;position:absolute;top:2.5%;right:2.5%;box-shadow:0 6px 14px -6px #78004680}.map-house{cursor:pointer;outline:none}.map-house-hit{fill:#0000}.map-house-icon{transition:transform .25s cubic-bezier(.3,1.8,.5,1)}.map-house:hover .map-house-icon,.map-house:focus-visible .map-house-icon{transform:translateY(-2.5px)scale(1.35)}.map-house:focus-visible .map-house-hit{fill:#ec3d961f;stroke:#ec3d96;stroke-width:.6px;stroke-dasharray:2 1.5}.map-label,.map-label-shadow{font-family:var(--font-script);font-size:7.5px}.map-label{fill:#b5106b}.map-label-shadow{fill:none;stroke:#fffaf0;stroke-width:2.4px;stroke-linejoin:round}.map-house.here .map-label{fill:#ec3d96}.map-route{animation:.8s linear infinite march}@keyframes march{to{stroke-dashoffset:-8.2px}}.map-car-pulse{fill:#ec3d964d;transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.map-here{fill:#7a2456;letter-spacing:.04em;font-size:4.2px;font-weight:700}.map-compass text{fill:#7a2456;font-size:4.5px;font-weight:700}.map-title{font-family:var(--font-script);fill:#fff;font-size:8px}.map-hint{fill:#9a5a7a;font-size:4.5px;font-style:italic}.simple-toggle{color:#fff;cursor:pointer;background:#3a1030b8;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:fit-content;min-height:44px;margin:8px auto 0;padding:0 16px;font-size:.88rem;display:flex}.simple-toggle input{accent-color:#e0218a;width:18px;height:18px}@media (width<=900px){.content{width:auto;margin:0 16px}.section{padding:92px 0 40px}:root{--card:#fffafceb}:root[data-theme=night]{--card:#1e0e3ee6}.content:not(.is-simple) .hero{justify-content:flex-start;min-height:0;padding-bottom:62svh}.hero .hint{display:none}.brand{padding:0 14px 4px;font-size:1.35rem}.map-btn{height:52px;font-size:1.2rem}.sky-toggle{width:76px;height:76px}}@media (width<=900px) and (orientation:portrait){.content:not(.is-simple) .hero{padding-top:50svh;padding-bottom:40px}}@media (width<=600px){.ride{bottom:92px}.map-btn{border-radius:16px;justify-content:center;width:52px;height:52px;padding:0}.map-btn svg{width:34px;height:34px}.map-btn span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=420px){.hero-card .intro{font-size:1rem}}.letterbox:before,.letterbox:after{content:"";z-index:24;pointer-events:none;background:#0d0610;height:9vh;transition:transform .9s cubic-bezier(.6,0,.3,1);position:fixed;left:0;right:0}.letterbox:before{top:0;transform:translateY(-100%)}.letterbox:after{bottom:0;transform:translateY(100%)}.letterbox.show:before,.letterbox.show:after{transform:none}:root[data-intro=playing] .topbar,:root[data-intro=playing] .map-btn,:root[data-intro=playing] .sky-toggle,:root[data-riding] .topbar{opacity:0;pointer-events:none}.topbar,.map-btn{transition:opacity .6s,transform .25s cubic-bezier(.3,1.6,.5,1)}.skip-intro{z-index:26;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#14061273;border:2px solid #ffffffb3;border-radius:999px;min-height:44px;padding:8px 20px;font-weight:700;animation:.6s 1.2s both fade-in;position:fixed;bottom:calc(9vh + 14px);right:clamp(16px,3vw,32px)}.skip-intro:hover{background:#e0218acc}@keyframes fade-in{0%{opacity:0}}.credits{z-index:25;pointer-events:none;text-align:center;justify-items:center;padding:0 16px;display:grid;position:fixed;bottom:calc(9vh + max(6vh,84px));left:0;right:0}.credit{opacity:0;will-change:opacity, transform;flex-direction:column;grid-area:1/1;align-items:center;gap:.2em;display:flex}.credit-small{letter-spacing:.28em;text-transform:uppercase;color:#fff;text-shadow:0 1px 10px #78003ca6,0 0 2px #78003c80;font-size:clamp(.78rem,1.5vw,1.1rem);font-weight:700}.credit-big{font-family:var(--font-script);color:#ff4fa3;-webkit-text-stroke:.11em #fff;paint-order:stroke fill;text-shadow:0 .06em .3em #96005073;font-size:clamp(2.1rem,5.4vw,4.6rem);line-height:1.15}.credit-big.display{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;-webkit-text-stroke-width:.09em;font-size:clamp(1.7rem,4.2vw,3.6rem);font-weight:700}