@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff)format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff)format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff");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}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff)format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff)format("woff");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:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff");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}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2)format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2)format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2)format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff)format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2)format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff)format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff");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}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2)format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2)format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2)format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2)format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff)format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2)format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff)format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff");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}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2)format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2)format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2)format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2)format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff)format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2)format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff)format("woff");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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff");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{--text:#9ba4ab;--text-h:#e5e4e2;--text-dim:#5d6267;--bg:#0a0a0a;--bg-elevated:#151617;--border:#28292b;--code-bg:#161718;--accent:#8ba3b6;--accent-bg:#8ba3b621;--accent-border:#8ba3b680;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Space Grotesk", system-ui, "Segoe UI", Roboto, sans-serif;--success:#6fcf7a;--error:#e5736f;--radius:12px;--radius-sm:8px;--gutter:clamp(1rem, 4vw, 3.5rem);font:16px/1.55 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width>=1024px) and (height>=800px){:root{font-size:17px}}[data-theme=light]{--text:#4f565c;--text-h:#0a0a0a;--text-dim:#85847f;--bg:#e5e4e2;--bg-elevated:#f2f1ef;--border:#cfceca;--code-bg:#dcdbd7;--accent:#4e6272;--accent-bg:#5368781a;--accent-border:#53687873;--shadow:#0a0a0a17 0 10px 15px -3px, #0a0a0a0d 0 4px 6px -2px;--success:#15803d;--error:#dc2626;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}#root{height:100svh}h1,h2,h3{font-family:var(--heading);color:var(--text-h);margin:0;font-weight:500}p{margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.navbar{justify-content:space-between;align-items:center;padding-top:clamp(1rem,3vh,1.75rem);display:flex}.navbar-name{font-family:var(--heading);color:var(--text-h);font-size:1.3rem;font-weight:500}.top-right{align-items:center;gap:.6rem;display:flex}.theme-toggle{border:1px solid var(--border);width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .2s,border-color .2s;display:inline-flex}.theme-toggle svg{width:19px;height:19px}.theme-toggle:hover{color:var(--accent);border-color:var(--accent-border)}.resume-button{box-sizing:border-box;border:1px solid var(--accent-border);height:40px;color:var(--text-h);border-radius:999px;align-items:center;gap:.4rem;padding:0 1.2rem;font-size:1rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.resume-button:hover{background:var(--accent-bg)}.resume-button-arrow{color:var(--accent);font-size:.9rem}.theme-toggle:focus-visible,.resume-button:focus-visible{border-radius:999px}@media (width<=800px){.navbar-name{font-size:1.15rem}.theme-toggle,.resume-button{height:38px}.theme-toggle{width:38px}.resume-button{padding:0 1rem;font-size:.95rem}}.about-bio{font-family:var(--heading);letter-spacing:-.01em;color:var(--text-h);max-width:30ch;font-size:clamp(1.1rem,1.5vw,1.32rem);line-height:1.45}.about-location{margin-top:1.5rem;font-size:.92rem}.about-education{margin-top:clamp(2.5rem,9vh,5rem)}.about-school{color:var(--text-h);font-weight:500}.about-degree{margin-top:.2rem;font-size:.9rem}.about-courses-toggle{cursor:pointer;font:inherit;color:var(--text-h);text-decoration:underline;-webkit-text-decoration-color:var(--accent-border);text-decoration-color:var(--accent-border);text-underline-offset:4px;background:0 0;border:none;margin-top:1.1rem;padding:0;font-size:.9rem}.about-courses-toggle:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.about-heading{font-family:var(--sans);color:var(--accent);font-size:.85rem;font-weight:500}.skills{gap:clamp(1.25rem,3.5vh,2rem);margin:0;display:grid}.skill-row{border-bottom:1px solid var(--border);grid-template-columns:9rem 1fr;gap:1.5rem;padding-bottom:clamp(1.25rem,3.5vh,2rem);display:grid}.skill-row dt{padding-top:.1rem;font-size:.8rem}.skill-row dd{color:var(--text-h);margin:0;font-size:.92rem}.coursework{grid-template-columns:repeat(2,max-content);gap:2.5rem;display:grid}.about-aside{display:grid}.about-view{grid-area:1/1;align-self:start;animation:.25s about-view-in}.about-view-hidden{visibility:hidden;animation:none}.coursework-list{white-space:nowrap;grid-template-columns:max-content max-content;gap:.5rem 1.1rem;margin:.6rem 0 0;padding:0;font-size:.875rem;line-height:1.4;list-style:none;display:grid}.coursework-list li{display:contents}.coursework-code{color:var(--text-h);font-variant-numeric:tabular-nums}@media (width>=1200px){.split.about{grid-template-columns:minmax(0,1fr) max-content;gap:clamp(2rem,3.5vw,4rem)}}@media (width<=1199px){.coursework{grid-template-columns:max-content;gap:1.5rem}.about-view-hidden{display:none}}@keyframes about-view-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.about-view{animation:none}}@media (width<=520px){.skill-row{grid-template-columns:1fr;gap:.2rem}}@media (width<=800px){.about-bio{font-size:1.02rem;line-height:1.45}.about-location{margin-top:.6rem;font-size:.85rem}.about-education{margin-top:1.5rem}.about-courses-toggle{margin-top:.6rem}.skills{gap:.7rem}.skill-row{padding-bottom:.7rem}.skill-row dd{font-size:.88rem}.coursework-list{column-gap:.75rem}}.experience-head{align-items:center;gap:1rem;display:flex}.experience-logo{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--code-bg);object-fit:cover;flex:none;width:44px;height:44px}.projects-message{color:var(--text-h)}.project-links{gap:1.5rem;margin-top:1rem;font-size:.95rem;display:flex}.project-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;max-width:560px;margin-top:1.5rem;display:grid}.project-thumb{aspect-ratio:4/3;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--code-bg);cursor:zoom-in;max-height:16vh;padding:0;position:relative;overflow:hidden}.project-thumb img{object-fit:cover;width:100%;height:100%;display:block}.project-thumb:hover{border-color:var(--accent-border)}.project-thumb-more{color:#e5e4e2;background:#0a0a0a99;place-items:center;font-weight:500;display:grid;position:absolute;inset:0}.skeleton-row{cursor:default;gap:.5rem}.skeleton-line{background:var(--code-bg);border-radius:var(--radius-sm);width:100%;height:12px;margin-bottom:.6rem;animation:1.6s ease-in-out infinite skeleton-pulse}.skeleton-row .skeleton-line{margin:0}.skeleton-title{width:70%;height:16px}.skeleton-heading{width:50%;height:26px;margin-bottom:1.5rem}.skeleton-short{width:45%}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.skeleton-line{animation:none}}.contact-intro{font-family:var(--heading);color:var(--text-h);max-width:28ch;font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.35}.contact-direct{gap:.75rem;margin:clamp(1.5rem,5vh,2.5rem) 0 0;display:grid}.contact-direct div{grid-template-columns:6rem 1fr;display:grid}.contact-direct dt{font-size:.9rem}.contact-direct dd{overflow-wrap:anywhere;min-width:0;margin:0}.contact-form{grid-template-columns:1fr 1fr;gap:1rem;max-width:560px;display:grid}.contact-honeypot{width:1px;height:1px;position:absolute;top:-9999px;left:-9999px;overflow:hidden}.contact-label{color:var(--text-h);gap:.35rem;font-size:.875rem;font-weight:500;display:grid}:is(.contact-label:has(textarea),.contact-submit,.contact-status){grid-column:1/-1}.contact-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-h);font:inherit;padding:.65rem .8rem;font-weight:400;transition:border-color .2s}.contact-input:focus{border-color:var(--accent);outline:none}.contact-textarea{resize:none}.contact-submit{background:var(--text-h);color:var(--bg);font:inherit;cursor:pointer;border:none;border-radius:999px;justify-self:start;padding:.6rem 1.3rem;font-weight:500;transition:opacity .2s}.contact-submit:hover{opacity:.85}.contact-submit:disabled{opacity:.5;cursor:default}.contact-status{font-size:.9rem}.contact-status-success{color:var(--success)}.contact-status-error{color:var(--error)}@media (width<=520px){.contact-form{grid-template-columns:1fr}}@media (width<=800px){.contact-intro{font-size:1.1rem}.contact-direct{gap:.4rem;margin-top:1rem}.contact-form{gap:.75rem}}.footer{padding:1.4rem 0 calc(1.6rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;font-size:.8rem;display:flex}.footer-meta{flex-wrap:wrap;gap:.5rem 2.25rem;display:flex}.footer-link{text-underline-offset:3px;text-decoration:underline}.footer-link:hover{color:var(--accent)}.footer-hint-touch{display:none}@media (width<=800px){.footer{padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom,0px))}}@media (hover:none) and (pointer:coarse){.footer-hint-keys{display:none}.footer-hint-touch{display:inline}}.app{max-width:1280px;height:100%;padding:0 var(--gutter);box-sizing:border-box;grid-template-rows:auto auto minmax(0,1fr) auto;margin:0 auto;display:grid}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.5rem clamp(1.1rem,3.6vw,3.5rem);padding:clamp(1.25rem,5vh,3.5rem) 0 clamp(1rem,3.5vh,2.25rem);display:flex}.tab{cursor:pointer;font-family:var(--heading);letter-spacing:-.03em;color:var(--text-dim);background:0 0;border:none;flex:none;padding:0;font-size:clamp(1.05rem,2.6vw,2.1rem);font-weight:500;line-height:1.1;transition:color .2s}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--text-h)}.panel{overscroll-behavior:contain;min-height:0;overflow:hidden auto}.panel-inner{box-sizing:border-box;min-height:100%;padding:clamp(1.5rem,5vh,3.5rem) 0;animation:.35s cubic-bezier(.22,1,.36,1) panel-in}.panel-inner[data-direction="1"]{--panel-from:24px}.panel-inner[data-direction="-1"]{--panel-from:-24px}@keyframes panel-in{0%{opacity:0;transform:translateX(var(--panel-from,0))}}@media (prefers-reduced-motion:reduce){.panel-inner{animation:none}.tab{transition:none}}.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}@media (width<=800px){.split{grid-template-columns:minmax(0,1fr);gap:1.75rem}}.picker{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.picker-item{border:none;border-left:2px solid var(--border);text-align:left;cursor:pointer;width:100%;color:var(--text);font:inherit;background:0 0;gap:.15rem;padding:.8rem 0 .8rem 1rem;transition:border-color .2s,color .2s;display:grid}.picker-item:hover{border-left-color:var(--text)}.picker-item[aria-pressed=true]{border-left-color:var(--accent)}.picker-title{font-family:var(--heading);color:var(--text);font-size:1.1rem;font-weight:500;transition:color .2s}.picker-item[aria-pressed=true] .picker-title,.picker-item:hover .picker-title{color:var(--text-h)}.picker-meta{font-size:.85rem}@media (width<=800px){.picker{scrollbar-width:none;flex-direction:row;gap:.5rem;overflow-x:auto}.picker::-webkit-scrollbar{display:none}.picker-item{border:1px solid var(--border);white-space:nowrap;border-radius:999px;width:auto;padding:.45rem .9rem}.picker-item:hover{border-color:var(--border)}.picker-item[aria-pressed=true]{border-color:var(--accent);background:var(--accent-bg)}.picker-title{font-size:.9rem}.picker-meta{display:none}.tabs{padding:1rem 0 .9rem}.panel-inner{padding:1.25rem 0 1.5rem}.panel{-webkit-mask-image:linear-gradient(#000 calc(100% - 1.5rem),#0000);mask-image:linear-gradient(#000 calc(100% - 1.5rem),#0000)}.detail-title{font-size:1.25rem}.detail-points{gap:.45rem;margin-top:.9rem;font-size:.95rem}.detail-tech{margin-top:.9rem}}.detail-title{letter-spacing:-.02em;font-size:clamp(1.3rem,1.8vw,1.6rem);line-height:1.2}.detail-meta{margin-top:.35rem;font-size:.9rem}.detail-points{gap:.6rem;max-width:68ch;margin:1.25rem 0 0;padding-left:1.1rem;display:grid}.detail-points li::marker{color:var(--accent)}.detail-tech{color:var(--text);margin-top:1.25rem;font-size:.9rem}.detail-tech strong{color:var(--text-h);font-weight:500}.text-link{color:var(--text-h);text-decoration:underline;-webkit-text-decoration-color:var(--accent-border);text-decoration-color:var(--accent-border);text-underline-offset:4px;transition:text-decoration-color .2s}.text-link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.lightbox-overlay{z-index:1000;box-sizing:border-box;pointer-events:none;background:#000000d9;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.lightbox-image{border-radius:var(--radius-sm);border:1px solid var(--border);max-width:100%;max-height:100%;box-shadow:var(--shadow);pointer-events:auto}.lightbox-close,.lightbox-nav{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-h);cursor:pointer;pointer-events:auto;justify-content:center;align-items:center;line-height:1;transition:color .2s,border-color .2s;display:flex;position:absolute}.lightbox-close{border-radius:50%;width:36px;height:36px;font-size:20px;top:20px;right:20px}.lightbox-nav{border-radius:50%;width:44px;height:44px;font-size:24px;top:50%;transform:translateY(-50%)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-close:hover,.lightbox-nav:hover{border-color:var(--accent-border);color:var(--accent)}