@media (width>=768px){.btn-icon.outline{min-height:36px;padding:.125rem 1rem}}@media (width>=768px){.btn-apply-small{min-height:32px}}@media (width>=768px){.danger-outline,.danger{min-height:32px}}@media (width>=768px){.btn-primary{min-height:36px;padding:.125rem 1rem}}@media (width>=768px){.btn-secondary{min-height:36px;padding:.125rem 1rem}}@media (width>=768px){.btn-text{min-height:32px}}@media (width>=768px){.btn-icon{min-width:32px;min-height:32px}}@media (width>=768px){.btn-danger{min-height:32px}}@media (width>=768px){.btn-accept{min-height:36px;padding:.125rem 1rem}}@media (width>=768px){.btn-reject{min-height:32px}}@media (width>=768px){.register-container .register-card form .btn-submit{min-height:36px;padding:.125rem 1rem}}:root{--color-primary:#06c;--color-primary-dark:#0052a3;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--bg-main:#f7f9fa;--bg-surface:#fff;--bg-surface-alt:#f1f3f5;--text-primary:#111827;--text-secondary:#4b5563;--text-disabled:#9ca3af;--border-color:#e5e7eb}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{overscroll-behavior-y:none;color:var(--text-primary);background-color:var(--bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif}#root{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}input,button,textarea,select{font:inherit;color:inherit}.global-loader{justify-content:center;align-items:center;min-height:100vh;display:flex}.global-loader .spinner{border:4px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:.8s cubic-bezier(.4,0,.2,1) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-icon.outline{touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;transition:all .2s;display:inline-flex}.btn-icon.outline:disabled{cursor:not-allowed;opacity:.6}.btn-icon.outline{color:#fff;background-color:var(--color-primary);min-height:48px;padding:.25rem 1.5rem;box-shadow:0 1px 2px #0000000d}@media (width>=768px){.btn-icon.outline{min-height:36px;padding:.125rem 1rem}}.btn-icon.outline:not(:disabled):hover{background-color:var(--color-primary-dark)}.btn-icon.outline:not(:disabled):active{transform:scale(.98)}.btn-icon.outline{border-radius:9999px;min-width:48px;padding:0}.btn-icon.outline svg{fill:#fff}.btn-apply-small{touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;transition:all .2s;display:inline-flex}.btn-apply-small:disabled{cursor:not-allowed;opacity:.6}.btn-apply-small{min-height:44px;color:var(--color-primary);background-color:#0000;padding:.25rem .5rem}@media (width>=768px){.btn-apply-small{min-height:32px}}.btn-apply-small:not(:disabled):hover{background-color:#0066cc14}.btn-apply-small{min-height:32px;font-size:.875rem}.danger-outline,.danger{touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;transition:all .2s;display:inline-flex}.danger-outline:disabled,.danger:disabled{cursor:not-allowed;opacity:.6}.danger-outline,.danger{min-height:44px;color:var(--color-danger);background-color:#ef44441a;padding:.25rem 1rem}@media (width>=768px){.danger-outline,.danger{min-height:32px}}.danger-outline:not(:disabled):hover,.danger:not(:disabled):hover{color:#fff;background-color:var(--color-danger)}.btn-primary{touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;transition:all .2s;display:inline-flex}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-primary{color:#fff;background-color:var(--color-primary);min-height:48px;padding:.25rem 1.5rem;box-shadow:0 1px 2px #0000000d}@media (width>=768px){.btn-primary{min-height:36px;padding:.125rem 1rem}}.btn-primary:not(:disabled):hover{background-color:var(--color-primary-dark)}.btn-primary:not(:disabled):active{transform:scale(.98)}.btn-primary{align-items:center;gap:.25rem;display:flex}.btn-primary--large{padding:1rem 2rem;font-size:1.1rem}.btn-secondary{touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;transition:all .2s;display:inline-flex}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{min-height:48px;color:var(--text-primary);background-color:var(--bg-surface);border-color:var(--border-color);padding:.25rem 1.5rem;box-shadow:0 1px 2px #0000000d}@media (width>=768px){.btn-secondary{min-height:36px;padding:.125rem 1rem}}.btn-secondary:not(:disabled):hover{background-color:var(--bg-surface-alt)}.btn-secondary:not(:disabled):active{transform:scale(.98)}.btn-secondary--outline{background-color:#0000}.btn-text{touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;transition:all .2s;display:inline-flex}.btn-text:disabled{cursor:not-allowed;opacity:.6}.btn-text{min-height:44px;color:var(--color-primary);background-color:#0000;padding:.25rem .5rem}@media (width>=768px){.btn-text{min-height:32px}}.btn-text:not(:disabled):hover{background-color:#0066cc14}.btn-icon{touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;transition:all .2s;display:inline-flex}.btn-icon:disabled{cursor:not-allowed;opacity:.6}.btn-icon{min-width:44px;min-height:44px;color:var(--text-secondary);background-color:#0000;border-radius:9999px;padding:.25rem}@media (width>=768px){.btn-icon{min-width:32px;min-height:32px}}.btn-icon:not(:disabled):hover{color:var(--color-primary);background-color:var(--bg-surface-alt)}.btn-danger{touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;transition:all .2s;display:inline-flex}.btn-danger:disabled{cursor:not-allowed;opacity:.6}.btn-danger{min-height:44px;color:var(--color-danger);background-color:#ef44441a;padding:.25rem 1rem}@media (width>=768px){.btn-danger{min-height:32px}}.btn-danger:not(:disabled):hover{color:#fff;background-color:var(--color-danger)}.btn-full-width{width:100%}.btn-accept{touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;transition:all .2s;display:inline-flex}.btn-accept:disabled{cursor:not-allowed;opacity:.6}.btn-accept{color:#fff;background-color:var(--color-primary);min-height:48px;padding:.25rem 1.5rem;box-shadow:0 1px 2px #0000000d}@media (width>=768px){.btn-accept{min-height:36px;padding:.125rem 1rem}}.btn-accept:not(:disabled):hover{background-color:var(--color-primary-dark)}.btn-accept:not(:disabled):active{transform:scale(.98)}.btn-accept{background-color:var(--color-success)}.btn-reject{touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;transition:all .2s;display:inline-flex}.btn-reject:disabled{cursor:not-allowed;opacity:.6}.btn-reject{min-height:44px;color:var(--color-danger);background-color:#ef44441a;padding:.25rem 1rem}@media (width>=768px){.btn-reject{min-height:32px}}.btn-reject:not(:disabled):hover{color:#fff;background-color:var(--color-danger)}.app-layout{background-color:var(--bg-main);flex-direction:column;height:100vh;display:flex;overflow:hidden}@media (width>=768px){.app-layout{flex-direction:row}}.app-layout__loading{width:100%;height:100vh;color:var(--text-secondary);place-items:center;display:grid}.main-nav{z-index:1000;height:56px;padding-bottom:env(safe-area-inset-bottom);background-color:var(--bg-surface);border-top:1px solid var(--border-color);flex-direction:row;justify-content:space-between;align-items:stretch;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px 2px #00000008}@media (width>=768px){.main-nav{border-top:none;border-right:1px solid var(--border-color);flex-direction:column;justify-content:flex-start;align-items:stretch;width:72px;height:100vh;padding:1rem 0;position:relative;box-shadow:0 1px 2px #0000000d}}.main-nav .nav-item{color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.125rem;padding:0;text-decoration:none;transition:all .15s;display:flex}@media (width>=768px){.main-nav .nav-item{flex:none;width:100%;padding:.5rem 0}}.main-nav .nav-item:hover{color:var(--text-primary)}@media (width>=768px){.main-nav .nav-item:hover{background-color:var(--bg-surface-alt)}}.main-nav .nav-item .icon{font-size:1.4rem}@media (width>=768px){.main-nav .nav-item .icon{font-size:1.15rem}}.main-nav .nav-item span{color:var(--text-secondary);font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:.65rem;font-weight:500;line-height:1.4}@media (width>=768px){.main-nav .nav-item span{font-size:.65rem}}.main-nav .nav-item.active{color:var(--color-primary)}@media (width>=768px){.main-nav .nav-item.active{border-left:3px solid var(--color-primary);background-color:#0066cc14}.main-nav .nav-item--lang{margin-top:auto}}.main-nav .nav-item--lang span{text-transform:uppercase;font-weight:700}.main-content{scroll-behavior:smooth;flex:1;padding:1.5rem .5rem calc(56px + 1.5rem);overflow:hidden auto}@media (width>=768px){.main-content{padding:2rem}}.register-container{background-color:#f7f9fa;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.register-container .register-card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:3rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.register-container .register-card h1{color:var(--text-primary);letter-spacing:-.02em;text-align:center;margin-bottom:2rem;font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.2}.register-container .register-card .error-message{color:var(--text-secondary);background-color:#fee2e2;border-radius:6px;margin-bottom:1rem;padding:.5rem;font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:.875rem;line-height:1.4}.register-container .register-card .info-message{color:var(--text-secondary);background-color:#10b9811a;border-radius:6px;margin-bottom:1rem;padding:.5rem;font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:.875rem;line-height:1.4}.register-container .register-card form{flex-direction:column;gap:1.5rem;display:flex}.register-container .register-card form .form-group{flex-direction:column;gap:.25rem;display:flex}.register-container .register-card form .form-group label{color:var(--text-secondary);font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.4}.register-container .register-card form .form-group input{border:1px solid #e5e7eb;border-radius:6px;padding:.5rem;font-size:1rem;transition:border-color .2s}.register-container .register-card form .form-group input:focus{border-color:#06c;outline:none}.register-container .register-card form .btn-submit{touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;transition:all .2s;display:inline-flex}.register-container .register-card form .btn-submit:disabled{cursor:not-allowed;opacity:.6}.register-container .register-card form .btn-submit{color:#fff;background-color:var(--color-primary);min-height:48px;padding:.25rem 1.5rem;box-shadow:0 1px 2px #0000000d}@media (width>=768px){.register-container .register-card form .btn-submit{min-height:36px;padding:.125rem 1rem}}.register-container .register-card form .btn-submit:not(:disabled):hover{background-color:var(--color-primary-dark)}.register-container .register-card form .btn-submit:not(:disabled):active{transform:scale(.98)}.register-container .auth-footer{text-align:center;font-size:.9rem}.profile{max-width:1000px;margin:0 auto;padding:1.5rem 0}@media (width>=768px){.profile{padding:2rem 1rem}}.profile__error{margin-bottom:1rem}.profile__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.profile__title-block{flex-direction:column;gap:.25rem;display:flex}.profile__title{color:var(--text-primary);margin:0;font-size:2rem}.profile__email{color:var(--text-secondary);font-size:1rem}.profile__header-actions{align-items:center;gap:.5rem;display:flex}.profile__logout-btn{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border:1px solid var(--border-color);background:0 0;border-radius:12px;place-items:center;transition:all .2s;display:grid}.profile__logout-btn:hover{color:var(--color-danger);border-color:var(--color-danger);background-color:#ef44441a}.profile__active-badge{color:var(--color-success);align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:inline-flex}.profile__row-actions{justify-content:flex-end;gap:4px;display:flex}.profile__modal-form{flex-direction:column;gap:1rem;display:flex}.profile__form-group{flex-direction:column;gap:.25rem;display:flex}.profile__form-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.profile__form-input{color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;padding:.5rem;font-size:1rem}.profile__form-input:focus{border-color:var(--color-primary);outline:none}.profile__pending-invites{flex-direction:column;gap:.25rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.profile__pending-invites li{color:var(--text-primary);background-color:var(--bg-surface-alt);border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem;font-size:.9rem;display:flex}.profile__pending-tag{color:var(--color-warning);text-transform:uppercase;font-size:.7rem;font-weight:700}.profile__invites-section{margin-bottom:1.5rem}.profile__ai-settings-section{max-width:480px;margin-top:2rem}.profile__ai-settings-form{flex-direction:column;gap:1rem;display:flex}.profile__ai-settings-status{color:var(--color-success);align-items:center;gap:.25rem;font-size:.85rem;display:flex}.profile__ai-settings-hint{color:var(--text-secondary);margin:0;font-size:.85rem}.profile__ai-settings-actions{justify-content:flex-start;display:flex}.profile__section-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.1rem}.profile__received-invite-row{gap:.5rem}.home{max-width:90rem;margin:0 auto;padding:0 1rem}.home__header{margin-bottom:2rem}.home__title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.25rem;font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.2}.home__subtitle{color:var(--text-secondary);font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:1rem;line-height:1.5}.home__workspace{color:var(--color-primary);font-weight:600}.home__grid{grid-template-columns:1fr;align-items:flex-start;gap:2rem;display:grid}@media (width>=1024px){.home__grid{grid-template-columns:repeat(2,1fr)}}.home-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}.home-card__header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem;display:flex}@media (width>=768px){.home-card__header{padding:1.5rem}}.home-card__title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.3}.home-card__link{color:var(--color-primary);align-items:center;gap:.25rem;font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:.875rem;font-weight:600;line-height:1.4;text-decoration:none;transition:color .2s;display:flex}.home-card__link:hover{color:var(--color-primary-dark)}.home-card__list{flex-direction:column;gap:1rem;padding:.5rem;display:flex}@media (width>=768px){.home-card__list{padding:1.5rem}}.home-card__loading,.home-card__empty{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem .5rem;display:flex}@media (width>=768px){.home-card__loading,.home-card__empty{padding:3rem 1.5rem}}.home-card__loading p,.home-card__empty p{color:var(--text-secondary);margin:0;font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:1rem;line-height:1.5}.brew-item{cursor:pointer;background-color:var(--bg-surface-alt);border:1px solid var(--border-color);-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;padding:1rem;transition:all .2s;display:flex}.brew-item:hover,.brew-item:focus{border-color:var(--color-primary);outline:none;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.brew-item--active{background-color:var(--bg-surface);border-color:#06c6;box-shadow:0 4px 12px #0066cc1a}.brew-item__header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.brew-item__title{color:var(--text-primary);margin:0;font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:1rem;font-weight:600;line-height:1.4}.brew-item__badge{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:6px;padding:4px 8px;font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:.7rem;font-weight:700;line-height:1.4}.brew-item__badge[data-status=planned]{color:var(--text-secondary);background-color:var(--border-color)}.brew-item__badge[data-status=fermenting]{color:var(--color-primary);background-color:#0066cc1a}.brew-item__badge[data-status=aging]{color:#7e22ce;background-color:#faf5ff}.brew-item__badge[data-status=completed]{color:var(--color-success);background-color:#10b9811a}.brew-item__details{color:var(--text-secondary);gap:.5rem;font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:.875rem;line-height:1.4;display:flex}.brew-item__active-step{background-color:#0066cc0d;border:1px solid #06c3;border-radius:6px;margin-top:1rem;padding:1rem}.brew-item__step-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.brew-item__step-indicator{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.25rem;font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:.875rem;font-weight:600;line-height:1.4;display:flex}.brew-item__pulse-icon{animation:2s infinite dashboard-pulse}.brew-item__step-timer{font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--color-primary-dark);font-family:ui-monospace,sfmono-regular,SF Mono,menlo,consolas,Liberation Mono,monospace;font-size:.9em;font-weight:600}.brew-item__step-name{color:var(--text-primary);font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:.875rem;line-height:1.4}.recipe-item{background-color:var(--bg-surface);border:1px solid var(--border-color);-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;gap:.25rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex}.recipe-item:hover{background-color:var(--bg-surface-alt);border-color:var(--color-primary)}.recipe-item__title{color:var(--text-primary);margin:0;font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:1rem;font-weight:600;line-height:1.4}.recipe-item__meta{color:var(--text-secondary);justify-content:space-between;align-items:center;font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:.875rem;line-height:1.4;display:flex}.recipe-item__style{color:var(--text-secondary)}.recipe-item__abv{color:var(--color-primary);font-weight:600}@keyframes dashboard-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.inventory{max-width:1400px;margin:0 auto;padding:1.5rem 0}@media (width>=768px){.inventory{padding:2rem 1rem}}.inventory__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.inventory__title-block{flex-direction:column;gap:.25rem;display:flex}.inventory__title{color:var(--text-primary);margin:0;font-size:2rem}.inventory__subtitle{color:var(--text-secondary);font-size:1rem}.inventory__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.inventory__error{margin-bottom:1rem}.inventory__empty-state{text-align:center;background-color:var(--bg-surface);border:1px dashed var(--border-color);border-radius:16px;padding:3rem 1.5rem}.inventory__empty-text{color:var(--text-secondary);margin:0;font-size:1rem}.finance-strip{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.5rem 1rem;display:flex}.finance-strip__stat{align-items:baseline;gap:.25rem;display:flex}.finance-strip__label{color:var(--text-secondary);font-size:.75rem}.finance-strip__value{color:var(--text-primary);font-size:.95rem;font-weight:700}.finance-strip__value--danger{color:var(--color-danger)}.finance-strip__divider{display:none}@media (width>=768px){.finance-strip__divider{background-color:var(--border-color);width:1px;height:20px;display:block}}.finance-strip__ledger-btn{margin-left:auto}.icon-action-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background-color:#0000;border:none;border-radius:4px;place-items:center;transition:all .2s;display:grid}.icon-action-btn:hover{color:var(--text-primary);background-color:var(--bg-surface-alt)}.icon-action-btn--danger:hover{color:var(--color-danger);background-color:#ef44441a}.category-badge{text-transform:uppercase;border-radius:6px;padding:4px 8px;font-size:.7rem;font-weight:700;display:inline-block}.category-badge--fermentable,.category-badge--honey{color:#b45309;background-color:#fbbf2426}.category-badge--hops{color:#15803d;background-color:#22c55e26}.category-badge--yeast{color:#7e22ce;background-color:#a855f726}.category-badge--additive{color:#475569;background-color:#94a3b826}.category-badge--water-profile{color:#0369a1;background-color:#0ea5e926}.inv-table-wrapper{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto;box-shadow:0 1px 2px #0000000d}.inv-table{white-space:nowrap;border-collapse:collapse;width:100%;font-size:.9rem}.inv-table__th{color:var(--text-secondary);text-align:left;text-transform:uppercase;letter-spacing:.5px;background-color:var(--bg-surface-alt);border-bottom:1px solid var(--border-color);padding:.5rem 1rem;font-size:.75rem;font-weight:700}.inv-table__th-btn{font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.inv-table__th-btn:hover{color:var(--text-primary)}.inv-table__td{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:.5rem 1rem}.inv-table__row{cursor:pointer;transition:background-color .15s}.inv-table__row:hover{background-color:var(--bg-surface-alt)}.inv-table__row:last-child .inv-table__row__td{border-bottom:none}.inv-table__sort-icon{vertical-align:middle;margin-left:4px;font-size:.75em}.inv-table__sort-icon--inactive{color:var(--text-disabled)}.inv-table__col--numeric{text-align:right}.inv-table__name-cell{white-space:normal;align-items:center;gap:.5rem;display:flex}.inv-table__name-text{font-weight:600}.inv-table__cell--empty{color:var(--color-danger);font-weight:600}.inv-table__cell--value{font-weight:700}.inv-table__cell--muted{color:var(--text-secondary)}@media (width<=767px){.b2b-table-wrapper{display:none}}.b2b-mobile-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}@media (width>=768px){.b2b-mobile-list{display:none}}.b2b-mobile-row{cursor:pointer;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:4px;padding:1rem;display:flex;box-shadow:0 1px 2px #0000000d}.b2b-mobile-row__top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.b2b-mobile-row__title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.b2b-mobile-row__meta{color:var(--text-secondary);flex-wrap:wrap;gap:4px 10px;font-size:.8rem;display:flex}.erp-tabs{background-color:var(--bg-surface-alt);border-radius:12px;gap:4px;padding:4px;display:flex}.erp-tabs__btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex}.erp-tabs__btn:hover{color:var(--text-primary)}.erp-tabs__btn--active{color:var(--color-primary);background-color:var(--bg-surface);box-shadow:0 1px 2px #0000000d}.erp-filters{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.erp-filters__label{color:var(--text-secondary);font-weight:600}.erp-filters__pills{flex-wrap:wrap;gap:.5rem;display:flex}.erp-filters__pill{color:var(--text-secondary);cursor:pointer;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:9999px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.erp-filters__pill:hover{border-color:var(--text-secondary)}.erp-filters__pill--active{color:var(--color-surface);background-color:var(--color-primary);border-color:var(--color-primary)}.master-view-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:flex-end;animation:.2s ease-out ingredient-modal-fade-in;display:flex;position:fixed;inset:0}.master-view{background-color:var(--bg-surface);flex-direction:column;width:min(760px,100vw);height:100vh;animation:.2s ease-out master-view-slide-in;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.master-view__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.master-view__title-block{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.master-view__title{color:var(--text-primary);margin:0;font-size:1.4rem}.master-view__header-actions{flex-shrink:0;gap:.5rem;display:flex}.master-view__close-btn,.master-view__delete-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9999px;flex-shrink:0;place-items:center;padding:0;transition:color .2s,background-color .2s;display:grid}.master-view__close-btn:hover{color:var(--text-primary);background-color:var(--bg-surface-alt)}.master-view__delete-btn:hover{color:var(--color-danger);background-color:#ef44441a}.master-view__error{margin:1rem 2rem 0}.master-view__tabs{border-bottom:1px solid var(--border-color);gap:1rem;padding:0 2rem;display:flex}.master-view__tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:1rem .25rem;font-weight:600;transition:color .2s}.master-view__tab:hover{color:var(--text-primary)}.master-view__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.master-view__body{flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}@keyframes master-view-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.ledger-table-wrapper{border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.ledger-table{border-collapse:collapse;width:100%;font-size:.9rem}.ledger-table th{color:var(--text-secondary);text-align:left;text-transform:uppercase;letter-spacing:.5px;background-color:var(--bg-surface-alt);border-bottom:1px solid var(--border-color);padding:.5rem 1rem;font-size:.75rem;font-weight:700}.ledger-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:.5rem 1rem}.ledger-table tr:last-child td{border-bottom:none}.ledger-table__col--numeric{text-align:right}.ledger-table__type-badge{text-transform:uppercase;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:700}.ledger-table__type-badge--in{color:var(--color-success);background-color:#10b98126}.ledger-table__type-badge--out{color:var(--color-primary);background-color:#0066cc1f}.ledger-table__type-badge--adjust{color:var(--color-warning);background-color:#f59e0b26}.ledger-table__link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-weight:600}.ledger-table__link:hover{text-decoration:underline}.ledger-panel__controls{gap:.5rem;padding:1rem 2rem 0;display:flex}.ledger-panel__select{min-height:44px;color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;padding:0 .5rem;font-size:.9rem}@media (width>=768px){.ledger-panel__select{min-height:32px}}.ledger-panel__select:focus{border-color:var(--color-primary);outline:none}.ledger-panel__stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem;display:grid}.ledger-panel__stat{background-color:var(--bg-surface-alt);border-radius:6px;flex-direction:column;gap:.125rem;padding:.5rem 1rem;display:flex}.ledger-panel__stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:700}.ledger-panel__stat-value{color:var(--text-primary);font-size:1.15rem;font-weight:600}.ledger-panel__stat-value--danger{color:var(--color-danger)}.ledger-panel__section{flex-direction:column;gap:.5rem;display:flex}.master-ledger__section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.85rem;font-weight:700}.master-ledger__loss-list{border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.master-ledger__loss-row{color:var(--text-primary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.9rem;display:flex}.master-ledger__loss-row:last-child{border-bottom:none}.auth-container{background:#f7f9fa;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-container .auth-form{background:#fff;border-radius:12px;flex-direction:column;gap:1rem;width:100%;max-width:400px;padding:2rem;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.auth-container .auth-form input{border:1px solid #e5e7eb;border-radius:6px;padding:.5rem}.auth-container .auth-form button{color:#fff;cursor:pointer;background:#06c;border:none;border-radius:6px;padding:.5rem}.auth-container .auth-form .error{color:#ef4444;font-size:.8rem}.auth-container .auth-form .auth-footer{text-align:center;font-size:.9rem}.recipe-lab{width:100%;max-width:1400px;margin:0 auto;padding:0}@media (width>=768px){.recipe-lab{padding:2rem}}.recipe-lab__header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.recipe-lab__title{color:var(--text-primary);margin:0;font-size:2rem}.recipe-lab__btn-primary{touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;transition:all .2s;display:inline-flex}.recipe-lab__btn-primary:disabled{cursor:not-allowed;opacity:.6}.recipe-lab__btn-primary{color:#fff;background-color:var(--color-primary);min-height:48px;padding:.25rem 1.5rem;box-shadow:0 1px 2px #0000000d}@media (width>=768px){.recipe-lab__btn-primary{min-height:36px;padding:.125rem 1rem}}.recipe-lab__btn-primary:not(:disabled):hover{background-color:var(--color-primary-dark)}.recipe-lab__btn-primary:not(:disabled):active{transform:scale(.98)}.recipe-lab__btn-primary{align-items:center;gap:.25rem;display:flex}.recipe-lab__btn-primary--large{padding:1rem 2rem;font-size:1.1rem}.recipe-lab__btn-secondary{color:var(--color-primary);cursor:pointer;border:1px solid var(--color-primary);background-color:#0000;border-radius:6px;justify-content:center;align-items:center;gap:.25rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex}.recipe-lab__btn-secondary:hover{background-color:#007bff0d}.recipe-lab__btn-secondary--full{width:100%}.recipe-lab__loading,.recipe-lab__empty-state{text-align:center;padding:3rem}.recipe-lab__empty-text{color:var(--text-secondary);font-size:1.1rem}.builder-layout{grid-template-columns:1fr;align-items:start;gap:2rem;display:grid}@media (width>=1024px){.builder-layout{grid-template-columns:2fr 1fr}}.builder-sidebar-col{flex-direction:column;gap:2rem;display:flex}.builder-section{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #0000000a}.builder-section__header{margin-bottom:1.5rem}.builder-section__header--flex{justify-content:space-between;align-items:center;display:flex}.builder-section__title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1.25rem;display:flex}.builder-section--suggestions{border:1px dashed var(--color-primary);background-color:#007bff05}.builder-section__body,.builder-section__body--spaced{flex-direction:column;gap:1.5rem;display:flex}.builder-section .header-actions,.builder-section .diff-actions{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.form-field{flex-direction:column;gap:.25rem;margin-bottom:1rem;display:flex}.form-field__label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.form-field__input,.form-field__select,.form-field__textarea{color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-field__input:focus,.form-field__select:focus,.form-field__textarea:focus{border-color:var(--color-primary);outline:none}.form-field__input--small,.form-field__select--small,.form-field__textarea--small{padding:.25rem .5rem;font-size:.9rem}.form-field__textarea{resize:vertical}.form-field__fake-input{color:var(--text-primary);text-align:left;cursor:pointer;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:1rem;transition:border-color .2s;display:flex}.form-field__fake-input:hover{border-color:var(--color-primary)}.builder-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:end;gap:1rem;display:grid}.builder-row__item{margin-bottom:0}.builder-row--tight{gap:4px}.builder-auto-calc{align-items:center;gap:.5rem;display:flex}.builder-auto-calc__label{color:var(--text-secondary);font-size:.85rem;font-weight:700}.builder-auto-calc__input{border:1px solid var(--border-color);border-radius:6px;width:70px;padding:.25rem .5rem;font-size:.9rem}.builder-auto-calc__btn{color:var(--color-primary);cursor:pointer;background-color:#007bff1a;border:none;border-radius:6px;align-items:center;gap:4px;padding:.25rem .5rem;font-size:.85rem;font-weight:700;display:flex}.builder-auto-calc__btn:hover{background-color:#007bff33}.ingredient-list{flex-direction:column;gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.ingredient-list--spaced{margin-top:.5rem}.step-list{flex-direction:column;gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.step-list__actions{margin-top:1rem}.recipe-ingredient{background-color:var(--bg-surface-alt);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.recipe-ingredient__main{flex-direction:column;gap:.5rem;display:flex}@media (width>=768px){.recipe-ingredient__main{flex-direction:row;justify-content:space-between;align-items:center}}.recipe-ingredient__info{align-items:baseline;gap:1rem;display:flex}.recipe-ingredient__info-col{flex-direction:column;display:flex}.recipe-ingredient__badge{color:#fff;background-color:#64748b;border-radius:6px;padding:2px 6px;font-size:.7rem;font-weight:700}.recipe-ingredient__badge[data-category=Fermentable]{background-color:#d97706}.recipe-ingredient__badge[data-category=Hops]{background-color:#16a34a}.recipe-ingredient__badge[data-category=Yeast]{background-color:#2563eb}.recipe-ingredient__name{color:var(--text-primary);font-weight:600}.recipe-ingredient__meta,.recipe-ingredient__meta-text{color:var(--text-secondary);font-size:.8rem}.recipe-ingredient__controls{align-items:center;gap:.5rem;display:flex}.recipe-ingredient__btn-note{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.recipe-ingredient__btn-note:hover{text-decoration:underline}.recipe-ingredient__hop-boil{border-right:1px solid var(--border-color);align-items:center;gap:4px;padding-right:.5rem;display:flex}.recipe-ingredient__unit{color:var(--text-secondary);font-size:.9rem}.recipe-ingredient__btn-delete{width:32px;height:32px;color:var(--color-error);cursor:pointer;background-color:#d930251a;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.recipe-ingredient__btn-delete:hover{background-color:#d9302533}.recipe-ingredient__note{padding-top:.5rem}.recipe-ingredient__ai-adjust{margin-top:.25rem}.recipe-ingredient .diff-actions{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.step-item{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.step-item__header{background-color:var(--bg-surface-alt);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.step-item__header-left{align-items:center;gap:.5rem;display:flex}.step-item__number{color:#fff;background-color:#64748b;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;font-weight:700;display:flex}.step-item__buttons{gap:.5rem;display:flex}.step-item__btn-icon{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.step-item__btn-icon:hover{background-color:#0000000d}.step-item__btn-icon--danger{color:var(--color-error)}.step-item__btn-icon--danger:hover{background-color:#d930251a}.step-item__body{flex-direction:column;gap:1rem;padding:1rem;display:flex}.step-item__title{font-size:1.1rem;font-weight:700}.step-item__desc{color:var(--text-secondary);margin:0}.stat-panel{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000a}.stat-panel__title{color:var(--text-primary);margin:0 0 1rem;font-size:1.1rem}.stat-panel__list{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.stat-panel__list--stacked{grid-template-columns:1fr}.stat-panel__item{background-color:var(--bg-surface-alt);border-radius:6px;flex-direction:column;gap:4px;padding:.5rem;display:flex}.stat-panel__item--row{flex-direction:row;justify-content:space-between;align-items:center}.stat-panel__item--warning{background-color:#d930250d;border:1px solid #d930254d}.stat-panel__item--warning .stat-panel__value{color:var(--color-error)}.stat-panel__info{margin-right:.5rem}.stat-panel__info-col{flex-direction:column;display:flex}.stat-panel__label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.stat-panel__label--bold{font-weight:700}.stat-panel__subtext{color:var(--text-secondary);font-size:.75rem}.stat-panel__subtext--flex{align-items:center;gap:4px;display:flex}.stat-panel__subtext--success{color:#10b981}.stat-panel__subtext--muted{color:var(--text-secondary)}.stat-panel__value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.stat-panel__value--highlight,.stat-panel__value--primary{color:var(--color-primary)}.stat-panel__range-hint{color:var(--color-error);font-size:.75rem}.stat-panel__apply-group{align-items:center;gap:8px;display:flex}.stat-panel__btn-apply{color:#fff;cursor:pointer;background-color:var(--color-primary);border:none;border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:700}.stat-panel__btn-apply:hover{background-color:var(--color-primary-dark)}.stat-panel__btn-apply--applied{color:var(--text-disabled);cursor:default;background-color:var(--bg-secondary);border:1px solid var(--border-color);opacity:.7}.style-alert{color:#b45309;background-color:#fffbeb;border:1px solid #fcd34d;border-radius:6px;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem;display:flex}.style-alert__text{margin:0;font-size:.85rem}.suggestions-box{flex-direction:column;gap:1rem;display:flex}.suggestions-box__group h4{color:var(--text-secondary);margin:0 0 .5rem;font-size:.9rem}.suggestion-tag{color:var(--color-primary);cursor:pointer;background-color:#007bff1a;border:1px solid #0000;border-radius:16px;margin:0 .5rem .5rem 0;padding:4px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-block}.suggestion-tag:hover{background-color:#007bff33;border-color:#007bff4d}.ingredient-group{border-bottom:1px solid var(--border-color);padding-bottom:1rem}.ingredient-group:last-child{border-bottom:none;padding-bottom:0}.ingredient-group__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.ingredient-group__header h3{color:var(--text-primary);margin:0;font-size:1rem}.ingredient-group__title{margin:0;font-size:1.1rem}.ingredient-group__count{color:var(--text-secondary);font-weight:400}.ingredient-group__empty{color:var(--text-disabled);font-size:.85rem;font-style:italic}.ingredient-group__empty-text{color:var(--text-disabled);padding:.5rem 0;font-size:.9rem;font-style:italic}.btn-secondary--small{padding:4px 12px;font-size:.85rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.full-width{justify-content:center;width:100%;display:flex}.recipe-details{width:100%;max-width:1400px;margin:0 auto;padding:0}@media (width>=768px){.recipe-details{padding:2rem}}.recipe-details__loading{color:var(--text-secondary);text-align:center;padding:3rem;font-size:1.2rem}.recipe-details--empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.recipe-details__empty-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:2rem}.recipe-details__header{border-bottom:1px solid var(--border-color);grid-template-columns:1fr;align-items:center;gap:16px;margin-bottom:2rem;padding-bottom:1.5rem;display:grid}.recipe-details__title-block{flex-direction:column;gap:.25rem;display:flex}.recipe-details__title{color:var(--text-primary);margin:0;font-size:2.5rem}.recipe-details__subtitle{color:var(--text-secondary);font-size:1.1rem}.recipe-details__actions{flex-wrap:wrap;justify-self:end;align-items:center;gap:.5rem;display:flex}.recipe-details__btn-primary{touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;transition:all .2s;display:inline-flex}.recipe-details__btn-primary:disabled{cursor:not-allowed;opacity:.6}.recipe-details__btn-primary{color:#fff;background-color:var(--color-primary);min-height:48px;padding:.25rem 1.5rem;box-shadow:0 1px 2px #0000000d}@media (width>=768px){.recipe-details__btn-primary{min-height:36px;padding:.125rem 1rem}}.recipe-details__btn-primary:not(:disabled):hover{background-color:var(--color-primary-dark)}.recipe-details__btn-primary:not(:disabled):active{transform:scale(.98)}.recipe-details__btn-primary{padding:.5rem 1.5rem}.recipe-details__btn-secondary{color:var(--text-primary);cursor:pointer;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;font-weight:600;transition:all .2s}.recipe-details__btn-secondary:hover{background-color:var(--bg-surface-alt);border-color:var(--text-secondary)}.recipe-details__btn-danger{color:var(--color-error);cursor:pointer;background-color:#d930250d;border:1px solid #d9302533;border-radius:6px;padding:.5rem 1rem;font-weight:600;transition:all .2s}.recipe-details__btn-danger:hover{background-color:#d930251a}.recipe-details__layout{grid-template-columns:1fr;align-items:start;gap:2rem;display:grid}@media (width>=1024px){.recipe-details__layout{grid-template-columns:2fr 1fr}}.recipe-details__main,.recipe-details__sidebar{flex-direction:column;gap:2rem;display:flex}.recipe-details__ingredient-note{width:100%;color:var(--text-secondary);font-size:.8rem;font-style:italic}.recipe-details__header-badges{flex-wrap:wrap;gap:.5rem;display:flex}.recipe-details__section{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000a}.recipe-details__section-title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.5rem;display:flex}.recipe-details__empty-text{color:var(--text-secondary)}.recipe-details__empty-text--compact{margin-bottom:1rem;font-size:.85rem}.recipe-details__ingredient-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.recipe-details__ingredient-item{background-color:var(--bg-surface-alt);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.recipe-details__ingredient-info{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.recipe-details__ingredient-name{color:var(--text-primary);font-size:1.1rem}.recipe-details__ingredient-quantity{color:var(--text-primary);white-space:nowrap;font-weight:600}.recipe-details__badge{color:var(--color-primary);background-color:#007bff1a;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700}.recipe-details__badge--outline{color:var(--text-secondary);border:1px solid var(--border-color);background-color:#0000}.recipe-details__step-list{counter-reset:step-counter;flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.recipe-details__step-item{background-color:var(--bg-surface-alt);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem 1rem 1rem calc(2rem + 10px);display:flex;position:relative}.recipe-details__step-item:before{color:#fff;content:counter(step-counter);counter-increment:step-counter;background-color:#64748b;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;font-weight:700;display:flex;position:absolute;top:1rem;left:1rem}.recipe-details__step-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.recipe-details__step-title{color:var(--text-primary);font-size:1.1rem}.recipe-details__step-desc{color:var(--text-secondary);white-space:pre-wrap;margin:0;line-height:1.5}.recipe-details__step-meta{flex-wrap:wrap;gap:1rem;margin-top:.25rem;font-size:.9rem;font-weight:600;display:flex}.recipe-details__step-duration{color:var(--text-primary)}.recipe-details__step-temp{color:var(--color-error);align-items:center;gap:1rem;display:flex}.recipe-details__step-temp:before{content:"";background-color:var(--border-color);border-radius:50%;width:4px;height:4px;display:block}.recipe-performance{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:16px;box-shadow:0 2px 8px #00000005}.recipe-performance__header{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 16px;font-size:1rem;display:flex}.recipe-performance__icon{color:var(--color-primary)}.recipe-performance__stats{flex-wrap:wrap;gap:16px;display:flex}.recipe-performance__stat{flex:1;min-width:100px}.recipe-performance__stat--divider{border-left:1px solid var(--border-color);padding-left:16px}.recipe-performance__label{color:var(--text-secondary);margin-bottom:4px;font-size:.85rem;display:block}.recipe-performance__value-group{align-items:baseline;gap:4px;display:flex}.recipe-performance__value-group--column{flex-direction:column;align-items:flex-start;gap:2px}.recipe-performance__value{color:var(--text-primary);font-size:1.25rem}.recipe-performance__value--ai{color:#9333ea;align-items:center;gap:6px;display:flex}.recipe-performance__sub-value{color:var(--text-disabled);font-size:.85rem}.recipe-performance__star-icon{color:#eab308;font-size:1rem}.recipe-performance__stars-container{gap:2px;display:flex}.recipe-performance__star-btn{color:var(--border-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;transition:color .2s,transform .1s}.recipe-performance__star-btn:disabled{cursor:default}.recipe-performance__star-btn--filled{color:#eab308}.recipe-performance__star-btn:not(:disabled):hover{transform:scale(1.15)}.fork-count-badge{color:var(--color-primary);background-color:#007bff14;border-radius:9999px;padding:2px 8px;font-size:.8rem;font-weight:700}.fork-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.fork-card{cursor:pointer;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1rem;transition:all .2s}.fork-card:hover{border-color:var(--color-primary);box-shadow:0 1px 2px #0000000d}.fork-card__header{margin-bottom:.5rem}.fork-card__title{color:var(--text-primary);margin:0 0 2px;font-size:1rem}.fork-card__style{color:var(--text-secondary);font-size:.8rem}.fork-card__stats{border-top:1px solid var(--border-color);gap:1rem;padding-top:.5rem;display:flex}.fork-card__stat{flex-direction:column;gap:2px;display:flex}.fork-card__stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:.7rem;font-weight:600}.fork-card__stat-value{color:var(--text-primary);font-weight:700}.recipe-alerts{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.recipe-alert{border:1px solid;border-radius:6px;align-items:flex-start;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.recipe-alert--warning{color:var(--color-warning);background-color:#f59e0b14;border-color:#f59e0b4d}.recipe-alert--info{color:var(--color-primary);background-color:#0066cc14;border-color:#0066cc4d}.recipe-alert__icon{flex-shrink:0;margin-top:2px}.recipe-alert__text{color:var(--text-primary);line-height:1.4}.recipe-lab__rating-inline{color:var(--text-secondary);align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:inline-flex}.recipe-lab__rating-inline svg{color:#eab308}.recipe-lab__empty-state{text-align:center;background-color:var(--bg-surface-alt);border:1px dashed var(--border-color);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 1.5rem;display:flex}.recipe-lab__empty-state .recipe-lab__empty-icon{color:var(--border-color);font-size:3rem}.recipe-lab__empty-state .recipe-lab__empty-text{color:var(--text-secondary);margin:0;font-size:1.1rem}.brew-session{max-width:1400px;margin:0 auto;padding:0;overflow-x:hidden}@media (width>=768px){.brew-session{padding:2rem}}.brew-session--empty{text-align:center;padding-top:40px}.brew-session__loader{color:var(--text-secondary);text-align:center;padding:2rem}.brew-session__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:0 .5rem;display:flex}@media (width>=768px){.brew-session__header{padding:0}}.brew-session__title-block{flex-direction:column;display:flex}.brew-session__title{color:var(--text-primary);margin:0}.brew-session__tags{align-items:center;gap:8px;margin-top:8px;display:flex}.brew-session__badge{color:var(--text-secondary);background-color:var(--bg-surface-alt);border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;font-size:.9rem}.brew-session__split-badge{color:#fff;vertical-align:middle;background-color:var(--color-warning);border-radius:12px;padding:4px 8px;font-size:.75rem;font-weight:700}.brew-session__date{color:var(--text-secondary);font-size:.9rem}.brew-session__actions{flex-wrap:wrap;gap:12px;width:100%;display:flex}@media (width>=768px){.brew-session__actions{width:auto}}.brew-session__stats-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin:1.5rem 0;display:grid}@media (width>=768px){.brew-session__stats-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}}.brew-session__stat-box{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.25rem;padding:.5rem;display:flex;box-shadow:0 1px 3px #00000005}@media (width>=768px){.brew-session__stat-box{padding:1rem 1.5rem}}.brew-session__stat-box--highlight{background-color:#f59e0b0d;border-color:#f59e0b4d}.brew-session__stat-box--highlight .brew-session__stat-value{color:var(--color-warning-dark,#d97706)}.brew-session__stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;font-size:.85rem;font-weight:600;display:flex}.brew-session__info-icon{color:var(--text-disabled);cursor:help;margin-left:6px;font-size:.8rem}.brew-session__stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.brew-session__stat-value--primary{color:var(--color-primary)}.brew-session__stat-divider{color:var(--text-disabled);margin:0 8px;font-weight:400}.brew-session__grid{grid-template-columns:1fr;align-items:start;gap:24px;margin-top:24px;display:grid}@media (width>=1024px){.brew-session__grid{grid-template-columns:1fr 350px}}.brew-session__col-side,.brew-session__col-main{flex-direction:column;gap:24px;display:flex}.brew-session__card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (width>=768px){.brew-session__card{padding:20px}}.brew-session__card-title{color:var(--text-primary);margin:0 0 16px}.brew-session__icon{margin-right:6px}.brew-session__chart-card{margin-top:2rem}.brew-session .session-chart__container{width:100%;height:100%;padding:.5rem 0}.brew-session .session-chart__scroll{-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow:auto hidden}.brew-session .session-chart__scroll-inner{height:100%}.brew-session .session-chart__empty{height:300px;color:var(--text-disabled);background-color:var(--bg-surface-alt);border:1px dashed var(--border-color);border-radius:12px;justify-content:center;align-items:center;font-size:1rem;display:flex}.brew-session__metric-chart{margin-bottom:24px}.brew-session__metric-chart--sg{height:220px}.brew-session__metric-chart--ph,.brew-session__metric-chart--temp{height:160px}.brew-session__metric-title{color:var(--text-secondary);margin:0 0 8px;font-size:1rem}.brew-session .custom-tooltip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-color);background:#fffffff2;border-radius:12px;padding:12px;box-shadow:0 10px 15px -3px #0000001a}.brew-session .custom-tooltip__label{color:var(--text-secondary);margin:0 0 4px;font-size:12px;font-weight:700}.brew-session .custom-tooltip__value{margin:0;font-size:16px;font-weight:700}.ai-report{background-color:#a855f70d;border:1px solid #a855f733;margin-bottom:24px}.ai-report__header{border-bottom:1px solid #a855f71a;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.ai-report__title{color:#9333ea;margin:0;font-size:1.25rem}.ai-report__score-badge{background-color:var(--bg-surface);border-radius:20px;align-items:center;gap:8px;padding:6px 12px;display:flex;box-shadow:0 2px 4px #0000000d}.ai-report__score-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.ai-report__score-value{font-size:1.1rem}.ai-report__score-value--high{color:var(--color-success)}.ai-report__score-value--medium{color:var(--color-warning)}.ai-report__text{color:var(--text-secondary);white-space:pre-wrap;line-height:1.6}.brew-session-setup{max-width:1200px;margin:0 auto;padding:20px 0}@media (width>=768px){.brew-session-setup{padding:20px}}.brew-session-setup--empty{text-align:center;padding-top:40px}.brew-session-setup__loading{color:var(--text-secondary);text-align:center;padding:2rem}.brew-session-setup__header{justify-content:space-between;align-items:center;display:flex}.brew-session-setup__header-title{margin:0}.brew-session-setup__header-subtitle{color:var(--text-secondary);font-size:.9rem}.brew-session-setup__layout,.brew-session-setup__grid{grid-template-columns:1fr;align-items:start;gap:24px;margin-top:24px;display:grid}@media (width>=768px){.brew-session-setup__layout,.brew-session-setup__grid{grid-template-columns:2fr 1fr}}.brew-session-setup__main-column,.brew-session-setup__side-column{flex-direction:column;gap:24px;display:flex}.brew-session-setup__card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.brew-session-setup__card--volume{background-color:var(--bg-surface-alt);border-color:var(--border-color)}.brew-session-setup__card-title{align-items:center;gap:8px;margin:0 0 16px;display:flex}.brew-session-setup__card-title--static{border-bottom:1px solid var(--border-color);padding-bottom:12px}.brew-session-setup__card-subtitle{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem}.brew-session-setup__form-row{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=480px){.brew-session-setup__form-row{grid-template-columns:1fr 1fr}}.brew-session-setup__form-group{flex-direction:column;gap:4px;display:flex}.brew-session-setup__label{font-weight:700}.brew-session-setup__input{border:1px solid var(--border-color);border-radius:6px;padding:8px}.brew-session-setup__input--primary{border:2px solid var(--color-primary)}.brew-session-setup__hint{color:var(--text-secondary);margin-top:4px;font-size:.85rem}.brew-session-setup__hint--highlight{color:var(--color-primary);font-weight:500}.brew-session-setup__ingredients-list{flex-direction:column;gap:12px;display:flex}.brew-session-setup__ingredient-item{background-color:var(--bg-surface-alt);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.brew-session-setup__category{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;margin-right:12px;padding:4px 8px;font-size:.8rem}.brew-session-setup__ingredient-controls{align-items:center;gap:8px;display:flex}.brew-session-setup__quantity-input{text-align:right;border:1px solid var(--border-color);border-radius:6px;width:80px;padding:6px}.brew-session-setup__unit{color:var(--text-secondary);font-weight:700}.brew-session-setup__btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:8px 16px}.brew-session-setup__btn--secondary{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.brew-session-setup__btn--action{color:#fff;background-color:var(--color-success);border-color:var(--color-success);justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:1.2rem;display:flex}.brew-session-setup__spec-list,.brew-session-setup__tosna-summary{flex-direction:column;gap:12px;display:flex}.brew-session-setup__spec-row,.brew-session-setup__tosna-row{border-bottom:1px dashed var(--border-color);justify-content:space-between;padding-bottom:8px;display:flex}.brew-session-setup__spec-row:last-child,.brew-session-setup__tosna-row:last-child{border-bottom:none;padding-bottom:0}.brew-session-setup__spec-label{color:var(--text-secondary)}.brew-session-setup__spec-value{font-weight:700}.brew-session-setup__spec-value--accent{color:var(--color-primary)}.brew-session-setup__schedule{background-color:var(--bg-surface-alt);border:1px solid var(--border-color);border-radius:8px;margin-top:16px;padding:12px}.brew-session-setup__schedule-title{margin:0 0 12px;font-size:.95rem}.brew-session-setup__schedule-list{color:var(--text-primary);flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:.85rem;display:flex}.brew-session-setup__schedule-item{flex-direction:column;gap:2px;display:flex}.brew-session-setup__step-value{color:var(--color-primary)}.brew-session-setup__step-hint{color:var(--text-secondary);font-size:.75rem}.brew-session-setup__empty-text{color:var(--text-disabled);text-align:center}.brew-session-setup__icon--water{color:var(--color-primary)}.brew-session-setup__smart-list li::marker{content:""}.brew-dashboard{max-width:1200px;margin:0 auto;padding:20px 0}@media (width>=768px){.brew-dashboard{padding:20px}}.brew-dashboard__header{margin-bottom:32px}.brew-dashboard__title{color:#111827;margin:0;font-size:2rem}.brew-dashboard__loading{color:#4b5563;text-align:center;padding:40px 0}.brew-dashboard__empty{color:#4b5563;text-align:center;background-color:#fff;border:1px dashed #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;display:flex}.brew-dashboard__sections{flex-direction:column;gap:40px;display:flex}.brew-dashboard__section-title{color:#111827;border-bottom:2px solid #e5e7eb;margin:0 0 20px;padding-bottom:12px;font-size:1.5rem}.brew-dashboard__row{cursor:pointer;transition:background-color .15s}.brew-dashboard__row:hover{background-color:var(--bg-surface-alt)}.brew-dashboard__row-title{color:var(--text-primary);font-weight:600}.brew-dashboard__row-active{color:var(--color-primary);align-items:center;gap:4px;margin-top:2px;font-size:.75rem;font-weight:600;display:flex}.brew-dashboard__row-active svg{animation:2s infinite pulse}.status-dot{color:var(--text-primary);white-space:nowrap;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:inline-flex}.status-dot:before{content:"";background-color:var(--text-disabled);border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot--planned:before{background-color:var(--color-primary)}.status-dot--fermenting:before{background-color:var(--color-warning)}.status-dot--aging:before{background-color:#7e22ce}.status-dot--completed:before{background-color:var(--color-success)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.active-timer{font-variant-numeric:tabular-nums;letter-spacing:.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.bottom-sheet-overlay{z-index:1000;background:#0009;align-items:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.bottom-sheet{background:var(--bg-surface);border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;gap:20px;width:100%;max-height:90vh;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slide-up;display:flex;overflow-y:auto;box-shadow:0 -4px 20px #00000026}.bottom-sheet__header{justify-content:space-between;align-items:center;display:flex}.bottom-sheet__title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.bottom-sheet__close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.5rem;transition:color .2s;display:flex}.bottom-sheet__close:hover{color:var(--text-primary)}.bottom-sheet__context{color:var(--text-secondary);background:var(--bg-surface-alt);border-radius:8px;padding:10px 14px;font-size:.9rem}.bottom-sheet__form{flex-direction:column;gap:20px;display:flex}.bottom-sheet__grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.bottom-sheet__group{flex-direction:column;gap:8px;display:flex}.bottom-sheet__group--full{grid-column:1/-1}.bottom-sheet__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.bottom-sheet__input{color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.bottom-sheet__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .1);outline:none}.bottom-sheet__input--large{text-align:center;padding:16px;font-size:1.5rem;font-weight:700}.bottom-sheet__textarea{resize:vertical;min-height:80px}.bottom-sheet__chips{flex-wrap:wrap;gap:10px;display:flex}.bottom-sheet__chip{color:var(--text-primary);cursor:pointer;background:var(--bg-surface-alt);border:1px solid var(--border-color);border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.bottom-sheet__chip:hover{background:var(--bg-hover)}.bottom-sheet__chip--active{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.bottom-sheet__chip--active:hover{background:var(--color-primary-dark)}.bottom-sheet__submit{color:#fff;cursor:pointer;background:var(--color-primary);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:16px;font-size:1.1rem;font-weight:700;transition:background .2s,transform .1s;display:flex}.bottom-sheet__submit:hover:not(:disabled){background:var(--color-primary-dark)}.bottom-sheet__submit:active:not(:disabled){transform:scale(.98)}.bottom-sheet__submit:disabled{cursor:not-allowed;opacity:.6}.bottom-sheet__allocated--error{color:var(--color-error)}.timeline__item--split{flex-direction:column;gap:12px;margin:0;padding:12px}.split-item__header{justify-content:space-between;align-items:center;display:flex}.timeline-widget{flex-direction:column;gap:1rem;display:flex}.timeline-widget__header{justify-content:space-between;align-items:center;display:flex}.timeline-widget__title{color:var(--text-primary);margin:0;font-size:1.25rem}.timeline-widget__btn-add{color:var(--color-primary);cursor:pointer;border:1px solid var(--color-primary);background-color:#0000;border-radius:6px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-weight:600;display:flex}.timeline-widget__btn-add:disabled{cursor:not-allowed;opacity:.5}.timeline-widget__list{flex-direction:column;gap:1rem;display:flex}.timeline-widget__empty{color:var(--text-secondary);text-align:center;padding:2rem;font-style:italic}.timeline-item{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;gap:.5rem;padding:1rem;display:flex}.timeline-item--active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.timeline-item--completed{opacity:.8}.timeline-item__drag-handle{color:var(--text-disabled);cursor:grab;align-items:center;display:flex}.timeline-item__indicator{flex-direction:column;align-items:center;display:flex}.timeline-item__circle{color:#fff;background-color:var(--text-disabled);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;display:flex}.timeline-item--active .timeline-item__circle{background-color:var(--color-primary)}.timeline-item--completed .timeline-item__circle{background-color:var(--color-success)}.timeline-item__line{background-color:var(--border-color);flex:1;width:2px;margin-top:.25rem}.timeline-item__content{flex-direction:column;flex:1;gap:.5rem;display:flex}.timeline-item__header{flex-direction:column;gap:.25rem;display:flex}@media (width>=768px){.timeline-item__header{flex-direction:row;justify-content:space-between;align-items:center}}.timeline-item__title-group{align-items:center;gap:.5rem;display:flex}.timeline-item__phase{color:var(--text-secondary);background-color:var(--bg-surface-alt);border-radius:6px;padding:2px 6px;font-size:.75rem}.timeline-item__title{color:var(--text-primary);font-size:1rem}.timeline-item__target{align-items:center;gap:1rem;display:flex}.timeline-item__temp,.timeline-item__duration{color:var(--text-secondary);font-size:.85rem}.timeline-item__context-actions{gap:.25rem;display:flex}.timeline-item__btn-icon{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.timeline-item__btn-icon:hover{background-color:var(--bg-hover)}.timeline-item__btn-icon--danger{color:var(--color-error)}.timeline-item__desc{color:var(--text-secondary);margin:0;font-size:.9rem}.timeline-item__actions{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.timeline-item__btn-timer,.timeline-item__btn-complete{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:6px 12px;font-size:.85rem;display:flex}.timeline-item__btn-timer{color:var(--text-primary);background-color:var(--bg-surface-alt)}.timeline-item__btn-timer--active{color:#fff;background-color:var(--color-warning)}.timeline-item__btn-complete{color:#fff;background-color:var(--color-success)}.timeline-item__progress{font-size:.85rem;font-weight:700}.timeline-item__progress--success{color:var(--color-success)}.timeline-item__progress--primary{color:var(--color-primary)}.timeline-item__quick-log{gap:.5rem;margin-top:.5rem;display:flex}.timeline-item__quick-input{border:1px solid var(--border-color);border-radius:6px;flex:1;padding:.5rem;font-size:.9rem}.timeline-item__quick-btn{color:#fff;cursor:pointer;background-color:var(--color-primary);border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.timeline-item__quick-btn:disabled{cursor:not-allowed;opacity:.5}.timeline-edit-form{flex-direction:column;gap:.5rem;width:100%;display:flex}.timeline-edit-form__input,.timeline-edit-form__select,.timeline-edit-form__textarea{border:1px solid var(--border-color);border-radius:6px;width:100%;padding:.5rem;font-size:.9rem}.timeline-edit-form__textarea{resize:vertical}.timeline-edit-form__row{gap:1rem;display:flex}.timeline-edit-form__group{flex-direction:column;flex:1;gap:4px;display:flex}.timeline-edit-form__label{color:var(--text-secondary);font-size:.8rem;font-weight:700}.timeline-edit-form__duration{gap:.25rem;display:flex}.timeline-edit-form__duration .timeline-edit-form__input{flex:1}.timeline-edit-form__duration .timeline-edit-form__select{flex:2}.timeline-edit-form__actions{gap:.5rem;margin-top:.25rem;display:flex}.timeline-edit-form__btn-save,.timeline-edit-form__btn-cancel{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.timeline-edit-form__btn-save{color:#fff;background-color:var(--color-primary)}.timeline-edit-form__btn-save:disabled{cursor:not-allowed;opacity:.5}.timeline-edit-form__btn-cancel{color:var(--text-primary);background-color:var(--bg-surface-alt)}.search-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.search-modal{background-color:var(--bg-surface);border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;box-shadow:0 10px 25px #0003}.search-modal__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.search-modal__header h2{color:var(--text-primary);margin:0;font-size:1.25rem}.search-modal__close-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.search-modal__close-btn:hover{background-color:var(--bg-hover)}.search-modal__filters{background-color:var(--bg-surface-alt);border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.search-modal__search-bar{align-items:center;display:flex;position:relative}.search-modal__search-bar input{border:1px solid var(--border-color);border-radius:6px;width:100%;padding:.5rem 1rem .5rem 40px;font-family:inherit;font-size:1rem}.search-modal__search-bar input:focus{border-color:var(--color-primary);outline:none}.search-modal__search-icon{color:var(--text-secondary);position:absolute;left:12px}.search-modal__category-tabs{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.search-modal__tab{color:var(--text-secondary);cursor:pointer;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:4px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.search-modal__tab:hover{background-color:var(--bg-hover)}.search-modal__tab--active{color:#fff;background-color:var(--color-primary);border-color:var(--color-primary)}.search-modal__body{flex:1;padding:0;overflow-y:auto}.search-modal__list{margin:0;padding:0;list-style:none}.search-modal__list-item{cursor:pointer;border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;transition:background-color .2s}.search-modal__list-item:hover{background-color:#007bff0d}.search-modal__item-header{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.search-modal__badge{color:#fff;background-color:#64748b;border-radius:6px;padding:2px 6px;font-size:.7rem;font-weight:700}.search-modal__badge--fermentable{background-color:#d97706}.search-modal__badge--hops{background-color:#16a34a}.search-modal__badge--yeast{background-color:#2563eb}.search-modal__item-title{color:var(--text-primary);font-size:1.1rem}.search-modal__item-category{color:var(--text-secondary);font-size:.85rem;font-weight:600}.search-modal__meta-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;margin-top:.5rem;display:grid}.search-modal__meta-grid--tight{grid-template-columns:repeat(4,1fr)}.search-modal__meta-item{flex-direction:column;display:flex}.search-modal__meta-item span{color:var(--text-secondary);font-size:.75rem}.search-modal__meta-item strong{color:var(--text-primary);font-size:.9rem}.search-modal__item-desc{color:var(--text-secondary);margin:.5rem 0 0;font-size:.85rem}.search-modal__empty{color:var(--text-secondary);text-align:center;padding:3rem}.ingredient-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;place-items:center;padding:1rem;animation:.2s ease-out ingredient-modal-fade-in;display:grid;position:fixed;inset:0}.ingredient-modal{background-color:var(--bg-surface);border-radius:16px;grid-template-rows:auto minmax(0,1fr) auto;width:100%;max-width:760px;max-height:90vh;animation:.2s ease-out ingredient-modal-slide-up;display:grid;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.ingredient-modal--embedded{max-width:none;max-height:none;box-shadow:none;background-color:#0000;border-radius:0;animation:none;overflow:visible}.ingredient-modal__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.ingredient-modal__header h2{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.3}.ingredient-modal__close-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9999px;flex-shrink:0;place-items:center;padding:0;transition:color .2s,background-color .2s;display:grid}.ingredient-modal__close-btn:hover:not(:disabled){color:var(--color-danger);background-color:#ef44441a}.ingredient-modal__close-btn:disabled{cursor:not-allowed;opacity:.5}.ingredient-modal__body{background-color:var(--bg-main);align-content:start;gap:1.5rem;padding:2rem;display:grid;overflow-y:auto}.ingredient-modal__body::-webkit-scrollbar{width:8px}.ingredient-modal__body::-webkit-scrollbar-track{background:0 0}.ingredient-modal__body::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.ingredient-modal__body::-webkit-scrollbar-thumb:hover{background-color:var(--text-disabled)}.ingredient-modal__footer{background-color:var(--bg-surface);border-top:1px solid var(--border-color);justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.ingredient-modal__footer button{transition:transform .15s,box-shadow .15s}.ingredient-modal__footer button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1px 2px #0000000d}.ingredient-modal__footer button:active:not(:disabled){transform:translateY(0)}.ingredient-modal__footer button:disabled{cursor:not-allowed;opacity:.6}.ingredient-modal__section{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.ingredient-modal__section--finance{background-color:#0666cc0d;border-color:#0666cc33}.ingredient-modal__section--error{background-color:#ef44440f;border-color:#ef444440;padding:1rem 1.5rem}.ingredient-modal__cost-block{margin-top:1rem}.ingredient-modal__section-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.ingredient-modal__section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.75rem;font-weight:700}.ingredient-modal__section-title svg{color:var(--color-primary);margin-right:.25rem}.ingredient-modal__grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:1rem 1.5rem;display:grid}.ingredient-modal__grid--2{grid-template-columns:repeat(2,1fr)}.ingredient-modal__grid--3,.ingredient-modal__grid--water{grid-template-columns:repeat(3,1fr)}@media (width<=480px){.ingredient-modal__grid{grid-template-columns:1fr!important}}.ingredient-modal__field--span-2{grid-column:span 2}.ingredient-modal__field--span-full{grid-column:1/-1}@media (width<=480px){.ingredient-modal__field--span-2{grid-column:auto}}.ingredient-modal .form-field{gap:.25rem;margin:0;display:grid}.ingredient-modal .form-field__label{color:var(--text-primary);font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:.875rem;font-weight:600;line-height:1.4}.ingredient-modal .form-field__label--flex{align-items:center;gap:6px;display:flex}.ingredient-modal .form-field__label--flex svg{color:var(--text-secondary);cursor:help;font-size:.9em}.ingredient-modal .form-field__label--checkbox{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.ingredient-modal .form-field__input,.ingredient-modal .form-field__select{height:44px}.ingredient-modal .form-field__textarea{min-height:72px}.ingredient-modal .form-field__group{align-items:center;gap:.25rem;display:flex}.ingredient-modal .form-field__group .form-field__input{flex:1;min-width:0}.ingredient-modal .form-field__group .form-field__select{width:auto}.ingredient-modal .form-field__unit-label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.ingredient-modal .form-field__hint{color:var(--text-secondary);font-size:.8rem}.ingredient-modal .form-field__error{color:var(--color-danger);font-size:.9rem}.ingredient-modal .autocomplete__dropdown{z-index:10}.ingredient-modal__nutri-calc{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;margin-top:.5rem;padding:1rem}.ingredient-modal__nutri-calc__hint{color:var(--text-secondary);font-size:.75rem}@keyframes ingredient-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ingredient-modal-slide-up{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.form-field{flex-direction:column;gap:.25rem;display:flex}.form-field__label{color:var(--text-primary);font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:.875rem;font-weight:600;line-height:1.4}.form-field__label--checkbox{cursor:pointer;align-items:center;gap:.25rem;display:flex}.form-field__group{align-items:center;gap:.5rem;display:flex}.form-field__input,.form-field__select,.form-field__textarea{width:100%;color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}@media (width>=768px){.form-field__input,.form-field__select,.form-field__textarea{min-height:36px;padding:6px 10px;font-size:.9rem}}.form-field__input:focus,.form-field__select:focus,.form-field__textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0066cc1a}.form-field__input:disabled,.form-field__select:disabled,.form-field__textarea:disabled{cursor:not-allowed;background-color:var(--bg-surface-alt)}.form-field__textarea{resize:vertical;min-height:80px}.form-field__hint{color:var(--text-secondary);font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:.75rem;line-height:1.4}.form-field__unit-label{color:var(--text-secondary);font-weight:600}.form-field__error{color:var(--color-danger);margin-top:.25rem;font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:.875rem;line-height:1.4}.autocomplete{position:relative}.autocomplete__input-wrapper{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;align-items:center;display:flex;position:relative}.autocomplete__input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #0066cc1a}.autocomplete__icon{color:var(--text-secondary);margin-left:12px}.autocomplete__input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:10px 12px;font-size:1rem}.autocomplete__dropdown{z-index:100;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;max-height:250px;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.autocomplete__item{cursor:pointer;border-bottom:1px solid var(--border-color);padding:10px 12px}.autocomplete__item:last-child{border-bottom:none}.autocomplete__item:hover{background-color:var(--bg-surface-alt)}.autocomplete__item-title{color:var(--text-primary);font-weight:600;display:block}.autocomplete__item-meta{color:var(--text-secondary);font-family:Inter,-apple-system,blinkmacsystemfont,Segoe UI,roboto,helvetica,arial,sans-serif;font-size:.75rem;line-height:1.4}.tosna-widget__header{flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.tosna-widget__target{color:var(--text-secondary);font-size:.85rem}.tosna-widget__target strong{color:var(--color-primary)}.tosna-widget__alert{margin-bottom:16px}.tosna-widget__hint--disabled{color:var(--text-disabled);font-size:.9rem}.tosna-widget__list{flex-direction:column;gap:12px;display:flex}.tosna-widget__item{background-color:var(--bg-surface-alt);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}.tosna-widget__item--completed{background-color:var(--bg-surface);opacity:.6}.tosna-widget__item--overdue{background-color:#ef44440d;border-color:#ef444433}.tosna-widget__item--due-now{background-color:#f59e0b0d;border-color:#f59e0b4d;box-shadow:0 0 0 2px #f59e0b26}.tosna-widget__info{width:100%}.tosna-widget__info--flex{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tosna-widget__text-content{flex-direction:column;flex:1;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.tosna-widget__item-title{color:var(--text-primary);font-size:1.05rem;font-weight:600;display:block}.tosna-widget__item-title--completed{color:var(--text-secondary)}.tosna-widget__desc--muted{color:var(--text-secondary);margin-top:2px;font-size:.85rem;display:block}.tosna-widget__time{color:var(--text-secondary);font-size:.8rem}.tosna-widget__time--highlight{color:var(--color-primary);font-weight:700}.tosna-widget__time--locked{color:#8b5cf6;align-items:center;gap:4px;margin-top:4px;font-size:.8rem;font-weight:700;display:flex}.tosna-widget__time--overdue{color:var(--color-error);font-weight:700}.tosna-widget__badge-overdue{margin-left:8px}.tosna-widget__done-text{color:var(--color-success);font-weight:700}.tosna-widget__btn-record{flex-shrink:0;margin-left:0}.tosna-widget__btn-record.btn-disabled{cursor:not-allowed;opacity:.5}.tosna-widget__btn-icon{margin-right:4px}.tosna-widget__form--expanded{border-top:1px dashed var(--border-color);width:100%;margin-top:8px;padding-top:16px}.tosna-widget__form-layout{flex-direction:column;gap:12px;display:flex}.tosna-widget__form-label{color:var(--text-primary);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.tosna-widget__form-input{width:100%;color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px;font-size:1rem}.tosna-widget__form-input:focus{border-color:var(--color-primary);outline:none}.tosna-widget__form-textarea{width:100%;color:var(--text-primary);resize:vertical;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px;font-size:.95rem}.tosna-widget__form-textarea:focus{border-color:var(--color-primary);outline:none}.tosna-widget__form-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.active-step-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;margin-bottom:2rem;overflow:hidden;box-shadow:0 4px 12px #3b82f61a}.active-step-card__header{color:var(--color-primary);background-color:#3b82f60d;border-bottom:1px solid #3b82f61a;align-items:center;gap:.5rem;padding:1rem 1.5rem;display:flex}.active-step-card__icon{font-size:1.2rem}.active-step-card__title{text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:1rem;font-weight:700}.active-step-card__content{background-color:var(--bg-surface-alt);border-left:4px solid var(--color-primary);border-radius:8px;padding:12px}.active-step-card__step-name{color:var(--text-primary);margin-bottom:.25rem;font-size:1.25rem;display:block}.active-step-card__desc{color:var(--text-secondary);margin:8px 0;font-size:.9rem}.active-step-card__timer{font-variant-numeric:tabular-nums;color:var(--color-primary);align-items:center;gap:8px;margin-top:12px;font-size:1.25rem;display:flex}.pulse-animation{animation:2s infinite pulse}.session-alert{border-radius:8px;align-items:flex-start;gap:12px;padding:16px;display:flex}.session-alert--success{background-color:#22c55e0d;border:1px solid #22c55e33}.session-alert--success .session-alert__icon,.session-alert--success .session-alert__title,.session-alert--success .session-alert__text{color:var(--color-success)}.session-alert--danger{background-color:#ef44440d;border:1px solid #ef444433}.session-alert--danger .session-alert__icon,.session-alert--danger .session-alert__title,.session-alert--danger .session-alert__text{color:var(--color-danger)}.session-alert--warning{background-color:#f59e0b0d;border:1px solid #f59e0b33}.session-alert--warning .session-alert__icon,.session-alert--warning .session-alert__title,.session-alert--warning .session-alert__text{color:var(--color-warning)}.session-alert__icon{flex-shrink:0;margin-top:4px;font-size:24px}.session-alert__title{margin:0 0 4px}.session-alert__text{margin:0;font-size:.85rem;line-height:1.4}.session-alert__action{opacity:.85;margin:4px 0 0;font-size:.8rem;line-height:1.4}.live-brew-alerts{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.fab-button{z-index:900;color:#fff;cursor:pointer;background-color:var(--color-primary);border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;transition:transform .2s,background-color .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #0000004d}.fab-button:hover{background-color:var(--color-primary-dark);transform:scale(1.05)}.fab-button:active{transform:scale(.95)}.og-modal{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.og-modal__content{background-color:var(--bg-surface);border-radius:12px;width:100%;max-width:400px;padding:24px;box-shadow:0 10px 25px #0003}.og-modal__title{color:var(--text-primary);margin:0 0 8px;font-size:1.25rem}.og-modal__desc{color:var(--text-secondary);margin:0 0 16px;font-size:.9rem;line-height:1.4}.og-modal__actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.session-logs{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.session-logs__list{flex-direction:column;gap:12px;width:100%;max-height:480px;display:flex;overflow-y:auto}.session-logs__empty{color:var(--text-disabled);text-align:center;padding:20px 0}.session-logs__item{background-color:var(--bg-surface-alt);border:1px solid var(--border-color);border-radius:8px;padding:16px}.session-logs__header{border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:8px;padding-bottom:8px;display:flex}.session-logs__day{color:var(--color-primary)}.session-logs__time{color:var(--text-secondary);font-size:.85rem}.session-logs__day-number{color:var(--text-disabled);margin-left:8px;font-size:.8rem}.session-logs__header-main{justify-content:space-between;align-items:center;width:100%;display:flex}.session-logs__step-badge{color:var(--color-primary);background-color:#3b82f61a;border-radius:4px;margin-bottom:12px;padding:4px 8px;font-size:.8rem;display:inline-block}.session-logs__metrics{flex-wrap:wrap;gap:12px 24px;margin-bottom:12px;font-size:.95rem;display:flex}.session-logs__metrics strong{color:var(--text-primary)}.session-logs__action{color:var(--text-primary);margin-bottom:4px;font-size:.9rem}.session-logs__notes{color:var(--text-secondary);font-size:.9rem;font-style:italic}.measurement-form__title{align-items:center;gap:8px;margin:0 0 16px;display:flex}.measurement-form__context{color:var(--color-primary);background-color:#3b82f61a;border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:.85rem}.measurement-form__fields{flex-direction:column;gap:16px;display:flex}.measurement-form__row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.measurement-form__group{flex-direction:column;gap:4px;margin:0;display:flex}.measurement-form__label{font-weight:600}.measurement-form__btn{width:100%}.target-stats__list{flex-direction:column;gap:12px;display:flex}.target-stats__row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding-bottom:8px;display:flex}.target-stats__row:last-child{border-bottom:none;padding-bottom:0}.target-stats__label{color:var(--text-secondary)}.target-stats__value{font-weight:700}.target-stats__value--primary{color:var(--color-primary)}.log-item__notes-text{white-space:pre-wrap;margin-top:8px;font-size:.9rem}.timeline__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.timeline__title{color:var(--text-primary);margin:0}.timeline__btn-add{align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;display:flex}.timeline__list{flex-direction:column;padding-top:8px;display:flex}.timeline__empty{color:var(--text-disabled);text-align:center;padding:20px 0}.timeline__item{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;gap:16px;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.timeline__item:hover{box-shadow:0 2px 8px #0000000d}.timeline__item:hover .timeline__drag-handle,.timeline__item:hover .timeline__context-actions{opacity:1}.timeline__item--active{border-color:var(--color-primary);background-color:#3b82f605}.timeline__item--active .timeline__circle{color:#fff;background-color:var(--color-primary);box-shadow:0 0 0 4px #3b82f633}.timeline__item--completed{background-color:var(--bg-surface-alt);opacity:.7}.timeline__item--completed .timeline__circle{color:#fff;background-color:var(--color-success)}.timeline__item--editing{border-color:var(--color-primary);box-shadow:0 4px 12px #0000000d}.timeline__drag-handle{color:var(--border-color);cursor:grab;opacity:.3;align-items:center;transition:opacity .2s;display:flex}.timeline__drag-handle:active{cursor:grabbing}.timeline__indicator{flex-direction:column;align-items:center;width:24px;display:flex;position:relative}.timeline__circle{z-index:2;width:24px;height:24px;color:var(--text-secondary);background-color:var(--bg-surface-alt);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:all .3s;display:flex}.timeline__line{z-index:1;background-color:var(--border-color);width:2px;position:absolute;top:24px;bottom:-20px}.timeline__content{flex:1;min-width:0}.timeline__item-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.timeline__title-group{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.timeline__phase{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background-color:var(--bg-surface-alt);border-radius:4px;padding:2px 6px;font-size:.7rem}.timeline__item-title{color:var(--text-primary);font-size:1rem}.timeline__target{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:.85rem;display:flex}.timeline__temp{color:var(--color-error)}.timeline__duration{color:var(--color-primary)}.timeline__context-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.timeline__btn-icon{width:24px;height:24px;color:var(--text-disabled);cursor:pointer;background:0 0;border:none;border-radius:4px;font-size:.8rem}.timeline__btn-icon:hover{color:var(--text-primary);background-color:var(--bg-surface-alt)}.timeline__btn-icon--danger:hover{color:var(--color-error);background-color:#ef44440d}.timeline__desc{color:var(--text-secondary);margin:0 0 12px;font-size:.9rem;line-height:1.4}.timeline__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.timeline__btn-timer{color:var(--color-primary);cursor:pointer;background-color:#3b82f61a;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.timeline__btn-timer:hover{background-color:#3b82f633}.timeline__btn-timer--active{color:var(--color-warning);background-color:#f59e0b1a}.timeline__btn-timer--active:hover{background-color:#f59e0b33}.timeline__btn-complete{color:var(--color-success);cursor:pointer;background-color:#22c55e1a;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.timeline__btn-complete:hover{background-color:#22c55e33}.timeline__progress{font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}.timeline__progress--primary{color:var(--color-primary)}.timeline__progress--success{color:var(--color-success)}.timeline__quick-log{border-top:1px dashed var(--border-color);align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.timeline__quick-input{color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;flex:1;padding:6px 10px;font-size:.85rem}.timeline__quick-input:focus{border-color:var(--color-primary);outline:none}.timeline__quick-btn{color:#fff;cursor:pointer;background-color:var(--color-primary);border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:flex}.timeline__quick-btn:hover:not(:disabled){opacity:.9}.timeline__quick-btn:disabled{cursor:not-allowed;background-color:var(--text-disabled)}.timeline__edit-form{flex-direction:column;gap:12px;width:100%;display:flex}.timeline__edit-input,.timeline__edit-select,.timeline__edit-textarea{width:100%;color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;font-size:.95rem}.timeline__edit-input:focus,.timeline__edit-select:focus,.timeline__edit-textarea:focus{border-color:var(--color-primary);outline:none}.timeline__edit-input--title{font-weight:700}.timeline__edit-textarea{resize:vertical}.timeline__edit-row{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=768px){.timeline__edit-row{grid-template-columns:1fr 1fr}}.timeline__edit-group{flex-direction:column;gap:4px;display:flex}.timeline__edit-group label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.timeline__edit-duration{gap:8px;display:flex}.timeline__edit-duration input{border:1px solid var(--border-color);border-radius:6px;width:80px;padding:8px}.timeline__edit-duration select{border:1px solid var(--border-color);border-radius:6px;flex:1;padding:8px}.timeline__edit-actions{gap:8px;margin-top:8px;display:flex}.timeline__edit-actions button{border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;display:flex}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:440px;padding:24px;box-shadow:0 10px 25px #0003}.modal-title{color:var(--text-primary);margin:0 0 8px;font-size:1.25rem;font-weight:600}.modal-subtitle{color:var(--text-secondary);margin:0 0 16px;font-size:.9rem;line-height:1.4}.modal-input-large{text-align:center;border:2px solid var(--color-primary);border-radius:6px;width:100%;padding:12px;font-size:1.25rem;font-weight:700}.modal-input-large:focus{border-color:var(--color-primary-dark);outline:none}.modal-select{width:100%;color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;margin-bottom:16px;padding:10px;font-size:.95rem}.modal-select:focus{border-color:var(--color-primary);outline:none}.modal-input-group{align-items:center;gap:8px;margin-bottom:16px;display:flex}.modal-input-group input{flex:1}.modal-unit{color:var(--text-secondary);font-weight:700}.modal-textarea{width:100%;color:var(--text-primary);resize:vertical;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;margin-bottom:16px;padding:10px;font-size:.95rem}.modal-textarea:focus{border-color:var(--color-primary);outline:none}.modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.cost-calc{background-color:var(--bg-surface-alt);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.cost-calc__header{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:1rem;font-weight:600;display:flex}.cost-calc__icon{color:var(--color-primary)}.cost-calc__grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.cost-calc__result{border-top:1px dashed var(--border-color);align-items:center;gap:8px;padding-top:.5rem;display:flex}.cost-calc__result-label{color:var(--text-secondary);font-size:.9rem}.cost-calc__result-value{color:var(--color-primary);font-size:1.1rem}.cost-calc__history{margin-top:2rem}.cost-calc__history-header{color:var(--text-secondary);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.cost-calc__history-list{flex-direction:column;gap:8px;display:flex}.cost-calc__history-item{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.9rem;display:flex}.cost-calc__history-date{color:var(--text-secondary)}.cost-calc__history-details{color:var(--text-primary)}.cost-calc__history-mac{color:var(--text-disabled);font-size:.85rem}.honey-calc__intro{margin:0 0 1rem}.honey-calc__grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (width>=768px){.honey-calc__grid{grid-template-columns:repeat(2,1fr);align-items:start}}.honey-calc__grid .form-field{flex-direction:column;height:100%;margin-bottom:0;display:flex}.honey-calc__grid .form-field__label{align-items:flex-end;min-height:2.8rem;margin-bottom:0;padding-bottom:4px;display:flex}.honey-calc__grid .form-field__hint{color:var(--color-text-muted,#6b7280);margin-top:6px;font-size:.85em;display:block}.honey-calc__input-group{flex-wrap:nowrap;gap:8px;width:100%;display:flex}.honey-calc__input-group .honey-calc__input{flex:0 0 40%;width:40%;min-width:0}.honey-calc__input-group .honey-calc__select{text-overflow:ellipsis;flex:0 0 calc(60% - 8px);width:calc(60% - 8px);min-width:0}.honey-calc__results{margin-top:0}.stat-panel--finance{border:1px solid var(--color-success);background-color:#22c55e08}.stat-panel__icon-money{color:var(--color-success)}.stat-panel__title--flex{align-items:center;gap:8px;display:flex}.stat-panel__value--success{color:var(--color-success);font-size:1.3rem}.nutrition-label{background-color:var(--bg-surface-alt);border:2px solid var(--text-primary);border-radius:8px;padding:16px}.nutrition-label__header{border-bottom:4px solid var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.nutrition-label__title{color:var(--text-primary);text-transform:uppercase;margin:0;font-size:1.1rem;font-weight:800}.nutrition-label__icon{color:var(--color-success)}.nutrition-label__tooltip{color:var(--text-disabled);cursor:help}.nutrition-label__serving{justify-content:space-between;margin-bottom:4px;font-size:.9rem;font-weight:700;display:flex}.nutrition-label__main-stat{border-top:8px solid var(--text-primary);border-bottom:4px solid var(--text-primary);justify-content:space-between;align-items:baseline;margin-bottom:8px;padding:8px 0;display:flex}.nutrition-label__main-stat span{font-size:1.2rem;font-weight:800}.nutrition-label__main-stat strong{font-size:1.8rem}.nutrition-label__row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:6px 0;font-size:.9rem;display:flex}.nutrition-label__row em{color:var(--text-secondary);font-size:.8rem;font-style:normal}.nutrition-label__row:last-child{border-bottom:none}@media print{@page{margin:0}html,body,#root,[class*=layout],[class*=container],[class*=content]{color:#000!important;height:auto!important;min-height:auto!important;box-shadow:none!important;background-color:#fff!important;position:static!important;overflow:visible!important}body{padding:1.5cm!important}.sidebar,.navbar,.mobile-nav,.bottom-nav,nav,.app-footer,header:not(.recipe-details__header),button,.bottom-sheet,.modal-overlay,.master-view-overlay,.no-print{display:none!important}::-webkit-scrollbar{display:none!important}.recipe-details{max-width:100%!important;padding:0!important}.recipe-details__header{border-bottom:2px solid #000!important;margin-bottom:20px!important;padding:0 0 10px!important}.recipe-details__layout{flex-direction:column!important;display:flex!important}.recipe-details__sidebar{width:100%!important;box-shadow:none!important;border:none!important;order:-1!important;margin-bottom:24px!important;padding:0!important;display:block!important}.recipe-details__main{width:100%!important;box-shadow:none!important;border:none!important;order:2!important;margin:0!important;padding:0!important}.recipe-details__section{page-break-inside:avoid;box-shadow:none!important;background:0 0!important;border:none!important;margin-bottom:20px!important;padding:0!important}.recipe-details__ingredient-list{box-shadow:none!important;border:none!important;gap:0!important;display:block!important}.recipe-details__ingredient-item{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:4px 0!important;display:flex!important}.recipe-details__ingredient-info{gap:8px!important}.recipe-details__badge{color:#000!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;font-size:.8rem!important}.recipe-details__step-list{box-shadow:none!important;border:none!important;gap:0!important}.recipe-details__step-item{page-break-inside:avoid;position:relative;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:10px 0 10px 24px!important}.recipe-details__step-item:before{content:"";border:1.5px solid #000;border-radius:2px;width:14px;height:14px;position:absolute;top:14px;left:0}.recipe-details__step-header{margin-bottom:4px!important}.stat-panel,.nutrition-label,.recipe-cost-widget{color:#000!important;box-shadow:none!important;background:0 0!important;border:none!important;margin-bottom:24px!important;padding:0!important}.stat-panel__title,.nutrition-label__title,.recipe-cost-widget__title{border:none!important;border-bottom:1px solid #000!important;margin-bottom:12px!important;padding-bottom:4px!important;font-size:1.1rem!important}.stat-panel__list,.nutrition-label__list,.recipe-cost-widget__list{flex-flow:wrap!important;gap:24px!important;display:flex!important}.stat-panel__list--stacked,.nutrition-label__list--stacked,.recipe-cost-widget__list--stacked{flex-direction:column!important;gap:4px!important}.stat-panel__item,.nutrition-label__item,.recipe-cost-widget__item{background:0 0!important;border:none!important;flex-direction:row!important;align-items:baseline!important;gap:8px!important;padding:0!important;display:flex!important}.stat-panel__item--row,.nutrition-label__item--row,.recipe-cost-widget__item--row{border:none!important;justify-content:space-between!important;width:100%!important;max-width:400px!important;padding-bottom:4px!important}.stat-panel__label,.nutrition-label__label,.recipe-cost-widget__label{color:#000!important;text-transform:none!important;font-size:.95rem!important;font-weight:600!important}.stat-panel__label:after,.nutrition-label__label:after,.recipe-cost-widget__label:after{content:":"}.stat-panel__value,.nutrition-label__value,.recipe-cost-widget__value{color:#000!important;font-size:1rem!important;font-weight:400!important}.nutrition-label{border:none!important;max-width:400px!important}.nutrition-label__header,.nutrition-label__main-stat{border:none!important}}.onboarding-modal-overlay{z-index:2000}.onboarding-modal{max-width:480px}.onboarding-modal__section-title{color:var(--text-secondary);text-transform:uppercase;margin:0 0 .5rem;font-size:.85rem;font-weight:700}.onboarding-modal__invite-row{gap:.5rem;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important}.onboarding-modal__invite-row span{color:var(--text-primary);font-weight:600}.onboarding-modal__invite-actions{gap:.5rem;display:flex}.onboarding-modal__invite-actions button{flex:1}.onboarding-modal__divider{color:var(--text-secondary);text-align:center;text-transform:uppercase;margin:1rem 0;font-size:.8rem}
