body { font-family: "IBM Plex Sans", system-ui, sans-serif; margin: 0; background: #F5F1EA; }
    .font-mono { font-family: "IBM Plex Mono", ui-monospace, monospace !important; }
    .font-serif { font-family: "Fraunces", "Playfair Display", Georgia, serif !important; }
    ::selection { background: #1B3022; color: #F5F1EA; }
    input[type="range"] { -webkit-appearance: none; height: 2px; background: #D9D2C5; outline: none; }
    input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; background: #C5A059; cursor: pointer; border-radius: 50%; }
    input[type="range"]::-moz-range-thumb { width: 14px; height: 14px; background: #C5A059; cursor: pointer; border-radius: 50%; border: none; }
    .hover-lift { transition: transform 0.2s ease, box-shadow 0.2s; }
    .hover-lift:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 8px 24px 0 rgba(197,160,89,0.10); }
    @keyframes bounce { 0%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-6px); } }