:root{--purple: #6C23A0;--purple-dark: #4A1570;--purple-mid: #8B3EC0;--purple-light: #E0C8F5;--purple-pale: #F5EEFF;--purple-faint: #FAF5FF;--white: #FAFAF8;--off-white: #F3EEF9;--black: #18101F;--gray-50: #F7F3FC;--gray-100: #EEE5F8;--gray-300: #C5B2D8;--gray-500: #8B7AA0;--gray-700: #5A4870;--font-display: "Cormorant Garant", serif;--font-body: "DM Sans", sans-serif;--nav-h: 68px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--white);color:var(--black);line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--purple-faint)}::-webkit-scrollbar-thumb{background:var(--purple-light);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-fadeUp{animation:fadeUp .6s ease both}.animate-fadeIn{animation:fadeIn .4s ease both}#tweaks-panel{position:fixed;bottom:24px;right:24px;z-index:9999;background:#fff;border:1px solid var(--purple-light);border-radius:16px;padding:20px 24px;box-shadow:0 8px 40px #6c23a02e;width:240px;display:none;flex-direction:column;gap:16px}#tweaks-panel.open{display:flex}@media(max-width:768px){#tweaks-panel{bottom:12px;right:12px;left:12px;width:auto}}#tweaks-panel h4{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--purple-dark)}.tweak-row{display:flex;flex-direction:column;gap:5px}.tweak-row label{font-size:11px;font-weight:500;color:var(--gray-700);text-transform:uppercase;letter-spacing:.07em}.tweak-row select,.tweak-row input[type=range]{width:100%;border:1px solid var(--gray-100);border-radius:8px;padding:6px 10px;font-family:var(--font-body);font-size:13px;color:var(--black);outline:none;cursor:pointer;background:var(--purple-faint)}.tweak-row input[type=range]{padding:4px}.tweak-row input[type=color]{width:100%;height:36px;border:1px solid var(--gray-100);border-radius:8px;cursor:pointer;background:var(--purple-faint)}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#120a1e73;z-index:998;animation:fadeIn .2s ease}.thumb-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:768px){.thumb-strip{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px}.thumb-strip>*{flex:0 0 72px;scroll-snap-align:start}}