.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-primary);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.preloader.loaded{opacity:0;visibility:hidden}.loader{text-align:center}.loader-circle{width:48px;height:48px;border:var(--border-width) solid var(--border);background-color:var(--accent);box-shadow:var(--shadow-sm);border-radius:var(--radius-sm);margin:0 auto var(--space-5);animation:flip-loader 1.2s cubic-bezier(.25,1,.5,1) infinite}.loader-text{font-size:var(--text-sm);color:var(--text-primary);font-weight:800;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase}@keyframes flip-loader{0%{transform:rotate(0);background-color:var(--accent)}50%{transform:rotate(180deg);background-color:var(--primary);box-shadow:-3px -3px 0 0 var(--border)}to{transform:rotate(360deg);background-color:var(--accent);box-shadow:var(--shadow-sm)}}.nav-pill-wrap{position:fixed;top:var(--space-4);left:0;right:0;z-index:60;display:flex;flex-direction:column;align-items:center;pointer-events:none;padding-inline:var(--space-4)}.nav-pill{pointer-events:auto;display:flex;align-items:center;gap:var(--space-6);padding:8px 8px 8px 18px;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);box-shadow:var(--shadow);max-width:720px;width:auto;transition:box-shadow var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}.wordmark{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:-.02em}.wordmark-dot{color:var(--color-accent)}.nav-links{display:flex;gap:var(--space-2)}.nav-link{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius-full);white-space:nowrap;transition:color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}.nav-link:hover{color:var(--text-primary);background:var(--color-paper-2)}.nav-actions{display:flex;align-items:center;gap:var(--space-2)}.nav-theme,.nav-burger{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);transition:background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.nav-theme:hover,.nav-burger:hover{background:var(--color-paper-2);color:var(--text-primary)}.nav-burger{display:none}.nav-sheet{pointer-events:auto;display:none;flex-direction:column;margin-top:var(--space-2);width:min(320px,calc(100% - var(--space-8)));border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);box-shadow:var(--shadow-md);overflow:hidden}.nav-sheet-link{padding:var(--space-4) var(--space-5);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);border-bottom:1px solid var(--color-rule);white-space:nowrap}.nav-sheet-link:last-child{border-bottom:none}.nav-sheet-link:hover{color:var(--color-accent)}@media(max-width:40rem){.nav-links{display:none}.nav-burger{display:grid}.nav-sheet{display:flex}}.hero{min-height:calc(100svh - 40px);display:grid;align-content:center;padding-block:clamp(96px,16vh,160px) var(--space-16)}.hero-inner{max-width:780px}.hero-kicker{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;color:var(--text-muted);border:1px solid var(--color-rule);border-radius:var(--radius-full);padding:6px 14px;margin-bottom:var(--space-6)}.hero-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 0 3px #3184542e}.hero-title{font-size:var(--text-6xl);letter-spacing:-.035em;margin-bottom:var(--space-5)}.hero-accent{color:var(--color-accent)}.hero-lede{font-size:var(--text-lg);line-height:1.55;color:var(--text-secondary);max-width:54ch;margin-bottom:var(--space-8)}.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.hero-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.04em;max-width:42ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--dur-short) var(--ease-out)}.hero-status:hover{color:var(--color-accent)}@media(max-width:40rem){.hero{min-height:0;padding-block:120px var(--space-12)}.hero-title{font-size:clamp(2.25rem,9vw,3.5rem)}}@media(prefers-reduced-motion:reduce){.hero-dot{animation:none}}.about-content{display:grid;grid-template-columns:1fr;gap:var(--space-16);max-width:68ch;margin-inline:auto}.about-text h3{font-size:var(--text-2xl);margin-bottom:var(--space-5);font-weight:800;font-family:var(--font-display)}.about-text p{color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.75;font-size:var(--text-base)}.about-info{margin:var(--space-8) 0;display:grid;gap:var(--space-4)}.info-row{display:flex;gap:var(--space-4);flex-wrap:wrap}.info-item{flex:1;min-width:240px;background-color:var(--bg-secondary);border:var(--border-width) solid var(--border);padding:var(--space-3) var(--space-4);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);transition:transform var(--transition),box-shadow var(--transition)}.info-item:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}.info-label{font-weight:800;font-family:var(--font-display);color:var(--text-primary);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.05em}.info-value{color:var(--text-secondary);font-weight:600;font-size:var(--text-sm);overflow-wrap:anywhere;text-align:right}.about-buttons{display:flex;gap:var(--space-4);flex-wrap:wrap}@media(max-width:768px){.about-content{grid-template-columns:1fr;gap:var(--space-12)}.about-buttons{flex-direction:column}.info-row{flex-direction:column;gap:var(--space-4)}.info-item{min-width:auto}}@media(max-width:576px){.about-text h3,.about-text p{overflow-wrap:anywhere}.info-item{flex-direction:column;align-items:flex-start}.info-value{text-align:left}}.section-header{text-align:center;margin-bottom:var(--space-10)}.section-header .section-title,.section-header .section-subtitle{margin-inline:auto}.about-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.about-text p{margin-inline:auto}.skills{padding-block:var(--space-12);border-top:1px solid var(--color-rule)}.skills-heading{margin-bottom:var(--space-8)}.skills-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.skill-card{border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--card-bg);padding:var(--space-6)}.skill-card-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-4)}.skill-list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-chip{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-sm);color:var(--text-secondary);border:1px solid var(--color-rule);border-radius:var(--radius-full);padding:5px 12px 5px 10px;white-space:nowrap;transition:color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}.skill-chip svg{font-size:14px;width:14px;height:14px}.skill-chip:hover{color:var(--color-accent);border-color:#c8312273}@media(max-width:60rem){.skills-grid{grid-template-columns:1fr 1fr}}@media(max-width:40rem){.skills-grid{grid-template-columns:1fr}}.projects.section{border-top:1px solid var(--color-rule)}.projects-head{margin-bottom:var(--space-10)}.bento{list-style:none;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-4)}.tile{grid-column:span 4;min-width:0}.tile[data-span="5"]{grid-column:span 5}.tile[data-span="7"]{grid-column:span 7}.tile[data-span="8"]{grid-column:span 8}.tile-link{display:flex;flex-direction:column;height:100%;border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--card-bg);overflow:hidden;transition:border-color var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}@media(hover:hover)and (pointer:fine){.tile-link:hover{border-color:#c8312273;box-shadow:var(--shadow-md);transform:translateY(-2px)}.tile-link:hover .tile-cta{color:var(--color-accent)}.tile-link:hover .tile-media img{transform:scale(1.02)}}.tile-media{border-bottom:1px solid var(--color-rule);background:var(--bg-tertiary);overflow:hidden;aspect-ratio:16 / 9}.tile[data-span="7"] .tile-media,.tile[data-span="8"] .tile-media{aspect-ratio:16 / 8.2}.tile-media img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform var(--dur-long) var(--ease-out)}.tile-mono{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,oklch(55% .19 30 / .08),transparent 45%),var(--bg-tertiary)}.tile-mono span{font-family:var(--font-display);font-weight:700;font-size:clamp(1.75rem,5cqw,3.25rem);letter-spacing:-.03em;color:var(--text-secondary)}.tile-media{container-type:inline-size}.tile-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);flex:1}.tile-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.tile-title{font-size:var(--text-xl);font-weight:600}.tile[data-span="4"] .tile-title{font-size:var(--text-lg)}.tile-year{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.tile-desc{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;max-width:none}.tile-foot{margin-top:auto;padding-top:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-xs)}.tile-kind{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--color-rule);border-radius:var(--radius-full);padding:3px 10px;white-space:nowrap}.tile-cta{font-weight:500;color:var(--text-primary);white-space:nowrap;transition:color var(--dur-micro) var(--ease-out)}.tile-more{padding:0}.more-link{height:100%;min-height:180px;display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);padding:var(--space-8);border:1px dashed var(--color-rule);border-radius:var(--radius-lg);transition:border-color var(--dur-short) var(--ease-out)}.more-link:hover{border-color:var(--color-accent)}.more-link:hover .more-title{color:var(--color-accent)}.more-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;transition:color var(--dur-micro) var(--ease-out)}.more-sub{color:var(--text-muted);font-size:var(--text-sm)}@media(max-width:60rem){.tile,.tile[data-span="5"],.tile[data-span="7"],.tile[data-span="8"]{grid-column:span 6}.tile-more{grid-column:span 12}}@media(max-width:40rem){.tile,.tile[data-span="5"],.tile[data-span="7"],.tile[data-span="8"],.tile-more{grid-column:span 12}.bento{gap:var(--space-3)}}.experience.section{padding-block:var(--space-12);border-top:1px solid var(--color-rule)}.exp-head{margin-bottom:var(--space-8)}.section-title{font-size:var(--text-3xl)}.exp-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.exp-item{border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--card-bg);padding:var(--space-6)}.exp-period{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;color:var(--text-muted);font-variant-numeric:tabular-nums}.exp-body{margin-top:var(--space-3)}.exp-title{font-size:var(--text-xl);margin-bottom:2px}.exp-place{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-4)}.exp-points{list-style:none;display:grid;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);max-width:none}.exp-points li:before{content:"-";color:var(--color-accent);margin-right:var(--space-2)}@media(max-width:40rem){.exp-list{grid-template-columns:1fr}}.contact.section{padding-block:var(--space-20);border-top:1px solid var(--color-rule)}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-12);align-items:start}.section-title{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.contact-copy{color:var(--text-secondary);max-width:46ch;margin-bottom:var(--space-4)}.contact-alt{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.contact-mail{color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--color-rule);text-underline-offset:4px;transition:color var(--dur-short) var(--ease-out),text-decoration-color var(--dur-short) var(--ease-out)}.contact-mail:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.contact-form{display:grid;gap:var(--space-5)}.field{display:grid;gap:var(--space-1)}.field-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.field input,.field textarea{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:transparent;border:none;border-bottom:1px solid var(--color-rule);padding:var(--space-2) 0;resize:vertical;transition:border-color var(--dur-short) var(--ease-out)}.field input:focus,.field textarea:focus{outline:none;border-bottom-color:var(--color-accent)}.contact-submit{justify-self:start;font-size:var(--text-sm);font-weight:500;padding:12px 20px;background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary);border-radius:var(--radius-full);white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.contact-submit:hover:not(:disabled){transform:translateY(-1px)}.contact-submit:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.contact-submit:disabled{opacity:.6;cursor:wait}.form-note{min-height:1.2em;font-size:var(--text-sm);color:var(--text-muted)}@media(max-width:60rem){.contact-grid{grid-template-columns:1fr;gap:var(--space-8)}}@media(max-width:40rem){.contact.section{padding-block:var(--space-16)}.contact-submit{width:100%;min-height:44px}}.footer{border-top:1px solid var(--color-rule);padding-block:var(--space-8);margin-top:var(--space-12)}.footer-inner{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-8);align-items:center;justify-content:space-between}.footer-copy{font-size:var(--text-sm);color:var(--text-muted);max-width:none}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:center;font-size:var(--text-sm)}.footer-links a{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);white-space:nowrap;transition:color var(--dur-short) var(--ease-out)}.footer-links a:hover{color:var(--color-accent)}@media(max-width:40rem){.footer-inner{flex-direction:column;align-items:flex-start}}.back-to-top{position:fixed;bottom:var(--space-8);right:var(--space-8);width:48px;height:48px;background-color:var(--accent);color:#000;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);opacity:0;visibility:hidden;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition-slow),visibility var(--transition-slow);z-index:999;cursor:pointer;border:var(--border-width) solid var(--border);outline:none;box-shadow:var(--shadow-sm)}.back-to-top.active{opacity:1;visibility:visible}.back-to-top:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow);background-color:var(--primary-light)}.back-to-top:active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--border)}@media(max-width:576px){.back-to-top{bottom:var(--space-5);right:var(--space-4);width:44px;height:44px}}.music-player-container{position:fixed;bottom:24px;left:24px;z-index:999;pointer-events:auto;transform:translateZ(0)}.music-bubble{width:64px;height:64px;display:flex;align-items:center;gap:18px;padding:0 6px;overflow:hidden;background:var(--bg-secondary);border:var(--border-width) solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none;cursor:pointer;transition:width .25s ease,transform .2s ease,background-color .2s ease,box-shadow .2s ease;will-change:transform}.music-bubble:hover{width:380px;height:76px;padding:0 18px;transform:translate3d(-4px,-4px,0);background:var(--bg-tertiary);box-shadow:var(--shadow-lg)}.music-icon{position:relative;flex-shrink:0;min-width:52px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin:auto 0;border-radius:50%;background:#121212;color:#1db954;font-size:2rem;transition:width .2s ease,height .2s ease,transform .2s ease;background-color .2s ease;overflow:visible}.music-bubble.playing .music-icon{animation:musicBounce 1.5s ease infinite}@keyframes musicBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.music-wave{position:absolute;right:-8px;bottom:6px;display:flex;align-items:end;gap:2px;height:16px;background:#121212;padding:2px;border-radius:4px;z-index:2}.music-wave span{width:3px;min-width:5px;height:100%;background:#1db954;animation:wave .7s ease infinite alternate;transform-origin:bottom}.music-wave span:nth-child(2){animation-delay:.2s}.music-wave span:nth-child(3){animation-delay:.4s}@keyframes wave{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.music-content{min-width:270px;opacity:0;transform:translate(-8px);transition:opacity .2s ease,transform .2s ease}.music-bubble:hover .music-content{opacity:1;transform:translate(0)}.music-status{font-size:.75rem;font-weight:800;letter-spacing:.08em;color:#1db954;margin-bottom:6px;line-height:1}.music-title{max-width:260px;font-size:1.05rem;margin-bottom:5px;line-height:1;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.music-artist{max-width:260px;margin-top:1px;font-size:.9rem;line-height:1;color:var(--text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(max-width:768px){.music-player-container{bottom:84px;left:14px;max-width:calc(100vw - 28px)}.music-bubble:hover{width:min(230px,calc(100vw - 28px))}.music-content{min-width:0;flex:1}.music-title,.music-artist{max-width:130px}}@media(max-width:576px){.music-player-container{bottom:78px;left:var(--space-3);max-width:calc(100vw - var(--space-6))}.music-bubble:hover{width:min(220px,calc(100vw - var(--space-6)));padding:0 var(--space-3)}}.music-player-container{cursor:grab;touch-action:none}.music-player-container:active{cursor:grabbing}:root{--color-paper: oklch(98.6% .002 250);--color-paper-2: oklch(96.4% .004 250);--color-rule: oklch(90% .005 250);--color-muted: oklch(50% .012 255);--color-ink: oklch(20% .014 255);--color-accent: #E0484D;--color-accent-ink: oklch(97% .01 20);--color-focus: oklch(55% .19 30);--primary: var(--color-accent);--primary-dark: oklch(48% .16 28);--primary-light: oklch(72% .14 30);--secondary: var(--color-ink);--accent: var(--color-accent);--accent-green: oklch(55% .11 155);--text-primary: var(--color-ink);--text-secondary: oklch(32% .012 255);--text-muted: var(--color-muted);--bg-primary: var(--color-paper);--bg-secondary: oklch(99.4% .001 250);--bg-tertiary: var(--color-paper-2);--bg-dark: oklch(15% .006 255);--border: oklch(24% .012 255);--border-width: 1px;--border-focus: var(--color-focus);--shadow-sm: 0 1px 2px oklch(20% .02 255 / .05);--shadow: 0 2px 10px oklch(20% .02 255 / .06);--shadow-md: 0 8px 24px oklch(20% .02 255 / .08);--shadow-lg: 0 16px 40px oklch(20% .02 255 / .1);--shadow-xl: 0 24px 60px oklch(20% .02 255 / .12);--glass-bg: oklch(99.4% .001 250 / .8);--glass-border: var(--color-rule);--card-bg: oklch(99.4% .001 250);--card-border: var(--color-rule);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;--font-body: var(--font-sans);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.95rem;--text-3xl: 2.5rem;--text-4xl: 3.25rem;--text-5xl: 4rem;--text-6xl: clamp(2.75rem, 4.5vw + 1rem, 5rem);--container: 1200px;--page-gutter: clamp(1rem, 4vw, 4rem);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--transition: var(--dur-short) var(--ease-out);--transition-slow: var(--dur-long) var(--ease-out);--primary-color: var(--primary);--primary-dark-color: var(--primary-dark);--secondary-color: var(--secondary);--accent-color: var(--accent);--text-color: var(--text-primary);--text-light: var(--text-secondary);--bg-color: var(--bg-primary);--bg-light: var(--bg-secondary);--border-color: var(--border);--shadow-color: oklch(20% .02 255 / .1);--skill-item-bg: var(--color-paper-2);--skill-item-hover-bg: var(--color-accent);--skill-icon-bg: var(--color-paper-2)}[data-theme=dark]{--color-paper: oklch(16% .006 255);--color-paper-2: oklch(20.5% .008 255);--color-rule: oklch(28% .008 255);--color-muted: oklch(70% .006 255);--color-ink: oklch(95% .004 255);--color-accent: #FF6B6B;--primary: var(--color-accent);--primary-dark: oklch(70% .13 25);--primary-light: oklch(78% .11 25);--secondary: var(--color-ink);--accent: var(--color-accent);--text-primary: var(--color-ink);--text-secondary: oklch(82% .005 255);--text-muted: var(--color-muted);--bg-primary: var(--color-paper);--bg-secondary: var(--color-paper-2);--bg-tertiary: oklch(24% .008 255);--bg-dark: oklch(11% .005 255);--border: oklch(32% .008 255);--border-focus: var(--color-focus);--shadow-sm: 0 1px 2px oklch(0% 0 0 / .35);--shadow: 0 2px 10px oklch(0% 0 0 / .35);--shadow-md: 0 8px 24px oklch(0% 0 0 / .4);--shadow-lg: 0 16px 40px oklch(0% 0 0 / .45);--shadow-xl: 0 24px 60px oklch(0% 0 0 / .5);--glass-bg: oklch(16% .006 255 / .82);--glass-border: var(--color-rule);--card-bg: var(--color-paper-2);--card-border: var(--color-rule);--shadow-color: oklch(0% 0 0 / .45);--skill-item-bg: var(--color-paper-2);--skill-item-hover-bg: var(--color-accent);--skill-icon-bg: var(--color-paper-2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-paper: oklch(16% .006 255);--color-paper-2: oklch(20.5% .008 255);--color-rule: oklch(28% .008 255);--color-muted: oklch(70% .006 255);--color-ink: oklch(95% .004 255);--color-accent: #FF6B6B;--primary: var(--color-accent);--primary-dark: oklch(70% .13 25);--primary-light: oklch(78% .11 25);--secondary: var(--color-ink);--accent: var(--color-accent);--text-primary: var(--color-ink);--text-secondary: oklch(82% .005 255);--text-muted: var(--color-muted);--bg-primary: var(--color-paper);--bg-secondary: var(--color-paper-2);--bg-tertiary: oklch(24% .008 255);--bg-dark: oklch(11% .005 255);--border: oklch(32% .008 255);--border-focus: var(--color-focus);--glass-bg: oklch(16% .006 255 / .82);--glass-border: var(--color-rule);--card-bg: var(--color-paper-2);--card-border: var(--color-rule);--shadow-color: oklch(0% 0 0 / .45);--skill-item-bg: var(--color-paper-2);--skill-item-hover-bg: var(--color-accent);--skill-icon-bg: var(--color-paper-2)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-padding-top:96px;overflow-x:clip;max-width:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition),color var(--transition);overflow-x:clip;max-width:100%;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.025em;font-style:normal;overflow-wrap:anywhere;min-width:0}p{max-width:65ch}a{color:inherit;text-decoration:none;transition:color var(--dur-short) var(--ease-out)}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}::selection{background:var(--color-accent);color:var(--color-accent-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-rule);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}main{flex:1;width:100%;overflow-x:clip}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--page-gutter)}.section{padding-block:clamp(var(--space-16),8vw,var(--space-20))}.section-title{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.section-subtitle{color:var(--text-secondary);max-width:52ch}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-full);border:1px solid transparent;font-size:var(--text-sm);font-weight:500;letter-spacing:.01em;white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.btn-primary:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.btn-ghost{background:transparent;color:var(--text-primary);border-color:var(--color-rule)}.btn-ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important}.btn:hover,.btn:active{transform:none}}@media(pointer:coarse){.btn{min-height:44px}}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;overflow-x:hidden}.cursor-dot{position:fixed;top:0;left:0;width:10px;height:10px;border-radius:50%;background:var(--color-accent);pointer-events:none;z-index:9999;mix-blend-mode:normal}@media(pointer:coarse){.cursor-dot{display:none}}.animate-in{opacity:0;transform:translateY(40px);transition:opacity var(--animate-duration, .8s) cubic-bezier(.4,0,.2,1),transform var(--animate-duration, .8s) cubic-bezier(.4,0,.2,1);transition-delay:var(--animate-delay, 0ms)}.animate-in-visible{opacity:1;transform:translateY(0)}.animate-in-fade-up{transform:translateY(40px)}.animate-in-fade-up.animate-in-visible{transform:translateY(0)}.animate-in-fade-down{transform:translateY(-40px)}.animate-in-fade-down.animate-in-visible{transform:translateY(0)}.animate-in-fade-right{transform:translate(-40px)}.animate-in-fade-right.animate-in-visible{transform:translate(0)}.animate-in-fade-left{transform:translate(40px)}.animate-in-fade-left.animate-in-visible{transform:translate(0)}.animate-in-zoom-in{transform:scale(.9)}.animate-in-zoom-in.animate-in-visible{transform:scale(1)}