:root{--primary: #4e342e;--primary-light: #7b5e57;--secondary: #2e7d32;--secondary-light: #60ad5e;--accent: #fbc02d;--bg-color: #f5f5f5;--card-bg: rgba(255, 255, 255, .8);--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(200, 200, 200, .2);--text-main: #333333;--text-muted: #666666;--white: #ffffff;--shadow: 0 4px 15px rgba(0, 0, 0, .1);--header-height: 60px;--footer-height: 65px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);height:100vh;width:100vw;overflow-x:hidden;line-height:1.5}@font-face{font-family:Inter;src:url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap)}.glass{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border)}.card{background:var(--white);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow);margin-bottom:1rem}.btn{padding:.8rem 1.5rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-bottom:1rem}.btn:active{transform:scale(.95)}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-secondary{background-color:var(--secondary);color:var(--white)}.container{padding:1rem;padding-top:calc(var(--header-height) + 1rem);padding-bottom:calc(var(--footer-height) + 1rem);min-height:100vh}