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}.bean-filter 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}.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 #d4a96a4d}50%{box-shadow:0 0 0 5px #d4a96a00}}.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;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{display:block}.mascot svg{width:100%;height:auto;display:block}.mascot--dashboard,.mascot--trends{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) - 10px);animation:.45s .4s backwards mascotPeekUp,3.4s ease-in-out 1.2s infinite mascotBob}.mascot--dashboard{right:16px}.mascot--trends{left:16px}.mascot--log,.mascot--profile{animation:.45s .4s backwards mascotPeekRight;right:-15px}.mascot--log{top:52%}.mascot--profile{top:30%}.mascot--log svg,.mascot--profile svg{transform:rotate(-90deg)}.mascot--history{animation:.45s .4s backwards mascotPeekLeft;top:58%;left:-15px}.mascot--history svg{transform:rotate(90deg)}@keyframes mascotPeekUp{0%{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes mascotPeekRight{0%{transform:translate(115%)}to{transform:translate(0)}}@keyframes mascotPeekLeft{0%{transform:translate(-115%)}to{transform:translate(0)}}@keyframes mascotBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.mascot--wiggle .mascot__sprite{animation:.55s mascotWiggle}@keyframes mascotWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}60%{transform:rotate(8deg)}}.mascot--mood-joy .mascot__sprite{animation:.8s 2 mascotHop}.mascot--mood-joy.mascot--wiggle .mascot__sprite{animation:.55s mascotWiggle}@keyframes mascotHop{0%,to{transform:translateY(0)}35%{transform:translateY(-7px)}55%{transform:translateY(0)}70%{transform:translateY(-3px)}}.mascot__bubble{background:var(--surface2);border:1px solid var(--border);color:var(--text);white-space:nowrap;pointer-events:none;z-index:1;border-radius:10px;padding:6px 10px;font-size:11px;font-weight:600;line-height:1;animation:.18s backwards bubblePop,.25s 2.1s forwards bubbleFade;position:absolute;box-shadow:0 2px 8px #00000059}.mascot--dashboard .mascot__bubble{bottom:calc(100% + 6px);right:0}.mascot--trends .mascot__bubble{bottom:calc(100% + 6px);left:0}.mascot--log .mascot__bubble,.mascot--profile .mascot__bubble{top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.mascot--history .mascot__bubble{top:50%;left:calc(100% + 6px);transform:translateY(-50%)}@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{touch-action:none}.mascot--free{transition:none;animation:none}.mascot--free svg{transform:none}.mascot--dragging{cursor:grabbing}.mascot--dragging .mascot__sprite{animation:none}.mascot--zoomies{width:76px;top:auto;left:0;right:auto;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) - 6px);animation:3.2s ease-in-out forwards mascotZoom}.mascot--zoomies svg{transform:none}.mascot--zoomies .mascot__sprite{animation:3.2s linear forwards mascotRunFlip}.mascot--zoomies .mascot__bubble,.mascot--zoomies .mascot__zzz{display:none}@keyframes mascotZoom{0%{transform:translate(0)}42%{transform:translate(calc(100vw - 82px))}50%{transform:translate(calc(100vw - 82px))translateY(-22px)}92%{transform:translate(0)}to{transform:translate(0)}}@keyframes mascotRunFlip{0%,45%{transform:scaleX(1)}46%,to{transform:scaleX(-1)}}.mascot--mood-sleepy .mascot__sprite,.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--mood-curious .mascot__sprite{transform:rotate(6deg)}.mascot--dragging{transform:scale(1.08)}.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)}}.loading-screen{animation:none}@media (prefers-reduced-motion:reduce){.mascot,.mascot__sprite,.mascot__zzz,.cashew-static,.cashew-runner{animation:none!important}}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}.bean-filter select,.bean-select{background:linear-gradient(160deg,#201d18 0%,#1a1714 100%);box-shadow:inset 0 1px 3px #00000047}.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}}