:root{--color-primary: #2C7A7B;--color-primary-light: #81E6D9;--color-accent: #F6E05E;--color-background: #F7FAFC;--color-text: #2D3748;--color-border: #E2E8F0;--color-emotion-joy: #FAF089;--color-emotion-sadness: #90CDF4;--color-emotion-anger: #FC8181;--color-emotion-fear: #68D391;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-family-base: "Inter", system-ui, -apple-system, sans-serif;--border-radius-md: .5rem;--border-radius-lg: 1rem}body{margin:0;font-family:var(--font-family-base);background-color:var(--color-background);color:var(--color-text);line-height:1.5}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-md)}.card{background:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 4px 6px -1px #0000001a}.app-layout{display:flex;flex-direction:column;min-height:100vh}.nav-header{background:#fff;padding:var(--spacing-md);box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.nav-links{display:flex;gap:var(--spacing-md)}.nav-link{text-decoration:none;color:var(--color-text);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.nav-link:hover,.nav-link.active{background-color:var(--color-background);color:var(--color-primary)}.main-content{flex:1;padding:var(--spacing-lg);max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}@media(max-width:768px){.nav-header{padding:.75rem}.nav-links{overflow-x:auto;padding-bottom:5px;width:100%;gap:.5rem}.nav-link{font-size:.9rem;padding:.5rem;white-space:nowrap}.main-content{padding:1rem}.tracker-form table{display:block;overflow-x:auto;white-space:nowrap}h1{font-size:1.5rem}h2{font-size:1.25rem}.card{padding:1rem!important}}