html,body{margin:0;padding:0;width:100%;height:100%;font-family:Outfit,sans-serif;overflow:hidden;background-color:#0d0e15;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%}*{box-sizing:border-box}.app-container[data-v-c0313b57]{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;transition:background .5s ease-in-out;background:radial-gradient(circle at 50% 50%,#1a1c29,#0d0e15)}.app-container.work[data-v-c0313b57]{background:radial-gradient(circle at 50% 50%,#4a2123,#130303)}.app-container.rest[data-v-c0313b57]{background:radial-gradient(circle at 50% 50%,#163645,#030e15)}.app-container.done[data-v-c0313b57]{background:radial-gradient(circle at 50% 50%,#1b4522,#031308)}.glass-card[data-v-c0313b57]{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:40px;padding:3.5rem 4rem;text-align:center;box-shadow:0 30px 60px -12px #000000b3;display:flex;flex-direction:column;gap:2rem;width:90%;max-width:480px;transform:translateY(0);animation:float-c0313b57 6s ease-in-out infinite}@keyframes float-c0313b57{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.title[data-v-c0313b57]{font-size:1.2rem;font-weight:500;letter-spacing:6px;text-transform:uppercase;margin:0;color:#fff9}.status[data-v-c0313b57]{font-size:3rem;font-weight:800;letter-spacing:4px;text-transform:uppercase;height:3.5rem;text-shadow:0 0 20px rgba(255,255,255,.2);transition:color .3s}.app-container.work .status[data-v-c0313b57]{color:#ff6b6b;text-shadow:0 0 30px rgba(255,107,107,.4)}.app-container.rest .status[data-v-c0313b57]{color:#4facfe;text-shadow:0 0 30px rgba(79,172,254,.4)}.app-container.done .status[data-v-c0313b57]{color:#43e97b;text-shadow:0 0 30px rgba(67,233,123,.4)}.timer-display[data-v-c0313b57]{font-size:8rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 10px 30px rgba(0,0,0,.4)}.progress-bar-container[data-v-c0313b57]{width:100%;border-radius:10px;overflow:hidden;background:#ffffff0d}.current-phase[data-v-c0313b57]{height:8px;box-shadow:inset 0 2px 5px #0000004d}.overall[data-v-c0313b57]{height:4px;margin-top:.8rem;box-shadow:inset 0 1px 3px #0000004d}.progress-bar[data-v-c0313b57]{height:100%;background:#fff;transition:width 1s linear,background-color .3s ease}.app-container.work .current-phase .progress-bar[data-v-c0313b57]{background:#ff6b6b;box-shadow:0 0 15px #ff6b6b}.app-container.rest .current-phase .progress-bar[data-v-c0313b57]{background:#4facfe;box-shadow:0 0 15px #4facfe}.app-container.done .current-phase .progress-bar[data-v-c0313b57]{background:#43e97b;box-shadow:0 0 15px #43e97b}.overall-bar[data-v-c0313b57]{background:#fff9;transition:width 1s linear}.stats[data-v-c0313b57]{font-size:1rem;color:#ffffffb3;display:flex;flex-direction:column;align-items:center}.stat-text[data-v-c0313b57]{font-weight:300;letter-spacing:1px}.action-btn[data-v-c0313b57]{background:#ffffffe6;color:#000;border:none;padding:1.2rem 2.5rem;border-radius:40px;font-size:1.2rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);margin-top:1rem;letter-spacing:1px;text-transform:uppercase}.action-btn[data-v-c0313b57]:hover{transform:scale(1.05);box-shadow:0 15px 30px #fff3;background:#fff}.action-btn[data-v-c0313b57]:active{transform:scale(.95)}