:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-color: #e0e5ec;--primary-color: #1d1e20e0;--text-color: #2c3e50;--shadow-light: #ffffff;--shadow-dark: #a3b1c6}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-color);color:var(--text-color)}.container{max-width:800px;margin:40px auto;padding:2rem;border-radius:20px;background:var(--bg-color);box-shadow:9px 9px 16px var(--shadow-dark),-9px -9px 16px var(--shadow-light);display:flex;flex-direction:column;gap:20px}header{text-align:center;padding-bottom:20px}header h1{color:var(--primary-color);margin:0;font-weight:600;font-size:1.8rem}.file-input{display:none}.upload-wrapper{display:flex;justify-content:center;align-items:center;gap:12px}.upload-circle{width:60px;height:60px;border-radius:50%;background:var(--bg-color);box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease-in-out}.upload-circle:hover{transform:translateY(-2px);box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light)}.upload-circle span{font-size:1.5rem;font-weight:700;color:var(--text-color)}.upload-label{padding:15px 30px;border-radius:40px;background:var(--bg-color);box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);cursor:pointer;transition:all .2s ease-in-out;font-weight:700;color:var(--text-color)}.upload-label:hover{transform:translateY(-2px);box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light)}.status-box,.info-box{border-radius:12px;padding:15px;background:var(--bg-color);box-shadow:inset 2px 2px 5px var(--shadow-dark),inset -2px -2px 5px var(--shadow-light)}.download-container{text-align:center}.download-button{background:var(--bg-color);color:var(--text-color);border:none;padding:15px 40px;font-size:1.1rem;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);transition:all .2s ease-in-out}.download-button:hover{transform:translateY(-2px);box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light)}.download-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light)}.progress-bar-wrapper{width:100%;height:14px;border-radius:10px;background:#d1d9e6;overflow:hidden;box-shadow:inset 2px 2px 5px #a3b1c6,inset -2px -2px 5px #fff}.progress-bar{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .2s ease}.recommendation-note{text-align:center;font-size:.9rem;color:#5a677a;padding:10px 15px;border-radius:8px;background:var(--bg-color);box-shadow:inset 2px 2px 5px var(--shadow-dark),inset -2px -2px 5px var(--shadow-light)}.recommendation-note p{margin:0}.timer-card[data-v-2f9da41b]{max-width:450px;margin:2rem auto;padding:32px;border-radius:20px;background:var(--bg-color, #e0e5ec);box-shadow:9px 9px 16px var(--shadow-dark, #a3b1c6),-9px -9px 16px var(--shadow-light, #ffffff);display:flex;flex-direction:column;align-items:center;gap:24px}.mode-switcher[data-v-2f9da41b]{display:flex;border-radius:12px;padding:5px;background:var(--bg-color, #e0e5ec);box-shadow:inset 2px 2px 5px var(--shadow-dark, #a3b1c6),inset -2px -2px 5px var(--shadow-light, #ffffff)}.mode-switcher button[data-v-2f9da41b]{padding:8px 16px;border:none;background-color:transparent;color:var(--text-secondary, #6e6e73);font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s ease-in-out}.mode-switcher button.active[data-v-2f9da41b]{color:var(--accent-color, #007aff);background:var(--bg-color, #e0e5ec);box-shadow:3px 3px 6px var(--shadow-dark, #a3b1c6),-3px -3px 6px var(--shadow-light, #ffffff)}.timer-display h1[data-v-2f9da41b]{font-size:6rem;font-weight:600;margin:16px 0;color:var(--text-primary, #1d1d1f);text-align:center;font-variant-numeric:tabular-nums;text-shadow:1px 1px 2px var(--shadow-light, #ffffff)}.controls[data-v-2f9da41b]{display:flex;gap:24px}.control-button[data-v-2f9da41b]{width:100px;height:50px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;background:var(--bg-color, #e0e5ec);color:var(--text-secondary, #6e6e73);box-shadow:6px 6px 12px var(--shadow-dark, #a3b1c6),-6px -6px 12px var(--shadow-light, #ffffff);transition:all .1s ease-in-out}.control-button[data-v-2f9da41b]:hover{color:var(--text-primary, #1d1d1f)}.control-button[data-v-2f9da41b]:active{box-shadow:inset 2px 2px 5px var(--shadow-dark, #a3b1c6),inset -2px -2px 5px var(--shadow-light, #ffffff)}.start[data-v-2f9da41b]{color:#34c759}.pause[data-v-2f9da41b]{color:#ff9500}:root{--accent-color: #007aff;--background-shell: #e0e5ec;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--border-color: #d2d2d7;--radius: 12px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background-shell);color:var(--text-primary)}#app{padding:2rem;box-sizing:border-box}.app-shell{max-width:1200px;margin:0 auto}.tabs-nav{display:flex;gap:10px;padding-left:20px}.tab-button{padding:12px 24px;font-size:1rem;font-weight:500;border:none;background-color:#d1d9e6;border-radius:8px 8px 0 0;cursor:pointer;position:relative;color:var(--text-secondary);transition:all .2s ease-in-out;box-shadow:3px 3px 6px #a3b1c6,-3px -3px 6px #fff}.tab-button.active{background-color:var(--background-shell);color:var(--text-primary);box-shadow:inset 2px 2px 4px #a3b1c6,inset -2px -2px 4px #fff}.tab-content{background-color:transparent;border:none;padding-top:2rem}.placeholder{display:flex;align-items:center;justify-content:center;height:50vh;color:var(--text-secondary)}