._app_14f9u_1{font-family:sans-serif;padding:2rem;min-height:100vh;transition:background-color .3s,color .3s}._button_1o0e8_1{display:grid;justify-self:center;padding:.5rem 1rem;border:2px solid currentColor;background:transparent;color:inherit;border-radius:4px;cursor:pointer;font-size:1rem}._card_1o0e8_14{display:grid;justify-self:center;background-color:var(--card-bg);padding:1rem;width:400px;border-radius:6px;margin-top:20px;box-shadow:0 2px 4px #0000001a}._mainContainer_1drsw_2{max-width:500px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;display:grid;grid-template-rows:auto auto auto auto;gap:20px}._header_1drsw_13{display:grid;align-items:center;gap:10px}._logoContainer_1drsw_19{display:flex;justify-content:center}._logo_1drsw_19{max-width:100%;height:auto}._title_1drsw_29{font-size:48px;margin:0;text-align:center}._timerDisplay_1drsw_36{display:grid;grid-template-columns:2fr 1fr;gap:10px;align-items:center;padding:15px}._remainingTime_1drsw_44{font-size:36px;font-weight:700;text-align:center;display:flex;justify-content:center;align-items:center;min-height:100px}._cupContainer_1drsw_54{display:flex;justify-content:center;align-items:center}._coffeecup_1drsw_60{max-width:100%;height:auto}._controlSection_1drsw_66{display:grid;grid-template-rows:auto auto;gap:15px;padding:15px}._playControls_1drsw_73{display:flex;justify-content:center;gap:15px;margin-bottom:10px}._btn_1drsw_80{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}._btn_1drsw_80:hover{background-color:#f9f9f9}._timeInputs_1drsw_96{display:grid;grid-template-columns:1fr 1fr;gap:75px}._timeInput_1drsw_96{display:flex;flex-direction:column;gap:5px}._timeInput_1drsw_96 label{font-size:26px}._timeInput_1drsw_96 input{padding:8px;border:1px solid #ddd;border-radius:5px;width:100%}._presetButtons_1drsw_121{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}._presetBtn_1drsw_127{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:10px;cursor:pointer;font-size:14px;transition:background-color .3s}._presetBtn_1drsw_127:hover{background-color:#f9f9f9}:root{--bg: bisque;--fg: #1c1c1c;--card-bg: #f9f9f9}body.dark{--bg: #453d34;--fg: #f5f5f5;--card-bg: #2a2a2a}body{margin:0;font-family:system-ui,sans-serif;background-color:var(--bg);color:var(--fg);transition:background-color .3s,color .3s}