:root{--bg-color: #ffffff;--text-color: #111111;--text-secondary: #666666;--accent-color: #115e59;--border-light: #e5e5e5;--surface-hover: #fafafa;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", "Helvetica Neue", "Helvetica", "Arial", sans-serif}[data-theme=dark]{--bg-color: #111111;--text-color: #ffffff;--text-secondary: #a1a1aa;--accent-color: #d8b4fe;--border-light: #27272a;--surface-hover: #18181b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;font-size:16px}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-color)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.2}.app-container{max-width:900px;margin:0 auto;padding:0 var(--spacing-md);min-height:100vh;position:relative}.theme-toggle{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s ease,color .2s ease;color:var(--text-color);display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background-color:var(--surface-hover);color:var(--accent-color)}.section{margin-bottom:var(--spacing-xl);opacity:0;animation:fadeIn .8s ease-out forwards}.hero-title,.hero-subtitle,.hero-intro,.short-intro{opacity:0;animation:fadeIn .8s ease-out forwards}.divider{height:1px;background-color:var(--border-light);margin:var(--spacing-lg) 0;width:100%}.hero-section{padding:var(--spacing-xl) 0 var(--spacing-lg);min-height:80vh;display:flex;flex-direction:column;justify-content:center}.hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:800;margin-bottom:var(--spacing-xs);letter-spacing:-.04em}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);font-weight:500}.hero-intro{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:500;max-width:800px;line-height:1.3;margin-bottom:var(--spacing-lg)}.short-intro{max-width:600px;color:var(--text-secondary);font-size:1.1rem}.short-intro p{margin-bottom:var(--spacing-sm)}.feel-text{font-style:italic;color:var(--accent-color);font-weight:400;letter-spacing:.05em}.accent-link{color:var(--accent-color);font-weight:600;border-bottom:1px solid transparent}.accent-link:hover{border-bottom-color:var(--accent-color);background-color:transparent;color:var(--accent-color)}.section-title{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:var(--spacing-md);font-weight:600}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.about-card{padding:var(--spacing-md);background:var(--surface-hover);border-radius:12px;transition:transform .2s ease}.about-card:hover{transform:translateY(-2px)}.about-card h3{font-size:1.2rem;margin-bottom:var(--spacing-sm);color:var(--accent-color)}.about-card p{font-size:.95rem;color:var(--text-secondary)}.work-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.work-item{display:grid;grid-template-columns:1fr 3fr;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light);transition:opacity .2s ease}.work-item:last-child{border-bottom:none}.work-item:hover{opacity:.8}.work-header{display:flex;flex-direction:column;gap:.5rem}.work-title{font-size:1.5rem;font-weight:600}.work-role{font-size:.9rem;color:var(--accent-color);font-weight:500}.work-description p{margin-bottom:.5rem;color:var(--text-secondary)}.philosophy-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.philosophy-item{padding-top:var(--spacing-sm);border-top:2px solid var(--accent-color)}.philosophy-title{font-size:1.1rem;margin-bottom:var(--spacing-xs)}.philosophy-description{font-size:.95rem;color:var(--text-secondary)}.personal-note{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--surface-hover);border-radius:8px}.highlight-text{display:block;margin-top:var(--spacing-sm);color:var(--text-color)}.contact-section{padding-bottom:var(--spacing-xl)}.contact-lead{color:var(--text-secondary);margin-bottom:var(--spacing-md);max-width:640px}.contact-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.contact-link{font-size:1.5rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.contact-link:hover{transform:translate(10px);color:var(--accent-color);transition:transform .2s ease,color .2s ease}.site-footer{padding:var(--spacing-md) 0;border-top:1px solid var(--border-light);text-align:center;color:var(--text-secondary);font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.work-item,.contact-content{grid-template-columns:1fr}.hero-title{font-size:3.5rem}}