*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F7F3EE;--bg2: #EFE9E1;--fg: #1A1916;--fg2: #6B6760;--fg3: #9B9895;--accent: oklch(.48 .09 340);--accent-light: oklch(.93 .04 340);--panel-bg: #FAF7F3;--border: rgba(26, 25, 22, .1);--border-strong: rgba(26, 25, 22, .18);--shadow: 0 8px 40px rgba(26, 25, 22, .1);--shadow-lg: 0 20px 80px rgba(26, 25, 22, .16);--font-serif: "DM Serif Display", Georgia, serif;--font-sans: "DM Sans", system-ui, sans-serif;--cs-body: #2C2C2C;--cs-role: #6B6760;--cs-tags: #6B6B6B;--cs-divider: rgba(0, 0, 0, .1);--input-border: rgba(0, 0, 0, .12);--input-bg: var(--bg);--input-placeholder: var(--fg3);--input-text: var(--fg);--btn-idle-bg: var(--bg2);--btn-idle-border: none;--btn-idle-color: var(--fg3)}[data-dark=true]{--bg: #141310;--bg2: #1E1C19;--fg: #F0EBE3;--fg2: #9B9590;--fg3: #5A5754;--accent: oklch(.68 .09 340);--accent-light: oklch(.22 .06 340);--panel-bg: #1A1816;--border: rgba(240, 235, 227, .1);--border-strong: rgba(240, 235, 227, .18);--shadow: 0 8px 40px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 80px rgba(0, 0, 0, .55);--cs-body: rgba(255, 255, 255, .75);--cs-role: rgba(255, 255, 255, .6);--cs-tags: rgba(255, 255, 255, .5);--cs-divider: rgba(255, 255, 255, .12);--input-border: rgba(255, 255, 255, .2);--input-bg: transparent;--input-placeholder: rgba(255, 255, 255, .35);--input-text: rgba(255, 255, 255, .85);--btn-idle-bg: rgba(255, 255, 255, .12);--btn-idle-border: none;--btn-idle-color: rgba(255, 255, 255, .6)}p{text-wrap:pretty}html{font-size:19px}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);transition:background .3s ease,color .3s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.hero-input::placeholder{color:var(--input-placeholder);transition:color .3s ease}@media (max-width: 768px){.site-nav{padding:14px 20px!important}.nav-logo{font-size:17px!important}.nav-links-desktop{display:none!important}.nav-mobile-controls,.nav-mobile-menu{display:flex!important}.project-grid-container{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.site-footer{flex-direction:column!important;align-items:center!important;gap:16px!important;padding:28px 24px!important;text-align:center!important}}@media (max-width: 480px){.nav-logo{font-size:16px!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}