:root{--sidebar-width: 30vw;--bg-primary: #F2EAE1;--bg-overlay: rgba(242, 234, 225, .92);--text-primary: #1a1a1a;--text-secondary: #b0aca6;--text-tertiary: #9a9490;--text-active: #3a3835;--border-subtle: #c8c4bc;--accent-blue: #4455cc;--accent-green: #16a34a;--accent-sale: #2563eb;--accent-error: #b91c1c;--overlay-5: rgba(26,26,26,.05);--overlay-8: rgba(26,26,26,.08);--overlay-10: rgba(26,26,26,.1);--overlay-12: rgba(26,26,26,.12);--overlay-15: rgba(26,26,26,.15);--overlay-20: rgba(26,26,26,.2);--overlay-30: rgba(26,26,26,.3);--overlay-40: rgba(26,26,26,.4);--modal-backdrop: rgba(0, 0, 0, .45);--shadow-heavy: rgba(0,0,0,.25);--gradient-fade: linear-gradient(to bottom, transparent, #F2EAE1);--scrollbar-thumb: rgba(26,26,26,.15);color-scheme:light}[data-theme=dark]{--bg-primary: #101010;--bg-overlay: rgba(16, 16, 16, .94);--text-primary: #E8E0D8;--text-secondary: #7a7672;--text-tertiary: #8a8680;--text-active: #d4ccc4;--border-subtle: #3a3835;--accent-blue: #6677dd;--accent-green: #22c55e;--accent-sale: #4b83f0;--accent-error: #ef4444;--overlay-5: rgba(255,255,255,.05);--overlay-8: rgba(255,255,255,.08);--overlay-10: rgba(255,255,255,.1);--overlay-12: rgba(255,255,255,.12);--overlay-15: rgba(255,255,255,.15);--overlay-20: rgba(255,255,255,.2);--overlay-30: rgba(255,255,255,.3);--overlay-40: rgba(255,255,255,.4);--modal-backdrop: rgba(0, 0, 0, .65);--shadow-heavy: rgba(0,0,0,.5);--gradient-fade: linear-gradient(to bottom, transparent, #101010);--scrollbar-thumb: rgba(255,255,255,.15);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}nav a:hover{opacity:.5}button:hover{opacity:.6}button{transition:opacity .2s ease}button.mode-pill:hover{opacity:1}button.mode-pill[data-active=false]:hover{background:var(--overlay-10);border-color:var(--text-secondary)!important;color:var(--text-primary)!important}button.logo-button:hover{opacity:1}@keyframes shimmer{0%{opacity:.06}50%{opacity:.12}to{opacity:.06}}@keyframes charReveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(hover:none){nav a:hover{opacity:1}button:hover{opacity:1}}@media(max-width:767px){*{-webkit-overflow-scrolling:touch}}