@font-face { font-family: 'Paperozi'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2'); font-weight: 400; }
@font-face { font-family: 'Paperozi'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2'); font-weight: 700; }
@font-face { font-family: 'Paperozi'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2'); font-weight: 900; }
body { font-family: 'Paperozi', sans-serif; background-color: #FFFBF7; }
input[type=range] { -webkit-appearance: none; background: transparent; cursor: pointer; }
input[type=range]:focus { outline: none; }
input[type=range]::-webkit-slider-thumb { appearance: none; width: 28px; height: 28px; background: white; border: 5px solid #f97316; border-radius: 50%; cursor: pointer; box-shadow: 0 4px 10px rgba(249, 115, 22, 0.3); margin-top: -12px; }
input[type=range]::-moz-range-thumb { width: 28px; height: 28px; background: white; border: 5px solid #f97316; border-radius: 50%; cursor: pointer; box-shadow: 0 4px 10px rgba(249, 115, 22, 0.3); }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.animate-pulse-slow { animation: run-pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
@keyframes run-pulse { 0%, 100% { opacity: 0.1; transform: translate(-50%, -50%) scale(1); } 50% { opacity: 0.25; transform: translate(-50%, -50%) scale(1.1); } }