:root{--color-black-coffee:#1c1410;--color-dark-roast:#241c17;--color-espresso:#2d2319;--color-mocha:#3d3229;--color-caramel:#a67b5b;--color-toffee:#8b6914;--color-copper:#9a7b4f;--color-latte:#c4a77d;--color-cream:#f5ede4;--color-foam:#e8dfd5;--color-muted:#a89f96;--color-subtle:#9c8e85;--color-sour:#d4915c;--color-balanced:#7a9e6d;--color-bitter:#b85c5c;--color-success:#7a9e6d;--color-very-sour:color-mix(in srgb, var(--color-sour) 72%, #b8430a);--color-very-bitter:color-mix(in srgb, var(--color-bitter) 68%, #6e1a1a);--color-bitter-text:color-mix(in srgb, var(--color-bitter) 82%, var(--color-cream));--color-star:#e6b450;--color-espresso-dark:var(--color-dark-roast);--color-cream-muted:var(--color-muted);--font-display:"Newsreader", Georgia, serif;--font-heading:var(--font-display);--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--text-4xl:2rem;--text-5xl:2.5rem;--shadow-card:0 8px 32px #00000080;--shadow-button:0 4px 12px #0006;--shadow-focus:0 0 0 3px color-mix(in srgb, var(--color-caramel) 12%, transparent);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-card:20px;--radius-pill:9999px;--ease:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.22, 1, .36, 1);--transition-base:background-color .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease), opacity .2s var(--ease)}[data-theme=light]{--color-black-coffee:#faf8f5;--color-dark-roast:#f0ebe5;--color-espresso:#fff;--color-mocha:#e5ddd5;--color-caramel:#8b6914;--color-toffee:#6b5010;--color-copper:#6a5b3f;--color-latte:#5d4d3d;--color-cream:#1a1512;--color-foam:#2a231a;--color-muted:#5a5048;--color-subtle:#6e655c;--color-sour:#b87a40;--color-balanced:#5a8050;--color-bitter:#a04040;--color-success:#3d7a35;--color-star:#9a6a10;--shadow-card:0 4px 24px #0000000f;--shadow-button:0 2px 8px #00000014}[data-theme=catppuccin]{--color-black-coffee:#1e1e2e;--color-dark-roast:#181825;--color-espresso:#313244;--color-mocha:#45475a;--color-caramel:#fab387;--color-toffee:#f9e2af;--color-copper:#f5c2e7;--color-latte:#f9e2af;--color-cream:#cdd6f4;--color-foam:#bac2de;--color-muted:#a6adc8;--color-subtle:#828799;--color-sour:#fab387;--color-balanced:#a6e3a1;--color-bitter:#f38ba8;--color-success:#a6e3a1;--color-star:#f9e2af;--shadow-card:0 8px 32px #0006;--shadow-button:0 4px 12px #0000004d}[data-theme=rosepine]{--color-black-coffee:#191724;--color-dark-roast:#1f1d2e;--color-espresso:#26233a;--color-mocha:#403d52;--color-caramel:#f6c177;--color-toffee:#ebbcba;--color-copper:#c4a7e7;--color-latte:#ebbcba;--color-cream:#e0def4;--color-foam:#c4c2d8;--color-muted:#9d99b5;--color-subtle:#9894b2;--color-sour:#f6c177;--color-balanced:#9ccfd8;--color-bitter:#eb6f92;--color-success:#9ccfd8;--color-star:#f6c177;--shadow-card:0 8px 32px #00000080;--shadow-button:0 4px 12px #0006}[data-theme=rosepine-moon]{--color-black-coffee:#232136;--color-dark-roast:#2a273f;--color-espresso:#393552;--color-mocha:#44415a;--color-caramel:#f6c177;--color-toffee:#ea9a97;--color-copper:#c4a7e7;--color-latte:#ea9a97;--color-cream:#e0def4;--color-foam:#c4c2d8;--color-muted:#9d99b5;--color-subtle:#9894b2;--color-sour:#f6c177;--color-balanced:#9ccfd8;--color-bitter:#eb6f92;--color-success:#9ccfd8;--color-star:#f6c177;--shadow-card:0 8px 32px #00000073;--shadow-button:0 4px 12px #00000059}[data-theme=fadetouched]{--color-black-coffee:#091816;--color-dark-roast:#11201e;--color-espresso:#1f2d29;--color-mocha:#3e4945;--color-caramel:#96bb93;--color-toffee:#81b8a8;--color-copper:#7daacf;--color-latte:#99c9c9;--color-cream:#dee1df;--color-foam:#c8ccc9;--color-muted:#b3b7b4;--color-subtle:#979d98;--color-sour:#d7a176;--color-balanced:#96bb93;--color-bitter:#c87a75;--color-success:#96bb93;--color-star:#d7be86;--color-very-sour:#cf9873;--color-very-bitter:#b56460;--color-bitter-text:#cc8d88;--shadow-card:0 8px 32px #00000080;--shadow-button:0 4px 12px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:linear-gradient(160deg, var(--color-dark-roast) 0%, var(--color-black-coffee) 100%);color:var(--color-cream);visibility:visible;min-height:100vh;line-height:1.6}#root{min-height:100vh}.dashboard{max-width:1200px;padding:2.5rem 1.5rem;padding-top:max(2.5rem, env(safe-area-inset-top));padding-bottom:max(2.5rem, env(safe-area-inset-bottom));padding-left:max(1.5rem, env(safe-area-inset-left));padding-right:max(1.5rem, env(safe-area-inset-right));margin:0 auto}.header{text-align:center;margin-bottom:3rem}.header__icon{width:56px;height:56px;color:var(--color-latte);margin:0 auto .75rem}.header__title{font-family:var(--font-display);font-size:var(--text-5xl);color:var(--color-cream);letter-spacing:-.01em;font-weight:400;line-height:1.1}.header__subtitle{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-latte);letter-spacing:.01em;margin-top:.75rem;font-style:italic;font-weight:400}.icon{flex-shrink:0;width:20px;height:20px}.icon--lg{width:28px;height:28px}.icon--xl{width:40px;height:40px}.dashboard__grid{grid-template-columns:1fr;align-items:start;gap:1.5rem;display:grid}@media (width>=768px){.dashboard__grid{grid-template-columns:1fr 1fr}}@media (width>=1024px){.dashboard__grid{grid-template-columns:minmax(380px,1fr) minmax(400px,1.2fr)}}@media (width>=768px){.side-panel{max-height:calc(100vh - 4rem);position:sticky;top:2rem}.side-panel .card:last-child{flex-direction:column;flex:1;display:flex;overflow:hidden}.side-panel .history-list{flex:1;max-height:400px;overflow-y:auto}}.card{background:var(--color-dark-roast);border:1px solid color-mix(in srgb, var(--color-mocha) 55%, transparent);border-radius:var(--radius-card);box-shadow:none;padding:2rem;transition:border-color .3s}.card:hover{border-color:color-mix(in srgb, var(--color-caramel) 30%, transparent)}.card__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-foam);align-items:center;gap:.625rem;margin-bottom:1.6rem;font-weight:400;display:flex}.card__title .icon{color:var(--color-latte)}.card__expand-btn{border:1px solid var(--color-mocha);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;transition:var(--transition-base);background:0 0;justify-content:center;align-items:center;margin-left:auto;padding:.375rem;display:none}@media (width>=900px){.card__expand-btn{display:flex}}.card__expand-btn:hover{background:color-mix(in srgb, var(--color-caramel) 15%, transparent);border-color:var(--color-caramel);color:var(--color-cream)}.card__expand-btn .icon{width:16px;height:16px}.modal--history{flex-direction:column;max-width:800px;max-height:85vh;display:flex}.modal--history .modal__body{flex-direction:column;padding:0;display:flex;overflow:hidden}.history-modal__filters{border-bottom:1px solid var(--color-mocha);flex-shrink:0;gap:.75rem;padding:1rem 1.5rem;display:flex}.history-modal__filters .history-filter{flex:none}.history-modal__filters .history-filter__search{flex:1}.history-modal__content{flex:1;display:flex;overflow:hidden}.history-modal__list{flex-direction:column;flex:1;gap:.75rem;min-width:0;padding:1rem 1.5rem;display:flex;overflow-y:auto}.history-modal__list .history-item{border-radius:var(--radius-md);transition:var(--transition-base);border:1px solid #0000;padding:.75rem}.history-modal__list .history-item:hover{background:color-mix(in srgb, var(--color-caramel) 6%, transparent);border-color:color-mix(in srgb, var(--color-caramel) 45%, transparent)}.history-modal__list .history-item--favorite{border-color:color-mix(in srgb, var(--color-star) 40%, transparent)}.history-modal__list .history-item--selected{background:color-mix(in srgb, var(--color-caramel) 14%, transparent);border-color:var(--color-caramel)}.history-modal__list .history-item__actions{flex-direction:row;align-self:flex-start;gap:.25rem}.history-modal__preview{display:none}@media (width>=900px){.modal--history{max-width:1100px!important}.history-modal__content{grid-template-columns:1fr 380px;gap:0;display:grid}.history-modal__list{border-right:1px solid var(--color-mocha)}.history-modal__preview{background:color-mix(in srgb, var(--color-caramel) 3%, transparent);flex-direction:column;padding:1.25rem;display:flex;overflow-y:auto}}.history-modal__preview-empty{color:var(--color-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;display:flex}.history-modal__preview-empty .icon{opacity:.4;width:48px;height:48px}.history-modal__preview-empty p{font-size:var(--text-sm)}.history-modal__preview-actions{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.history-modal__preview-actions .btn-action{min-width:0;font-size:var(--text-xs);flex:auto;gap:.25rem;padding:.5rem .625rem}.history-modal__preview-actions .btn-action .icon{width:14px;height:14px}@media (width<=899px){.modal--history{max-height:90vh}.history-modal__filters{flex-direction:column;padding:.75rem 1rem}.history-modal__preview{display:none}}.form-group{margin-bottom:1.375rem}.form-group:last-child{margin-bottom:0}.form-label{font-size:var(--text-sm);color:var(--color-muted);letter-spacing:.01em;margin-bottom:.625rem;font-weight:500;display:block}.form-input{width:100%;font-size:var(--text-base);font-family:var(--font-sans);border:1px solid var(--color-mocha);border-radius:var(--radius-md);background:var(--color-dark-roast);color:var(--color-cream);transition:var(--transition-base);padding:.875rem 1.125rem}.form-input:focus{border-color:var(--color-caramel);box-shadow:var(--shadow-focus);outline:none}.form-input::placeholder{color:var(--color-subtle)}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pill-group{flex-wrap:wrap;gap:.5rem;display:flex}.pill-btn{font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);border:1px solid var(--color-mocha);border-radius:var(--radius-pill);background:var(--color-dark-roast);color:var(--color-muted);cursor:pointer;transition:var(--transition-base);padding:.625rem 1.125rem}.pill-btn:hover{border-color:var(--color-caramel);color:var(--color-cream)}.pill-btn--active{background:var(--color-caramel);border-color:var(--color-caramel);color:var(--color-black-coffee);font-weight:600}.pill-btn--sour.pill-btn--active{background:var(--color-sour);border-color:var(--color-sour);color:var(--color-black-coffee)}.pill-btn--balanced.pill-btn--active{background:var(--color-balanced);border-color:var(--color-balanced);color:var(--color-black-coffee)}.pill-btn--bitter.pill-btn--active{background:var(--color-bitter);border-color:var(--color-bitter);color:var(--color-black-coffee)}.slider-container{align-items:center;gap:1rem;display:flex}.slider{appearance:none;border-radius:var(--radius-xs);background:var(--color-mocha);cursor:pointer;outline:none;flex:1;height:6px}.slider::-webkit-slider-thumb{appearance:none;background:var(--color-cream);border:3px solid var(--color-caramel);cursor:pointer;width:22px;height:22px;transition:transform .22s var(--ease-spring);border-radius:50%;box-shadow:0 2px 6px #00000059}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000073}.slider::-moz-range-thumb{background:var(--color-cream);border:3px solid var(--color-caramel);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #00000059}.slider-value{min-width:3.25rem;font-size:var(--text-lg);text-align:center;background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);color:var(--color-latte);font-weight:600;font-family:var(--font-sans);padding:.5rem .75rem}.slider-labels{font-size:var(--text-xs);color:var(--color-subtle);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;margin-top:.375rem;padding:0 .25rem;display:flex}.btn-submit{width:100%;font-size:var(--text-base);font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-md);background:var(--color-caramel);color:var(--color-black-coffee);cursor:pointer;transition:var(--transition-base);text-transform:uppercase;letter-spacing:.12em;box-shadow:none;border:none;margin-top:.75rem;padding:1rem 1.5rem}.btn-submit:hover{background:var(--color-latte)}.btn-submit:active{transform:translateY(0)}.barista-tip{background:color-mix(in srgb, var(--color-caramel) 8%, transparent);border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--color-caramel) 30%, transparent);align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.barista-tip__icon{color:var(--color-latte);flex-shrink:0}.barista-tip__content h4{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-latte);margin-bottom:.375rem;font-weight:600}.barista-tip__content p{font-size:var(--text-sm);color:var(--color-cream);line-height:1.55}.barista-tip--sour{border-color:var(--color-sour);background:color-mix(in srgb, var(--color-sour) 8%, transparent)}.barista-tip--sour .barista-tip__icon,.barista-tip--sour h4{color:var(--color-sour)}.barista-tip--balanced{border-color:var(--color-balanced);background:color-mix(in srgb, var(--color-balanced) 8%, transparent)}.barista-tip--balanced .barista-tip__icon,.barista-tip--balanced h4{color:var(--color-balanced)}.barista-tip--bitter{border-color:var(--color-bitter);background:color-mix(in srgb, var(--color-bitter) 8%, transparent)}.barista-tip--bitter .barista-tip__icon,.barista-tip--bitter h4{color:var(--color-bitter)}.empty-state{text-align:center;color:var(--color-subtle);padding:2.5rem 1.5rem}.empty-state__icon{color:var(--color-subtle);opacity:.5;margin:0 auto .875rem}.empty-state__text{font-size:var(--text-sm);line-height:1.5}.empty-state__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-cream);margin:.75rem 0 .35rem;font-weight:600}.history-list{flex-direction:column;gap:0;max-height:480px;padding-right:.25rem;display:flex;overflow-y:auto}.history-item{border:none;border-bottom:1px solid color-mix(in srgb, var(--color-mocha) 45%, transparent);background:0 0;border-radius:0;align-items:flex-start;gap:1rem;padding:1.05rem .25rem;transition:border-color .2s;display:flex}.history-item:hover{border-bottom-color:color-mix(in srgb, var(--color-caramel) 45%, transparent)}.history-item__rating{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.history-item__rating .icon{width:18px;height:18px}.history-item__rating--sour{background:color-mix(in srgb, var(--color-sour) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-sour) 25%, transparent);color:var(--color-sour)}.history-item__rating--balanced{background:color-mix(in srgb, var(--color-balanced) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-balanced) 25%, transparent);color:var(--color-balanced)}.history-item__rating--bitter{background:color-mix(in srgb, var(--color-bitter) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-bitter) 25%, transparent);color:var(--color-bitter-text)}.history-item__details{flex:1;min-width:0}.history-item__bean{font-family:var(--font-display);color:var(--color-foam);font-weight:400;font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-item__meta{font-size:var(--text-sm);color:var(--color-subtle);margin-top:.125rem}.history-item__settings{flex-wrap:wrap;align-items:center;gap:.25rem 0;margin-top:.45rem;display:flex}.setting-tag{font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-sans);letter-spacing:0;background:0 0;border:none;padding:0;font-weight:400}.history-item__settings .setting-tag:not(:last-child):after{content:"·";color:color-mix(in srgb, var(--color-muted) 45%, transparent);margin:0 .5rem}.setting-tag--timer{align-items:center;gap:.2rem;display:inline-flex}.setting-tag--timer .icon{width:13px;height:13px}.side-panel{flex-direction:column;gap:1.5rem;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--color-dark-roast);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb{background:var(--color-mocha);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--color-caramel)}.autocomplete{position:relative}.autocomplete__input-wrap{align-items:center;display:flex;position:relative}.autocomplete__input-wrap .form-input{padding-right:2.75rem}.autocomplete__toggle{width:28px;height:28px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;right:.75rem}.autocomplete__toggle:hover{color:var(--color-latte)}.autocomplete__dropdown{background:var(--color-espresso);border:1px solid var(--color-mocha);border-radius:var(--radius-md);z-index:100;max-height:200px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.autocomplete__option{text-align:left;width:100%;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-cream);cursor:pointer;background:0 0;border:none;padding:.75rem 1rem;transition:background .15s}.autocomplete__option:hover{background:var(--color-mocha)}.autocomplete__option:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.autocomplete__option:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.autocomplete__option:only-child{border-radius:var(--radius-md)}.autocomplete__option--library{align-items:center;gap:.5rem;display:flex}.autocomplete__option--library .icon{width:16px;height:16px;color:var(--color-caramel);flex-shrink:0}.autocomplete__option-name{flex:1}.autocomplete__option-roaster{font-size:var(--text-xs);color:var(--color-muted);margin-left:auto}.icon--sm{width:16px;height:16px}.grind-control{align-items:center;gap:.75rem;display:flex}.grind-control__btn{background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-muted);cursor:pointer;transition:var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.grind-control__btn:hover:not(:disabled){border-color:var(--color-caramel);color:var(--color-latte);background:var(--color-espresso)}.grind-control__btn:active:not(:disabled){transform:scale(.95)}.grind-control__btn:disabled{opacity:.3;cursor:not-allowed}.grind-control__slider-wrap{flex:1;align-items:center;gap:.75rem;display:flex}.grind-control__value{min-width:2.5rem;font-size:var(--text-xl);text-align:center;background:var(--color-mocha);border-radius:var(--radius-sm);color:var(--color-latte);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-base);border:none;padding:.375rem .5rem}button.grind-control__value:hover{background:color-mix(in srgb, var(--color-mocha) 75%, var(--color-caramel))}.grind-control__value:focus-visible{box-shadow:var(--shadow-focus);outline:none}.grind-control__value--input{appearance:textfield;width:3rem}.grind-control__value--input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.grind-control__value--input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rating-scale{gap:.375rem;display:flex}.rating-btn{font-size:var(--text-xs);font-weight:500;font-family:var(--font-sans);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);background:var(--color-dark-roast);color:var(--color-muted);cursor:pointer;transition:var(--transition-base);text-transform:uppercase;letter-spacing:.02em;flex-direction:column;flex:1;align-items:center;gap:.125rem;padding:.5rem .25rem;display:flex}.rating-btn:hover{border-color:var(--color-caramel);color:var(--color-cream)}.rating-btn__label{display:block}.rating-btn__intensity{font-size:var(--text-xs);opacity:.7}.rating-btn--very-sour.rating-btn--active{background:linear-gradient(135deg, var(--color-very-sour) 0%, color-mix(in srgb, var(--color-very-sour) 82%, #000) 100%);border-color:var(--color-very-sour);color:var(--color-black-coffee);box-shadow:0 0 12px color-mix(in srgb, var(--color-very-sour) 35%, transparent)}.rating-btn--sour.rating-btn--active{background:linear-gradient(135deg, var(--color-sour) 0%, color-mix(in srgb, var(--color-sour) 82%, #000) 100%);border-color:var(--color-sour);color:var(--color-black-coffee);box-shadow:0 0 12px color-mix(in srgb, var(--color-sour) 30%, transparent)}.rating-btn--balanced.rating-btn--active{background:linear-gradient(135deg, var(--color-balanced) 0%, color-mix(in srgb, var(--color-balanced) 80%, #000) 100%);border-color:var(--color-balanced);color:var(--color-black-coffee);box-shadow:0 0 12px color-mix(in srgb, var(--color-balanced) 30%, transparent)}.rating-btn--bitter.rating-btn--active{background:linear-gradient(135deg, var(--color-bitter) 0%, color-mix(in srgb, var(--color-bitter) 82%, #000) 100%);border-color:var(--color-bitter);color:var(--color-black-coffee);box-shadow:0 0 12px color-mix(in srgb, var(--color-bitter) 30%, transparent)}.rating-btn--very-bitter.rating-btn--active{background:linear-gradient(135deg, var(--color-very-bitter) 0%, color-mix(in srgb, var(--color-very-bitter) 82%, #000) 100%);border-color:var(--color-very-bitter);color:var(--color-cream);box-shadow:0 0 12px color-mix(in srgb, var(--color-very-bitter) 35%, transparent)}.barista-tip--very-sour{border-color:var(--color-very-sour);background:color-mix(in srgb, var(--color-very-sour) 8%, transparent)}.barista-tip--very-sour .barista-tip__icon,.barista-tip--very-sour h4{color:var(--color-very-sour)}.barista-tip--very-bitter{border-color:var(--color-very-bitter);background:color-mix(in srgb, var(--color-very-bitter) 8%, transparent)}.barista-tip--very-bitter .barista-tip__icon,.barista-tip--very-bitter h4{color:var(--color-very-bitter)}.history-item__rating--very-sour{background:color-mix(in srgb, var(--color-very-sour) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-very-sour) 25%, transparent);color:var(--color-very-sour)}.history-item__rating--very-bitter{background:color-mix(in srgb, var(--color-very-bitter) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-very-bitter) 25%, transparent);color:var(--color-very-bitter)}.adjustment-badge{font-size:var(--text-xs);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-xs);vertical-align:middle;margin-left:.5rem;padding:.125rem .5rem;font-weight:600;display:inline-block}.adjustment-badge--small{background:color-mix(in srgb, var(--color-caramel) 20%, transparent);color:var(--color-latte)}.adjustment-badge--large{background:color-mix(in srgb, var(--color-very-sour) 25%, transparent);color:var(--color-very-sour)}.select-wrap{align-items:center;display:flex;position:relative}.form-select{width:100%;font-size:var(--text-base);font-family:var(--font-sans);border:1px solid var(--color-mocha);border-radius:var(--radius-md);background:var(--color-dark-roast);color:var(--color-cream);cursor:pointer;appearance:none;transition:var(--transition-base);padding:.875rem 2.5rem .875rem 1.125rem}.form-select:focus{border-color:var(--color-caramel);box-shadow:var(--shadow-focus);outline:none}.form-select option{background:var(--color-espresso);color:var(--color-cream);padding:.5rem}.select-wrap .icon{pointer-events:none;color:var(--color-muted);position:absolute;right:.875rem}.rating-slider{flex-direction:column;gap:.5rem;display:flex}.rating-slider__label{font-size:var(--text-lg);font-weight:600;font-family:var(--font-display);text-align:center;transition:color .2s}.rating-slider__track{padding:.5rem 0;position:relative}.rating-slider__input{appearance:none;border-radius:var(--radius-xs);background:linear-gradient(to right, var(--color-very-sour) 0%, var(--color-sour) 25%, var(--color-balanced) 50%, var(--color-bitter) 75%, var(--color-very-bitter) 100%);cursor:pointer;outline:none;width:100%;height:6px}.rating-slider__input::-webkit-slider-thumb{appearance:none;background:var(--color-cream);border:3px solid var(--rating-color,var(--color-caramel));cursor:pointer;border-radius:50%;width:24px;height:24px;transition:border-color .2s,transform .15s;box-shadow:0 2px 8px #0006}.rating-slider__input::-webkit-slider-thumb:hover{transform:scale(1.1)}.rating-slider__input::-moz-range-thumb{background:var(--color-cream);border:3px solid var(--rating-color,var(--color-caramel));cursor:pointer;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #0006}.rating-slider__scale{font-size:var(--text-xs);color:var(--color-subtle);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;display:flex}.froth-toggle{width:100%;font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);border:1px solid var(--color-mocha);border-radius:var(--radius-md);background:var(--color-dark-roast);color:var(--color-cream);cursor:pointer;transition:var(--transition-base);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.froth-toggle:hover{border-color:var(--color-caramel)}.froth-toggle .icon{color:var(--color-latte)}.froth-toggle span:first-of-type{text-align:left;flex:1}.froth-toggle__badge{font-size:var(--text-xs);background:var(--color-mocha);border-radius:var(--radius-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;padding:.125rem .5rem}.froth-panel{background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);border-top-left-radius:0;border-top-right-radius:0;margin-top:-.5rem;padding:1rem}.froth-panel__row{margin-bottom:.875rem}.froth-panel__row:last-child{margin-bottom:0}.froth-panel .form-label{font-size:var(--text-xs);margin-bottom:.5rem}.pill-btn--sm{font-size:var(--text-xs);padding:.5rem .75rem}.setting-tag--milk{background:color-mix(in srgb, var(--color-caramel) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-caramel) 25%, transparent);border-radius:var(--radius-sm);color:var(--color-latte);align-items:center;gap:.3rem;padding:.25rem .5rem;display:inline-flex}.setting-tag--milk .icon{width:12px;height:12px}.star-btn{width:48px;height:48px;color:var(--color-subtle);cursor:pointer;transition:var(--transition-base);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.star-btn:hover{color:var(--color-latte);background:color-mix(in srgb, var(--color-caramel) 10%, transparent)}.star-btn--active{color:var(--color-star)}.star-btn--active:hover{color:color-mix(in srgb, var(--color-star) 88%, #000)}.history-item--favorite{border-bottom-color:color-mix(in srgb, var(--color-star) 40%, transparent)}.target-recipe{background:color-mix(in srgb, var(--color-star) 6%, transparent);border:1px solid color-mix(in srgb, var(--color-star) 55%, transparent);border-radius:var(--radius-md);margin-bottom:1rem;padding:1rem}.target-recipe__header{font-size:var(--text-sm);color:var(--color-star);align-items:center;gap:.5rem;margin-bottom:.625rem;font-weight:600;display:flex}.target-recipe__header .icon{color:var(--color-star)}.target-recipe__settings{flex-wrap:wrap;gap:.375rem;display:flex}.setting-tag--gold{background:color-mix(in srgb, var(--color-star) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-star) 30%, transparent);border-radius:var(--radius-sm);color:var(--color-star);padding:.25rem .5rem}.grind-control__btn{width:48px;min-width:48px;height:48px;min-height:48px}.grind-control__btn .icon{width:24px;height:24px}.slider--thick{height:10px}.slider--thick::-webkit-slider-thumb{border-width:4px;width:28px;height:28px}.slider--thick::-moz-range-thumb{border-width:4px;width:28px;height:28px}.rating-slider__input{height:10px}.rating-slider__input::-webkit-slider-thumb{width:28px;height:28px}.rating-slider__input::-moz-range-thumb{width:28px;height:28px}.pill-btn{min-height:44px;padding:.75rem 1.25rem}.pill-btn--sm{min-height:40px;padding:.5rem .875rem}.form-select,.form-input,.froth-toggle{min-height:48px}.btn-submit{min-height:52px}.pill-group--wrap{flex-wrap:wrap}@media (width<=480px){.dashboard{padding:1.5rem 1rem}.header__title{font-size:var(--text-3xl)}.card{padding:1.25rem}.grind-control{flex-wrap:wrap;justify-content:center}.grind-control__slider-wrap{order:-1;width:100%;margin-bottom:.5rem}.froth-panel{padding:.875rem}.froth-panel .pill-group{gap:.375rem}.froth-panel .pill-btn--sm{text-align:center;flex:auto;min-width:calc(50% - .25rem)}.rating-slider__label{font-size:var(--text-base)}.history-item{flex-wrap:wrap;gap:.75rem;padding:.875rem}.history-item__rating{width:44px;height:44px}.history-item__details{flex:calc(100% - 100px)}.star-btn{width:44px;height:44px}.target-recipe{padding:.875rem}.target-recipe__settings{flex-wrap:wrap}}@media (width>=481px) and (width<=767px){.pill-group{gap:.375rem}.pill-btn{font-size:var(--text-sm);padding:.625rem 1rem}}.recipe-menu{background:color-mix(in srgb, var(--color-caramel) 8%, transparent);border:1px solid var(--color-mocha);border-radius:var(--radius-md);max-width:1100px;margin:0 auto 1.5rem;padding:1rem 1.25rem}.recipe-menu__label{font-size:var(--text-xs);color:var(--color-latte);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;display:flex}.recipe-menu__label .icon{color:var(--color-star)}.recipe-menu__chips{flex-wrap:wrap;gap:.5rem;display:flex}.recipe-chip{background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:var(--radius-card);transition:var(--transition-base);align-items:stretch;display:flex;overflow:hidden}.recipe-chip:hover{border-color:var(--color-caramel)}.recipe-chip__btn{font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);color:var(--color-cream);cursor:pointer;transition:var(--transition-base);background:0 0;border:none;padding:.5rem .875rem}.recipe-chip__btn:hover{background:color-mix(in srgb, var(--color-caramel) 15%, transparent);color:var(--color-caramel)}.recipe-chip__dismiss{border:none;border-left:1px solid var(--color-mocha);color:var(--color-subtle);cursor:pointer;transition:var(--transition-base);background:0 0;padding:.5rem .625rem}.recipe-chip__dismiss:hover{background:color-mix(in srgb, var(--color-caramel) 15%, transparent);color:var(--color-muted)}.collapsible{transition:grid-template-rows .26s var(--ease-spring);grid-template-rows:0fr;display:grid}.collapsible--open{grid-template-rows:1fr}.collapsible__inner{min-height:0;overflow:hidden}.shot-timer{background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.shot-timer__display{text-align:center;min-width:80px}.shot-timer__time{font-family:var(--font-mono,"SF Mono", "Consolas", monospace);font-size:var(--text-3xl);color:var(--color-cream);letter-spacing:.02em;font-weight:600}.shot-timer__controls{gap:.5rem;display:flex}.shot-timer__btn{border:1px solid var(--color-mocha);border-radius:var(--radius-sm);background:var(--color-espresso);width:40px;height:40px;color:var(--color-cream);font-size:var(--text-lg);cursor:pointer;transition:var(--transition-base);justify-content:center;align-items:center;display:flex}.shot-timer__btn:hover:not(:disabled){background:var(--color-mocha);border-color:var(--color-caramel)}.shot-timer__btn:disabled{opacity:.4;cursor:not-allowed}.shot-timer__btn--start{background:color-mix(in srgb, var(--color-balanced) 20%, transparent);border-color:color-mix(in srgb, var(--color-balanced) 40%, transparent);color:var(--color-balanced)}.shot-timer__btn--start:hover{background:color-mix(in srgb, var(--color-balanced) 35%, transparent);border-color:var(--color-balanced)}.shot-timer__btn--stop{background:color-mix(in srgb, var(--color-caramel) 20%, transparent);border-color:var(--color-caramel);color:var(--color-caramel)}.shot-timer__btn--stop:hover{background:color-mix(in srgb, var(--color-caramel) 35%, transparent)}.advanced-tools{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.advanced-group{flex-direction:column;display:flex}.advanced-toggle{background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;transition:var(--transition-base);font-size:var(--text-sm);text-align:left;align-items:center;gap:.625rem;width:100%;padding:.75rem 1rem;display:flex}.advanced-toggle:hover{background:color-mix(in srgb, var(--color-caramel) 12%, transparent);border-color:var(--color-caramel)}.advanced-toggle--active{background:color-mix(in srgb, var(--color-caramel) 15%, transparent);border-color:var(--color-caramel);color:var(--color-cream)}.advanced-toggle .icon{width:18px;height:18px;color:var(--color-caramel)}.advanced-toggle__badge{font-size:var(--text-xs);background:var(--color-espresso);border-radius:var(--radius-xs);color:var(--color-muted);margin-left:auto;padding:.125rem .5rem}.advanced-toggle--active .advanced-toggle__badge{background:var(--color-caramel);color:var(--color-espresso)}.dose-yield{background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);border-top-left-radius:0;border-top-right-radius:0;margin-top:-.5rem;padding:1rem}.dose-yield__inputs{align-items:flex-end;gap:.75rem;display:flex}.dose-yield__field{flex-direction:column;flex:1;gap:.25rem;display:flex}.dose-yield__field label{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em}.dose-yield__field input{background:var(--color-espresso);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);color:var(--color-cream);font-size:var(--text-base);text-align:center;width:100%;padding:.625rem .75rem;font-weight:500}.dose-yield__field input:focus{border-color:var(--color-caramel);outline:none}.dose-yield__field input::-webkit-outer-spin-button{-webkit-appearance:none;opacity:1;background:var(--color-mocha);border-left:1px solid var(--color-mocha);cursor:pointer;margin:0}.dose-yield__field input::-webkit-inner-spin-button{-webkit-appearance:none;opacity:1;background:var(--color-mocha);border-left:1px solid var(--color-mocha);cursor:pointer;margin:0}.dose-yield__field input[type=number]{appearance:textfield}.dose-yield__arrow{font-size:var(--text-2xl);color:var(--color-caramel);padding-bottom:.5rem}.dose-yield__ratio{border-top:1px solid var(--color-mocha);justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.dose-yield__ratio-label{font-size:var(--text-sm);color:var(--color-muted)}.dose-yield__ratio-value{font-size:var(--text-xl);color:var(--color-caramel);font-weight:600;font-family:var(--font-sans)}.advanced-tools .shot-timer{border-top-left-radius:0;border-top-right-radius:0;margin-top:-.5rem}.form-actions{gap:.75rem;margin-top:1.5rem;display:flex}.form-actions .btn-submit{flex:1;margin-top:0}.btn-save-recipe{font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);border:2px solid var(--color-caramel);border-radius:var(--radius-md);color:var(--color-caramel);cursor:pointer;transition:var(--transition-base);background:0 0;justify-content:center;align-items:center;gap:.5rem;min-height:52px;padding:.875rem 1.25rem;display:flex}.btn-save-recipe:hover:not(:disabled){background:color-mix(in srgb, var(--color-caramel) 15%, transparent)}.btn-save-recipe:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-overflow-scrolling:touch;background:#000000b3;justify-content:center;align-items:flex-start;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--color-espresso);border:1px solid var(--color-mocha);border-radius:var(--radius-card);flex-direction:column;width:100%;max-width:420px;max-height:calc(100vh - 2rem);margin:auto 0;display:flex;box-shadow:0 20px 60px #00000080}.modal__header{border-bottom:1px solid var(--color-mocha);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal__header h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-foam);font-weight:400}.modal__close{width:36px;height:36px;color:var(--color-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal__close:hover{background:color-mix(in srgb, var(--color-caramel) 15%, transparent);color:var(--color-cream)}.modal__header-actions{align-items:center;gap:.25rem;display:flex}.modal__header-btn{width:36px;height:36px;color:var(--color-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal__header-btn:hover{background:color-mix(in srgb, var(--color-caramel) 15%, transparent);color:var(--color-cream)}.modal__header-btn--delete:hover{background:color-mix(in srgb, var(--color-very-bitter) 15%, transparent);color:var(--color-very-bitter)}.modal__header-btn .icon{width:18px;height:18px}.btn-action{font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);color:var(--color-cream);cursor:pointer;transition:var(--transition-base);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.btn-action:hover{background:color-mix(in srgb, var(--color-caramel) 15%, transparent);border-color:var(--color-caramel)}.btn-action--active{background:color-mix(in srgb, var(--color-balanced) 15%, transparent);border-color:var(--color-balanced);color:var(--color-balanced)}.btn-action--primary{background:linear-gradient(135deg, var(--color-caramel) 0%, color-mix(in srgb, var(--color-caramel) 72%, #000) 100%);color:var(--color-black-coffee);border:none;font-weight:600}.btn-action--primary:hover{box-shadow:0 4px 16px color-mix(in srgb, var(--color-caramel) 25%, transparent);transform:translateY(-1px)}.btn-action .icon{width:16px;height:16px}.history-item__actions{flex-direction:column;flex-shrink:0;align-items:center;gap:.125rem;display:flex}.history-item__delete-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-subtle);cursor:pointer;transition:var(--transition-base);opacity:.4;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.history-item:hover .history-item__delete-btn{opacity:.7}.history-item__delete-btn:hover{opacity:1;background:color-mix(in srgb, var(--color-very-bitter) 15%, transparent);color:var(--color-very-bitter)}.history-item__delete-btn .icon{width:16px;height:16px}.history-item__edit-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-subtle);cursor:pointer;transition:var(--transition-base);opacity:.4;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.history-item:hover .history-item__edit-btn{opacity:.7}.history-item__edit-btn:hover{opacity:1;background:color-mix(in srgb, var(--color-caramel) 15%, transparent);color:var(--color-caramel)}.history-item__edit-btn .icon{width:16px;height:16px}@media (width<=480px){.modal__footer{flex-wrap:wrap}.btn-action{min-width:calc(50% - .375rem);font-size:var(--text-sm);flex:calc(50% - .375rem);padding:.75rem .5rem}.btn-action--primary{flex:100%;order:4}}.modal__body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;padding:1.5rem;overflow-y:auto}.modal__desc{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:1rem;line-height:1.5}.modal__preview{background:color-mix(in srgb, var(--color-caramel) 6%, transparent);border-radius:var(--radius-sm);margin-top:1rem;padding:1rem}.modal__preview-label{font-size:var(--text-xs);color:var(--color-subtle);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-weight:600}.setting-tags-wrap{flex-wrap:wrap;gap:.375rem;display:flex}.modal__footer{gap:.75rem;padding:1rem 1.5rem 1.5rem;display:flex}.btn-cancel{font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;transition:var(--transition-base);background:0 0;flex:1;padding:.875rem 1.25rem}.btn-cancel:hover{background:color-mix(in srgb, var(--color-caramel) 10%, transparent);color:var(--color-cream)}.modal__footer .btn-submit{flex:1;margin-top:0}.history-item__notes{font-size:var(--text-xs);color:var(--color-latte);background:color-mix(in srgb, var(--color-caramel) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-caramel) 14%, transparent);border-radius:var(--radius-sm);margin-top:.5rem;padding:.5rem .75rem;font-style:italic}@media (width<=480px){.recipe-menu{margin-bottom:1rem;padding:.875rem 1rem}.recipe-chip__btn{font-size:var(--text-xs);padding:.5rem .75rem}.form-actions{flex-direction:column}.btn-save-recipe{width:100%}}.history-item--clickable{cursor:pointer;transition:var(--transition-base)}.history-item--clickable:hover{background:color-mix(in srgb, var(--color-caramel) 8%, transparent);transform:translate(4px)}.modal--wide{max-width:480px}.shot-detail__rating{border-radius:var(--radius-md);font-size:var(--text-base);align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem;font-weight:600;display:flex}.shot-detail__rating .icon{width:28px;height:28px}.shot-detail__rating--very-sour{background:color-mix(in srgb, var(--color-very-sour) 15%, transparent);color:var(--color-very-sour)}.shot-detail__rating--sour{background:color-mix(in srgb, var(--color-sour) 15%, transparent);color:var(--color-sour)}.shot-detail__rating--balanced{background:color-mix(in srgb, var(--color-balanced) 15%, transparent);color:var(--color-balanced)}.shot-detail__rating--bitter{background:color-mix(in srgb, var(--color-bitter) 15%, transparent);color:var(--color-bitter-text)}.shot-detail__rating--very-bitter{background:color-mix(in srgb, var(--color-very-bitter) 15%, transparent);color:var(--color-very-bitter)}.shot-detail__fav-badge{font-size:var(--text-xs);background:color-mix(in srgb, var(--color-star) 15%, transparent);border-radius:var(--radius-sm);color:var(--color-star);align-items:center;gap:.25rem;margin-left:auto;padding:.25rem .5rem;display:inline-flex}.shot-detail__fav-badge .icon{width:13px;height:13px}.shot-detail__timestamp{font-size:var(--text-sm);color:var(--color-muted);border-bottom:1px solid var(--color-mocha);margin-bottom:1.25rem;padding-bottom:1rem}.shot-detail__grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem;display:grid}.shot-detail__item{flex-direction:column;gap:.25rem;display:flex}.shot-detail__label{font-size:var(--text-xs);color:var(--color-subtle);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.shot-detail__value{font-size:var(--text-base);color:var(--color-cream);font-weight:500}.shot-detail__notes{background:color-mix(in srgb, var(--color-caramel) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-caramel) 14%, transparent);border-radius:var(--radius-sm);margin-top:1rem;padding:1rem}.shot-detail__notes p{font-size:var(--text-sm);color:var(--color-latte);margin-top:.5rem;font-style:italic;line-height:1.5}.modal__footer--space-between{justify-content:space-between}.btn-delete{font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);background:color-mix(in srgb, var(--color-very-bitter) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-very-bitter) 30%, transparent);border-radius:var(--radius-sm);color:var(--color-very-bitter);cursor:pointer;transition:var(--transition-base);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.btn-delete:hover{background:color-mix(in srgb, var(--color-very-bitter) 25%, transparent);border-color:var(--color-very-bitter)}.btn-delete .icon{width:16px;height:16px}@media (width<=480px){.shot-detail__grid{grid-template-columns:1fr 1fr;gap:.75rem}.shot-detail__rating{flex-wrap:wrap}}.header__btn{font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);background:color-mix(in srgb, var(--color-caramel) 15%, transparent);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);color:var(--color-latte);cursor:pointer;transition:var(--transition-base);align-items:center;gap:.5rem;padding:.625rem 1rem;display:flex}.header__btn--icon{padding:.625rem}.header__btn:hover{background:color-mix(in srgb, var(--color-caramel) 25%, transparent);border-color:var(--color-caramel);color:var(--color-cream)}.header__theme-select{align-items:center;display:flex}.header__theme-dropdown{font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);background:color-mix(in srgb, var(--color-caramel) 15%, transparent);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);color:var(--color-latte);cursor:pointer;transition:var(--transition-base);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23C4A77D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding:.625rem 2rem .625rem .875rem}.header__theme-dropdown:hover{background-color:color-mix(in srgb, var(--color-caramel) 25%, transparent);border-color:var(--color-caramel);color:var(--color-cream)}.header__theme-dropdown:focus{border-color:var(--color-caramel);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-caramel) 20%, transparent);outline:none}.header__theme-dropdown option{background:var(--color-dark-roast);color:var(--color-cream);padding:.5rem}.header{position:relative}.header__btns{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.modal--large{max-width:700px}.modal__body--split{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.bean-form h4,.bean-list h4{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-cream);margin-bottom:1rem;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.bean-form__actions{gap:.75rem;margin-top:1rem;display:flex}.bean-form__actions .btn-submit{flex:1;margin-top:0}.bean-form__actions .btn-cancel{flex:0;padding:.75rem 1rem}.bean-list__items{flex-direction:column;gap:.5rem;max-height:350px;display:flex;overflow-y:auto}.bean-card{background:color-mix(in srgb, var(--color-caramel) 6%, transparent);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);border:1px solid #0000;gap:.75rem;padding:.75rem;display:flex}.bean-card:hover{background:color-mix(in srgb, var(--color-caramel) 12%, transparent)}.bean-card--editing{border-color:var(--color-caramel);background:color-mix(in srgb, var(--color-caramel) 15%, transparent)}.bean-card--inactive{opacity:.5}.bean-card__main{flex:1;min-width:0}.bean-card__name{font-weight:600;font-size:var(--text-sm);color:var(--color-cream);margin-bottom:.25rem}.bean-card__meta{font-size:var(--text-xs);color:var(--color-muted);flex-wrap:wrap;gap:.25rem .5rem;display:flex}.bean-card__meta span:after{content:"•";color:var(--color-mocha);margin-left:.5rem}.bean-card__meta span:last-child:after{display:none}.bean-card__freshness{font-size:var(--text-xs);align-items:center;gap:.375rem;margin-top:.375rem;font-weight:500;display:flex}.bean-card__freshness .icon{width:14px;height:14px}.bean-card__actions{flex-direction:column;gap:.25rem;display:flex}.bean-card__toggle{height:28px;font-family:var(--font-sans);font-size:var(--text-xs);white-space:nowrap;border:1px solid var(--color-mocha);border-radius:var(--radius-pill);color:var(--color-muted);cursor:pointer;transition:var(--transition-base);background:0 0;justify-content:center;align-items:center;gap:.3rem;padding:0 .625rem;font-weight:600;display:inline-flex}.bean-card__toggle .icon{width:13px;height:13px}.bean-card__toggle--active{background:color-mix(in srgb, var(--color-balanced) 20%, transparent);border-color:var(--color-balanced);color:var(--color-balanced)}.bean-card__delete{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-subtle);cursor:pointer;transition:var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.bean-card__delete:hover{background:color-mix(in srgb, var(--color-very-bitter) 20%, transparent);color:var(--color-very-bitter)}.empty-state--small{padding:1.75rem 1rem}.empty-state--small .icon{width:32px;height:32px}.empty-state--small p{font-size:var(--text-sm)}.recipe-library{flex-direction:column;gap:1rem;display:flex}.recipe-library__item{background:color-mix(in srgb, var(--color-caramel) 6%, transparent);border:1px solid var(--color-mocha);border-radius:var(--radius-md);transition:var(--transition-base);padding:1rem}.recipe-library__item:hover{border-color:var(--color-caramel);background:color-mix(in srgb, var(--color-caramel) 10%, transparent)}.recipe-library__header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.recipe-library__name{font-size:var(--text-base);color:var(--color-cream);margin:0;font-weight:600}.recipe-library__actions{gap:.5rem;display:flex}.recipe-library__action-btn{background:color-mix(in srgb, var(--color-caramel) 10%, transparent);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-muted);cursor:pointer;transition:var(--transition-base);justify-content:center;align-items:center;padding:0;display:flex}.recipe-library__action-btn:hover{background:color-mix(in srgb, var(--color-caramel) 20%, transparent);border-color:var(--color-caramel);color:var(--color-cream)}.recipe-library__action-btn--danger:hover{border-color:color-mix(in srgb, var(--color-bitter) 60%, transparent);background:color-mix(in srgb, var(--color-bitter) 10%, transparent);color:var(--color-bitter-text)}.recipe-library__apply-btn{width:auto;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-caramel);border-color:color-mix(in srgb, var(--color-caramel) 45%, transparent);padding:0 .875rem;font-weight:600}.recipe-library__action-btn--starred{color:var(--color-caramel);border-color:var(--color-caramel);background:color-mix(in srgb, var(--color-latte) 15%, transparent)}.recipe-library__action-btn--starred:hover{background:color-mix(in srgb, var(--color-latte) 25%, transparent)}.recipe-library__item--starred{border-color:var(--color-caramel);background:color-mix(in srgb, var(--color-latte) 8%, transparent)}.recipe-library__action-btn .icon{width:16px;height:16px}.recipe-library__details{flex-direction:column;gap:.5rem;display:flex}.recipe-library__bean{font-size:var(--text-sm);color:var(--color-caramel);align-items:center;gap:.5rem;font-weight:500;display:flex}.recipe-library__bean .icon{width:14px;height:14px}.recipe-library__settings{flex-wrap:wrap;gap:.375rem;display:flex}.recipe-library__notes{font-size:var(--text-sm);color:var(--color-muted);border-top:1px solid color-mix(in srgb, var(--color-caramel) 15%, transparent);margin:.5rem 0 0;padding-top:.5rem;font-style:italic}@media (width<=600px){.modal__body--split,.form-row{grid-template-columns:1fr}.header__btn{margin-top:1rem;position:static;transform:none}}.stats-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:color-mix(in srgb, var(--color-caramel) 8%, transparent);border:1px solid var(--color-mocha);border-radius:var(--radius-md);text-align:center;padding:1rem}.stat-card--success{background:color-mix(in srgb, var(--color-balanced) 10%, transparent);border-color:color-mix(in srgb, var(--color-balanced) 30%, transparent)}.stat-card--accent{background:color-mix(in srgb, var(--color-caramel) 15%, transparent);border-color:var(--color-caramel)}.stat-hero{text-align:center;background:color-mix(in srgb, var(--color-balanced) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-balanced) 30%, transparent);border-radius:var(--radius-md);margin-bottom:1rem;padding:1.5rem 1rem}.stat-hero__value{font-family:var(--font-display);color:var(--color-success);font-size:3.25rem;font-weight:700;line-height:1}.stat-hero__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-top:.4rem}.stat-hero__context{font-size:var(--text-sm);color:var(--color-subtle);margin-top:.5rem}.stat-card__value{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-cream);margin-bottom:.25rem;font-weight:600;line-height:1}.stat-card--success .stat-card__value{color:var(--color-balanced)}.stat-card--accent .stat-card__value{color:var(--color-caramel)}.stat-card__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.stats-section{margin-bottom:1.5rem}.stats-section:last-child{margin-bottom:0}.stats-section h4{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-cream);margin-bottom:.75rem;font-weight:600}.bar-chart{flex-direction:column;gap:.5rem;display:flex}.bar-chart__row{grid-template-columns:90px 1fr 30px;align-items:center;gap:.75rem;display:grid}.bar-chart--beans .bar-chart__row{grid-template-columns:120px 1fr 30px}.bar-chart__label{font-size:var(--text-xs);color:var(--color-muted);text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bar-chart__label--bean{text-align:left;color:var(--color-latte)}.bar-chart__bar-wrap{background:color-mix(in srgb, var(--color-caramel) 8%, transparent);border-radius:var(--radius-xs);height:20px;overflow:hidden}.bar-chart__bar{border-radius:var(--radius-xs);min-width:4px;height:100%;transition:width .3s}.bar-chart__bar--caramel{background:var(--color-caramel)}.bar-chart__value{font-size:var(--text-xs);color:var(--color-cream);text-align:right;font-weight:600}@media (width<=600px){.header__btn--secondary{right:auto}.stats-summary{grid-template-columns:repeat(2,1fr)}.bar-chart__row{grid-template-columns:70px 1fr 25px}.bar-chart--beans .bar-chart__row{grid-template-columns:80px 1fr 25px}}.header__btn--tertiary{padding:.625rem;right:16.5rem}.data-summary{background:color-mix(in srgb, var(--color-caramel) 8%, transparent);border-radius:var(--radius-md);justify-content:center;gap:1.75rem;margin-bottom:1rem;padding:.875rem;display:flex}.data-summary__item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.data-summary__count{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-cream);font-weight:600;line-height:1}.data-summary__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.import-status{border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:center;margin-bottom:1rem;padding:.75rem 1rem;font-weight:500}.import-status--success{background:color-mix(in srgb, var(--color-balanced) 15%, transparent);color:var(--color-balanced);border:1px solid color-mix(in srgb, var(--color-balanced) 30%, transparent)}.import-status--error{background:color-mix(in srgb, var(--color-very-bitter) 15%, transparent);color:var(--color-very-bitter);border:1px solid color-mix(in srgb, var(--color-very-bitter) 30%, transparent)}.import-undo-btn{width:100%;font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);border-radius:var(--radius-sm);border:1px solid var(--color-mocha);color:var(--color-cream);cursor:pointer;background:0 0;margin-bottom:1rem;padding:.6rem 1rem;transition:background .15s,color .15s,border-color .15s;display:block}.import-undo-btn:hover{background:color-mix(in srgb, var(--color-caramel) 15%, transparent);border-color:var(--color-caramel);color:var(--color-caramel)}.data-actions{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;display:grid}.data-action-btn{background:color-mix(in srgb, var(--color-caramel) 8%, transparent);border:1px solid var(--color-mocha);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);flex-direction:row;align-items:center;gap:.625rem;min-height:44px;padding:.75rem .875rem;display:flex}.data-action-btn:hover{background:color-mix(in srgb, var(--color-caramel) 15%, transparent);border-color:var(--color-caramel)}.data-action-btn .icon{width:20px;height:20px;color:var(--color-caramel);flex-shrink:0}.data-action-btn span{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-cream);font-weight:600}.data-action-btn--danger{border-color:color-mix(in srgb, var(--color-bitter) 40%, transparent)}.data-action-btn--danger:hover{border-color:color-mix(in srgb, var(--color-bitter) 80%, transparent);background:color-mix(in srgb, var(--color-bitter) 8%, transparent)}.data-action-btn--danger .icon,.data-action-btn--danger span{color:var(--color-bitter-text)}.data-warning{font-size:var(--text-xs);color:var(--color-subtle);text-align:center;margin:0}@media (width<=480px){.header__btn--tertiary{right:auto}.data-actions{grid-template-columns:1fr}.data-summary{gap:1.5rem}}.modal--caffeine{max-width:420px}.caffeine-gauge{background:linear-gradient(145deg, var(--color-espresso-dark), var(--color-espresso));border-radius:var(--radius-md);flex-direction:column;align-items:center;margin-bottom:1.5rem;padding:1.5rem;display:flex}.caffeine-gauge__circle{width:160px;height:160px;position:relative}.caffeine-gauge__circle svg{width:100%;height:100%}.caffeine-gauge__bg{fill:none;stroke:var(--color-mocha);stroke-width:8px}.caffeine-gauge__fill{fill:none;stroke:var(--color-caramel);stroke-width:8px;stroke-linecap:round;transition:stroke-dasharray .5s}.caffeine-gauge--moderate .caffeine-gauge__fill{stroke:var(--color-sour)}.caffeine-gauge--high .caffeine-gauge__fill{stroke:var(--color-bitter)}.caffeine-gauge__value{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.caffeine-gauge__number{font-size:var(--text-5xl);color:var(--color-cream);font-weight:700;font-family:var(--font-heading);display:block}.caffeine-gauge__unit{font-size:var(--text-sm);color:var(--color-cream-muted);text-transform:uppercase;letter-spacing:.1em;display:block}.caffeine-gauge__status{font-size:var(--text-base);color:var(--color-cream);margin-top:1rem;font-style:italic}.caffeine-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.caffeine-stat{text-align:center;background:var(--color-espresso-dark);border-radius:var(--radius-md);padding:1rem}.caffeine-stat__value{font-size:var(--text-3xl);color:var(--color-caramel);font-weight:700;font-family:var(--font-heading);display:block}.caffeine-stat__label{font-size:var(--text-xs);color:var(--color-cream-muted);margin-top:.25rem;display:block}.caffeine-info{background:var(--color-espresso-dark);border-radius:var(--radius-md);padding:1.25rem}.caffeine-info h3{font-size:var(--text-sm);color:var(--color-cream-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.caffeine-breakdown{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.caffeine-breakdown__item{background:var(--color-espresso);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.caffeine-breakdown__basket{color:var(--color-cream);font-weight:600}.caffeine-breakdown__mg{font-size:var(--text-sm);color:var(--color-caramel)}.caffeine-limit{font-size:var(--text-sm);color:var(--color-cream-muted);text-align:center;margin:0}.caffeine-limit strong{color:var(--color-caramel)}@media (width<=480px){.caffeine-stats{grid-template-columns:1fr}.header__btn--caffeine{right:auto}}.history-filter{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.history-filter__select{font-size:var(--text-sm);font-family:var(--font-sans);background:var(--color-espresso-dark);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);color:var(--color-cream);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23A6B09A' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;flex:1;padding:.625rem 2rem .625rem 1rem}.history-filter__select:hover,.history-filter__select:focus{border-color:var(--color-caramel);outline:none}.history-filter__select option{background:var(--color-espresso);color:var(--color-cream)}.history-filter__clear{width:32px;height:32px;font-size:var(--text-xl);background:color-mix(in srgb, var(--color-very-bitter) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-very-bitter) 30%, transparent);border-radius:var(--radius-sm);color:var(--color-very-bitter);cursor:pointer;transition:var(--transition-base);justify-content:center;align-items:center;font-weight:300;display:flex}.history-filter__clear:hover{background:color-mix(in srgb, var(--color-very-bitter) 25%, transparent);border-color:var(--color-very-bitter)}.history-filters{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.history-filter__search{min-width:140px;font-size:var(--text-sm);font-family:var(--font-sans);background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);color:var(--color-cream);transition:var(--transition-base);flex:1;padding:.625rem 1rem}.history-filter__search:focus{border-color:var(--color-caramel);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-caramel) 10%, transparent);outline:none}.history-filter__search::placeholder{color:var(--color-muted)}.recipe-chip--pinned{border-color:var(--color-caramel);background:color-mix(in srgb, var(--color-caramel) 10%, transparent)}.modal__footer-actions{gap:.75rem;display:flex}.btn-secondary{font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);background:color-mix(in srgb, var(--color-caramel) 15%, transparent);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);color:var(--color-latte);cursor:pointer;transition:var(--transition-base);align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.btn-secondary:hover{background:color-mix(in srgb, var(--color-caramel) 25%, transparent);border-color:var(--color-caramel);color:var(--color-cream)}.btn-secondary .icon{width:16px;height:16px}.edit-recipe__grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.5rem;display:grid}.form-input--sm{text-align:center;width:80px}.pill-group--sm{gap:.375rem}.pill-group--sm .pill-btn--sm{font-size:var(--text-xs);padding:.375rem .625rem}.suggested-settings{background:color-mix(in srgb, var(--color-balanced) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-balanced) 30%, transparent);border-radius:var(--radius-md);margin-top:1rem;padding:1rem}.suggested-settings__header{font-size:var(--text-sm);color:var(--color-latte);align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;display:flex}.suggested-settings__header .icon{width:16px;height:16px;color:var(--color-success)}.suggested-settings__values{gap:1.5rem;margin-bottom:.75rem;display:flex}.suggested-setting{flex-direction:column;gap:.25rem;display:flex}.suggested-setting__label{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.suggested-setting__value{font-size:var(--text-xl);color:var(--color-cream);font-weight:600}.suggested-setting__diff{font-size:var(--text-xs);margin-left:.25rem;font-weight:500}.diff--finer{color:var(--color-very-sour)}.diff--coarser{color:var(--color-balanced)}.btn-apply-suggestion{width:100%;font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);background:linear-gradient(135deg, color-mix(in srgb, var(--color-balanced) 30%, transparent), color-mix(in srgb, var(--color-balanced) 15%, transparent));border:1px solid var(--color-success);border-radius:var(--radius-sm);color:var(--color-success);cursor:pointer;transition:var(--transition-base);justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;display:flex}.btn-apply-suggestion:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--color-balanced) 40%, transparent), color-mix(in srgb, var(--color-balanced) 25%, transparent));transform:translateY(-1px)}.btn-apply-suggestion .icon{width:16px;height:16px}.dialin-journey{border-top:1px solid var(--color-mocha);margin-top:1.25rem;padding-top:1rem}.dialin-journey__label{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;display:flex}.dialin-journey__label .icon{width:14px;height:14px}.dialin-journey__timeline{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.journey-step{border-radius:var(--radius-sm);font-size:var(--text-xs);border:1px solid #0000;align-items:center;gap:.375rem;padding:.5rem .625rem;font-weight:600;display:flex}.journey-step .icon{width:14px;height:14px}.journey-step__grind{font-family:var(--font-sans)}.stat-hero__value,.stat-card__value,.data-summary__count,.caffeine-gauge__value,.caffeine-gauge__number,.caffeine-stat__value,.dose-yield__ratio-value,.grind-control__value,.journey-step__grind,.setting-tag{font-variant-numeric:tabular-nums}.journey-step__arrow{color:var(--color-muted);font-size:var(--text-sm);margin:0 .125rem;font-weight:400}.journey-step--sour{background:color-mix(in srgb, var(--color-sour) 15%, transparent);color:var(--color-sour);border-color:color-mix(in srgb, var(--color-sour) 25%, transparent)}.journey-step--very-sour{background:color-mix(in srgb, var(--color-very-sour) 15%, transparent);color:var(--color-very-sour);border-color:color-mix(in srgb, var(--color-very-sour) 25%, transparent)}.journey-step--balanced{background:color-mix(in srgb, var(--color-balanced) 15%, transparent);color:var(--color-balanced);border-color:color-mix(in srgb, var(--color-balanced) 25%, transparent)}.journey-step--bitter{background:color-mix(in srgb, var(--color-bitter) 15%, transparent);color:var(--color-bitter);border-color:color-mix(in srgb, var(--color-bitter) 25%, transparent)}.journey-step--very-bitter{background:color-mix(in srgb, var(--color-very-bitter) 15%, transparent);color:var(--color-very-bitter);border-color:color-mix(in srgb, var(--color-very-bitter) 25%, transparent)}.modal--confirm{max-width:400px}.confirm-message{font-size:var(--text-base);color:var(--color-cream);line-height:1.6}.modal__footer--confirm{border-top:1px solid var(--color-mocha);justify-content:flex-end;gap:.75rem;padding-top:1.5rem;display:flex}.btn--secondary{font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);border:1px solid var(--color-muted);border-radius:var(--radius-sm);color:var(--color-cream);cursor:pointer;transition:var(--transition-base);background:0 0;padding:.625rem 1.25rem}.btn--secondary:hover{background:var(--color-mocha);border-color:var(--color-cream)}.btn--danger{font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);background:linear-gradient(135deg, color-mix(in srgb, var(--color-bitter) 30%, transparent), color-mix(in srgb, var(--color-bitter) 15%, transparent));border:1px solid var(--color-bitter);border-radius:var(--radius-sm);color:var(--color-bitter);cursor:pointer;transition:var(--transition-base);padding:.625rem 1.25rem}.btn--danger:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--color-bitter) 50%, transparent), color-mix(in srgb, var(--color-bitter) 30%, transparent));transform:translateY(-1px)}.toast{background:var(--color-espresso);border:1px solid var(--color-mocha);border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:1100;align-items:center;gap:.75rem;padding:1rem 1.25rem;animation:.3s ease-out slideIn,.3s ease-in 2.7s fadeOut;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.toast--success{border-color:var(--color-balanced)}.toast--error{border-color:var(--color-bitter)}.toast--info{border-color:var(--color-caramel)}.toast__message{font-size:var(--text-sm);color:var(--color-cream);font-weight:500}.toast__close{border-radius:var(--radius-xs);color:var(--color-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}.toast__close:hover{color:var(--color-cream)}.toast__close .icon{width:14px;height:14px}@media (width>=900px){.toast{bottom:5rem}.toast--shortcuts-open{bottom:14rem}}.freshness-alert{border-radius:var(--radius-sm);border:1px solid;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.875rem 1rem;display:flex}.freshness-alert--fading{background:color-mix(in srgb, var(--color-sour) 10%, transparent);border-color:color-mix(in srgb, var(--color-sour) 30%, transparent)}.freshness-alert--stale{background:color-mix(in srgb, var(--color-very-bitter) 10%, transparent);border-color:color-mix(in srgb, var(--color-very-bitter) 30%, transparent)}.freshness-alert__badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-xs);color:#fff;flex-shrink:0;padding:.25rem .5rem;font-weight:600}.freshness-alert__text{font-size:var(--text-sm);color:var(--color-cream);line-height:1.5}.maintenance-alert{border-radius:var(--radius-sm);border:1px solid;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.875rem 1rem;display:flex}.maintenance-alert--approaching{background:color-mix(in srgb, var(--color-very-sour) 10%, transparent);border-color:color-mix(in srgb, var(--color-very-sour) 30%, transparent)}.maintenance-alert--due{background:color-mix(in srgb, var(--color-sour) 12%, transparent);border-color:color-mix(in srgb, var(--color-sour) 35%, transparent)}.maintenance-alert--overdue{background:color-mix(in srgb, var(--color-very-bitter) 10%, transparent);border-color:color-mix(in srgb, var(--color-very-bitter) 30%, transparent)}.maintenance-alert__badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-xs);color:#fff;flex-shrink:0;padding:.25rem .5rem;font-weight:600}.maintenance-alert--approaching .maintenance-alert__badge{background:var(--color-very-sour)}.maintenance-alert--due .maintenance-alert__badge{background:var(--color-sour)}.maintenance-alert--overdue .maintenance-alert__badge{background:var(--color-very-bitter)}.maintenance-alert__text{font-size:var(--text-sm);color:var(--color-cream);flex:1;line-height:1.5}.maintenance-alert__action{font-size:var(--text-xs);font-weight:500;font-family:var(--font-sans);border-radius:var(--radius-sm);border:1px solid var(--color-mocha);color:var(--color-cream);cursor:pointer;background:0 0;flex-shrink:0;padding:.4rem .75rem;transition:background .15s,color .15s,border-color .15s}.maintenance-alert__action:hover{background:color-mix(in srgb, var(--color-caramel) 15%, transparent);border-color:var(--color-caramel);color:var(--color-caramel)}.maintenance-rows{flex-direction:column;gap:.5rem;display:flex}.maintenance-row{border:1px solid var(--color-mocha);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-caramel) 5%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .875rem;display:flex}.maintenance-row__info{flex-direction:column;gap:.2rem;min-width:0;display:flex}.maintenance-row__label{font-size:var(--text-sm);color:var(--color-cream);font-weight:500}.maintenance-row__last{font-size:var(--text-xs);color:var(--color-muted)}.maintenance-row__btn{font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);border-radius:var(--radius-sm);border:1px solid var(--color-mocha);color:var(--color-cream);cursor:pointer;background:0 0;flex-shrink:0;padding:.45rem .85rem;transition:background .15s,color .15s,border-color .15s}.maintenance-row__btn:hover{background:color-mix(in srgb, var(--color-caramel) 15%, transparent);border-color:var(--color-caramel);color:var(--color-caramel)}.grind-history{align-items:flex-end;gap:4px;height:40px;margin-top:.5rem;padding:.5rem 0;display:flex}.grind-history__bar{background:var(--color-mocha);border-radius:var(--radius-xs) var(--radius-xs) 0 0;flex:1;min-width:20px;transition:background .2s}.grind-history__bar--current{background:var(--color-caramel)}.btn-compare{font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);color:var(--color-cream);cursor:pointer;transition:var(--transition-base);background:0 0;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.btn-compare:hover{border-color:var(--color-caramel);background:color-mix(in srgb, var(--color-caramel) 10%, transparent)}.btn-compare--active{background:color-mix(in srgb, var(--color-balanced) 20%, transparent);border-color:var(--color-balanced);color:var(--color-balanced)}.compare-panel{background:var(--color-espresso);border:1px solid var(--color-mocha);border-radius:var(--radius-md);z-index:1050;width:90%;max-width:600px;animation:.3s ease-out slideUp;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}.compare-panel__header{border-bottom:1px solid var(--color-mocha);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.compare-panel__header h3{font-size:var(--text-base);color:var(--color-cream);align-items:center;gap:.5rem;margin:0;font-weight:600;display:flex}.compare-panel__close{border-radius:var(--radius-xs);color:var(--color-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}.compare-panel__close:hover{color:var(--color-cream)}.compare-panel__content{grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 1.25rem;display:grid}.compare-panel__shot{background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);padding:1rem}.compare-panel__shot--empty{justify-content:center;align-items:center;min-height:120px;display:flex}.compare-panel__placeholder{font-size:var(--text-sm);color:var(--color-muted)}.compare-panel__shot-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.compare-panel__bean{font-size:var(--text-sm);color:var(--color-cream);font-weight:600}.compare-panel__rating{font-size:var(--text-xs);border-radius:var(--radius-xs);padding:.125rem .5rem;font-weight:500}.compare-panel__rating--sour{background:color-mix(in srgb, var(--color-very-sour) 20%, transparent);color:var(--color-sour)}.compare-panel__rating--balanced{background:color-mix(in srgb, var(--color-balanced) 20%, transparent);color:var(--color-balanced)}.compare-panel__rating--bitter{background:color-mix(in srgb, var(--color-bitter) 20%, transparent);color:var(--color-bitter-text)}.compare-panel__details{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem;display:grid}.compare-panel__detail{flex-direction:column;gap:.125rem;display:flex}.compare-panel__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.compare-panel__value{font-size:var(--text-sm);color:var(--color-cream);font-weight:600}.compare-panel__remove{width:100%;font-size:var(--text-xs);font-family:var(--font-sans);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;transition:var(--transition-base);background:0 0;padding:.375rem}.compare-panel__remove:hover{border-color:var(--color-bitter);color:var(--color-bitter-text)}.compare-panel__diff{border-top:1px solid var(--color-mocha);border-radius:0 0 var(--radius-md) var(--radius-md);background:#0003;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;display:flex}.compare-panel__diff-label{font-size:var(--text-sm);color:var(--color-muted)}.compare-panel__diff-value{font-size:var(--text-base);font-weight:700}.success-chart{justify-content:space-between;gap:.5rem;height:120px;padding:.5rem 0;display:flex}.success-chart__day{flex-direction:column;flex:1;align-items:center;gap:.25rem;display:flex}.success-chart__bars{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;width:100%;display:flex;position:relative}.success-chart__bar{border-radius:var(--radius-xs) var(--radius-xs) 0 0;width:80%;max-width:24px;transition:height .3s;position:absolute;bottom:0}.success-chart__bar--total{background:var(--color-mocha);opacity:.5}.success-chart__bar--balanced{background:var(--color-balanced)}.success-chart__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.success-chart__rate{font-size:var(--text-xs);color:var(--color-balanced);font-weight:600}.bar-chart__bar--muted{background:var(--color-mocha)}@media (pointer:coarse){.pill-btn,.header__btn,.star-btn,.recipe-chip__btn,.recipe-chip__dismiss,.btn-submit,.modal__close,.advanced-toggle{min-width:44px;min-height:44px}.form-input,.form-select,.history-filter__select,.history-filter__search{min-height:48px;font-size:var(--text-base)}.history-item{padding:1rem}.slider--thick,.rating-slider__input{height:32px}.rating-later-toggle{min-height:44px;margin-right:-.5rem;padding:0 .5rem}.recipe-menu__chips{gap:.75rem}.recipe-chip{padding:.625rem .75rem}.history-filter__clear,.toast__close,.compare-panel__close{min-width:44px;min-height:44px}}@media (width<=768px){.dashboard{padding:1rem}.dashboard__grid{grid-template-columns:1fr;gap:1rem}.card{padding:1.25rem}.form-actions{flex-direction:column;gap:.75rem}.form-actions button{justify-content:center;width:100%}.modal__footer--space-between{flex-direction:column;gap:.75rem}.modal__footer-actions{flex-direction:column;width:100%}.modal__footer-actions button{justify-content:center;width:100%}.compare-panel{width:95%;bottom:1rem}.compare-panel__content{grid-template-columns:1fr}.data-actions{flex-direction:column}.data-action-btn{width:100%}.header__title{font-size:var(--text-xl)}.header__btn span,.header__btn--icon span{display:none}}.header__hamburger{display:none}@media (width<=768px){.header{flex-wrap:wrap;position:relative}.header__hamburger{border:1px solid var(--color-mocha);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-cream);cursor:pointer;transition:var(--transition-base);z-index:1002;background:0 0;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}.header__hamburger:hover{background:color-mix(in srgb, var(--color-caramel) 10%, transparent);border-color:var(--color-caramel)}.header__hamburger .icon{width:24px;height:24px}.header__btns{background:var(--color-espresso);border:1px solid var(--color-mocha);border-radius:0 0 var(--radius-md) var(--radius-md);z-index:1001;border-top:none;flex-direction:column;gap:.5rem;padding:1rem;animation:.2s ease-out slideDown;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 24px #0000004d}.header__btns--open{display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header__btns .header__btn{background:var(--color-dark-roast);border-radius:var(--radius-sm);justify-content:flex-start;width:100%;padding:.75rem 1rem}.header__btns .header__btn span{display:inline}.header__btns .header__btn--icon{justify-content:flex-start;gap:.75rem}.header__btns .header__btn--icon:after{content:attr(title);font-size:var(--text-sm);color:var(--color-muted)}.header__overlay{z-index:1000;background:#00000080;position:fixed;inset:0}.header__subtitle{display:none}.header__title{font-size:var(--text-lg)}.header__theme-select--desktop{display:none}}.modal--settings{max-width:420px}.settings-section{border-bottom:1px solid var(--color-mocha);margin-bottom:1.125rem;padding-bottom:1.125rem}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section__title{font-size:var(--text-base);color:var(--color-cream);margin:0 0 1rem;font-weight:600}.settings-footer{justify-content:center;gap:1.25rem;display:flex}.settings-footer__link{font-size:var(--text-xs);color:var(--color-subtle);transition:var(--transition-base);align-items:center;gap:.375rem;padding:.25rem .125rem;text-decoration:none;display:inline-flex}.settings-footer__link:hover{color:var(--color-caramel)}.settings-footer__link:focus-visible{outline:2px solid var(--color-caramel);outline-offset:2px;border-radius:var(--radius-xs)}.settings-footer__link .icon{width:15px;height:15px}.theme-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.theme-swatch{background:color-mix(in srgb, var(--color-caramel) 6%, transparent);border:1px solid var(--color-mocha);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-cream);text-align:left;align-items:center;gap:.5rem;min-height:44px;padding:.625rem .75rem;display:flex}.theme-swatch:hover{background:color-mix(in srgb, var(--color-caramel) 12%, transparent);border-color:var(--color-caramel)}.theme-swatch--active{background:color-mix(in srgb, var(--color-caramel) 14%, transparent);border-color:var(--color-caramel);box-shadow:0 0 0 2px var(--color-caramel)}.theme-swatch__dot{border:1px solid #80808066;border-radius:50%;flex-shrink:0;width:16px;height:16px}.theme-swatch__name{flex:1;font-weight:500;line-height:1.2}.prefs-section{margin-bottom:1.5rem}.prefs-section:last-child{margin-bottom:0}.prefs-section__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:.75rem;font-weight:600;display:block}.prefs-toggle{gap:.5rem;display:flex}.prefs-toggle__option{background:color-mix(in srgb, var(--color-caramel) 6%, transparent);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-muted);text-align:center;flex:1;padding:.75rem 1rem}.prefs-toggle__option:hover{background:color-mix(in srgb, var(--color-caramel) 12%, transparent);border-color:var(--color-caramel);color:var(--color-cream)}.prefs-toggle__option--active{background:color-mix(in srgb, var(--color-caramel) 18%, transparent);border-color:var(--color-caramel);color:var(--color-cream)}.shortcuts-panel{display:none}@media (width>=900px){.shortcuts-panel{z-index:100;display:block;position:fixed;bottom:1.5rem;right:1.5rem}.shortcuts-panel--open{background:var(--color-espresso);border:1px solid var(--color-mocha);border-radius:var(--radius-md);min-width:200px;padding:.75rem 1rem;box-shadow:0 8px 32px #0000004d}.shortcuts-panel__header{color:var(--color-cream);font-weight:600;font-size:var(--text-sm);justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.shortcuts-panel__title{align-items:center;gap:.5rem;display:inline-flex}.shortcuts-panel__title .icon{width:16px;height:16px;color:var(--color-caramel)}.shortcuts-panel__close{color:var(--color-muted);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}.shortcuts-panel__close:hover{color:var(--color-cream)}.shortcuts-panel__close .icon{width:14px;height:14px}.shortcuts-panel__list{flex-direction:column;gap:.5rem;display:flex}.shortcuts-panel__item{font-size:var(--text-sm);color:var(--color-muted);justify-content:space-between;align-items:center;gap:1rem;display:flex}.shortcuts-panel__item span{color:var(--color-cream)}.shortcuts-panel__item kbd{background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:var(--radius-xs);font-family:var(--font-mono,monospace);font-size:var(--text-xs);color:var(--color-caramel);padding:.125rem .375rem;display:inline-block}.shortcuts-panel__toggle{background:var(--color-espresso);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-muted);transition:var(--transition-base);justify-content:center;align-items:center;padding:.625rem;line-height:1;display:flex;box-shadow:0 4px 16px #0003}.shortcuts-panel__toggle .icon{width:20px;height:20px}.shortcuts-panel__toggle:hover{background:var(--color-dark-roast);border-color:var(--color-caramel);color:var(--color-caramel);transform:scale(1.05)}}.shot-timer__mode-toggle{background:var(--color-espresso);border-radius:var(--radius-sm);gap:.25rem;margin-bottom:.75rem;padding:.25rem;display:flex}.shot-timer__mode-btn{font-size:var(--text-xs);font-weight:500;font-family:var(--font-sans);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;transition:var(--transition-base);background:0 0;border:none;flex:1;padding:.375rem .75rem}.shot-timer__mode-btn:hover{color:var(--color-cream)}.shot-timer__mode-btn--active{background:var(--color-caramel);color:var(--color-black-coffee);font-weight:600}.shot-timer__manual{justify-content:center;align-items:center;gap:.5rem;display:flex}.shot-timer__input{width:80px;font-size:var(--text-xl);font-weight:600;font-family:var(--font-sans);text-align:center;background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:var(--radius-sm);color:var(--color-caramel);transition:var(--transition-base);-moz-appearance:textfield;padding:.5rem .75rem}.shot-timer__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.shot-timer__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.shot-timer__input:focus{border-color:var(--color-caramel);box-shadow:var(--shadow-focus);outline:none}.shot-timer__input::placeholder{color:var(--color-subtle)}.shot-timer__unit{font-size:var(--text-sm);color:var(--color-muted)}:focus-visible{outline:2px solid var(--color-latte);outline-offset:2px;border-radius:var(--radius-xs)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pill-btn,.header__btn,.header__hamburger,.btn-action,.modal__close,.modal__header-btn,.grind-control__btn,.shot-timer__btn,.shot-timer__mode-btn,.star-btn,.history-item__edit-btn,.history-item__delete-btn,.history-filter__clear,.card__expand-btn,.autocomplete__toggle,.toast__close,.compare-panel__close,.bean-card__delete,.bean-card__toggle,.recipe-library__action-btn,.maintenance-row__btn,.maintenance-alert__action,.import-undo-btn{min-height:44px}.modal__close,.modal__header-btn,.grind-control__btn,.shot-timer__btn,.star-btn,.history-item__edit-btn,.history-item__delete-btn,.history-filter__clear,.card__expand-btn,.autocomplete__toggle,.toast__close,.compare-panel__close,.bean-card__delete,.bean-card__toggle,.recipe-library__action-btn,.header__hamburger{min-width:44px}.rating-header{justify-content:space-between;align-items:baseline;display:flex}.rating-later-toggle{font-size:var(--text-xs);font-weight:500;font-family:var(--font-sans);color:var(--color-caramel);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;transition:var(--transition-base);background:0 0;border:none;padding:0}.rating-later-toggle:hover{color:var(--color-latte)}.rating-later-hint{font-size:var(--text-sm);color:var(--color-muted);padding:.5rem 0;font-style:italic;line-height:1.5}.rating-unrated-mark{font-family:var(--font-display);color:var(--color-subtle);font-weight:600}.history-item__rating--unrated{background:var(--color-dark-roast);border:1px dashed var(--color-mocha);color:var(--color-subtle)}.journey-step--unrated{background:color-mix(in srgb, var(--color-muted) 12%, transparent);color:var(--color-subtle);border-color:color-mix(in srgb, var(--color-muted) 25%, transparent)}.barista-tip--unrated{background:color-mix(in srgb, var(--color-muted) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-muted) 25%, transparent)}.barista-tip--unrated .barista-tip__icon{color:var(--color-latte)}.compare-panel__rating--unrated{background:var(--color-dark-roast);color:var(--color-subtle)}.shot-detail__rate-prompt{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-muted) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-muted) 25%, transparent);margin-bottom:1rem;padding:1rem}.rate-chips{flex-wrap:wrap;gap:.5rem;margin-top:.625rem;display:flex}.rate-chip{min-height:44px;font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);color:var(--rating-color);background:color-mix(in srgb, var(--rating-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--rating-color) 35%, transparent);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-base);flex:auto;padding:.5rem .75rem}.rate-chip:hover{background:color-mix(in srgb, var(--rating-color) 22%, transparent);transform:translateY(-1px)}@media (width<=640px){.shot-form .form-actions{z-index:20;padding:.75rem 1.25rem calc(.75rem + env(safe-area-inset-bottom));background:var(--color-espresso);border-top:1px solid var(--color-mocha);flex-wrap:nowrap;align-items:stretch;margin:1rem -1.25rem 0;position:sticky;bottom:0;box-shadow:0 -8px 24px #0000004d}.shot-form .form-actions .btn-submit{flex:auto;width:auto;margin-top:0}.shot-form .form-actions .btn-save-recipe{white-space:nowrap;flex:none}.header{margin-bottom:1.5rem}.header__icon{width:40px;height:40px;margin-bottom:.5rem}.header__title{font-size:var(--text-4xl)}.header__subtitle{font-size:var(--text-xs)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=640px){.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-end;padding:0;overflow:hidden}.modal-overlay:has(.modal--confirm){align-items:center;padding:1rem}.modal:not(.modal--confirm){border-radius:var(--radius-card) var(--radius-card) 0 0;max-width:100%;max-height:92vh;animation:sheetUp .32s var(--ease-spring);border-bottom:none;margin:0}}.bean-card__inventory{font-size:var(--text-xs);color:var(--color-muted);align-items:center;gap:.375rem;margin-top:.375rem;font-weight:500;display:flex}.bean-card__inventory .icon{width:14px;height:14px}.bean-card__inventory--low{color:var(--color-sour)}.bean-card__inventory--empty{color:var(--color-bitter-text)}@keyframes logPulse{0%{background-color:color-mix(in srgb, var(--color-balanced) 16%, transparent)}to{background-color:#0000}}.history-item--just-logged{animation:logPulse 1.2s var(--ease)}@keyframes migrationNoticeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.migration-notice{background:color-mix(in srgb, var(--color-caramel) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-caramel) 30%, transparent);border-radius:var(--radius-md);animation:migrationNoticeIn .3s var(--ease);align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.migration-notice__icon{color:var(--color-latte);flex-shrink:0}.migration-notice__content{flex:1;min-width:0}.migration-notice__content h4{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-latte);margin-bottom:.25rem;font-weight:600}.migration-notice__content p{font-size:var(--text-sm);color:var(--color-cream);line-height:1.5}.migration-notice__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.migration-notice__migrate{font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);white-space:nowrap;background:var(--color-caramel);border:1px solid var(--color-caramel);border-radius:var(--radius-sm);color:var(--color-black-coffee);cursor:pointer;transition:var(--transition-base);align-items:center;gap:.5rem;padding:.5rem 1rem;display:inline-flex}.migration-notice__migrate:hover{background:var(--color-latte);border-color:var(--color-latte)}.migration-notice__dismiss{border-radius:var(--radius-sm);color:var(--color-subtle);cursor:pointer;transition:var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.migration-notice__dismiss:hover{color:var(--color-cream);background:color-mix(in srgb, var(--color-mocha) 50%, transparent)}@media (width<=540px){.migration-notice{flex-wrap:wrap}.migration-notice__migrate{flex:1;justify-content:center}}