:root{--color-bg-primary: #F6F6F6;--color-bg-secondary: #FFFFFF;--color-bg-tertiary: #ededed;--color-text-primary: rgba(0, 0, 0, .9);--color-text-secondary: rgba(0, 0, 0, .5);--color-text-tertiary: rgba(0, 0, 0, .35);--color-border-primary: rgba(0, 0, 0, .1);--color-border-secondary: rgba(0, 0, 0, .06);--color-interactive-hover: rgba(0, 0, 0, .04);--color-interactive-active: rgba(0, 0, 0, .08);--color-accent: #171717;--color-accent-hover: #404040;--color-link-underline: rgba(0, 0, 0, .9);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--container-max-width: 600px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}[data-theme=dark]{--color-bg-primary: #0C0C0C;--color-bg-secondary: #161616;--color-bg-tertiary: #1b1b1b;--color-text-primary: rgba(255, 255, 255, .9);--color-text-secondary: rgba(255, 255, 255, .5);--color-text-tertiary: rgba(255, 255, 255, .35);--color-border-primary: rgba(255, 255, 255, .1);--color-border-secondary: rgba(255, 255, 255, .06);--color-interactive-hover: rgba(255, 255, 255, .04);--color-interactive-active: rgba(255, 255, 255, .08);--color-accent: #fafafa;--color-accent-hover: #d4d4d4;--color-link-underline: rgba(255, 255, 255, .9)}.text-display{font-size:clamp(2rem,5vw,2.5rem);font-weight:400;letter-spacing:-.02em;line-height:1.2}.text-title{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:400;letter-spacing:-.01em;line-height:1.4}.text-body{font-size:1rem;font-weight:400;letter-spacing:0;line-height:1.6}.text-body-large{font-size:1.125rem;font-weight:400;letter-spacing:0;line-height:1.6}.text-caption{font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.5}.text-small{font-size:.75rem;font-weight:400;letter-spacing:.01em;line-height:1.5}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:light dark}body{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-optical-sizing:auto;line-height:1.6;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{min-height:100vh;min-height:100svh}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-lg)}a{text-decoration:none;color:inherit}.theme-toggle{position:relative;display:flex;align-items:center;padding:2px;background-color:var(--color-bg-tertiary);border-radius:8px;gap:0}.theme-toggle-indicator{position:absolute;width:32px;height:32px;background-color:var(--color-bg-primary);border-radius:6px;box-shadow:0 1px 3px #00000014;z-index:0;transform:translate(0);transition:transform .25s cubic-bezier(.4,0,.2,1)}.theme-toggle-indicator.dark{transform:translate(100%)}.theme-toggle-btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--color-text-tertiary);transition:color var(--transition-normal)}.theme-toggle-btn:hover{color:var(--color-text-secondary)}.theme-toggle-btn.active{color:var(--color-text-primary)}.icon-wrapper{position:relative;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.icon-wrapper svg{position:absolute;display:block}@media (max-width: 768px){.theme-toggle{padding:3px}.theme-toggle-indicator,.theme-toggle-btn{width:40px;height:40px}.icon-wrapper{width:22px;height:22px}.icon-wrapper svg{width:22px;height:22px}}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip{position:absolute;z-index:1000;padding:2px 7px;background-color:var(--color-text-primary);border-radius:4px;font-size:.8125rem;font-weight:400;color:var(--color-bg-primary);white-space:nowrap;pointer-events:none}.tooltip-top{bottom:calc(100% + 2px)}.tooltip-bottom{top:calc(100% + 2px)}.contact-button-wrapper{display:flex;align-items:center;gap:2px}.contact-icon-wrapper{display:flex}.contact-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast)}.contact-icon-btn:hover{color:var(--color-text-primary);background-color:var(--color-interactive-hover)}.contact-icon-btn.copied{color:var(--color-text-primary)}.contact-icon-btn svg{display:block}.contact-morph-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast),background-color var(--transition-fast)}.contact-morph-btn:hover{color:var(--color-text-primary);background-color:var(--color-interactive-hover)}.morph-icon{position:absolute;display:flex;align-items:center;justify-content:center}.morph-icon svg{display:block}@media (max-width: 768px){.contact-icon-btn{width:40px;height:40px}.contact-icon-btn svg{width:22px;height:22px}.contact-morph-btn{width:40px;height:40px}.contact-morph-btn svg{width:22px;height:22px}}.navigation{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);padding-top:calc(var(--space-md) + env(safe-area-inset-top,0px));z-index:100}.nav-left{flex:1;display:flex;align-items:center;min-height:40px}.nav-logo-wrapper{display:flex;align-items:center;gap:8px}.nav-logo{font-size:1rem;font-weight:500;color:var(--color-text-primary);background:none;border:none;padding:0;cursor:pointer;letter-spacing:-.01em;transition:color var(--transition-fast)}.nav-logo:hover{color:var(--color-text-secondary)}.nav-breadcrumb-divider{color:var(--color-text-tertiary);font-size:1rem}.nav-breadcrumb-title{font-size:1rem;font-weight:400;color:var(--color-text-secondary)}.nav-right{display:flex;align-items:center;gap:8px}.nav-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-tertiary);border:none;border-radius:8px;cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-close-btn:hover{color:var(--color-text-primary);background-color:var(--color-interactive-active)}.home{min-height:100vh;min-height:100svh}.home-landing{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}.home-content{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:var(--container-max-width);width:100%;margin:0 auto;padding:0 var(--space-lg)}.home-section{margin-bottom:40px}.home-section:last-child{margin-bottom:0}.home-intro{padding-bottom:100px}.home-name{font-size:1rem;font-weight:500;letter-spacing:-.01em;line-height:1.5;color:var(--color-text-primary)}.home-tagline{font-size:1rem;font-weight:400;line-height:1.5;color:var(--color-text-secondary)}.home-label{font-size:1rem;font-weight:500;letter-spacing:-.01em;line-height:1.5;color:var(--color-text-primary)}.home-text{font-size:1rem;font-weight:400;line-height:1.5;color:var(--color-text-secondary)}.home-text a,.home-text .email-copy-btn{position:relative;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.home-text a:before,.home-text .email-copy-btn:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--color-border-primary);border-radius:1px}.home-text a:after,.home-text .email-copy-btn:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--color-text-primary);border-radius:1px;transition:width var(--transition-normal)}.home-text a:hover,.home-text .email-copy-btn:hover{color:var(--color-text-primary)}.home-text a:hover:after,.home-text .email-copy-btn:hover:after{width:100%}.home-text .email-copy-btn{background:none;border:none;padding:0;font:inherit;cursor:pointer}.home-portfolio{padding:var(--space-3xl) 0;border-top:1px solid var(--color-border-secondary)}.home-portfolio-content{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-lg)}.home-portfolio-title{font-size:1rem;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-xl);letter-spacing:-.01em}.portfolio-grid{display:flex;flex-direction:column;gap:var(--space-xl)}.portfolio-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:0;background:none;border:none;cursor:pointer;text-align:left}.portfolio-card:hover .portfolio-card-image{border-color:var(--color-border-primary)}.portfolio-card:hover .portfolio-card-title{color:var(--color-text-primary)}.portfolio-card-image{width:100%;aspect-ratio:16/10;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast)}.portfolio-card-placeholder{font-size:.875rem;color:var(--color-text-tertiary)}.portfolio-card-title{font-size:1rem;font-weight:400;color:var(--color-text-secondary);transition:color var(--transition-fast)}