@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";: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: #6B6058;--color-sour: #D4915C;--color-balanced: #7A9E6D;--color-bitter: #B85C5C;--color-success: #7A9E6D;--font-display: "Playfair Display", Georgia, serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--shadow-card: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 24px rgba(166, 123, 91, .12);--shadow-button: 0 4px 12px rgba(0, 0, 0, .4);--radius-card: 20px;--radius-pill: 9999px}[data-theme=light]{--color-black-coffee: #FAF8F5;--color-dark-roast: #F0EBE5;--color-espresso: #FFFFFF;--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: #8A8078;--color-sour: #B87A40;--color-balanced: #5A8050;--color-bitter: #A04040;--color-success: #3D7A35;--shadow-card: 0 4px 24px rgba(0, 0, 0, .06);--shadow-glow: 0 0 20px rgba(166, 123, 91, .08);--shadow-button: 0 2px 8px rgba(0, 0, 0, .08)}[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: #6c7086;--color-sour: #fab387;--color-balanced: #a6e3a1;--color-bitter: #f38ba8;--color-success: #a6e3a1;--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 24px rgba(203, 166, 247, .12);--shadow-button: 0 4px 12px rgba(0, 0, 0, .3)}[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: #908caa;--color-muted: #908caa;--color-subtle: #6e6a86;--color-sour: #f6c177;--color-balanced: #9ccfd8;--color-bitter: #eb6f92;--color-success: #9ccfd8;--shadow-card: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 24px rgba(196, 167, 231, .12);--shadow-button: 0 4px 12px rgba(0, 0, 0, .4)}[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: #908caa;--color-muted: #908caa;--color-subtle: #6e6a86;--color-sour: #f6c177;--color-balanced: #9ccfd8;--color-bitter: #eb6f92;--color-success: #9ccfd8;--shadow-card: 0 8px 32px rgba(0, 0, 0, .45);--shadow-glow: 0 0 24px rgba(196, 167, 231, .15);--shadow-button: 0 4px 12px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-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);line-height:1.6;min-height:100vh}#root{min-height:100vh}.dashboard{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem}.header{text-align:center;margin-bottom:3rem}.header__icon{width:56px;height:56px;margin:0 auto .75rem;color:var(--color-latte);filter:drop-shadow(0 0 12px rgba(166,123,91,.35));animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 12px rgba(166,123,91,.35));transform:translateY(0)}50%{filter:drop-shadow(0 0 20px rgba(166,123,91,.5));transform:translateY(-3px)}}.header__title{font-family:var(--font-display);font-size:2.5rem;font-weight:600;color:var(--color-cream);letter-spacing:.02em;text-shadow:0 2px 4px rgba(0,0,0,.4)}.header__subtitle{font-size:.875rem;color:var(--color-muted);font-weight:400;margin-top:.5rem;letter-spacing:.08em;text-transform:uppercase}.icon{width:20px;height:20px;flex-shrink:0}.icon--lg{width:28px;height:28px}.icon--xl{width:40px;height:40px}.dashboard__grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media(min-width:768px){.dashboard__grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.dashboard__grid{grid-template-columns:minmax(380px,1fr) minmax(400px,1.2fr)}}@media(min-width:768px){.side-panel{position:sticky;top:2rem;max-height:calc(100vh - 4rem)}.side-panel .card:last-child{flex:1;display:flex;flex-direction:column;overflow:hidden}.side-panel .history-list{flex:1;overflow-y:auto;max-height:400px}}.card{background:linear-gradient(145deg,var(--color-espresso) 0%,var(--color-dark-roast) 100%);border:1px solid var(--color-mocha);border-radius:var(--radius-card);padding:1.75rem;box-shadow:var(--shadow-card);transition:box-shadow .3s ease}.card:hover{box-shadow:var(--shadow-card),var(--shadow-glow)}.card__title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-cream);margin-bottom:1.5rem;display:flex;align-items:center;gap:.625rem}.card__title .icon{color:var(--color-latte);filter:drop-shadow(0 0 4px rgba(166,123,91,.25))}.card__expand-btn{display:none;margin-left:auto;padding:.375rem;background:transparent;border:1px solid var(--color-mocha);border-radius:6px;color:var(--color-muted);cursor:pointer;transition:all .2s ease;align-items:center;justify-content:center}@media(min-width:900px){.card__expand-btn{display:flex}}.card__expand-btn:hover{background:#a67b5b26;border-color:var(--color-caramel);color:var(--color-cream)}.card__expand-btn .icon{width:16px;height:16px}.modal--history{max-width:800px;max-height:85vh;display:flex;flex-direction:column}.modal--history .modal__body{padding:0;display:flex;flex-direction:column;overflow:hidden}.history-modal__filters{display:flex;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--color-mocha);flex-shrink:0}.history-modal__filters .history-filter{flex:0 0 auto}.history-modal__filters .history-filter__search{flex:1}.history-modal__content{flex:1;display:flex;overflow:hidden}.history-modal__list{flex:1;overflow-y:auto;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;min-width:0}.history-item--selected{background:#a67b5b2e;border-color:var(--color-caramel)}.history-modal__preview{display:none}@media(min-width:900px){.modal--history{max-width:1100px!important}.history-modal__content{display:grid;grid-template-columns:1fr 380px;gap:0}.history-modal__list{border-right:1px solid var(--color-mocha)}.history-modal__preview{display:flex;flex-direction:column;padding:1.25rem;overflow-y:auto;background:#a67b5b08}}.history-modal__preview-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--color-muted)}.history-modal__preview-empty .icon{width:48px;height:48px;opacity:.4}.history-modal__preview-empty p{font-size:.875rem}.history-modal__preview-actions{margin-top:auto;padding-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.history-modal__preview-actions .btn-action{flex:1 1 auto;min-width:0;padding:.5rem .625rem;font-size:.75rem;gap:.25rem}.history-modal__preview-actions .btn-action .icon{width:14px;height:14px}@media(max-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{display:block;font-size:.8125rem;font-weight:500;color:var(--color-muted);margin-bottom:.625rem;text-transform:uppercase;letter-spacing:.08em}.form-input{width:100%;padding:.875rem 1.125rem;font-size:1rem;font-family:var(--font-sans);border:1px solid var(--color-mocha);border-radius:12px;background:var(--color-dark-roast);color:var(--color-cream);transition:all .25s ease}.form-input:focus{outline:none;border-color:var(--color-caramel);box-shadow:0 0 0 3px #a67b5b1f}.form-input::placeholder{color:var(--color-subtle)}.pill-group{display:flex;gap:.5rem;flex-wrap:wrap}.pill-btn{padding:.625rem 1.125rem;font-size:.875rem;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:all .25s ease}.pill-btn:hover{border-color:var(--color-caramel);color:var(--color-cream)}.pill-btn--active{background:linear-gradient(135deg,var(--color-caramel) 0%,var(--color-copper) 100%);border-color:var(--color-caramel);color:var(--color-black-coffee);font-weight:600;box-shadow:0 0 16px #a67b5b40}.pill-btn--sour.pill-btn--active{background:linear-gradient(135deg,var(--color-sour) 0%,#C07A48 100%);border-color:var(--color-sour);box-shadow:0 0 14px #d4915c4d}.pill-btn--balanced.pill-btn--active{background:linear-gradient(135deg,var(--color-balanced) 0%,#5E8252 100%);border-color:var(--color-balanced);box-shadow:0 0 14px #7a9e6d4d}.pill-btn--bitter.pill-btn--active{background:linear-gradient(135deg,var(--color-bitter) 0%,#9A4444 100%);border-color:var(--color-bitter);box-shadow:0 0 14px #b85c5c4d}.slider-container{display:flex;align-items:center;gap:1rem}.slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:linear-gradient(to right,var(--color-espresso),var(--color-caramel),var(--color-latte));outline:none;cursor:pointer;box-shadow:0 0 8px #a67b5b26}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,var(--color-cream) 0%,var(--color-foam) 100%);border:3px solid var(--color-caramel);cursor:pointer;box-shadow:0 2px 8px #0006,0 0 10px #a67b5b33;transition:transform .15s ease,box-shadow .15s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 12px #00000080,0 0 16px #a67b5b59}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,var(--color-cream) 0%,var(--color-foam) 100%);border:3px solid var(--color-caramel);cursor:pointer;box-shadow:0 2px 8px #0006}.slider-value{min-width:3.25rem;padding:.5rem .75rem;font-size:1.125rem;font-weight:600;text-align:center;background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:10px;color:var(--color-latte);font-family:var(--font-sans)}.slider-labels{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--color-subtle);margin-top:.375rem;padding:0 .25rem;text-transform:uppercase;letter-spacing:.05em}.btn-submit{width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;font-family:var(--font-sans);border:none;border-radius:14px;background:linear-gradient(135deg,var(--color-caramel) 0%,var(--color-copper) 100%);color:var(--color-black-coffee);cursor:pointer;transition:all .3s ease;margin-top:.75rem;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 20px #a67b5b33}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 28px #a67b5b59}.btn-submit:active{transform:translateY(0)}.barista-tip{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#a67b5b14;border-radius:14px;border-left:3px solid var(--color-caramel)}.barista-tip__icon{flex-shrink:0;color:var(--color-latte);filter:drop-shadow(0 0 6px rgba(166,123,91,.3))}.barista-tip__content h4{font-family:var(--font-display);font-size:.9375rem;font-weight:600;color:var(--color-latte);margin-bottom:.375rem}.barista-tip__content p{font-size:.9375rem;color:var(--color-cream);line-height:1.55}.barista-tip--sour{border-left-color:var(--color-sour);background:#d4915c14}.barista-tip--sour .barista-tip__icon,.barista-tip--sour h4{color:var(--color-sour)}.barista-tip--balanced{border-left-color:var(--color-balanced);background:#7a9e6d14}.barista-tip--balanced .barista-tip__icon,.barista-tip--balanced h4{color:var(--color-balanced)}.barista-tip--bitter{border-left-color:var(--color-bitter);background:#b85c5c14}.barista-tip--bitter .barista-tip__icon,.barista-tip--bitter h4{color:var(--color-bitter)}.empty-state{text-align:center;padding:2.5rem 1.5rem;color:var(--color-subtle)}.empty-state__icon{margin:0 auto .875rem;color:var(--color-subtle);opacity:.5}.empty-state__text{font-size:.9375rem;line-height:1.5}.history-list{display:flex;flex-direction:column;gap:.875rem;max-height:480px;overflow-y:auto;padding-right:.25rem}.history-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:14px;transition:all .2s ease}.history-item:hover{border-color:var(--color-caramel);transform:translate(4px);box-shadow:0 0 12px #a67b5b14}.history-item__rating{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.history-item__rating .icon{width:24px;height:24px}.history-item__rating--sour{background:#d4915c26;border:1px solid rgba(212,145,92,.25);color:var(--color-sour)}.history-item__rating--balanced{background:#7a9e6d26;border:1px solid rgba(122,158,109,.25);color:var(--color-balanced)}.history-item__rating--bitter{background:#b85c5c26;border:1px solid rgba(184,92,92,.25);color:var(--color-bitter)}.history-item__details{flex:1;min-width:0}.history-item__bean{font-family:var(--font-display);font-weight:600;color:var(--color-cream);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item__meta{font-size:.8125rem;color:var(--color-subtle);margin-top:.125rem}.history-item__settings{display:flex;gap:.375rem;flex-wrap:wrap;margin-top:.5rem}.setting-tag{font-size:.6875rem;padding:.25rem .5rem;background:var(--color-espresso);border:1px solid var(--color-mocha);border-radius:6px;color:var(--color-muted);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.side-panel{display:flex;flex-direction:column;gap:1.5rem}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-track{background:var(--color-dark-roast);border-radius:3px}*::-webkit-scrollbar-thumb{background:var(--color-mocha);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:var(--color-caramel)}.autocomplete{position:relative}.autocomplete__input-wrap{position:relative;display:flex;align-items:center}.autocomplete__input-wrap .form-input{padding-right:2.75rem}.autocomplete__toggle{position:absolute;right:.75rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-muted);cursor:pointer;transition:color .2s ease}.autocomplete__toggle:hover{color:var(--color-latte)}.autocomplete__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:200px;overflow-y:auto;background:var(--color-espresso);border:1px solid var(--color-mocha);border-radius:12px;box-shadow:0 8px 24px #0006;z-index:100}.autocomplete__option{width:100%;padding:.75rem 1rem;text-align:left;font-size:.9375rem;font-family:var(--font-sans);background:transparent;border:none;color:var(--color-cream);cursor:pointer;transition:background .15s ease}.autocomplete__option:hover{background:var(--color-mocha)}.autocomplete__option:first-child{border-radius:11px 11px 0 0}.autocomplete__option:last-child{border-radius:0 0 11px 11px}.autocomplete__option:only-child{border-radius:11px}.autocomplete__option--library{display:flex;align-items:center;gap:.5rem}.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:.75rem;color:var(--color-muted);margin-left:auto}.icon--sm{width:16px;height:16px}.grind-control{display:flex;align-items:center;gap:.75rem}.grind-control__btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:10px;color:var(--color-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.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;display:flex;align-items:center;gap:.75rem}.grind-control__value{min-width:2.5rem;padding:.375rem .5rem;font-size:1.25rem;font-weight:700;text-align:center;background:var(--color-mocha);border-radius:8px;color:var(--color-latte);font-family:var(--font-sans)}.rating-scale{display:flex;gap:.375rem}.rating-btn{flex:1;padding:.5rem .25rem;font-size:.6875rem;font-weight:500;font-family:var(--font-sans);border:1px solid var(--color-mocha);border-radius:10px;background:var(--color-dark-roast);color:var(--color-muted);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.125rem;text-transform:uppercase;letter-spacing:.02em}.rating-btn:hover{border-color:var(--color-caramel);color:var(--color-cream)}.rating-btn__label{display:block}.rating-btn__intensity{font-size:.625rem;opacity:.7}.rating-btn--very-sour.rating-btn--active{background:linear-gradient(135deg,#e8a045,#c87a30);border-color:#e8a045;color:var(--color-black-coffee);box-shadow:0 0 12px #e8a04559}.rating-btn--sour.rating-btn--active{background:linear-gradient(135deg,var(--color-sour) 0%,#C07A48 100%);border-color:var(--color-sour);color:var(--color-black-coffee);box-shadow:0 0 12px #d4915c4d}.rating-btn--balanced.rating-btn--active{background:linear-gradient(135deg,var(--color-balanced) 0%,#5E8252 100%);border-color:var(--color-balanced);color:var(--color-black-coffee);box-shadow:0 0 12px #7a9e6d4d}.rating-btn--bitter.rating-btn--active{background:linear-gradient(135deg,var(--color-bitter) 0%,#9A4444 100%);border-color:var(--color-bitter);color:var(--color-black-coffee);box-shadow:0 0 12px #b85c5c4d}.rating-btn--very-bitter.rating-btn--active{background:linear-gradient(135deg,#c04545,#8b3030);border-color:#c04545;color:var(--color-cream);box-shadow:0 0 12px #c0454559}.barista-tip--very-sour{border-left-color:#e8a045;background:#e8a04514}.barista-tip--very-sour .barista-tip__icon,.barista-tip--very-sour h4{color:#e8a045}.barista-tip--very-bitter{border-left-color:#c04545;background:#c0454514}.barista-tip--very-bitter .barista-tip__icon,.barista-tip--very-bitter h4{color:#c04545}.history-item__rating--very-sour{background:#e8a04526;border:1px solid rgba(232,160,69,.25);color:#e8a045}.history-item__rating--very-bitter{background:#c0454526;border:1px solid rgba(192,69,69,.25);color:#c04545}.adjustment-badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;font-size:.625rem;font-family:var(--font-sans);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;vertical-align:middle}.adjustment-badge--small{background:#a67b5b33;color:var(--color-latte)}.adjustment-badge--large{background:#e8a04540;color:#e8a045}.select-wrap{position:relative;display:flex;align-items:center}.form-select{width:100%;padding:.875rem 2.5rem .875rem 1.125rem;font-size:1rem;font-family:var(--font-sans);border:1px solid var(--color-mocha);border-radius:12px;background:var(--color-dark-roast);color:var(--color-cream);cursor:pointer;appearance:none;-webkit-appearance:none;transition:all .25s ease}.form-select:focus{outline:none;border-color:var(--color-caramel);box-shadow:0 0 0 3px #a67b5b1f}.form-select option{background:var(--color-espresso);color:var(--color-cream);padding:.5rem}.select-wrap .icon{position:absolute;right:.875rem;pointer-events:none;color:var(--color-muted)}.rating-slider{display:flex;flex-direction:column;gap:.5rem}.rating-slider__label{font-size:1.125rem;font-weight:600;font-family:var(--font-display);text-align:center;transition:color .2s ease}.rating-slider__track{position:relative;padding:.5rem 0}.rating-slider__input{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:linear-gradient(to right,#e8a045,#d4915c,#7a9e6d,#b85c5c,#c04545);outline:none;cursor:pointer}.rating-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-cream);border:3px solid var(--rating-color, var(--color-caramel));cursor:pointer;box-shadow:0 2px 8px #0006;transition:border-color .2s ease,transform .15s ease}.rating-slider__input::-webkit-slider-thumb:hover{transform:scale(1.1)}.rating-slider__input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--color-cream);border:3px solid var(--rating-color, var(--color-caramel));cursor:pointer;box-shadow:0 2px 8px #0006}.rating-slider__markers{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;padding:0 2px}.rating-slider__marker{width:8px;height:8px;border-radius:50%;background:var(--color-mocha);transition:all .2s ease}.rating-slider__marker--active{transform:scale(1.25)}.rating-slider__scale{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--color-subtle);text-transform:uppercase;letter-spacing:.05em}.froth-toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;font-family:var(--font-sans);border:1px solid var(--color-mocha);border-radius:12px;background:var(--color-dark-roast);color:var(--color-cream);cursor:pointer;transition:all .25s ease}.froth-toggle:hover{border-color:var(--color-caramel)}.froth-toggle .icon{color:var(--color-latte)}.froth-toggle span:first-of-type{flex:1;text-align:left}.froth-toggle__badge{font-size:.625rem;padding:.125rem .5rem;background:var(--color-mocha);border-radius:4px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.froth-panel{margin-top:-.5rem;padding:1rem;background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:0 0 10px 10px}.froth-panel__row{margin-bottom:.875rem}.froth-panel__row:last-child{margin-bottom:0}.froth-panel .form-label{font-size:.75rem;margin-bottom:.5rem}.pill-btn--sm{padding:.5rem .75rem;font-size:.75rem}.setting-tag--milk{background:#a67b5b26;border-color:#a67b5b40;color:var(--color-latte)}.star-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-subtle);cursor:pointer;transition:all .2s ease;flex-shrink:0;border-radius:8px}.star-btn:hover{color:var(--color-latte);background:#a67b5b1a}.star-btn--active{color:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.4))}.star-btn--active:hover{color:#ffc000}.history-item--favorite{border:2px solid #FFD700;box-shadow:0 0 16px #ffd70026}.target-recipe{padding:1rem;margin-bottom:1rem;background:#ffd7000f;border:1.5px solid #FFD700;border-radius:12px;box-shadow:0 0 20px #ffd7001a}.target-recipe__header{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:gold;margin-bottom:.625rem}.target-recipe__header .icon{color:gold}.target-recipe__settings{display:flex;gap:.375rem;flex-wrap:wrap}.setting-tag--gold{background:#ffd70026;border-color:#ffd7004d;color:gold}.grind-control__btn{width:48px;height:48px;min-width:48px;min-height:48px}.grind-control__btn .icon{width:24px;height:24px}.slider--thick{height:10px}.slider--thick::-webkit-slider-thumb{width:28px;height:28px;border-width:4px}.slider--thick::-moz-range-thumb{width:28px;height:28px;border-width:4px}.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}.rating-slider__marker{width:10px;height:10px}.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(max-width:480px){.dashboard{padding:1.5rem 1rem}.header__title{font-size:1.75rem}.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{flex:1 1 auto;min-width:calc(50% - .25rem);text-align:center}.rating-slider__label{font-size:1rem}.history-item{flex-wrap:wrap;gap:.75rem;padding:.875rem}.history-item__rating{width:44px;height:44px}.history-item__details{flex:1 1 calc(100% - 100px)}.star-btn{width:44px;height:44px}.target-recipe{padding:.875rem}.target-recipe__settings{flex-wrap:wrap}}@media(min-width:481px)and (max-width:767px){.pill-group{gap:.375rem}.pill-btn{padding:.625rem 1rem;font-size:.8125rem}}.recipe-menu{max-width:1100px;margin:0 auto 1.5rem;padding:1rem 1.25rem;background:#a67b5b14;border:1px solid var(--color-mocha);border-radius:16px}.recipe-menu__label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--color-latte);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.recipe-menu__label .icon{color:gold}.recipe-menu__chips{display:flex;flex-wrap:wrap;gap:.5rem}.recipe-chip{display:flex;align-items:stretch;background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:20px;overflow:hidden;transition:all .2s ease}.recipe-chip:hover{border-color:var(--color-caramel)}.recipe-chip__btn{padding:.5rem .875rem;font-size:.8125rem;font-weight:500;font-family:var(--font-sans);background:transparent;border:none;color:var(--color-cream);cursor:pointer;transition:all .2s ease}.recipe-chip__btn:hover{background:#a67b5b26;color:var(--color-caramel)}.recipe-chip__dismiss{padding:.5rem .625rem;background:transparent;border:none;border-left:1px solid var(--color-mocha);color:var(--color-subtle);cursor:pointer;transition:all .2s ease}.recipe-chip__dismiss:hover{background:#a67b5b26;color:var(--color-muted)}.shot-timer{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;margin-top:1rem;background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:12px}.shot-timer__display{min-width:80px;text-align:center}.shot-timer__time{font-family:var(--font-mono, "SF Mono", "Consolas", monospace);font-size:1.75rem;font-weight:600;color:var(--color-cream);letter-spacing:.02em}.shot-timer__controls{display:flex;gap:.5rem}.shot-timer__btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-mocha);border-radius:8px;background:var(--color-espresso);color:var(--color-cream);font-size:1.125rem;cursor:pointer;transition:all .2s ease}.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:#228b2233;border-color:#228b2266;color:#5cb85c}.shot-timer__btn--start:hover{background:#228b2259;border-color:#5cb85c}.shot-timer__btn--stop{background:#a67b5b33;border-color:var(--color-caramel);color:var(--color-caramel)}.shot-timer__btn--stop:hover{background:#a67b5b59}.advanced-tools{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.advanced-toggle{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:10px;color:var(--color-muted);cursor:pointer;transition:all .2s ease;font-size:.9375rem;width:100%;text-align:left}.advanced-toggle:hover{background:#a67b5b1f;border-color:var(--color-caramel)}.advanced-toggle--active{background:#a67b5b26;border-color:var(--color-caramel);color:var(--color-cream)}.advanced-toggle .icon{width:18px;height:18px;color:var(--color-caramel)}.advanced-toggle__badge{margin-left:auto;font-size:.75rem;padding:.125rem .5rem;background:var(--color-espresso);border-radius:4px;color:var(--color-muted)}.advanced-toggle--active .advanced-toggle__badge{background:var(--color-caramel);color:var(--color-espresso)}.dose-yield{padding:1rem;background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:0 0 10px 10px;margin-top:-.5rem}.dose-yield__inputs{display:flex;align-items:flex-end;gap:.75rem}.dose-yield__field{flex:1;display:flex;flex-direction:column;gap:.25rem}.dose-yield__field label{font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em}.dose-yield__field input{padding:.625rem .75rem;background:var(--color-espresso);border:1px solid var(--color-mocha);border-radius:8px;color:var(--color-cream);font-size:1rem;font-weight:500;text-align:center;width:100%}.dose-yield__field input:focus{border-color:var(--color-caramel);outline:none}.dose-yield__field input::-webkit-outer-spin-button,.dose-yield__field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;opacity:1;background:var(--color-mocha);border-left:1px solid var(--color-mocha);cursor:pointer}.dose-yield__field input[type=number]{-moz-appearance:textfield;appearance:textfield}.dose-yield__arrow{font-size:1.5rem;color:var(--color-caramel);padding-bottom:.5rem}.dose-yield__ratio{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-mocha)}.dose-yield__ratio-label{font-size:.8125rem;color:var(--color-muted)}.dose-yield__ratio-value{font-size:1.25rem;font-weight:600;color:var(--color-caramel);font-family:var(--font-mono, monospace)}.advanced-tools .shot-timer{margin-top:-.5rem;border-top-left-radius:0;border-top-right-radius:0}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.form-actions .btn-submit{flex:1;margin-top:0}.btn-save-recipe{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;font-family:var(--font-sans);background:transparent;border:2px solid var(--color-caramel);border-radius:12px;color:var(--color-caramel);cursor:pointer;transition:all .25s ease;min-height:52px}.btn-save-recipe:hover:not(:disabled){background:#a67b5b26}.btn-save-recipe:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:flex-start;justify-content:center;padding:1rem;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal{width:100%;max-width:420px;max-height:calc(100vh - 2rem);background:var(--color-espresso);border:1px solid var(--color-mocha);border-radius:20px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;margin:auto 0}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-mocha)}.modal__header h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-cream)}.modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-muted);cursor:pointer;border-radius:8px;transition:all .2s ease}.modal__close:hover{background:#a67b5b26;color:var(--color-cream)}.modal__header-actions{display:flex;align-items:center;gap:.25rem}.modal__header-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-muted);cursor:pointer;border-radius:8px;transition:all .2s ease}.modal__header-btn:hover{background:#a67b5b26;color:var(--color-cream)}.modal__header-btn--delete:hover{background:#c0454526;color:#c04545}.modal__header-btn .icon{width:18px;height:18px}.btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;font-family:var(--font-sans);background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:10px;color:var(--color-cream);cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-action:hover{background:#a67b5b26;border-color:var(--color-caramel)}.btn-action--active{background:#7a9e6d26;border-color:#7a9e6d;color:#7a9e6d}.btn-action--primary{background:linear-gradient(135deg,var(--color-caramel) 0%,#8A5D3A 100%);border:none;color:var(--color-black-coffee);font-weight:600}.btn-action--primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #a67b5b40}.btn-action .icon{width:16px;height:16px}.history-item__actions{display:flex;flex-direction:column;align-items:center;gap:.125rem;flex-shrink:0}.history-item__delete-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--color-subtle);cursor:pointer;transition:all .2s ease;opacity:.4}.history-item:hover .history-item__delete-btn{opacity:.7}.history-item__delete-btn:hover{opacity:1;background:#c0454526;color:#c04545}.history-item__delete-btn .icon{width:16px;height:16px}.history-item__edit-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--color-subtle);cursor:pointer;transition:all .2s ease;opacity:.4}.history-item:hover .history-item__edit-btn{opacity:.7}.history-item__edit-btn:hover{opacity:1;background:#a67b5b26;color:var(--color-caramel)}.history-item__edit-btn .icon{width:16px;height:16px}@media(max-width:480px){.modal__footer{flex-wrap:wrap}.btn-action{flex:1 1 calc(50% - .375rem);min-width:calc(50% - .375rem);font-size:.8125rem;padding:.75rem .5rem}.btn-action--primary{flex:1 1 100%;order:4}}.modal__body{padding:1.5rem;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.modal__desc{font-size:.875rem;color:var(--color-muted);margin-bottom:1rem;line-height:1.5}.modal__preview{margin-top:1rem;padding:1rem;background:#a67b5b0f;border-radius:10px}.modal__preview-label{font-size:.6875rem;font-weight:600;color:var(--color-subtle);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.setting-tags-wrap{display:flex;flex-wrap:wrap;gap:.375rem}.modal__footer{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem}.btn-cancel{flex:1;padding:.875rem 1.25rem;font-size:.875rem;font-weight:500;font-family:var(--font-sans);background:transparent;border:1px solid var(--color-mocha);border-radius:10px;color:var(--color-muted);cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#a67b5b1a;color:var(--color-cream)}.modal__footer .btn-submit{flex:1;margin-top:0}.history-item__notes{margin-top:.5rem;padding:.5rem .75rem;font-size:.75rem;font-style:italic;color:var(--color-latte);background:#a67b5b14;border-left:3px solid var(--color-caramel);border-radius:0 6px 6px 0}@media(max-width:480px){.recipe-menu{padding:.875rem 1rem;margin-bottom:1rem}.recipe-chip__btn{padding:.5rem .75rem;font-size:.75rem}.form-actions{flex-direction:column}.btn-save-recipe{width:100%}}.history-item--clickable{cursor:pointer;transition:all .2s ease}.history-item--clickable:hover{background:#a67b5b14;transform:translate(4px)}.modal--wide{max-width:480px}.shot-detail__rating{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;margin-bottom:1rem}.shot-detail__rating .icon{width:28px;height:28px}.shot-detail__rating--very-sour{background:#e8a04526;color:#e8a045}.shot-detail__rating--sour{background:#d4915c26;color:#d4915c}.shot-detail__rating--balanced{background:#7a9e6d26;color:#7a9e6d}.shot-detail__rating--bitter{background:#b85c5c26;color:#b85c5c}.shot-detail__rating--very-bitter{background:#c0454526;color:#c04545}.shot-detail__fav-badge{margin-left:auto;font-size:.75rem;padding:.25rem .5rem;background:#ffd70026;border-radius:6px;color:gold}.shot-detail__timestamp{font-size:.8125rem;color:var(--color-muted);margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color-mocha)}.shot-detail__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.shot-detail__item{display:flex;flex-direction:column;gap:.25rem}.shot-detail__label{font-size:.6875rem;font-weight:600;color:var(--color-subtle);text-transform:uppercase;letter-spacing:.05em}.shot-detail__value{font-size:1rem;font-weight:500;color:var(--color-cream)}.shot-detail__notes{margin-top:1rem;padding:1rem;background:#a67b5b14;border-left:3px solid var(--color-caramel);border-radius:0 8px 8px 0}.shot-detail__notes p{margin-top:.5rem;font-size:.875rem;font-style:italic;color:var(--color-latte);line-height:1.5}.modal__footer--space-between{justify-content:space-between}.btn-delete{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;font-family:var(--font-sans);background:#c0454526;border:1px solid rgba(192,69,69,.3);border-radius:10px;color:#c04545;cursor:pointer;transition:all .2s ease}.btn-delete:hover{background:#c0454540;border-color:#c04545}.btn-delete .icon{width:16px;height:16px}@media(max-width:480px){.shot-detail__grid{grid-template-columns:1fr 1fr;gap:.75rem}.shot-detail__rating{flex-wrap:wrap}}.header__btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:500;font-family:var(--font-sans);background:#a67b5b26;border:1px solid var(--color-mocha);border-radius:10px;color:var(--color-latte);cursor:pointer;transition:all .2s ease}.header__btn--icon{padding:.625rem}.header__btn:hover{background:#a67b5b40;border-color:var(--color-caramel);color:var(--color-cream)}.header__theme-select{display:flex;align-items:center}.header__theme-dropdown{padding:.625rem 2rem .625rem .875rem;font-size:.8125rem;font-weight:500;font-family:var(--font-sans);background:#a67b5b26;border:1px solid var(--color-mocha);border-radius:10px;color:var(--color-latte);cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-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-repeat:no-repeat;background-position:right .75rem center}.header__theme-dropdown:hover{background-color:#a67b5b40;border-color:var(--color-caramel);color:var(--color-cream)}.header__theme-dropdown:focus{outline:none;border-color:var(--color-caramel);box-shadow:0 0 0 3px #a67b5b33}.header__theme-dropdown option{background:var(--color-dark-roast);color:var(--color-cream);padding:.5rem}.header{position:relative}.header__btns{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.modal--large{max-width:700px}.modal__body--split{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.bean-form h4,.bean-list h4{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-cream);margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.bean-form__actions{display:flex;gap:.75rem;margin-top:1rem}.bean-form__actions .btn-submit{flex:1;margin-top:0}.bean-form__actions .btn-cancel{flex:0;padding:.75rem 1rem}.bean-list__items{display:flex;flex-direction:column;gap:.5rem;max-height:350px;overflow-y:auto}.bean-card{display:flex;gap:.75rem;padding:.75rem;background:#a67b5b0f;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease}.bean-card:hover{background:#a67b5b1f}.bean-card--editing{border-color:var(--color-caramel);background:#a67b5b26}.bean-card--inactive{opacity:.5}.bean-card__main{flex:1;min-width:0}.bean-card__name{font-weight:600;font-size:.875rem;color:var(--color-cream);margin-bottom:.25rem}.bean-card__meta{display:flex;flex-wrap:wrap;gap:.25rem .5rem;font-size:.6875rem;color:var(--color-muted)}.bean-card__meta span:after{content:"•";margin-left:.5rem;color:var(--color-mocha)}.bean-card__meta span:last-child:after{display:none}.bean-card__freshness{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;margin-top:.375rem}.bean-card__freshness .icon{width:14px;height:14px}.bean-card__actions{display:flex;flex-direction:column;gap:.25rem}.bean-card__toggle{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.75rem;background:transparent;border:1px solid var(--color-mocha);border-radius:6px;color:var(--color-muted);cursor:pointer;transition:all .2s ease}.bean-card__toggle--active{background:#7a9e6d33;border-color:#7a9e6d;color:#7a9e6d}.bean-card__delete{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--color-subtle);cursor:pointer;transition:all .2s ease}.bean-card__delete:hover{background:#c0454533;color:#c04545}.empty-state--small{padding:2rem 1rem}.empty-state--small .icon{width:32px;height:32px}.empty-state--small p{font-size:.8125rem}.recipe-library{display:flex;flex-direction:column;gap:1rem}.recipe-library__item{background:#a67b5b0f;border:1px solid var(--color-mocha);border-radius:12px;padding:1rem;transition:all .2s ease}.recipe-library__item:hover{border-color:var(--color-caramel);background:#a67b5b1a}.recipe-library__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.recipe-library__name{font-size:1rem;font-weight:600;color:var(--color-cream);margin:0}.recipe-library__actions{display:flex;gap:.5rem}.recipe-library__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#a67b5b1a;border:1px solid var(--color-mocha);border-radius:8px;color:var(--color-muted);cursor:pointer;transition:all .2s ease}.recipe-library__action-btn:hover{background:#a67b5b33;border-color:var(--color-caramel);color:var(--color-cream)}.recipe-library__action-btn--danger:hover{border-color:#dc354599;background:#dc35451a;color:#dc3545}.recipe-library__action-btn--starred{color:var(--color-caramel);border-color:var(--color-caramel);background:#d2a56d26}.recipe-library__action-btn--starred:hover{background:#d2a56d40}.recipe-library__item--starred{border-color:var(--color-caramel);background:#d2a56d14}.recipe-library__action-btn .icon{width:16px;height:16px}.recipe-library__details{display:flex;flex-direction:column;gap:.5rem}.recipe-library__bean{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-caramel);font-weight:500}.recipe-library__bean .icon{width:14px;height:14px}.recipe-library__settings{display:flex;flex-wrap:wrap;gap:.375rem}.recipe-library__notes{font-size:.8125rem;color:var(--color-muted);font-style:italic;margin:.5rem 0 0;padding-top:.5rem;border-top:1px solid rgba(166,123,91,.15)}@media(max-width:600px){.modal__body--split,.form-row{grid-template-columns:1fr}.header__btn{position:static;transform:none;margin-top:1rem}}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#a67b5b14;border:1px solid var(--color-mocha);border-radius:12px;padding:1rem;text-align:center}.stat-card--success{background:#7a9e6d1a;border-color:#7a9e6d4d}.stat-card--accent{background:#a67b5b26;border-color:var(--color-caramel)}.stat-card__value{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--color-cream);line-height:1;margin-bottom:.25rem}.stat-card--success .stat-card__value{color:#7a9e6d}.stat-card--accent .stat-card__value{color:var(--color-caramel)}.stat-card__label{font-size:.6875rem;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:.875rem;font-weight:600;color:var(--color-cream);margin-bottom:.75rem}.bar-chart{display:flex;flex-direction:column;gap:.5rem}.bar-chart__row{display:grid;grid-template-columns:90px 1fr 30px;gap:.75rem;align-items:center}.bar-chart--beans .bar-chart__row{grid-template-columns:120px 1fr 30px}.bar-chart__label{font-size:.75rem;color:var(--color-muted);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-chart__label--bean{text-align:left;color:var(--color-latte)}.bar-chart__bar-wrap{height:20px;background:#a67b5b14;border-radius:4px;overflow:hidden}.bar-chart__bar{height:100%;border-radius:4px;transition:width .3s ease;min-width:4px}.bar-chart__bar--caramel{background:var(--color-caramel)}.bar-chart__value{font-size:.75rem;font-weight:600;color:var(--color-cream);text-align:right}@media(max-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{right:16.5rem;padding:.625rem}.data-summary{display:flex;justify-content:center;gap:2rem;padding:1.25rem;background:#a67b5b14;border-radius:12px;margin-bottom:1.25rem}.data-summary__item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.data-summary__count{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--color-cream);line-height:1}.data-summary__label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.import-status{padding:.75rem 1rem;border-radius:8px;font-size:.8125rem;font-weight:500;margin-bottom:1rem;text-align:center}.import-status--success{background:#7a9e6d26;color:#7a9e6d;border:1px solid rgba(122,158,109,.3)}.import-status--error{background:#c0454526;color:#c04545;border:1px solid rgba(192,69,69,.3)}.data-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.data-action-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;background:#a67b5b14;border:1px solid var(--color-mocha);border-radius:12px;cursor:pointer;transition:all .2s ease}.data-action-btn:hover{background:#a67b5b26;border-color:var(--color-caramel)}.data-action-btn .icon{width:28px;height:28px;color:var(--color-caramel)}.data-action-btn span{font-family:var(--font-sans);font-size:.9375rem;font-weight:600;color:var(--color-cream)}.data-action-btn small{font-size:.6875rem;color:var(--color-muted)}.data-action-btn--danger{border-color:#dc354566}.data-action-btn--danger:hover{border-color:#dc3545cc;background:#dc354514}.data-action-btn--danger .icon,.data-action-btn--danger span{color:#dc3545}.data-warning{font-size:.75rem;color:var(--color-subtle);text-align:center;margin:0}@media(max-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{display:flex;flex-direction:column;align-items:center;padding:1.5rem;margin-bottom:1.5rem;background:linear-gradient(145deg,var(--color-espresso-dark),var(--color-espresso));border-radius:1rem}.caffeine-gauge__circle{position:relative;width:160px;height:160px}.caffeine-gauge__circle svg{width:100%;height:100%}.caffeine-gauge__bg{fill:none;stroke:var(--color-mocha);stroke-width:8}.caffeine-gauge__fill{fill:none;stroke:var(--color-caramel);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease}.caffeine-gauge--moderate .caffeine-gauge__fill{stroke:#d4915c}.caffeine-gauge--high .caffeine-gauge__fill{stroke:#b85c5c}.caffeine-gauge__value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.caffeine-gauge__number{display:block;font-size:2.5rem;font-weight:700;color:var(--color-cream);font-family:var(--font-heading)}.caffeine-gauge__unit{display:block;font-size:.875rem;color:var(--color-cream-muted);text-transform:uppercase;letter-spacing:.1em}.caffeine-gauge__status{margin-top:1rem;font-size:1rem;color:var(--color-cream);font-style:italic}.caffeine-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.caffeine-stat{text-align:center;padding:1rem;background:var(--color-espresso-dark);border-radius:.75rem}.caffeine-stat__value{display:block;font-size:1.75rem;font-weight:700;color:var(--color-caramel);font-family:var(--font-heading)}.caffeine-stat__label{display:block;font-size:.75rem;color:var(--color-cream-muted);margin-top:.25rem}.caffeine-info{background:var(--color-espresso-dark);border-radius:.75rem;padding:1.25rem}.caffeine-info h3{font-size:.875rem;color:var(--color-cream-muted);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.caffeine-breakdown{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.caffeine-breakdown__item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--color-espresso);border-radius:.5rem}.caffeine-breakdown__basket{font-weight:600;color:var(--color-cream)}.caffeine-breakdown__mg{font-size:.875rem;color:var(--color-caramel)}.caffeine-limit{font-size:.813rem;color:var(--color-cream-muted);text-align:center;margin:0}.caffeine-limit strong{color:var(--color-caramel)}@media(max-width:480px){.caffeine-stats{grid-template-columns:1fr}.header__btn--caffeine{right:auto}}.history-filter{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.history-filter__select{flex:1;padding:.625rem 2rem .625rem 1rem;font-size:.875rem;font-family:var(--font-sans);background:var(--color-espresso-dark);border:1px solid var(--color-mocha);border-radius:8px;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-repeat:no-repeat;background-position:right .75rem center}.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{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1.25rem;font-weight:300;background:#c0454526;border:1px solid rgba(192,69,69,.3);border-radius:8px;color:#c04545;cursor:pointer;transition:all .2s ease}.history-filter__clear:hover{background:#c0454540;border-color:#c04545}.history-filters{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.history-filter__search{flex:1;min-width:140px;padding:.625rem 1rem;font-size:.875rem;font-family:var(--font-sans);background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:8px;color:var(--color-cream);transition:all .2s ease}.history-filter__search:focus{outline:none;border-color:var(--color-caramel);box-shadow:0 0 0 3px #a67b5b1a}.history-filter__search::placeholder{color:var(--color-muted)}.recipe-chip--pinned{border-color:var(--color-caramel);background:#a67b5b1a}.modal__footer-actions{display:flex;gap:.75rem}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;font-family:var(--font-sans);background:#a67b5b26;border:1px solid var(--color-mocha);border-radius:10px;color:var(--color-latte);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#a67b5b40;border-color:var(--color-caramel);color:var(--color-cream)}.btn-secondary .icon{width:16px;height:16px}.edit-recipe__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.5rem}.form-input--sm{width:80px;text-align:center}.pill-group--sm{gap:.375rem}.pill-group--sm .pill-btn--sm{padding:.375rem .625rem;font-size:.75rem}.suggested-settings{margin-top:1rem;padding:1rem;background:#7a9e6d1a;border:1px solid rgba(122,158,109,.3);border-radius:12px}.suggested-settings__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;color:var(--color-latte)}.suggested-settings__header .icon{width:16px;height:16px;color:var(--color-success)}.suggested-settings__values{display:flex;gap:1.5rem;margin-bottom:.75rem}.suggested-setting{display:flex;flex-direction:column;gap:.25rem}.suggested-setting__label{font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.suggested-setting__value{font-size:1.25rem;font-weight:600;color:var(--color-cream)}.suggested-setting__diff{font-size:.75rem;font-weight:500;margin-left:.25rem}.diff--finer{color:#e8a045}.diff--coarser{color:#7a9e6d}.btn-apply-suggestion{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;font-size:.875rem;font-weight:600;font-family:var(--font-sans);background:linear-gradient(135deg,#7a9e6d4d,#7a9e6d26);border:1px solid var(--color-success);border-radius:8px;color:var(--color-success);cursor:pointer;transition:all .2s ease}.btn-apply-suggestion:hover{background:linear-gradient(135deg,#7a9e6d66,#7a9e6d40);transform:translateY(-1px)}.btn-apply-suggestion .icon{width:16px;height:16px}.dialin-journey{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-mocha)}.dialin-journey__label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.dialin-journey__label .icon{width:14px;height:14px}.dialin-journey__timeline{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.journey-step{display:flex;align-items:center;gap:.375rem;padding:.5rem .625rem;border-radius:8px;font-size:.75rem;font-weight:600;border:1px solid transparent}.journey-step .icon{width:14px;height:14px}.journey-step__grind{font-family:var(--font-mono)}.journey-step__arrow{margin:0 .125rem;color:var(--color-muted);font-size:.875rem;font-weight:400}.journey-step--sour{background:#d4915c26;color:var(--color-sour);border-color:#d4915c40}.journey-step--very-sour{background:#e8a04526;color:#e8a045;border-color:#e8a04540}.journey-step--balanced{background:#7a9e6d26;color:var(--color-balanced);border-color:#7a9e6d40}.journey-step--bitter{background:#b85c5c26;color:var(--color-bitter);border-color:#b85c5c40}.journey-step--very-bitter{background:#c0454526;color:#c04545;border-color:#c0454540}[data-theme=light] .suggested-settings{background:#5a805014;border-color:#5a805033}[data-theme=light] .btn-apply-suggestion{background:linear-gradient(135deg,#3d7a3526,#3d7a3514);border-color:var(--color-success);color:var(--color-success)}[data-theme=light] .btn-apply-suggestion:hover{background:linear-gradient(135deg,#3d7a3540,#3d7a3526)}[data-theme=light] .journey-step--sour{background:#b87a401f;border-color:#b87a4033}[data-theme=light] .journey-step--very-sour{background:#c88c321f;border-color:#c88c3233;color:#b87a30}[data-theme=light] .journey-step--balanced{background:#5a80501f;border-color:#5a805033}[data-theme=light] .journey-step--bitter{background:#a040401f;border-color:#a0404033}[data-theme=light] .journey-step--very-bitter{background:#aa32321f;border-color:#aa323233;color:#a03030}[data-theme=light] .diff--finer{color:#b87a30}[data-theme=light] .diff--coarser{color:#4a7a40}[data-theme=light] .dialin-journey{border-top-color:var(--color-mocha)}.modal--confirm{max-width:400px}.confirm-message{font-size:1rem;color:var(--color-cream);line-height:1.6}.modal__footer--confirm{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid var(--color-mocha)}.btn--secondary{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;font-family:var(--font-sans);background:transparent;border:1px solid var(--color-muted);border-radius:8px;color:var(--color-cream);cursor:pointer;transition:all .2s ease}.btn--secondary:hover{background:var(--color-mocha);border-color:var(--color-cream)}.btn--danger{padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;font-family:var(--font-sans);background:linear-gradient(135deg,#b85c5c4d,#b85c5c26);border:1px solid var(--color-bitter);border-radius:8px;color:var(--color-bitter);cursor:pointer;transition:all .2s ease}.btn--danger:hover{background:linear-gradient(135deg,#b85c5c80,#b85c5c4d);transform:translateY(-1px)}.toast{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--color-espresso);border:1px solid var(--color-mocha);border-radius:12px;box-shadow:var(--shadow-card);animation:slideIn .3s ease-out,fadeOut .3s ease-in 2.7s;z-index:1100}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.toast--success{border-left:4px solid var(--color-balanced)}.toast--error{border-left:4px solid var(--color-bitter)}.toast--info{border-left:4px solid var(--color-caramel)}.toast__message{font-size:.875rem;font-weight:500;color:var(--color-cream)}.toast__close{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;border-radius:4px;color:var(--color-muted);cursor:pointer;transition:color .2s ease}.toast__close:hover{color:var(--color-cream)}.toast__close .icon{width:14px;height:14px}@media(min-width:900px){.toast{bottom:5rem}.toast--shortcuts-open{bottom:14rem}}.freshness-alert{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;margin-bottom:1rem;border-radius:10px;border:1px solid}.freshness-alert--fading{background:#d4915c1a;border-color:#d4915c4d}.freshness-alert--stale{background:#c045451a;border-color:#c045454d}.freshness-alert__badge{flex-shrink:0;padding:.25rem .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;color:#fff}.freshness-alert__text{font-size:.875rem;line-height:1.5;color:var(--color-cream)}.grind-history{display:flex;align-items:flex-end;gap:4px;height:40px;margin-top:.5rem;padding:.5rem 0}.grind-history__bar{flex:1;min-width:20px;background:var(--color-mocha);border-radius:3px 3px 0 0;transition:background .2s ease}.grind-history__bar--current{background:var(--color-caramel)}.btn-compare{padding:.5rem 1rem;font-size:.875rem;font-weight:500;font-family:var(--font-sans);background:transparent;border:1px solid var(--color-mocha);border-radius:8px;color:var(--color-cream);cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-compare:hover{border-color:var(--color-caramel);background:#a67b5b1a}.btn-compare--active{background:#7a9e6d33;border-color:var(--color-balanced);color:var(--color-balanced)}.compare-panel{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);width:90%;max-width:600px;background:var(--color-espresso);border:1px solid var(--color-mocha);border-radius:16px;box-shadow:0 8px 32px #0006;z-index:1050;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.compare-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-mocha)}.compare-panel__header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--color-cream);margin:0}.compare-panel__close{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;border-radius:4px;color:var(--color-muted);cursor:pointer;transition:color .2s ease}.compare-panel__close:hover{color:var(--color-cream)}.compare-panel__content{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 1.25rem}.compare-panel__shot{padding:1rem;background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:10px}.compare-panel__shot--empty{display:flex;align-items:center;justify-content:center;min-height:120px}.compare-panel__placeholder{font-size:.875rem;color:var(--color-muted)}.compare-panel__shot-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.compare-panel__bean{font-size:.875rem;font-weight:600;color:var(--color-cream)}.compare-panel__rating{font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:4px}.compare-panel__rating--sour{background:#e8a04533;color:var(--color-sour)}.compare-panel__rating--balanced{background:#7a9e6d33;color:var(--color-balanced)}.compare-panel__rating--bitter{background:#b85c5c33;color:var(--color-bitter)}.compare-panel__details{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.compare-panel__detail{display:flex;flex-direction:column;gap:.125rem}.compare-panel__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.compare-panel__value{font-size:.875rem;font-weight:600;color:var(--color-cream)}.compare-panel__remove{width:100%;padding:.375rem;font-size:.75rem;font-family:var(--font-sans);background:transparent;border:1px solid var(--color-mocha);border-radius:6px;color:var(--color-muted);cursor:pointer;transition:all .2s ease}.compare-panel__remove:hover{border-color:var(--color-bitter);color:var(--color-bitter)}.compare-panel__diff{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-top:1px solid var(--color-mocha);background:#0003;border-radius:0 0 16px 16px}.compare-panel__diff-label{font-size:.875rem;color:var(--color-muted)}.compare-panel__diff-value{font-size:1rem;font-weight:700}.success-chart{display:flex;justify-content:space-between;gap:.5rem;height:120px;padding:.5rem 0}.success-chart__day{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.success-chart__bars{position:relative;flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.success-chart__bar{position:absolute;bottom:0;width:80%;max-width:24px;border-radius:3px 3px 0 0;transition:height .3s ease}.success-chart__bar--total{background:var(--color-mocha);opacity:.5}.success-chart__bar--balanced{background:var(--color-balanced)}.success-chart__label{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.success-chart__rate{font-size:.75rem;font-weight:600;color:var(--color-balanced)}.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,.btn-secondary,.btn-delete,.btn-compare,.modal__close,.froth-toggle{min-height:44px;min-width:44px}.form-input,.form-select,.history-filter__select,.history-filter__search{min-height:48px;font-size:16px}.history-item{padding:1rem}.grind-slider input[type=range]{height:32px}.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(max-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{width:100%;justify-content:center}.modal__footer--space-between{flex-direction:column;gap:.75rem}.modal__footer-actions{flex-direction:column;width:100%}.modal__footer-actions button{width:100%;justify-content:center}.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:1.25rem}.header__btn span,.header__btn--icon span{display:none}}.header__hamburger{display:none}@media(max-width:768px){.header{position:relative;flex-wrap:wrap}.header__hamburger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin-left:auto;background:transparent;border:1px solid var(--color-mocha);border-radius:8px;color:var(--color-cream);cursor:pointer;transition:all .2s ease;z-index:1002}.header__hamburger:hover{background:#a67b5b1a;border-color:var(--color-caramel)}.header__hamburger .icon{width:24px;height:24px}.header__btns{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:.5rem;padding:1rem;background:var(--color-espresso);border:1px solid var(--color-mocha);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 8px 24px #0000004d;z-index:1001;animation:slideDown .2s ease-out}.header__btns--open{display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header__btns .header__btn{width:100%;justify-content:flex-start;padding:.75rem 1rem;background:var(--color-dark-roast);border-radius:8px}.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:.875rem;color:var(--color-muted)}.header__overlay{position:fixed;inset:0;background:#00000080;z-index:1000}.header__subtitle{display:none}.header__title{font-size:1.125rem}.header__theme-select--desktop{display:none}.header__theme-btn{display:flex;width:100%;justify-content:flex-start;padding:.75rem 1rem;background:var(--color-dark-roast);border-radius:8px}}@media(min-width:769px){.header__theme-btn{display:none!important}.header__prefs-btn{margin-left:.5rem}}@media(max-width:768px){.header__prefs-btn{display:none!important}}.modal--settings{max-width:420px}.settings-section{padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-mocha)}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section__title{font-size:1rem;font-weight:600;color:var(--color-cream);margin:0 0 1rem}.theme-picker__options{display:flex;flex-direction:column;gap:.5rem}.theme-picker__option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#a67b5b0f;border:1px solid var(--color-mocha);border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans);color:var(--color-cream);text-align:left;width:100%}.theme-picker__option:hover{background:#a67b5b1f;border-color:var(--color-caramel)}.theme-picker__option--active{background:#a67b5b2e;border-color:var(--color-caramel)}.theme-picker__emoji{font-size:1.25rem;width:28px;text-align:center}.theme-picker__label{flex:1;font-size:.9375rem;font-weight:500}.theme-picker__option .icon{width:18px;height:18px;color:var(--color-caramel)}.prefs-section{margin-bottom:1.5rem}.prefs-section:last-child{margin-bottom:0}.prefs-section__label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:.75rem}.prefs-toggle{display:flex;gap:.5rem}.prefs-toggle__option{flex:1;padding:.75rem 1rem;background:#a67b5b0f;border:1px solid var(--color-mocha);border-radius:10px;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans);font-size:.875rem;color:var(--color-muted);text-align:center}.prefs-toggle__option:hover{background:#a67b5b1f;border-color:var(--color-caramel);color:var(--color-cream)}.prefs-toggle__option--active{background:#a67b5b2e;border-color:var(--color-caramel);color:var(--color-cream)}.shortcuts-panel{display:none}@media(min-width:900px){.shortcuts-panel{display:block;position:fixed;bottom:1.5rem;right:1.5rem;z-index:100}.shortcuts-panel--open{background:var(--color-espresso);border:1px solid var(--color-mocha);border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:.75rem 1rem;min-width:200px}.shortcuts-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;font-weight:600;color:var(--color-cream);font-size:.875rem}.shortcuts-panel__close{background:transparent;border:none;color:var(--color-muted);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.shortcuts-panel__close:hover{color:var(--color-cream)}.shortcuts-panel__close .icon{width:14px;height:14px}.shortcuts-panel__list{display:flex;flex-direction:column;gap:.5rem}.shortcuts-panel__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.8125rem;color:var(--color-muted)}.shortcuts-panel__item span{color:var(--color-cream)}.shortcuts-panel__item kbd{display:inline-block;background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:4px;padding:.125rem .375rem;font-family:var(--font-mono, monospace);font-size:.75rem;color:var(--color-caramel)}.shortcuts-panel__toggle{background:var(--color-espresso);border:1px solid var(--color-mocha);border-radius:10px;padding:.625rem;cursor:pointer;font-size:1.25rem;line-height:1;box-shadow:0 4px 16px #0003;transition:all .2s ease}.shortcuts-panel__toggle:hover{background:var(--color-dark-roast);border-color:var(--color-caramel);transform:scale(1.05)}}.shot-timer__mode-toggle{display:flex;gap:.25rem;background:var(--color-espresso);border-radius:8px;padding:.25rem;margin-bottom:.75rem}.shot-timer__mode-btn{flex:1;padding:.375rem .75rem;font-size:.75rem;font-weight:500;font-family:var(--font-sans);background:transparent;border:none;border-radius:6px;color:var(--color-muted);cursor:pointer;transition:all .2s ease}.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{display:flex;align-items:center;gap:.5rem;justify-content:center}.shot-timer__input{width:80px;padding:.5rem .75rem;font-size:1.25rem;font-weight:600;font-family:var(--font-sans);text-align:center;background:var(--color-dark-roast);border:1px solid var(--color-mocha);border-radius:10px;color:var(--color-caramel);transition:all .25s ease;-moz-appearance:textfield}.shot-timer__input::-webkit-outer-spin-button,.shot-timer__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.shot-timer__input:focus{outline:none;border-color:var(--color-caramel);box-shadow:0 0 0 3px #a67b5b1f}.shot-timer__input::placeholder{color:var(--color-subtle)}.shot-timer__unit{font-size:.875rem;color:var(--color-muted)}