.app-field{--fill:#0e0306b8}.app-field:focus-within,.app-field-invalid{--edge:var(--color-signal)}.app-input{color:#f4f4f4;caret-color:var(--color-ice);outline:none}.app-input::placeholder{color:#ffffff47}.app-input:focus-visible{outline:none}.app-option{transition:background-color .15s,color .15s,transform .12s}.app-option:active{transform:scale(.98)}.app-option:focus-visible{outline:2px solid var(--color-ice);outline-offset:2px}.app-range{--accent:var(--color-signal);appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:2.75rem}.app-range-ice{--accent:var(--color-ice)}.app-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--pct), #ff1f3d26 var(--pct));height:6px}.app-range::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--pct), #ff1f3d26 var(--pct));height:6px}.app-range::-webkit-slider-thumb{appearance:none;background:var(--accent);width:24px;height:24px;box-shadow:0 0 12px var(--accent);border:2px solid #070707;margin-top:-9px;rotate:45deg}.app-range::-moz-range-thumb{background:var(--accent);width:20px;height:20px;box-shadow:0 0 12px var(--accent);border:2px solid #070707;border-radius:0;rotate:45deg}.app-range[data-untouched]::-webkit-slider-runnable-track{background:#ff1f3d26}.app-range[data-untouched]::-moz-range-track{background:#ff1f3d26}.app-range[data-untouched]::-webkit-slider-thumb{box-shadow:none;background:#070707;border-color:#ffffff59}.app-range[data-untouched]::-moz-range-thumb{box-shadow:none;background:#070707;border-color:#ffffff59}.app-range:focus-visible{outline:2px solid var(--color-ice);outline-offset:2px}.app-footer{background:linear-gradient(#07070700,#070707 45%)}@media (prefers-reduced-motion:reduce){.app-option{transition:none}}
