@import url("https://fonts.googleapis.com/css2?family=Bree+Serif&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap");body{font-family:"Bree Serif",sans-serif;display:flex;overflow:hidden;height:100vh;width:100vw}*,body{margin:0;padding:0}*{box-sizing:border-box;z-index:10000;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.page{background-repeat:no-repeat;background-size:cover;position:absolute;width:100%;height:100%;z-index:-1;transition:all .5s}.overlay{width:100vw;height:100vh;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(50px) saturate(2.5);backdrop-filter:blur(50px) saturate(2.5);z-index:0;box-shadow:inset 0 0 300px 8 0 #000}.overlay,.overlay:before{position:absolute;top:0;left:0}.overlay:before{content:"";right:0;bottom:0;filter:brightness(.4) sepia(1);z-index:-1}.content{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.cover{width:600px;height:600px;transform:scale(2);filter:drop-shadow(0 0 50px rgba(0,0,0,.1)) drop-shadow(0 4px 18.9px rgba(0,0,0,.25));box-shadow:inset 0 0 10px 0 #fff;z-index:1;transition:all .3s ease-in-out}.cover:hover{transform:scale(1.97)}.top{margin-top:20px;width:100%;flex-direction:column;font-weight:400;font-size:30px;line-height:46px;text-align:center;text-shadow:0 4px 20px rgba(0,0,0,.3)}.logo,.top{top:0;position:absolute;display:flex;justify-content:center;align-items:center;font-style:normal}.logo{left:20px;font-family:JetBrains Mono;text-shadow:none;font-weight:100;font-size:28px;line-height:37px;gap:30px;color:#ffffff84;mix-blend-mode:overlay}.settings{background-color:#00000000;border:1px solid #ffffff84;padding:8px 10px;color:#ffffff84;border-radius:5px;font-size:15px;display:flex;justify-content:center;align-items:center;gap:8px}.settings:hover{color:#000;background-color:#ffffff66}.settings:active{background-color:#7b7b7b66}.info{top:0;right:20px;font-family:JetBrains Mono;text-shadow:none;font-style:normal;font-weight:100;font-size:28px;line-height:37px;color:#ffffff84;mix-blend-mode:overlay}.bottom,.info{position:absolute;display:flex;align-items:center}.bottom{bottom:0;width:100%;justify-content:center;flex-direction:column}.button{width:200px;height:50px;background:#fff;border-radius:20px;display:flex;justify-content:center;align-items:center;font-family:JetBrains Mono;font-style:normal;font-weight:100;font-size:20px;line-height:26px;cursor:pointer;transition:all .3s;border:none;margin-bottom:100px;z-index:1000}.button,.button:hover{color:#000;text-shadow:0 4px 20px rgba(0,0,0,.3)}.button:hover{background:#ffffffdc}.button:active{background:#ffffff45;color:#000;text-shadow:0 4px 20px rgba(0,0,0,.3)}.controls{width:100%}.controls,.slider{display:flex;justify-content:center;align-items:center;flex-direction:column}.slider{width:300px;gap:10px;padding:20px;accent-color:#fff;color:#fff;opacity:.5;transition:all .3s}@media screen and (max-width:900px){.cover{scale:.8}.top{font-size:25px;transform:scale(.9)}.info,.logo{display:none}.page{height:100dvh;position:fixed;-webkit-overflow-scrolling:auto}}.time{font-family:JetBrains Mono;font-style:normal;font-weight:100;line-height:26px;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3)}.progress{position:absolute;bottom:0;width:100%;height:2px;filter:blur(1px)}.imageCont{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.settings-cont{width:100vw;height:100vh;position:absolute;display:flex;justify-content:start;padding-left:100px;padding-top:200px;align-items:start;pointer-events:none}.settingsCard{background-color:#000000dd;border:2px solid #ffffff16;-webkit-backdrop-filter:blur(10);backdrop-filter:blur(10);width:400px;height:-moz-fit-content;height:fit-content;box-shadow:0 0 100px 50px #0e0e0edd;padding:20px;color:#fff;border-radius:20px;pointer-events:all;font-family:JetBrains Mono;display:flex;flex-direction:column;gap:20px}.toggle{background-color:#000;padding:10px 10px 10px 20px;border:2px solid #494949;border-radius:20px;width:100%;height:100px;font-size:20px;display:flex;justify-content:start;align-items:center}.sectCont{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.settingsSect{border:1px solid #494949;display:flex;padding:10px;border-radius:25px;justify-content:start;align-items:center;flex-direction:column;gap:18px}.settingsInput{background-color:#49494989;height:50px;width:100%;border-radius:20px;border:none;font-size:20px;display:flex;text-align:center;color:#bfbfbf}.settingsInputLabel{font-size:15px;text-align:center}input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:#ddd;border-radius:5px;outline:none;margin-block:20px;transition:background .3s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#818181;border-radius:50%;cursor:pointer;box-shadow:0 0 6px rgba(0,0,0,.2);-webkit-transition:background .3s,transform .2s;transition:background .3s,transform .2s}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#818181;border-radius:50%;cursor:pointer;box-shadow:0 0 6px rgba(0,0,0,.2);-moz-transition:background .3s,transform .2s;transition:background .3s,transform .2s}input[type=range]:hover::-webkit-slider-thumb{background:#818181;transform:scale(1.2)}input[type=range]:hover::-moz-range-thumb{background:#818181;transform:scale(1.2)}input[type=range]::-moz-focus-outer{border:0}input[type=range]:active::-webkit-slider-thumb{background:#818181;transform:scale(1.4)}input[type=range]:active::-moz-range-thumb{background:#818181;transform:scale(1.4)}.slider-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:12rem}.slider-wrapper{justify-content:center;gap:1rem}.slider-root,.slider-wrapper{display:flex;width:100%;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center}.slider-root{position:relative;max-width:200px;flex-grow:1;cursor:-webkit-grab;cursor:grab;padding:1rem 0}.slider-root:active{cursor:-webkit-grabbing;cursor:grabbing}.slider-track-wrapper{display:flex;flex-grow:1}.slider-track{position:relative;flex-grow:1;overflow:hidden;background-color:hsla(0,0%,50%,.4)}.slider-range,.slider-track{height:100%;border-radius:9999px}.slider-range{position:absolute;background-color:#888}.value-indicator{color:gray;position:absolute;transform:translateY(-1rem);font-size:.75rem;font-weight:500;letter-spacing:.05em}.icon{width:24px;height:24px;color:#888}.icon.dark{color:#ddd}.noise-overlay{position:absolute;left:0;top:0;width:100vw;height:100vh}