code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100vw}.setup-screen{-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow-x:hidden;overflow-y:auto}.shower-screen{height:100vh;overflow:hidden;transition:background-color 1s ease-in-out}.setup-content{max-width:600px;padding:40px;text-align:center}.app-title{font-size:4rem;font-weight:800;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.app-subtitle{font-size:1.5rem;font-weight:400;margin-bottom:40px;opacity:.95}.info-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:20px;margin-bottom:40px;padding:25px;text-align:left}.info-text{font-size:1.1rem;line-height:1.6;margin-bottom:15px}.benefits-list{list-style:none;padding-left:0}.benefits-list li{font-size:1rem;margin:8px 0;padding-left:25px;position:relative}.benefits-list li:before{color:#4ade80;content:"✓";font-weight:700;left:0;position:absolute}.duration-selector{margin-bottom:40px}.duration-selector h3{font-size:1.8rem;font-weight:600;margin-bottom:20px}.preset-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.preset-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:2px solid #fff6;border-radius:15px;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:600;min-width:120px;padding:20px 35px;transition:all .3s ease}.preset-button:hover{background:#ffffff59;border-color:#fff9;box-shadow:0 10px 25px #0003;transform:translateY(-3px)}.preset-button:active{transform:translateY(-1px)}.protocol-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;padding:25px}.protocol-info h4{font-size:1.3rem;font-weight:600;margin-bottom:20px}.protocol-details{display:flex;gap:20px;justify-content:center;margin-bottom:15px}.protocol-item{background:#ffffff26;border-radius:15px;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:20px}.hot-item{border:2px solid #ff646480}.cold-item{border:2px solid #6496ff80}.protocol-label{font-size:1.3rem;font-weight:700}.protocol-temp{font-size:1.1rem;opacity:.9}.protocol-time{font-size:1rem;opacity:.8}.protocol-note{font-size:.95rem;margin-top:10px;opacity:.85}.disclaimer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff4d;border-radius:12px;margin-top:30px;padding:18px;text-align:center}.disclaimer p{font-size:.95rem;line-height:1.6;margin:0;opacity:.92}.hot-phase{background:linear-gradient(135deg,#f44,#c00);color:#fff}.cold-phase{background:linear-gradient(135deg,#44f,#00c);color:#fff}.shower-content{align-items:center;display:flex;flex-direction:column;gap:40px;max-width:800px;padding:40px;width:100%}.phase-header{text-align:center}.phase-label{font-size:6rem;font-weight:900;letter-spacing:.1em;margin-bottom:10px;text-shadow:3px 3px 6px #0000004d}.temp-range{font-size:2.5rem;font-weight:600;opacity:.95;text-shadow:2px 2px 4px #0003}.timer-display{align-items:center;display:flex;justify-content:center;min-height:200px;text-align:center}.time{font-family:Courier New,monospace;font-size:10rem;font-weight:800;line-height:1;text-shadow:4px 4px 8px #0000004d}.completion-message{text-align:center}.completion-message h2{font-size:3.5rem;margin-bottom:15px;text-shadow:2px 2px 4px #0000004d}.completion-message p{font-size:1.8rem;opacity:.95}.cycle-info{text-align:center}.cycle-text{font-size:2rem;font-weight:600;text-shadow:2px 2px 4px #0003}.final-phase{font-size:1.5rem;font-weight:500;margin-top:10px;opacity:.9}.controls{display:flex;gap:20px;margin-top:20px}.control-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:2px solid #fff6;border-radius:15px;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:600;min-width:140px;padding:18px 35px;transition:all .3s ease}.control-button:hover{background:#ffffff59;border-color:#fff9;box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.control-button:active{transform:translateY(0)}.reset-button{background:#ffffff26}@media (max-width:768px){.app-title{font-size:3rem}.app-subtitle{font-size:1.2rem}.setup-content{padding:20px}.preset-button{font-size:1.3rem;min-width:100px;padding:15px 25px}.phase-label{font-size:4rem}.temp-range{font-size:1.8rem}.time{font-size:6rem}.cycle-text{font-size:1.5rem}.control-button{font-size:1.2rem;min-width:110px;padding:15px 25px}.completion-message h2{font-size:2.5rem}.completion-message p{font-size:1.3rem}.protocol-details{flex-direction:column}}@media (max-width:480px){.app-title{font-size:2.5rem}.phase-label{font-size:3rem}.time{font-size:4.5rem}.controls{flex-direction:column}.control-button,.controls{width:100%}}
/*# sourceMappingURL=main.842166ca.css.map*/