:root{--bg:oklch(96.8% .012 82);--surface:oklch(94.2% .014 80);--surface-raised:oklch(98.6% .01 88);--text:oklch(24% .02 55);--text-secondary:oklch(42% .02 58);--text-tertiary:oklch(52% .018 60);--accent:oklch(52% .14 47);--accent-strong:oklch(46% .13 45);--accent-soft:oklch(52% .14 47/.1);--accent-softer:oklch(52% .14 47/.06);--on-accent:oklch(98% .01 85);--border:oklch(50% .015 70/.16);--border-strong:oklch(48% .02 65/.32);--shadow-color:oklch(30% .03 55/.1);--shadow-ambient:0 1px 2px var(--shadow-color), 0 8px 32px -8px var(--shadow-color);--shadow-lifted:0 2px 4px var(--shadow-color), 0 16px 48px -12px oklch(30% .03 55/.18);--font-display:"Fraunces", "Be Vietnam Pro", Georgia, serif;--font-body:"Manrope", "Be Vietnam Pro", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--rail-width:320px;--container-max:1120px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.32, .72, 0, 1)}html[lang=vi]{--font-body:"Be Vietnam Pro", "Manrope", system-ui, sans-serif}[data-theme=dark]{--bg:oklch(16.5% .012 55);--surface:oklch(20.5% .014 56);--surface-raised:oklch(25% .015 58);--text:oklch(93.5% .012 80);--text-secondary:oklch(80% .015 70);--text-tertiary:oklch(71% .015 68);--accent:oklch(74% .14 55);--accent-strong:oklch(80% .13 58);--accent-soft:oklch(74% .14 55/.16);--accent-softer:oklch(74% .14 55/.1);--on-accent:oklch(18% .015 55);--border:oklch(72% .01 70/.16);--border-strong:oklch(72% .012 70/.3);--shadow-color:oklch(8% .008 55/.5);--shadow-ambient:0 1px 2px var(--shadow-color), 0 8px 32px -8px var(--shadow-color);--shadow-lifted:0 2px 4px var(--shadow-color), 0 16px 48px -12px oklch(8% .008 55/.7)}html.theme-transition,html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color .4s var(--ease-out), color .4s var(--ease-out), border-color .4s var(--ease-out), fill .4s var(--ease-out), stroke .4s var(--ease-out)!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{top:var(--space-3);left:var(--space-3);z-index:200;background:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);font-family:var(--font-mono);transition:transform .2s var(--ease-out);padding:.6rem 1rem;font-size:.78rem;font-weight:500;text-decoration:none;position:fixed;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100dvh;font-weight:400;line-height:1.6}body:after{content:"";z-index:90;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}[data-theme=dark] body:after{opacity:.055}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;line-height:1.15}h1{font-variation-settings:"opsz" 100;letter-spacing:-.015em;font-size:clamp(2rem,3.6vw,2.9rem);font-weight:560}html[lang=vi] h1{letter-spacing:0}h2{align-items:center;gap:var(--space-3);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--text-tertiary);margin-bottom:var(--space-6);font-size:.72rem;font-weight:500;display:flex}h2:after{content:"";background:var(--border);flex:1;height:1px}h3{font-variation-settings:"opsz" 40;letter-spacing:-.01em;font-size:clamp(1.15rem,1.6vw,1.35rem);font-weight:600}h4{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-tertiary);margin-bottom:var(--space-2);font-size:.68rem;font-weight:500}p{color:var(--text-secondary);text-wrap:pretty;max-width:65ch;font-size:.9375rem;line-height:1.75}a{color:var(--accent);transition:opacity .25s var(--ease-out);text-decoration:none}a:hover{opacity:.75}.cv-grid{grid-template-columns:var(--rail-width) 1fr;gap:var(--space-9);max-width:var(--container-max);padding:var(--space-8) var(--space-6);min-height:100dvh;margin:0 auto;display:grid}.left-rail{top:var(--space-7);gap:var(--space-6);flex-direction:column;height:fit-content;display:flex;position:sticky}.rail-section{padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.rail-section:last-child{border-bottom:none;padding-bottom:0}.section-label{align-items:center;gap:var(--space-2);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--text-tertiary);margin-bottom:var(--space-4);font-size:.65rem;font-weight:500;display:flex}.section-label:before{content:"";background:var(--accent);flex-shrink:0;width:5px;height:5px}.main-content{min-width:0}.top-controls{top:calc(var(--space-4) + env(safe-area-inset-top));right:calc(var(--space-4) + env(safe-area-inset-right));z-index:100;align-items:center;gap:var(--space-1);background:color-mix(in oklch, var(--surface-raised) 72%, transparent);backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--border);padding:var(--space-1);box-shadow:var(--shadow-ambient);border-radius:999px;display:flex;position:fixed}.reveal{opacity:0;filter:blur(6px);transition:opacity .8s var(--ease-spring), transform .8s var(--ease-spring), filter .8s var(--ease-spring);transform:translateY(20px)}.reveal.visible{opacity:1;filter:blur();transform:translateY(0)}::selection{background:var(--accent);color:var(--on-accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (width<=900px){:root{--rail-width:280px}.cv-grid{gap:var(--space-7)}}@media (width<=768px){.cv-grid{padding:var(--space-5) var(--space-4);gap:var(--space-7);grid-template-columns:1fr}.left-rail{position:static}.top-controls{top:var(--space-3);right:var(--space-3)}}@media print{:root,[data-theme=dark]{--bg:oklch(99% .005 85);--surface:oklch(97% .005 82);--surface-raised:oklch(98.5% .005 85);--text:oklch(20% .015 55);--text-secondary:oklch(38% .015 58);--text-tertiary:oklch(50% .015 60);--accent:oklch(48% .13 45);--accent-strong:oklch(44% .12 45);--accent-soft:oklch(48% .13 45/.1);--accent-softer:oklch(48% .13 45/.06);--on-accent:oklch(99% .005 85);--border:oklch(55% .01 70/.18);--border-strong:oklch(55% .01 70/.3);--shadow-ambient:none;--shadow-lifted:none;--space-1:.15rem;--space-2:.3rem;--space-3:.45rem;--space-4:.6rem;--space-5:.9rem;--space-6:1.2rem;--space-7:1.8rem;--space-8:2.4rem;--space-9:3.6rem;--rail-width:230px}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}html{scroll-behavior:auto;font-size:10pt}body{background:oklch(99% .005 85)!important}body:after,.top-controls,.print-button,.skip-link{display:none!important}.cv-grid{gap:2rem;max-width:100%;min-height:auto;padding:0}.left-rail{position:static}.reveal{opacity:1!important;filter:none!important;transition:none!important;transform:none!important}h1{font-size:1.7rem!important}h2{margin-bottom:1rem}h3{font-size:1rem!important}.header,.rail-section{break-inside:avoid}.experience-entry{break-inside:avoid;padding:1rem 0!important}.experience-details li{font-size:.85rem;line-height:1.55}.tag{padding:.15rem .45rem!important;font-size:.62rem!important}.contact-item{text-decoration:none}}@page{margin:1.2cm;size:A4}[data-theme-mode=light] .theme-control .mode-light,[data-theme-mode=dark] .theme-control .mode-dark,[data-theme-mode=auto] .theme-control .mode-auto{background:var(--accent);color:var(--on-accent)}