:root{--primary-color: #3498db;--button-bg: linear-gradient(#f7f7f7, #e2e2e2);--button-hover-bg: #eee}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fdfdfd}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}._CoffeeCalculator_1xwxt_1{text-align:center}._container_1xwxt_5{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#333;max-width:600px;margin:0 auto;padding:20px;text-align:center;position:relative}._container_1xwxt_5>*{width:100%;box-sizing:border-box;text-align:left}._header_1xwxt_21{color:#2c3e50;margin-bottom:30px}._label_1xwxt_26{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:10px;margin-bottom:10px;font-size:16px;text-align:left}._label_1xwxt_26 span{text-align:right}._prominent_label_1xwxt_41{display:block;margin-bottom:15px;font-size:18px;font-weight:700;text-align:left}._button_1xwxt_49{background:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:16px;cursor:pointer;margin-top:20px;text-align:center;width:100%;transition:opacity .3s}._button_1xwxt_49:hover{opacity:.9}._buttonBrewing_1xwxt_66{background-color:#5cb85c}._table_1xwxt_70{width:100%;border-collapse:collapse;margin-top:20px}._table_1xwxt_70 th,._table_1xwxt_70 td{border:1px solid #ddd;padding:8px;text-align:center}._table_1xwxt_70 th{background-color:#f2f2f2;font-weight:700}._table_1xwxt_70 tr:nth-child(2n){background-color:#f9f9f9}._table_1xwxt_70 tfoot td{font-weight:700;background-color:#f2f2f2}._toggleContainer_1xwxt_97{display:flex;align-items:center;justify-content:center;margin-bottom:20px;width:100%}._toggleLabel_1xwxt_105{font-size:16px;padding:10px 20px;cursor:pointer;transition:color .3s,font-weight .3s}._toggleLabel_1xwxt_105._active_1xwxt_112{font-weight:700;color:var(--primary-color)}._toggleSwitch_1xwxt_117{position:relative;width:60px;height:30px;background:var(--button-bg);border:1px solid #ccc;border-radius:15px;margin:0 10px;cursor:pointer;transition:background-color .3s}._toggleSwitch_1xwxt_117:hover{background-color:var(--button-hover-bg)}._switchKnob_1xwxt_133{position:absolute;top:3px;width:24px;height:24px;background-color:#fff;border-radius:50%;transition:transform .3s}._switchKnob_1xwxt_133._left_1xwxt_143{transform:translate(0)}._switchKnob_1xwxt_133._right_1xwxt_147{transform:translate(30px)}._balanceContainer_1xwxt_151{margin-top:30px;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;text-align:center}._balanceControl_1xwxt_160{display:flex;align-items:center;justify-content:space-evenly;gap:10px;margin-bottom:20px}._balanceButton_1xwxt_168{background:var(--button-bg);border:1px solid #ccc;padding:10px 20px;font-size:16px;border-radius:4px;cursor:pointer;transition:background-color .3s;touch-action:manipulation}._balanceButton_1xwxt_168:hover{background-color:var(--button-hover-bg)}._balanceVisual_1xwxt_183{font-size:36px;display:flex;gap:5px;justify-content:center;align-items:center;min-width:120px;margin-bottom:20px}._valuesContainer_1xwxt_193{display:flex;justify-content:space-evenly;align-items:center;margin:20px 0}._valueItem_1xwxt_200{display:flex;flex-direction:column;align-items:center;text-align:center;width:100px}._icon_1xwxt_208{font-size:36px;margin-bottom:5px}._valueLabel_1xwxt_213{font-size:14px;color:#555;margin-bottom:5px}._value_1xwxt_193{font-size:18px;font-weight:700}._massInputContainer_1xwxt_224{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}._massLabel_1xwxt_231{font-size:16px;font-weight:700;margin-bottom:5px}._massAdjustGroup_1xwxt_237{display:flex;align-items:center;gap:5px}._massInput_1xwxt_224::-webkit-inner-spin-button,._massInput_1xwxt_224::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._massInput_1xwxt_224{width:60px;text-align:center;font-size:16px;padding:5px;border:1px solid #ccc;border-radius:4px;-moz-appearance:textfield}._massAdjustButton_1xwxt_260{background:var(--button-bg);border:1px solid #ccc;padding:8px 12px;font-size:16px;border-radius:4px;cursor:pointer;transition:background-color .3s}._massAdjustButton_1xwxt_260:hover{background-color:var(--button-hover-bg)}._boldColumn_1xwxt_273{font-weight:700}._historyContainer_1xwxt_277{margin-top:20px;padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#fafafa}._historyList_1xwxt_285{list-style:none;padding:0;margin:0}._historyItem_1xwxt_291{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px solid #eee}._historyItem_1xwxt_291:last-child{border-bottom:none}._historyLoadButton_1xwxt_303{background:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:12px;transition:opacity .3s}._historyLoadButton_1xwxt_303:hover{opacity:.9}._historyDeleteButton_1xwxt_317{background:none;border:none;cursor:pointer;font-size:14px;margin-right:8px}._historyText_1xwxt_325{display:flex;flex-direction:column;flex-grow:1}._historyDate_1xwxt_331{font-size:12px;color:#555}._historySummary_1xwxt_336{font-size:14px;color:#333}._notification-banner_1xwxt_341{position:absolute;top:10px;left:50%;transform:translate(-50%);background-color:#2ecc71;color:#fff;padding:6px 12px;border-radius:4px;z-index:10}.fineTuneControls{display:flex;align-items:center;justify-content:center;gap:5px}.currentRatioInput{width:60px;text-align:center;font-size:16px;padding:5px;border:1px solid #ccc;border-radius:4px;-moz-appearance:textfield;appearance:textfield}.currentRatioInput::-webkit-inner-spin-button,.currentRatioInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fineTuneButton{background:var(--button-bg);border:1px solid #ccc;padding:8px 12px;font-size:16px;border-radius:4px;cursor:pointer;transition:background-color .3s}.fineTuneButton:hover{background-color:var(--button-hover-bg)}.presetButtons{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:5px}.presetButton{background:var(--button-bg);border:1px solid #ccc;padding:6px 14px;font-size:14px;border-radius:20px;cursor:pointer;box-shadow:0 1px 2px #0000001a;transition:background-color .3s,box-shadow .3s}.presetButton:hover{background-color:var(--button-hover-bg)}.presetButton.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:700;box-shadow:0 2px 5px #0003}.ratioControl{text-align:center;margin:20px 0}.ratioContainer{display:flex;flex-direction:column;align-items:center;margin-top:10px}.ratioLabel{font-size:16px;font-weight:700;margin-bottom:5px}.cupsSelector{display:flex;flex-direction:column;align-items:center;position:relative;margin:20px 0;gap:10px}.topCup{cursor:pointer;transition:transform .2s ease}.topCup:hover{transform:scale(1.1)}.bubble{position:absolute;top:-10px;right:-10px;background:var(--primary-color);color:#fff;font-size:15px;font-weight:700;padding:5px 10px;border-radius:50%;border:2px solid white;box-shadow:0 2px 5px #0003;z-index:10}.stackedCups{position:relative;margin:0 auto;height:120px;width:100px;display:flex;flex-direction:column;align-items:center}.stackedCup{position:relative;font-size:50px;transform:translate(-50%)}.removeButton{position:relative;margin:10px auto;background:var(--button-bg);border:1px solid #ccc;border-radius:50%;width:25px;height:25px;font-size:10px;font-weight:700;color:#333;cursor:pointer;box-shadow:0 2px 5px #0003;transition:background-color .3s ease}.removeButton:hover{background-color:var(--button-hover-bg)}.cup-size-control{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px}.size-button{background:var(--button-bg);border:1px solid #ccc;padding:8px 12px;font-size:16px;border-radius:4px;cursor:pointer;transition:background-color .3s}.size-button:hover{background-color:var(--button-hover-bg)}.cup-size-input{width:60px;text-align:center;font-size:16px;padding:5px;border:1px solid #ccc;border-radius:4px;-moz-appearance:textfield;appearance:textfield}.cup-size-input::-webkit-inner-spin-button,.cup-size-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.strengthControl{display:flex;flex-direction:column;align-items:center;margin:20px 0}.strengthLabel{font-size:16px;font-weight:700;margin-bottom:5px}.strengthButtons{display:flex;gap:10px;margin-top:5px}.strengthButton{background:var(--button-bg);border:1px solid #ccc;padding:8px 12px;font-size:20px;border-radius:4px;cursor:pointer;transition:background-color .3s}.strengthButton:hover{background-color:var(--button-hover-bg)}.strengthButton.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:700;box-shadow:0 2px 5px #0003}._overlay_6usqv_1{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#00000080;z-index:20}._timer-box_6usqv_14{position:relative;background:#fff;padding:32px 40px;border-radius:12px;text-align:center;min-width:340px;box-shadow:0 2px 8px #0000004d;display:flex;flex-direction:column;align-items:center}._close_6usqv_27{position:absolute;top:8px;right:8px;background:none;border:none;font-size:20px;color:var(--primary-color);cursor:pointer;transition:opacity .3s}._close_6usqv_27:hover{opacity:.8}._elapsed_6usqv_42{font-size:32px;color:#555;margin-bottom:8px}._total_6usqv_48{font-size:56px;font-weight:700;margin-bottom:8px;transition:color .3s}._action_6usqv_55{font-size:32px;font-weight:700;margin:12px 0}._next_6usqv_61{font-size:16px;color:#1e90ff;margin-top:12px}._skip_6usqv_67{position:absolute;bottom:8px;right:8px;background:var(--primary-color);color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer}._skip_6usqv_67:hover{opacity:.9}._pourAnim_6usqv_83{animation:_pour_6usqv_83 .5s ease}._drawdownAnim_6usqv_87{animation:_breathe_6usqv_1 2s ease-in-out infinite}._soon_6usqv_91{color:#e67e22;animation:_pulse_6usqv_1 .8s ease-in-out infinite}._flash_6usqv_96{animation:_flash_6usqv_96 .3s ease-in-out}@keyframes _flash_6usqv_96{0%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes _pulse_6usqv_1{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes _pour_6usqv_83{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _breathe_6usqv_1{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}._overlay_kg3ir_1{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#00000080;z-index:30}._box_kg3ir_14{position:relative;background:#fff;padding:32px 40px;border-radius:12px;text-align:center;min-width:320px;box-shadow:0 2px 8px #0000004d}._close_kg3ir_24{position:absolute;top:8px;right:8px;background:none;border:none;font-size:20px;color:var(--primary-color);cursor:pointer;transition:opacity .3s}._close_kg3ir_24:hover{opacity:.8}._message_kg3ir_39{font-size:26px;margin-bottom:16px}._summary_kg3ir_44{font-size:18px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}._item_kg3ir_52{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px solid #e0e0e0}._item_kg3ir_52:last-child{border-bottom:none}._icon_kg3ir_63{margin-right:8px}._label_kg3ir_67{flex:1;text-align:left}._value_kg3ir_72{font-weight:600}._share_kg3ir_76{margin-top:16px;background:none;border:none;font-size:24px;color:var(--primary-color);cursor:pointer;transition:opacity .3s}._share_kg3ir_76:hover{opacity:.8}._elapsed_kg3ir_89{position:absolute;bottom:8px;right:12px;font-size:14px;color:#555}