.resume-root{flex-direction:column;gap:32px;width:100%;max-width:680px;margin:0 auto;padding:48px 16px 64px;display:flex}@media (width>=600px){.resume-root{gap:40px;padding:64px 24px 80px}}.hero{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.brand{color:var(--on-surface);font-size:32px;font-weight:500;line-height:1.2}.tagline{color:var(--on-surface-muted);margin:0;font-size:14px}.icon-button{width:44px;height:44px;color:var(--primary);background:var(--surface-bright);border:1px solid var(--outline);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;transition:border-color .2s,background .2s;display:inline-flex;position:relative;overflow:hidden}.icon-button:before{content:"";background:0 0;transition:background .2s;position:absolute;inset:0}.icon-button:hover:before{background:var(--state-hover)}.icon-button:focus-visible:before,.icon-button:active:before{background:var(--state-pressed)}.icon-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.icon-button svg{width:20px;height:20px;position:relative}.theme-toggle{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:10;position:fixed}.social-icons{gap:12px;margin-top:12px;display:flex}.section{flex-direction:column;gap:16px;display:flex}.section-heading{color:var(--on-surface);font-size:20px;font-weight:500}.project-list{gap:12px;display:grid}@media (width>=600px){.project-list{grid-template-columns:repeat(2,1fr)}}.project-card{border:1px solid var(--outline-variant);border-radius:var(--shape-card);background:var(--surface-bright);color:inherit;flex-direction:column;gap:6px;padding:20px;text-decoration:none;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:0 0;transition:background .2s;position:absolute;inset:0}.project-card:hover{border-color:var(--outline)}.project-card:hover:before{background:var(--state-hover)}.project-card:active:before{background:var(--state-pressed)}.project-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.project-card>*{position:relative}.project-title{color:var(--on-surface);font-size:16px;font-weight:500}.project-desc{color:var(--on-surface-muted);margin:0;font-size:14px}.project-link{font-family:var(--font-mono);color:var(--on-primary-container);margin-top:4px;font-size:12px}.skills-card{border:1px solid var(--outline-variant);border-radius:var(--shape-card);background:var(--surface-bright);flex-direction:column;gap:20px;padding:20px;display:flex}.skill-group{flex-direction:column;gap:10px;display:flex}@media (width>=480px){.skill-group{flex-direction:row;align-items:flex-start;gap:16px}}.skill-group-label{color:var(--on-surface-muted);font-size:14px;font-weight:500}@media (width>=480px){.skill-group-label{flex:0 0 132px;padding-top:4px}}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{border-radius:var(--shape-pill);background:var(--secondary-container);color:var(--on-secondary-container);white-space:nowrap;padding:5px 12px;font-size:13px;line-height:1.4}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#faf6f0;--on-surface:#3a2e22;--surface-container:#f0e8dd;--surface-container-high:#ece2d3;--surface-bright:#fdfaf6;--on-surface-muted:#5a4a3a;--primary:#6a45b8;--on-primary:#fff;--primary-container:#ebddff;--on-primary-container:#5a2da8;--secondary-container:#ebddff;--on-secondary-container:#5a2da8;--outline:#d8cdbe;--outline-variant:#ece2d3;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#410002;--status-success:#c0dd97;--on-status-success:#2c4d0a;--status-neutral:#e4dac9;--on-status-neutral:#7a6a55;--state-hover:#6a45b814;--state-pressed:#6a45b81f;--shape-pill:100px;--shape-card:24px;--shape-inner:16px;--font-sans:system-ui, "Inter", "Roboto", -apple-system, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.5}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#1a1611;--on-surface:#ede2d4;--surface-container:#251f18;--surface-container-high:#302820;--surface-bright:#2b251d;--on-surface-muted:#b6a994;--primary:#cbb3ff;--on-primary:#381b6c;--primary-container:#52389e;--on-primary-container:#ebddff;--secondary-container:#483a55;--on-secondary-container:#ebddff;--outline:#4d4334;--outline-variant:#342c20;--error:#ffb4ab;--on-error:#5c1414;--error-container:#5c1414;--on-error-container:#ffb4ab;--status-success:#2d4413;--on-status-success:#c8e3a0;--status-neutral:#34291c;--on-status-neutral:#d0c0a4;--state-hover:#cbb3ff14;--state-pressed:#cbb3ff1f}*{box-sizing:border-box}html,body{margin:0}body{background:var(--surface);min-width:320px;min-height:100vh;color:var(--on-surface);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background .2s,color .2s}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{margin:0;font-weight:500}