._container_vucov_2{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:background-color .3s ease}._logo_vucov_10{margin-bottom:1rem}h1{font-size:2rem;margin-bottom:1rem;text-align:center}._coffeecup_vucov_20{margin:1rem 0}._remaining-time_vucov_24{font-size:2rem;font-weight:700;margin-bottom:1rem}._timer-controls_vucov_31{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}._play-buttons_vucov_38{display:flex;gap:.1rem;margin-bottom:1rem}._input-boxes_vucov_44{display:flex;gap:.1rem}._time-input_vucov_49{display:flex;flex-direction:column;align-items:center}._time-input_vucov_49 label{font-size:.9rem;margin-bottom:.5rem}input{padding:.5rem;border:1px solid #ccc;border-radius:5px;text-align:center;width:4rem}._buttons_vucov_69{display:flex;margin-top:0rem;flex-wrap:nowrap}._btn_vucov_75{background-color:var(--primary-color, #6c63ff);color:#fff;border:none;padding:.4rem .8rem;margin:.1rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease;white-space:nowrap;flex:1}._btn_vucov_75:hover{background-color:var(--secondary-color, #ff6584)}@media (max-width: 768px){._container_vucov_2{padding:1rem}h1,._remaining-time_vucov_24{font-size:1.5rem}._input-boxes_vucov_44{flex-direction:column;gap:.5rem}input{width:100%}}._button_jw625_1{padding:.5rem 1rem;border:2px solid currentColor;background:transparent;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease,color .3s ease}._lightPreview_jw625_12{background-color:#b78c77;color:var(--text-color);border-color:var(--text-color)}._darkPreview_jw625_18{background-color:#1e1e1e;color:#f5f5f5;border-color:#b78c77}._app_1q8zo_1{font-family:sans-serif;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .3s,color .3s}._card_1q8zo_11{background-color:var(--card-bg);padding:1rem;border-radius:6px;box-shadow:0 2px 4px #0000001a}._theme-toggle_1q8zo_18{margin-top:2rem}:root{--primary-color: #6c63ff;--secondary-color: #ff6584;--bg: #b78c77;--text-color: #333;--font-family: system-ui, sans-serif;--fg: #000000;--card-bg: #f9f9f9}body.dark{--bg: #1e1e1e;--fg: #f5f5f5;--card-bg: #2a2a2a}body{margin:0;font-family:var(--font-family);background-color:var(--bg);color:var(--text-color);line-height:1.6;color:var(--fg);transition:background-color .3s,color .3s}