:root{--cream: #fdf6e3;--cream-dark: #f5e6c8;--cardboard: #e8d5b0;--brown-dark: #3d2817;--brown-mid: #5c3d2e;--brown-light: #8b6914;--vinyl-black: #1a1a1a;--gold: #c9a84c;--gold-light: #e8d08f;--orange: #e8963e;--red-accent: #b84040;--green-mint: #5a8f6b;--tag-yellow: #f7d44a;--surface: #fdf6e3;--surface-card: #faf3e0;--text-primary: #2d1f0e;--text-secondary: #6b5a3e;--text-muted: #9c8b6e;--border: #d4c4a8;--radius: 12px;--radius-lg: 20px;--shadow-card: 3px 4px 0px rgba(61, 40, 23, .2), 0 8px 24px rgba(61, 40, 23, .12);--shadow-hover: 5px 6px 0px rgba(61, 40, 23, .25), 0 12px 32px rgba(61, 40, 23, .18);--font-display: "Permanent Marker", cursive;--font-mono: "DM Mono", monospace;--font-body: "Inter", system-ui, sans-serif;--nav-height: 68px;--desktop-sidebar: 260px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:var(--font-body);background:var(--cream);color:var(--text-primary);-webkit-font-smoothing:antialiased}body{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E")}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-body);outline:none}a{text-decoration:none;color:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .35s ease}@media (max-width: 768px){:root{--radius: 10px;--radius-lg: 16px}}