*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#000;color:#fff;height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:column;height:100vh;max-width:430px;margin:0 auto;position:relative}.main-content{flex:1 1;overflow-y:auto;padding:20px 20px 100px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background-color:#000;border-top:1px solid #333;display:flex;justify-content:space-around;padding:10px 0 30px;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;color:#666;cursor:pointer;transition:color .2s}.nav-item.active{color:#fff}.nav-icon{width:24px;height:24px}.nav-label{font-size:12px;font-weight:500}.screen{min-height:calc(100vh - 100px)}.screen-title{font-size:48px;font-weight:700;margin-bottom:40px}.settings-title{font-size:24px;font-weight:600;text-align:center;margin-bottom:30px}.button{background:none;border:2px solid #fff;color:#fff;padding:15px 30px;border-radius:25px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s}.button-primary,.button:hover{background-color:#fff;color:#000}.button-primary:hover{background-color:#e0e0e0}.toggle{width:50px;height:30px;background-color:#333;border-radius:15px;position:relative;cursor:pointer;transition:background-color .2s}.toggle.active{background-color:#34c759}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:26px;height:26px;background-color:#fff;border-radius:50%;transition:transform .2s}.toggle.active:after{transform:translateX(20px)}.progress-box{transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.3)}.progress-box.active{box-shadow:0 4px 16px hsla(0,0%,100%,.2);transform:scale(1.05)}.progress-box:hover{transform:translateY(-2px)}.customization-panel{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.duration-button{transition:all .2s ease}.duration-button:hover{background-color:#555!important;transform:scale(1.1)}.duration-button:active{transform:scale(.95)}@media (max-width:430px){.main-content{padding:15px}.screen-title{font-size:36px}.progress-box{height:55px!important}.customization-panel{right:10px!important;left:10px!important;max-width:none!important}}