:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#02040b;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:radial-gradient(circle at top,#20365e38,#0000 36%),linear-gradient(#050816 0%,#02040b 100%);overflow:hidden}button,input,textarea,select{font:inherit}.app-shell{align-items:center;width:min(100%,500px);min-height:100%;margin:0 auto;position:relative;overflow:hidden}.particle-canvas{pointer-events:none;z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.particle-canvas{image-rendering:auto}}.content-container{text-align:center;grid-template-columns:auto auto;grid-template-areas:"title title""left right""button button""result result";align-items:center;padding:20px;display:grid;overflow-y:auto}.title{margin-top:5px}.content-header{grid-area:title}.content-left .content-right{flex-direction:column;justify-content:center;align-items:center;display:flex}.content-left{grid-area:left}.content-right{grid-area:right}.calculate-button-container{grid-area:button}.result-container{grid-area:result}.title-container{text-align:center;grid-template-columns:1fr;align-items:center;display:grid}.title{color:#fff;text-shadow:0 0 10px #ffffff80;align-self:center;font-size:2rem;font-weight:700}.subtitle{color:#868686;align-self:center;font-size:1rem}.time-input{align-items:left;text-align:left;grid-template-columns:auto;width:160px;padding:10px;display:grid}.time-input-label{color:#fff;margin-bottom:5px;font-size:1rem}.time-input-fields{grid-template-columns:auto auto auto auto;gap:10px;display:grid}.time-input-field{text-align:center;border:2px solid #0543b680;width:60px;padding:5px}.time-input-separator{text-align:center;padding:5px;font-size:1rem;font-weight:700}.grid-popup{background-color:#000c;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:auto;padding:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-popup-content{grid-template-columns:auto auto auto auto;gap:10px;width:100%;margin-bottom:20px;display:grid}.grid-popup-button{color:#fff;cursor:pointer;border:none;border-radius:5px;width:auto;min-width:auto;padding:10px 2rem;font-size:1rem}.grid-popup-button:hover{background-color:#fff3}.grid-popup-close{color:#fff;background-color:#c8000080;border:2px solid #fff;border-radius:5px;padding:5px 10px;font-size:.9rem;font-weight:700}@media (width<=400px){.grid-popup{width:90%}.grid-popup-content{grid-template-columns:auto auto}}.option-container{gap:10px;align-items:left;grid-template-columns:auto auto;margin:20px 10px 10px;display:grid}.option-label{color:#fff;align-self:left;text-align:left;font-size:1.2rem}.option-checkbbox{cursor:pointer;border:2px solid #0543b680;border-radius:3px;width:30px;height:30px}.button{color:#fff;cursor:pointer;border:none;border-radius:5px;width:100%;margin-top:20px;padding:10px 20px;font-size:1rem}.big-number{color:#fff;width:100%;height:auto;padding:20px;font-size:3rem;font-weight:700}