html,body,#root{height:100%;margin:0;padding:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0e0d;--surface:#1c1916;--surface2:#242018;--border:#322e28;--text:#ede6db;--muted:#8a8078;--accent:#d4a96a;--accent2:#5ecfa4;--accent3:#a78bfa;--danger:#e07b7b;--gold:#f5c842;--radius:12px;--nav-h:64px;--header-h:52px;--mono:"DM Mono", monospace}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.5}.dash-param__value,.dash-stat span,.shot-detail-grid span,.stat,.range-label,.last-shot-bar span:not(.last-shot-label):not(.last-shot-bean),.baseline-grid span,.grinder-slope,input[type=number]{font-family:var(--mono)}.app{flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex}.app-header{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);color:var(--accent);flex-shrink:0;align-items:center;gap:10px;padding:0 18px;font-size:17px;font-weight:700;display:flex}.logout-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;margin-left:auto;padding:6px;display:flex}.logout-btn:active{color:var(--danger)}.app-main{flex:1;padding:16px 16px 8px;overflow-y:auto}.app-nav{height:var(--nav-h);background:var(--surface);border-top:1px solid var(--border);z-index:20;flex-shrink:0;display:flex;position:relative}.nav-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;transition:color .15s;display:flex}.nav-btn--active{color:var(--accent)}.nav-btn:active{opacity:.7}.bean-filter{margin-bottom:14px}.section-title{color:var(--accent);align-items:center;gap:8px;margin-bottom:18px;font-size:16px;font-weight:600;display:flex}.log-form,.profile-form{flex-direction:column;gap:14px;padding-bottom:16px;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--muted);font-size:13px;font-weight:500}.req{color:var(--accent)}.field-row{gap:12px;display:flex}.field-row .field{flex:1}input,textarea,select{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:15px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}input.error{border-color:var(--danger)}.err-msg{color:var(--danger);font-size:12px}.warn-msg{color:#f0c060;font-size:12px}input[type=range]{accent-color:var(--accent);padding:6px 0}.range-label{color:var(--accent);align-self:flex-start;font-size:14px;font-weight:600}.last-shot-bar{background:var(--surface2);border:1px solid var(--border);color:var(--muted);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;padding:8px 12px;font-size:13px;display:flex}.last-shot-label{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);flex-shrink:0;font-size:11px;font-weight:700}.last-shot-bean{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-weight:600;overflow:hidden}.last-shot-divider{background:var(--border);flex-shrink:0;width:1px;height:12px}.last-shot-taste{color:var(--accent);font-weight:600}.grinder-row{align-items:center;gap:8px;display:flex}.grinder-input{flex:1}.nudge-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:10px 12px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s;display:flex}.nudge-btn:active{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);color:#111;border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:15px;font-weight:700;transition:opacity .15s;display:flex}.btn-primary:active{opacity:.8}.btn-primary.btn-saved{background:var(--accent2)}.btn-outline{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:border-color .15s;display:flex}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-outline:disabled{opacity:.4;cursor:default}.btn-danger{border:1px solid var(--border);color:var(--danger);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:flex}.suggestions{flex-direction:column;gap:8px;display:flex}.suggestion{border-left:3px solid;border-radius:8px;padding:10px 14px;font-size:14px;line-height:1.45}.suggestion--grind{background:#9b8fe01a;border-color:#9b8fe0}.suggestion--dose{border-color:var(--accent);background:#c8a87a1a}.suggestion--yield{border-color:var(--accent2);background:#6ec6a01a}.suggestion--taste{border-color:var(--danger);background:#e07b7b1a}.suggestion--perfect{border-color:var(--accent2);background:#6ec6a01a}.nudge-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.nudge-card__header{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.nudge-card__dismiss{color:var(--muted);cursor:pointer;background:0 0;border:none;margin:-4px;padding:4px;display:inline-flex}.nudge-card__dismiss:hover{color:var(--text)}.taste-preset-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.taste-chip{border:1px solid var(--border);cursor:pointer;background:var(--surface2);color:var(--muted);border-radius:20px;align-items:center;padding:5px 11px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.taste-chip:hover{color:var(--text)}.taste-chip--active{border-color:var(--accent);color:var(--accent);background:#d4a96a26}span.taste-chip{cursor:default;padding:3px 8px;font-size:11px}.insight-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.insight-card>svg{flex-shrink:0;margin-top:2px}.insight-card__title{font-size:13px;font-weight:600;line-height:1.3}.insight-card__sub{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.4}.shot-history{flex-direction:column;gap:10px;padding-bottom:16px;display:flex}.shot-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.shot-card__header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 14px;display:flex}.shot-card__header:active{opacity:.8}.shot-card__meta{flex:1;min-width:0}.shot-bean{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.shot-time-label{color:var(--muted);font-size:12px}.shot-card__stats{flex-shrink:0;gap:8px;display:flex}.stat{color:var(--muted);align-items:center;gap:3px;font-size:13px;display:flex}.taste-badge{color:var(--accent);font-weight:600}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.dot--ok{background:var(--accent2)}.dot--off{background:var(--danger)}.shot-card__body{border-top:1px solid var(--border);padding:0 14px 14px}.shot-detail-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;padding:12px 0;display:grid}.shot-detail-grid label{color:var(--muted);margin-bottom:2px;font-size:11px;display:block}.shot-detail-grid span{font-size:14px;font-weight:500}.shot-notes{color:var(--muted);margin-bottom:12px;font-size:13px;font-style:italic;line-height:1.4}.export-bar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.export-label{color:var(--muted);font-size:13px}.export-btns{gap:8px;display:flex}.charts{flex-direction:column;gap:24px;padding-bottom:16px;display:flex}.chart-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.chart-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:600}.empty-state{color:var(--muted);text-align:center;padding:40px 20px;font-size:14px}.loading-screen{background:var(--bg);justify-content:center;align-items:center;height:100dvh;animation:1.4s ease-in-out infinite pulse;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.login-screen{background:var(--bg);justify-content:center;align-items:center;height:100dvh;padding:24px;display:flex}.login-card{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:360px;display:flex}.login-icon{background:var(--surface);border:1px solid var(--border);border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.login-title{color:var(--text);margin:0;font-size:28px;font-weight:700}.login-sub{color:var(--muted);margin:0;font-size:15px;line-height:1.4}.btn-google{color:#111;border-radius:var(--radius);cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:8px;padding:14px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .15s;display:flex}.btn-google:active{opacity:.85}.login-error{border:1px solid var(--danger);color:var(--danger);background:#e07b7b1f;border-radius:8px;width:100%;padding:10px 14px;font-size:13px}.login-note{color:var(--muted);margin:0;font-size:12px}.mode-switcher{background:var(--surface);border-radius:10px;gap:6px;padding:4px;display:flex}.mode-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 8px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.mode-btn--active{background:var(--surface2);color:var(--text)}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag{cursor:pointer;background:var(--surface2);color:var(--muted);border:1px solid #0000;border-radius:20px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.tag--sm{padding:3px 8px;font-size:11px}.tag--active,.tag:hover{color:var(--text)}.tag--calibration{border-color:#d4a96a}.tag--calibration.tag--active{color:#d4a96a;background:#d4a96a26}.tag--micro{border-color:#a78bfa}.tag--micro.tag--active{color:#a78bfa;background:#a78bfa26}.tag--standard{border-color:#5ecfa4}.tag--standard.tag--active{color:#5ecfa4;background:#5ecfa426}.tag--custom{border-color:#f87171}.tag--custom.tag--active{color:#f87171;background:#f8717126}.timeline-event{border-radius:var(--radius);border-left:3px solid;align-items:flex-start;gap:10px;padding:10px 14px;font-size:13px;display:flex}.timeline-event--profile{border-color:var(--accent);background:#d4a96a12}.timeline-event--burr{background:#a78bfa12;border-color:#a78bfa}.timeline-event svg{color:var(--muted);flex-shrink:0;margin-top:2px}.timeline-event__label{color:var(--text);font-weight:600;display:block}.timeline-event__detail{color:var(--muted);font-size:12px;font-family:var(--mono);margin-top:2px;display:block}.timeline-event__time{color:var(--muted);margin-top:3px;font-size:11px;display:block}.shot-card__title-row{align-items:center;gap:6px;display:flex}.field-hint{color:var(--muted);margin-left:6px;font-size:11px;font-weight:400}.app-main--fwd{animation:.18s tabSlideFwd}.app-main--back{animation:.18s tabSlideBack}@keyframes tabSlideFwd{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes tabSlideBack{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.toast{bottom:calc(var(--nav-h) + 12px);white-space:nowrap;z-index:999;animation:toastIn .2s ease, toastOut .2s ease var(--toast-life,2.1s) forwards;pointer-events:none;border-radius:20px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast--action{pointer-events:auto}.toast__action{color:inherit;font:inherit;cursor:pointer;background:#0000002e;border:none;border-radius:14px;margin-left:4px;padding:4px 12px;font-weight:700}.toast__action:active{opacity:.7}.toast--success{background:var(--accent2);color:#111}.toast--delete{background:var(--danger);color:#fff}.toast--warning{color:#111;background:#f0c060}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.install-banner{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 12px);background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);z-index:25;align-items:center;gap:10px;padding:12px 14px;animation:.25s installBannerIn;display:flex;position:fixed;left:12px;right:12px;box-shadow:0 8px 24px #00000073}@keyframes installBannerIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.install-banner__text{flex:1;font-size:13px;line-height:1.4}.install-banner__inline-icon{vertical-align:-2px;color:var(--accent)}.install-banner__btn{background:var(--accent);color:#1a1a1a;font:inherit;cursor:pointer;border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:700}.install-banner__btn:active{opacity:.8}.install-banner__close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.celebration{pointer-events:none;z-index:10;position:absolute;top:16px;left:50%;transform:translate(-50%)}.celebration__particle{animation:.7s forwards celebFly;animation-delay:var(--delay,0s);opacity:0;font-size:16px;position:absolute}@keyframes celebFly{0%{opacity:1;transform:translate(0)scale(1)}60%{opacity:1}to{transform:translate(var(--tx), var(--ty)) scale(.4);opacity:0}}.daily-reminder{border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,#c8a87a14,#6ec6a00f);border:1px solid #c8a87a33;margin-top:4px;padding:14px 16px}.daily-reminder__text{color:var(--text);opacity:.85;font-size:13.5px;line-height:1.6}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sub-tabs{background:var(--surface);border-radius:10px;gap:6px;margin-bottom:16px;padding:4px;display:flex}.sub-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 4px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.sub-tab--active{background:var(--surface2);color:var(--text)}.dashboard{flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.dash-bean-row{margin-bottom:2px}.bean-select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);appearance:none;cursor:pointer;padding:10px 14px;font-size:14px}.dash-stats-row{gap:10px;display:flex}.dash-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex:1;padding:12px}.dash-stat span{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:700;display:block;overflow:hidden}.dash-stat label{color:var(--muted);font-size:11px}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.dash-card--ok{border-left:3px solid var(--accent2)}.dash-card--warn{border-left:3px solid #f0c060}.dash-card--bad{border-left:3px solid var(--danger)}.dash-card--info{border-left:3px solid var(--accent)}.dash-card--neutral{border-left:3px solid var(--border)}.dash-card__row{align-items:flex-start;gap:12px;display:flex}.dash-card__row>svg{flex-shrink:0;margin-top:2px}.dash-card__title{font-size:14px;font-weight:600;line-height:1.3}.dash-card__sub{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.4}.status-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;margin-left:auto;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.status-badge--ok{color:var(--accent2);background:#6ec6a026}.status-badge--warn{color:#f0c060;background:#f0c06026}.status-badge--bad{color:var(--danger);background:#e07b7b26}.dash-param-row{gap:8px;display:flex}.dash-param{background:var(--surface2);border-radius:8px;flex-direction:column;flex:1;gap:4px;padding:8px 10px;display:flex}.dash-param__label{color:var(--muted);font-size:11px}.dash-param__value{font-size:15px;font-weight:600}.dash-param--ok .dash-param__value{color:var(--accent2)}.dash-param--drifting .dash-param__value{color:#f0c060}.dash-param--out .dash-param__value{color:var(--danger)}.consistency-flag{color:var(--text);background:#f0c06014;border-radius:6px;padding:8px 10px;font-size:13px;line-height:1.4}.baseline-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.baseline-grid label{color:var(--muted);margin-bottom:2px;font-size:11px;display:block}.baseline-grid span{color:var(--accent);font-size:15px;font-weight:600}.baseline-actions{gap:10px;display:flex}.btn-sm{border-radius:8px;flex:1;padding:9px 16px;font-size:13px}.btn-ghost{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:9px 16px;font-size:13px;display:flex}.dash-empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:48px 20px;font-size:14px;display:flex}.chart-title-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.chart-sub{color:var(--muted);font-size:12px}.charts-bean{color:var(--muted);margin:-6px 0 -10px;font-size:12px}.charts-bean strong{color:var(--text)}.compare-legend{color:var(--text);flex-wrap:wrap;gap:6px 14px;margin:-4px 0 2px;font-size:12px;display:flex}.compare-legend__item{align-items:center;gap:6px;display:inline-flex}.compare-legend__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.compare-note{color:var(--muted);opacity:.85;margin:-2px 0 2px;font-size:11px}.chart-brush-hint{color:var(--muted);text-align:center;opacity:.6;margin-top:6px;font-size:11px}.grinder-health{flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.stability-meter{margin-top:4px}.stability-meter__track{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.stability-meter__fill{border-radius:3px;height:100%;transition:width .4s}.stability-meter__labels{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.grinder-slope{color:var(--muted);padding:4px 0;font-family:monospace;font-size:12px}.dash-card{box-shadow:0 1px 2px #0006,0 2px 10px #0003,inset 0 1px #ffffff08}.btn-primary{box-shadow:0 2px 12px #d4a96a40}.btn-primary.btn-saved{box-shadow:0 2px 12px #5ecfa447}.shot-card__stats .stat{color:var(--text);font-weight:600;font-family:var(--mono)}.shot-card__stats .stat.taste-badge{color:var(--accent)}.shot-bean{letter-spacing:.1px;font-size:15px}.shot-detail-grid span{color:var(--text);font-weight:600}.chart-block{border-left:3px solid var(--accent);position:relative}.chart-title{color:var(--text);opacity:.92;font-size:13px}.dash-stat span{letter-spacing:.2px;font-size:21px}.dashboard>*,.charts>*{animation:.28s backwards cardRise}.dashboard>:nth-child(2),.charts>:nth-child(2){animation-delay:50ms}.dashboard>:nth-child(3),.charts>:nth-child(3){animation-delay:.1s}.dashboard>:nth-child(4),.charts>:nth-child(4){animation-delay:.15s}@keyframes cardRise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.shot-card,.dash-card{transition:transform .12s,box-shadow .2s}.shot-card__header:active,.dash-card--neutral:active{transform:scale(.985)}@media (prefers-reduced-motion:reduce){.dashboard>*,.charts>*,.app-main,.shot-card,.dash-card{transition:none!important;animation:none!important}}.app-header{height:calc(var(--header-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:calc(18px + env(safe-area-inset-left,0px));padding-right:calc(18px + env(safe-area-inset-right,0px))}.app-nav{height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.app-main{padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px))}.toast{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 12px)}.app-main{padding-top:clamp(12px,4vw,18px)}.dashboard,.shot-history,.charts,.grinder-health{gap:clamp(10px,2.6vw,14px)}@media (width<=360px){body{font-size:14px}.app-main{padding-left:calc(12px + env(safe-area-inset-left,0px));padding-right:calc(12px + env(safe-area-inset-right,0px))}.nav-btn{font-size:10px}.dash-stat span{font-size:19px}.dash-stats-row{gap:8px}.dash-param{padding:7px 8px}.shot-card__stats{gap:6px}.shot-card__stats .stat{font-size:12px}}@media (width>=540px){.app{max-width:520px}}@media (orientation:landscape) and (height<=540px){.app{--header-h:44px;--nav-h:52px;max-width:760px}.app-header{font-size:15px}.nav-btn{gap:2px;font-size:9px}.nav-btn svg{width:18px;height:18px}.app-main{padding-top:10px;padding-bottom:6px}.charts{grid-template-columns:1fr 1fr;gap:14px;display:grid}.dashboard{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.dash-bean-row,.dash-stats-row,.dash-empty,.daily-reminder{grid-column:1/-1}.chart-block .recharts-responsive-container{height:180px!important}.chart-brush-hint{display:none}}@media (orientation:landscape) and (height<=430px){.app{--nav-h:46px}.nav-btn span{display:none}.nav-btn svg{width:20px;height:20px}.nav-btn--log .nav-log-bump{display:flex}}.nav-btn--log{overflow:visible}.nav-log-bump{background:var(--accent);color:#111;width:48px;height:48px;box-shadow:0 4px 14px #d4a96a59, 0 0 0 4px var(--bg);border-radius:50%;justify-content:center;align-items:center;margin-top:-28px;transition:transform .12s;display:flex}.nav-btn--log:active .nav-log-bump{transform:scale(.94)}.nav-btn--log span:last-child{margin-top:2px}button.last-shot-bar{text-align:left;cursor:pointer;width:100%;font-family:inherit;transition:border-color .15s}button.last-shot-bar:active{border-color:var(--accent)}.last-shot-reuse{color:var(--accent);flex-shrink:0;align-items:center;gap:4px;margin-left:auto;font-size:11px;font-weight:600;display:inline-flex}.bean-chip{background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:20px;align-self:flex-start;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .15s;display:inline-flex}.bean-chip:active{border-color:var(--accent)}.bean-chip svg{color:var(--accent)}.time-row{align-items:center;gap:8px;display:flex}.time-row input{flex:1;min-width:0}.timer-btn{background:var(--surface2);border:1px solid var(--border);width:42px;height:42px;color:var(--accent);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s;display:flex}.timer-btn:active{border-color:var(--accent)}.timer-btn--running{border-color:var(--accent);color:var(--danger);animation:1.2s ease-in-out infinite timerPulse}@keyframes timerPulse{0%,to{box-shadow:0 0 #f8717100}50%{box-shadow:0 0 12px 3px #f871713d}}.target-hint{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.target-hint--ok{color:var(--accent2)}.target-hint--off{color:var(--danger)}.ratio-hint{color:var(--muted);margin:-6px 0 -4px;font-size:12px}.ratio-hint strong{color:var(--accent);font-family:var(--mono)}.tag-filter-row{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.day-group{flex-direction:column;gap:10px;display:flex}.day-header{z-index:5;background:var(--bg);text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:6px 2px;font-size:11px;font-weight:700;position:sticky;top:calc(-1*clamp(12px,4vw,18px))}.shot-card--highlight{border-color:var(--accent)}.dash-card--tappable{cursor:pointer}.dash-card--tappable:active{transform:scale(.985)}.charts-tap-hint{opacity:.75}.new-bean-btn{flex:none;align-self:flex-start;gap:6px}.sync-banner{background:var(--surface2);border-bottom:1px solid var(--border);color:var(--muted);flex-shrink:0;align-items:center;gap:8px;padding:7px 16px;font-size:12px;display:flex}.sync-banner svg{flex-shrink:0}.sync-banner--error{color:var(--danger)}.sync-banner--pending{color:var(--accent)}.sync-banner button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;width:auto;margin-left:auto;padding:3px 10px;font-size:12px;display:inline-flex}.sync-banner button:active{border-color:var(--accent)}.shot-card__actions{gap:8px;display:flex}.pending-glyph{color:var(--accent);opacity:.8;vertical-align:middle;align-items:center;margin-left:6px;display:inline-flex}.today-strip{flex-wrap:wrap;align-items:center;gap:6px;padding:2px 2px 0;display:flex}.today-strip__label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-right:4px;font-size:11px;font-weight:700}.today-dot{cursor:pointer;background:var(--border);border:none;border-radius:50%;width:10px;height:10px;padding:0}.today-dot--ok{background:var(--accent2)}.today-dot--drifting{background:#f0c060}.today-dot--out{background:var(--danger)}.today-dot--neutral{background:var(--border)}.today-dot:active{transform:scale(1.3)}.day-header--toggle{background:var(--bg);width:100%;font:inherit;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);cursor:pointer;border:none;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.day-header__count{text-transform:none;letter-spacing:0;font-weight:600;font-family:var(--mono);align-items:center;gap:4px;display:inline-flex}.tol-bar{margin:-6px 2px 0}.tol-bar__track{background:var(--surface2);border-radius:3px;height:6px;overflow:hidden}.tol-bar__zone{background:#5ecfa459;border-radius:3px;width:50%;height:100%;margin:0 auto}.tol-bar__labels{color:var(--muted);font-size:11px;font-family:var(--mono);justify-content:space-between;margin-top:2px;display:flex}.tol-bar__target{color:var(--accent2);font-weight:600}.range-chips{justify-content:flex-end;gap:6px;margin:-8px 0 4px;display:flex}.btn-primary:disabled{opacity:.55;cursor:default}.mascot{z-index:15;cursor:pointer;touch-action:none;filter:drop-shadow(0 2px 6px #00000073);-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:54px;padding:0;position:fixed}.mascot__sprite,.mascot__sprite-inner{display:block}.mascot svg{width:100%;height:auto;display:block}.mascot--free{animation:none}.mascot{transition:transform .3s}.mascot--ducking{transition:transform .25s ease-in}.mascot--swapping{transition:none}.mascot--emerging{transition:transform .3s cubic-bezier(.34,1.4,.64,1)}.mascot--dragging{cursor:grabbing;transition:none}.mascot--dragging .mascot__sprite-inner{animation:none}.mascot--wiggle .mascot__sprite-inner{animation:.55s mascotWiggle}@keyframes mascotWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}60%{transform:rotate(8deg)}}.mascot--peeking.mascot--mood-joy .mascot__sprite-inner{animation:.8s 2 mascotHop}.mascot--peeking.mascot--mood-joy.mascot--wiggle .mascot__sprite-inner{animation:.55s mascotWiggle}@keyframes mascotHop{0%,to{transform:translateY(0)}35%{transform:translateY(-7px)}55%{transform:translateY(0)}70%{transform:translateY(-3px)}}.mascot--idle-sniff .mascot__sprite-inner{animation:.8s ease-in-out 3 cashewSniff}.mascot--idle-look .mascot__sprite-inner{animation:1.2s ease-in-out 2 cashewLook}.mascot--idle-stretch .mascot__sprite-inner{animation:1.6s ease-in-out cashewStretch}.mascot--idle-bounce .mascot__sprite-inner{animation:.45s ease-in-out 3 cashewBounce}@keyframes cashewSniff{0%,to{transform:translateY(0)}35%{transform:translateY(2.5px)}65%{transform:translateY(1px)}}@keyframes cashewLook{0%,to{transform:rotate(0)}30%{transform:rotate(-8deg)}70%{transform:rotate(8deg)}}@keyframes cashewStretch{0%,to{transform:scaleY(1)translateY(0)}40%{transform:scaleY(1.1)translateY(-3px)}75%{transform:scaleY(.95)translateY(1px)}}@keyframes cashewBounce{0%,to{transform:translateY(0)}45%{transform:translateY(-9px)}}.mascot__bubble{background:var(--surface2);border:1px solid var(--border);color:var(--text);white-space:normal;text-align:center;pointer-events:none;z-index:1;border-radius:10px;max-width:150px;padding:6px 10px;font-size:11px;font-weight:600;line-height:1.3;animation:.18s backwards bubblePop,.25s 2.1s forwards bubbleFade;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000059}.mascot--edge-top .mascot__bubble{top:calc(100% + 8px);bottom:auto}@keyframes bubblePop{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes bubbleFade{to{opacity:0}}.mascot__zzz{color:var(--muted);font-size:12px;font-weight:700;animation:2.6s ease-in-out infinite zzzFloat;position:absolute;top:-14px;right:-2px}.mascot__zzz span{opacity:.7;font-size:9px;position:absolute;top:-8px;left:7px}@keyframes zzzFloat{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.mascot--peeking.mascot--mood-sleepy .mascot__sprite-inner,.cashew-static--sleepy{animation:2.8s ease-in-out infinite cashewBreathe}@keyframes cashewBreathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.035)translateY(-1px)}}.mascot--peeking.mascot--mood-curious:not(.mascot--wiggle) .mascot__sprite-inner{transform:rotate(6deg)}.cashew-static{transform-origin:bottom;display:inline-block;position:relative}.cashew-static svg{width:100%;height:auto;display:block}.cashew-static .mascot__zzz{top:-10px;right:-8px}.cashew-runner{animation:.26s linear infinite runnerBob;display:inline-block}.cashew-runner svg{width:100%;height:auto;display:block}@keyframes runnerBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.mascot,.mascot__sprite,.mascot__sprite-inner,.mascot__zzz,.cashew-static,.cashew-runner{animation:none!important}.mascot{transition:none!important}.mascot--mood-curious .mascot__sprite-inner{transform:none}}body:after{content:"";pointer-events:none;z-index:9998;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px;position:fixed;inset:0}.app-header{-webkit-backdrop-filter:blur(18px)saturate(160%);background:#1c1916e0;border-bottom:1px solid #322e28b3;box-shadow:inset 0 1px #d4a96a0f,0 1px 12px #00000059}.app-nav{-webkit-backdrop-filter:blur(18px)saturate(160%);background:#1c1916eb;border-top:1px solid #322e2899;box-shadow:0 -1px 24px #00000047}.nav-btn{position:relative}.nav-btn--active:after{content:"";background:var(--accent);border-radius:1px;width:20px;height:2px;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #d4a96ab3,0 0 4px #d4a96a80}.nav-btn--log:after{display:none}.dash-card,.shot-card,.chart-block,.dash-stat{position:relative}.dash-card:before,.shot-card:before,.chart-block:before,.dash-stat:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000 0%,#fff1 50%,#0000 100%);border-radius:1px;height:1px;position:absolute;top:0;left:16px;right:16px}.dash-card{background:linear-gradient(160deg,#201d18 0%,#1c1916 55%,#18160e 100%);border:1px solid #322e28d9}.shot-card,.chart-block{background:linear-gradient(160deg,#201d18 0%,#1c1916 100%);border:1px solid #322e28d9}.dash-stat{background:linear-gradient(145deg,#201e18 0%,#1a1814 100%);border:1px solid #322e28d9}.dash-stat:before{background:linear-gradient(90deg,#0000 0%,#d4a96a2e 50%,#0000 100%)}.dash-card,.dash-stat,.shot-card,.chart-block{box-shadow:0 1px 2px #0000008c,0 4px 14px #00000047,inset 0 0 0 1px #ffffff06}.dash-card--ok{box-shadow:0 0 0 1px #5ecfa426,0 4px 16px #0000004d,0 0 20px #5ecfa40a}.dash-card--warn{box-shadow:0 0 0 1px #f0c06029,0 4px 16px #0000004d,0 0 20px #f0c0600a}.dash-card--bad{box-shadow:0 0 0 1px #e07b7b29,0 4px 16px #0000004d,0 0 20px #e07b7b0a}input,textarea,select{background:linear-gradient(160deg,#201d18 0%,#1a1714 100%);box-shadow:inset 0 1px 3px #00000052,inset 0 0 0 1px #0000001a}input:focus,textarea:focus,select:focus{box-shadow:inset 0 1px 2px #0003,0 0 0 3px #d4a96a24,0 0 16px #d4a96a12}.btn-primary{letter-spacing:.01em;background:linear-gradient(150deg,#e0b66e 0%,#c8953f 100%);box-shadow:0 2px 14px #d4a96a52,inset 0 1px #ffffff26}.btn-primary:active{transform:scale(.99);box-shadow:0 1px 6px #d4a96a38}.btn-primary.btn-saved{background:linear-gradient(150deg,#6fd9b0 0%,#43c090 100%);box-shadow:0 2px 14px #5ecfa452,inset 0 1px #ffffff1f}.nav-log-bump{box-shadow:0 4px 18px #d4a96a73, 0 0 0 4px var(--bg), 0 0 32px #d4a96a2e, 0 1px 0 #ffffff2e inset;background:linear-gradient(145deg,#e8bc76 0%,#c8953f 100%)}.nav-btn--log.nav-btn--active .nav-log-bump{box-shadow:0 4px 22px #d4a96a8c, 0 0 0 4px var(--bg), 0 0 40px #d4a96a38, 0 1px 0 #fff3 inset}.mode-switcher,.sub-tabs{background:linear-gradient(160deg,#1a1814 0%,#181510 100%);box-shadow:inset 0 1px 3px #0000004d,inset 0 0 0 1px #ffffff05}.tag{background:linear-gradient(145deg,#221f1a 0%,#1c1916 100%);box-shadow:inset 0 1px 2px #00000040}.tag--active,.tag:hover{box-shadow:none}.nudge-card{background:linear-gradient(160deg,#201d18 0%,#1c1916 100%);border:1px solid #322e28d9;box-shadow:0 2px 10px #00000047}.insight-card{background:linear-gradient(160deg,#1e1c15 0%,#1c1916 100%);box-shadow:0 2px 10px #0000004d,inset 0 0 0 1px #d4a96a1a}.login-screen{background:radial-gradient(80% 65% at 50% 40%,#1e1a12 0%,#0f0e0d 70%);overflow:hidden}.login-atm{pointer-events:none;position:absolute;inset:0}.login-ring{border:1px solid #d4a96a12;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.login-ring--1{border-color:#d4a96a1f;width:240px;height:240px}.login-ring--2{width:380px;height:380px}.login-ring--3{border-color:#d4a96a0b;width:530px;height:530px}.login-ring--4{background:radial-gradient(circle,#d4a96a06 0%,#0000 60%);border-color:#d4a96a06;width:700px;height:700px}.login-mascot,.login-brand,.login-sub,.btn-google,.login-note,.login-error{animation:.55s cubic-bezier(.22,1,.36,1) both loginRise;animation-delay:var(--login-delay,0s)}.login-mascot{--login-delay:0s}.login-brand{--login-delay:80ms}.login-sub{--login-delay:.16s}a.btn-google{--login-delay:.24s}.login-note{--login-delay:.3s}@keyframes loginRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.login-mascot{filter:drop-shadow(0 6px 18px #0009)}.login-brand{flex-direction:column;align-items:center;gap:0;display:flex}.login-eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--accent);opacity:.75;margin-bottom:4px;font-size:11px;font-weight:700}.login-title{letter-spacing:-.025em;color:var(--text);text-shadow:0 2px 24px #d4a96a1f,0 1px 2px #0009;margin:0;font-size:46px;font-weight:800;line-height:1}.login-rule{background:linear-gradient(90deg,#0000 0%,#d4a96a8c 50%,#0000 100%);width:44px;height:1px;margin-top:14px}.btn-google{border-radius:var(--radius);background:linear-gradient(160deg,#f0ede8 0%,#e8e3dc 100%);transition:opacity .15s,box-shadow .15s,transform .12s;box-shadow:0 2px 14px #00000059,inset 0 1px #fffc}.btn-google:hover{transform:translateY(-1px);box-shadow:0 4px 18px #0006,inset 0 1px #fffc}.btn-google:active{opacity:.9;transform:scale(.99)translateY(0);box-shadow:0 1px 6px #0000004d}.login-icon{display:none}.sync-banner{-webkit-backdrop-filter:blur(10px);background:#242018bf}.today-dot--ok{box-shadow:0 0 6px #5ecfa480}.today-dot--out{box-shadow:0 0 6px #e07b7b80}.today-dot--drifting{box-shadow:0 0 6px #f0c06066}.status-badge--ok{box-shadow:0 0 8px #5ecfa41f}.status-badge--bad{box-shadow:0 0 8px #e07b7b1f}.shot-card--highlight{border-color:var(--accent);box-shadow:0 0 0 1px #d4a96a40,0 4px 18px #00000059}.ptr-wrap{z-index:90;pointer-events:none;will-change:transform, opacity;position:fixed;top:52px;left:50%}.ptr-disc{background:var(--surface);border:1px solid #d4a96a38;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;box-shadow:0 4px 18px #00000080,inset 0 1px #ffffff0a}.ptr-disc[data-refreshing]{border-color:#d4a96a73;animation:.85s linear infinite ptr-spin;box-shadow:0 0 14px #d4a96a2e,0 4px 18px #00000080}@keyframes ptr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ptr-icon{color:var(--accent);z-index:1;opacity:.85;position:relative}.update-banner{-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#d4a96a1a,#d4a96a0d);border-bottom:1px solid #d4a96a33;align-items:center;gap:10px;padding:9px 16px;display:flex}.update-banner__icon{color:var(--accent);opacity:.8;flex-shrink:0}.update-banner__text{color:var(--accent);flex:1;font-size:13px;font-weight:500}.update-banner__refresh{color:var(--accent);cursor:pointer;letter-spacing:.02em;background:#d4a96a26;border:1px solid #d4a96a4d;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s}.update-banner__refresh:hover,.update-banner__refresh:active{background:#d4a96a40}.update-banner__dismiss{color:var(--muted);cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;transition:opacity .15s;display:flex}.update-banner__dismiss:hover{opacity:1}@media (prefers-reduced-motion:reduce){body:after{display:none}.login-mascot,.login-brand,.login-sub,.btn-google,.login-note,.login-error,.ptr-disc[data-refreshing]{animation:none!important}}.chart-panel{background:#16130f;border:1px solid #ffffff0e;border-radius:14px;margin-bottom:12px;padding:14px 14px 10px;position:relative;overflow:hidden}.chart-panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff06 0%,#0000 60%);border-radius:14px;position:absolute;inset:0}.chart-panel__header{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.chart-panel__label{letter-spacing:.08em;text-transform:uppercase;color:var(--chart-accent,var(--accent));font-family:DM Mono,monospace;font-size:11px;font-weight:600}.chart-panel__meta{color:var(--muted);margin-left:auto;font-family:DM Mono,monospace;font-size:10px}.chart-panel__brush-hint{text-align:center;color:var(--muted);opacity:.5;letter-spacing:.04em;margin:2px 0 0;font-family:DM Mono,monospace;font-size:9px}.chart-panel--single .recharts-area-curve{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--chart-accent,var(--accent)) 60%, transparent))}.chart-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14110ef0;border:1px solid #d4a96a2e;border-radius:10px;min-width:110px;padding:9px 12px;box-shadow:0 8px 24px #0000008c}.chart-tooltip__label{color:#6a6460;letter-spacing:.04em;border-bottom:1px solid #ffffff0f;margin-bottom:6px;padding-bottom:5px;font-family:DM Mono,monospace;font-size:9px}.chart-tooltip__row{align-items:center;gap:6px;margin-top:4px;font-family:DM Mono,monospace;font-size:12px;display:flex}.chart-tooltip__swatch{border-radius:50%;flex-shrink:0;width:6px;height:6px}.chart-tooltip__name{color:#8a8478;flex:1;font-size:10px}.chart-tooltip__val{letter-spacing:.02em;font-size:12px;font-weight:600}.insight-panel{background:linear-gradient(135deg,#d4a96a12 0%,#d4a96a08 100%);border:1px solid #d4a96a26;border-radius:12px;margin-bottom:12px;padding:11px 14px}.insight-panel__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);opacity:.7;align-items:center;gap:5px;margin-bottom:8px;font-family:DM Mono,monospace;font-size:9px;font-weight:600;display:flex}.insight-panel__body{scrollbar-width:none;align-items:center;gap:0;display:flex;overflow-x:auto}.insight-panel__body::-webkit-scrollbar{display:none}.insight-panel__stat{flex-direction:column;flex:1;gap:2px;min-width:52px;display:flex}.insight-panel__stat-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:9px}.insight-panel__stat-value{color:var(--text);letter-spacing:-.02em;font-family:DM Mono,monospace;font-size:18px;font-weight:700;line-height:1}.insight-panel__stat-value small{color:var(--muted);font-size:11px;font-weight:400}.insight-panel__divider{background:#ffffff12;flex-shrink:0;width:1px;height:32px;margin:0 12px}.compare-pills{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.compare-pill{color:var(--text);letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-family:DM Mono,monospace;font-size:11px;font-weight:500;display:inline-flex}.compare-pill__dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.compare-note{color:var(--muted);opacity:.7;margin:-4px 0 10px;font-family:DM Mono,monospace;font-size:10px}.grinder-readout{border:1px solid #0000;border-radius:12px;margin-bottom:10px;padding:12px 14px}.grinder-readout--ok{background:#5ecfa40f;border-color:#5ecfa42e}.grinder-readout--warn{background:#f0c0600f;border-color:#f0c0602e}.grinder-readout--bad{background:#f871710f;border-color:#f871712e}.grinder-readout--neutral{background:#ffffff08;border-color:#ffffff12}.grinder-readout__head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.grinder-readout__title{color:var(--text);flex:1;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.grinder-readout__badge{color:var(--muted);letter-spacing:.03em;background:#ffffff0f;border-radius:20px;padding:2px 7px;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.grinder-readout__stats{color:var(--muted);flex-wrap:wrap;gap:14px;margin-bottom:8px;font-family:DM Mono,monospace;font-size:11px;display:flex}.grinder-readout__stats strong{color:var(--text);font-weight:600}.grinder-readout__drift{color:#f0c060;font-size:11px}.grinder-readout__body{color:var(--muted);margin:0 0 8px;font-size:12px;line-height:1.5}.grinder-readout__slope{color:var(--muted);opacity:.7;font-family:DM Mono,monospace;font-size:10px}.grinder-readout .btn-outline{align-items:center;gap:6px;margin-top:4px;display:inline-flex}.stability-led{margin-top:6px}.stability-led__track{gap:3px;margin-bottom:4px;display:flex}.stability-led__seg{background:#ffffff12;border-radius:2px;flex:1;height:6px;transition:background .3s,box-shadow .3s}.stability-led__labels{color:var(--muted);opacity:.55;letter-spacing:.03em;justify-content:space-between;font-family:DM Mono,monospace;font-size:8px;display:flex}.grinder-health{flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){.stability-led__seg{transition:none!important}.chart-panel--single .recharts-area-curve{filter:none!important}}.bean-filter{display:inline-flex;position:relative}.bean-filter select{appearance:none;color:var(--text);cursor:pointer;background-color:#1c1916;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23d4a96a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border:1px solid #ffffff1a;border-radius:20px;outline:none;min-width:100px;padding:6px 30px 6px 13px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s}.bean-filter select:focus{border-color:#d4a96a73}.profile-delete-zone{border-top:1px solid #ffffff0d;margin-top:20px;padding-top:16px}.profile-delete-btn{color:var(--muted);opacity:.7;gap:5px;transition:opacity .15s,color .15s}.profile-delete-btn:hover{opacity:1;color:var(--danger)}.profile-delete-confirm{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.btn-danger{color:var(--danger);cursor:pointer;background:#f871711f;border:1px solid #f871714d;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s}.btn-danger:hover{background:#f8717138}.dot--ok{animation:3s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{box-shadow:0 0 #5ecfa400}50%{box-shadow:0 0 0 6px #5ecfa440}}.nav-btn--active svg{animation:3.5s ease-in-out infinite navIconBreathe}@keyframes navIconBreathe{0%,to{filter:drop-shadow(0 0 #d4a96a00)}50%{filter:drop-shadow(0 0 7px #d4a96ad9)}}.app-nav{animation:5s ease-in-out infinite navBorderGlow}@keyframes navBorderGlow{0%,to{border-top-color:var(--border)}50%{border-top-color:#d4a96a40}}.app-header{animation:5s ease-in-out infinite headerBorderGlow}@keyframes headerBorderGlow{0%,to{border-bottom-color:var(--border)}50%{border-bottom-color:#d4a96a40}}.taste-chip--active{animation:3s ease-in-out infinite chipShimmer}@keyframes chipShimmer{0%,to{border-color:#d4a96a59}50%{border-color:#d4a96acc}}.stability-led__seg--on{animation:2.5s ease-in-out infinite ledGlow}@keyframes ledGlow{0%,to{opacity:1}50%{opacity:.55}}.insight-panel__eyebrow svg{transform-origin:50%;animation:2.8s ease-in-out infinite sparkTwinkle}@keyframes sparkTwinkle{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.22)}}.chart-panel__label{animation:4s ease-in-out infinite labelBreath}@keyframes labelBreath{0%,to{opacity:1}50%{opacity:.62}}.tol-bar__zone{animation:3.5s ease-in-out infinite tolBreath}@keyframes tolBreath{0%,to{opacity:.12}50%{opacity:.3}}.tol-bar__target{animation:3.8s ease-in-out infinite targetLabelGlow}@keyframes targetLabelGlow{0%,to{text-shadow:none}50%{text-shadow:0 0 8px #5ecfa473}}.timer-field--running{animation:1.6s ease-in-out infinite timerPulse;border-color:#f8717166!important}.btn-primary:not(:disabled){animation:3s ease-in-out infinite btnBreath}@keyframes btnBreath{0%,to{box-shadow:0 2px 14px #d4a96a52,inset 0 1px #ffffff26}50%{box-shadow:0 2px 28px #d4a96aa6,inset 0 1px #ffffff38}}.btn-primary.btn-saved:not(:disabled){animation:none}.dash-card--ok{animation:4s ease-in-out infinite cardOkGlow}@keyframes cardOkGlow{0%,to{box-shadow:0 0 0 1px #5ecfa41f,0 2px 10px #00000038,inset 0 1px #ffffff08}50%{box-shadow:0 0 0 2px #5ecfa452,0 4px 22px #5ecfa41a,inset 0 1px #ffffff0a}}.today-dot--ok{animation:3s ease-in-out infinite todayDotPulse}.today-strip .today-dot--ok:nth-child(2){animation-delay:.6s}.today-strip .today-dot--ok:nth-child(3){animation-delay:1.2s}.today-strip .today-dot--ok:nth-child(4){animation-delay:1.8s}.today-strip .today-dot--ok:nth-child(5){animation-delay:.3s}.today-strip .today-dot--ok:nth-child(6){animation-delay:.9s}.today-strip .today-dot--ok:nth-child(n+7){animation-delay:1.5s}@keyframes todayDotPulse{0%,to{box-shadow:0 0 6px #5ecfa480}50%{box-shadow:0 0 14px #5ecfa4e6,0 0 0 3px #5ecfa42e}}.dash-stat{animation:4.5s ease-in-out infinite statBreath}.dash-stats-row .dash-stat:nth-child(2){animation-delay:1.1s}.dash-stats-row .dash-stat:nth-child(3){animation-delay:2.2s}.dash-stats-row .dash-stat:nth-child(4){animation-delay:3.3s}@keyframes statBreath{0%,to{box-shadow:0 1px 2px #0006,0 2px 8px #0000002e}50%{box-shadow:0 1px 2px #0006,0 2px 8px #0000002e,0 0 0 1px #d4a96a29}}.sub-tab--active{animation:4s ease-in-out infinite subTabShimmer}@keyframes subTabShimmer{0%,to{color:var(--text)}50%{color:var(--accent)}}.grinder-readout--ok{animation:3.5s ease-in-out infinite readoutOkGlow}@keyframes readoutOkGlow{0%,to{box-shadow:none;border-color:#5ecfa42e}50%{border-color:#5ecfa46b;box-shadow:0 0 16px #5ecfa414}}.section-title{animation:6s ease-in-out infinite sectionTitleBreath}@keyframes sectionTitleBreath{0%,to{opacity:1}50%{opacity:.75}}@media (prefers-reduced-motion:reduce){.dot--ok,.nav-btn--active svg,.app-nav,.app-header,.taste-chip--active,.stability-led__seg--on,.insight-panel__eyebrow svg,.chart-panel__label,.tol-bar__zone,.tol-bar__target,.timer-field--running,.btn-primary,.dash-card--ok,.today-dot--ok,.dash-stat,.sub-tab--active,.grinder-readout--ok,.section-title{animation:none!important}}