.tc-window{position:absolute;top:calc(var(--chart-label-h, 110px) + 10px);display:inline-flex;gap:2px;padding:2px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full)}.tc-window-btn{border:none;background:none;font-family:inherit;font-size:var(--text-micro);line-height:1.6;color:var(--text-muted);padding:2px 10px;border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}@media(hover:hover){.tc-window-btn:hover{color:var(--text-primary);background:var(--bg-hover)}}.tc-window-btn[aria-pressed=true]{background:var(--accent-amber-light);color:var(--accent-amber);font-weight:var(--font-semibold)}.tc-window-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.device-status{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-xs);padding:var(--space-2) 0;border-top:1px solid var(--instrument-border)}.ds-head{display:flex;align-items:center;gap:var(--space-2);min-width:0}.ds-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding-left:calc(6px + var(--space-2))}.ds-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.device-status.is-connected .ds-dot{background:var(--accent-green)}.device-status.is-busy .ds-dot{background:var(--accent-orange);animation:pulse-dot 1s infinite}.device-status.is-down .ds-dot{background:var(--accent-red)}.ds-name{color:var(--text-primary);font-weight:var(--font-medium);max-width:12em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-status{color:var(--text-secondary);flex-shrink:0}.ds-status:before{content:"·";margin-right:var(--space-1);color:var(--text-tertiary)}.device-status.is-down .ds-name,.device-status.is-down .ds-status{color:var(--accent-red)}.ds-empty{color:var(--text-muted)}.ds-clock{display:inline-flex;align-items:baseline;gap:var(--space-1);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted)}.ds-drift{color:var(--accent-amber);border:1px solid var(--accent-amber);border-radius:var(--radius-sm);padding:0 3px;cursor:help}.ds-drift-ack{margin-left:auto;flex-shrink:0;padding:0 var(--space-2);font-size:var(--text-xs);font-family:inherit;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base)}.ds-drift-ack:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(hover:hover){.ds-drift-ack:hover{color:var(--text-primary);border-color:var(--border)}}.ds-actions{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0}.ds-btn{flex-shrink:0;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-family:inherit;border:1px solid;border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:all var(--transition-base)}.ds-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-btn.primary{border-color:var(--accent-amber);color:var(--accent-amber)}@media(hover:hover){.ds-btn.primary:hover{background:var(--accent-amber);color:var(--bg-base)}}.ds-btn.danger{border-color:var(--accent-red);color:var(--accent-red)}@media(hover:hover){.ds-btn.danger:hover{background:var(--accent-red);color:#fff}}.ds-btn.quiet{border-color:var(--border);color:var(--text-secondary)}@media(hover:hover){.ds-btn.quiet:hover{border-color:var(--text-secondary);color:var(--text-primary)}}.ds-btn.ghost{border-color:transparent;color:var(--text-secondary);text-decoration:underline}@media(hover:hover){.ds-btn.ghost:hover{border-color:var(--border);color:var(--text-primary);text-decoration:none}}.ds-error{color:var(--accent-red);font-size:var(--text-xs);padding-left:calc(6px + var(--space-2));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-note{padding-left:calc(6px + var(--space-2))}@media(max-width:640px){.ds-btn{padding:var(--space-2) var(--space-4)}.ds-drift-ack{padding:var(--space-2) var(--space-3)}}.rec-settings{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--instrument-border)}.rec-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:0 var(--space-2);min-height:26px;background:none;border:none;font-family:inherit;cursor:pointer;text-align:left}.rec-caret{font-size:var(--text-xs);color:var(--text-muted);transition:transform var(--transition-base)}.rec-settings--open .rec-caret{transform:rotate(90deg)}.rec-head{font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.04em}.rec-summary{margin-left:auto;font-size:var(--text-micro);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.rec-body{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-2)}.rec-settings>.manual-temp-row{margin:0 var(--space-2);border-top:none;padding-top:0}.rec-settings>.rec-error{margin:0 var(--space-2)}.rec-hint{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-normal)}.rec-error{font-size:var(--text-xs);color:var(--accent-red)}.modal.adm-modal{width:460px;max-width:95vw;max-height:85vh;padding:0;display:flex;flex-direction:column;overflow-x:hidden}.adm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-3);border-bottom:1px solid var(--border);flex-shrink:0}.adm-header-text{display:flex;flex-direction:column;gap:2px}.adm-header h3{margin:0;font-size:var(--text-lg)}.adm-substep{font-size:var(--text-xs);color:var(--text-muted)}.adm-body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);overflow-y:auto;flex:1}.adm-group{display:flex;flex-direction:column;gap:var(--space-2)}.adm-group+.adm-group{margin-top:var(--space-2)}.adm-group-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);letter-spacing:.05em}.adm-kind-list{display:flex;flex-direction:column;gap:var(--space-2)}.adm-kind{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);font-family:inherit;cursor:pointer;transition:all var(--transition-base)}@media(hover:hover){button.adm-kind:hover{border-color:var(--accent-amber);background:var(--bg-hover)}}.adm-kind-name{font-size:var(--text-md);font-weight:var(--font-medium)}.adm-kind-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.adm-kind-meta{font-size:var(--text-micro);color:var(--text-tertiary);font-family:var(--font-mono)}.adm-kind-off{background:transparent;border-style:dashed;cursor:default}.adm-kind-off .adm-kind-name{color:var(--text-tertiary);font-weight:var(--font-normal)}.adm-kind-off .adm-kind-desc{color:var(--text-tertiary)}button.adm-kind-on{border-color:var(--accent-amber);background:var(--bg-hover)}@media(hover:hover){button.adm-kind-on:hover{border-color:var(--accent-amber);background:var(--bg-hover)}}.adm-generic{display:flex;flex-direction:column;gap:var(--space-2);margin-left:var(--space-3);padding-left:var(--space-3);border-left:2px solid var(--border)}.adm-unavailable{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-1)}.adm-scan-head{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary)}.adm-scanning,.adm-scan-empty{font-size:var(--text-sm);color:var(--text-muted)}.adm-scan-error{font-size:var(--text-sm);color:var(--accent-red);background:var(--accent-red-lighter);border:1px solid var(--accent-red-light);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);line-height:var(--leading-normal)}.adm-cand{display:flex;align-items:baseline;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-primary);font-family:inherit;cursor:pointer;transition:all var(--transition-base)}@media(hover:hover){.adm-cand:hover{border-color:var(--accent-amber);background:var(--bg-hover)}}.adm-cand-label{font-size:var(--text-base)}.adm-cand-known{font-size:var(--text-micro);color:var(--accent-amber);border:1px solid var(--accent-amber);border-radius:var(--radius-full);padding:0 var(--space-1);line-height:1.5;flex-shrink:0}.adm-cand-detail{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);margin-left:auto}.adm-help{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.adm-manual{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.adm-manual-row{display:flex;gap:var(--space-2)}.adm-manual-row .adm-input{flex:1}.adm-manual-btn{flex-shrink:0}.adm-prov-entry{border-style:dashed;border-color:var(--accent-amber);background:var(--accent-amber-lighter)}@media(hover:hover){button.adm-prov-entry:hover{background:var(--accent-amber-light)}}.adm-prov-lead{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.adm-prov-guide{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-normal)}.adm-ap-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm)}.adm-ap-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-tertiary);flex-shrink:0;animation:pulse-dot 1.4s ease-in-out infinite}.adm-ap-on{color:var(--accent-green);border-color:var(--accent-green-light)}.adm-ap-on .adm-ap-dot{background:var(--accent-green);animation:none}.adm-ap-halt{color:var(--text-tertiary)}.adm-ap-halt .adm-ap-dot{animation:none;opacity:.5}.adm-notice{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);padding:var(--space-2) var(--space-3);background:var(--accent-amber-lighter);border:1px solid var(--accent-amber-light);border-radius:var(--radius-sm)}.adm-ok{font-size:var(--text-sm);color:var(--accent-green);line-height:var(--leading-normal)}.adm-prov-run{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md)}.adm-prov-step{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-normal)}.adm-prov-mark{font-family:var(--font-mono);font-size:var(--text-xs);flex-shrink:0}.adm-prov-done{color:var(--text-muted)}.adm-prov-done .adm-prov-mark{color:var(--accent-green)}.adm-prov-now{color:var(--text-primary);font-weight:var(--font-medium)}.adm-prov-now .adm-prov-mark{color:var(--accent-amber);animation:blink 1.2s ease-in-out infinite}.adm-prov-todo{color:var(--text-tertiary)}.adm-prov-live{font-size:var(--text-sm);color:var(--text-secondary)}.adm-prov-elapsed{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.adm-net-warn{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start;padding:var(--space-3);background:var(--accent-red-light);border:1px solid var(--accent-red);border-radius:var(--radius-md)}.adm-net-warn-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--accent-red)}.adm-net-warn-body{font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-normal)}.adm-modal .modal-close-btn:disabled{cursor:not-allowed;color:var(--text-tertiary);opacity:.5}.adm-running-note{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.adm-summary{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm)}.adm-summary-kind{font-size:var(--text-sm);color:var(--text-secondary)}.adm-summary-addr{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);margin-left:auto}.adm-field{display:flex;flex-direction:column;gap:var(--space-2)}.adm-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.adm-optional{font-weight:var(--font-normal);color:var(--text-tertiary)}.adm-input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-base);font-family:inherit;width:100%;box-sizing:border-box}.adm-input:focus{outline:none;border-color:var(--accent-amber)}.adm-soft-hint{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-normal)}.adm-link{background:none;border:none;color:var(--accent-amber);font-size:var(--text-sm);font-family:inherit;cursor:pointer;padding:0}@media(hover:hover){.adm-link:hover{text-decoration:underline}}.modal-actions.adm-actions{margin-top:0;padding:var(--space-3) var(--space-5) var(--space-4);border-top:1px solid var(--border);flex-shrink:0}.modal-actions.adm-actions:has(.modal-btn~.modal-btn)>.modal-btn:first-child{margin-right:auto}.adm-actions-spacer{flex:0 0 auto}.modal.rgm-modal{max-width:460px}.rgm-intro{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.rgm-later{margin-top:var(--space-4);background:none;border:none;padding:0;font-family:inherit;font-size:var(--text-xs);color:var(--text-muted);cursor:pointer}@media(hover:hover){.rgm-later:hover{color:var(--text-secondary)}}.dvl{display:flex;flex-direction:column;gap:var(--space-2)}.dvl-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-micro);color:var(--text-muted);letter-spacing:.08em}.dvl-add{background:none;border:1px dashed var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:normal;padding:2px var(--space-3);cursor:pointer;font-family:inherit;transition:all var(--transition-base)}@media(hover:hover){.dvl-add:hover{border-color:var(--accent-amber);color:var(--accent-amber)}}.dvl-list{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:0}.dvl-row{display:flex;flex-direction:column;gap:2px;padding:var(--space-1) 0}.dvl-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.dvl-id{display:flex;align-items:center;gap:var(--space-2);min-width:0}.dvl-dot,.dvl-dot.off{width:6px;height:6px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.dvl-dot.on{background:var(--accent-green)}.dvl-dot.busy{background:var(--accent-orange);animation:pulse-dot 1s infinite}.dvl-dot.err{background:var(--accent-red)}.dvl-name{font-size:var(--text-xs);color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dvl-row-on .dvl-name{color:var(--text-primary);font-weight:var(--font-medium)}.dvl-status{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-normal);flex-shrink:0;white-space:nowrap}.dvl-status:before{content:"·";margin:0 4px;color:var(--text-tertiary)}.dvl-sub{font-size:var(--text-micro);color:var(--text-muted);font-family:var(--font-mono);padding-left:14px;line-height:1.4}.dvl-actions{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex-shrink:0}.dvl-btn{padding:2px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-size:var(--text-xs);font-family:inherit;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.dvl-btn.connect{border-color:var(--accent-amber);color:var(--accent-amber)}.dvl-btn.disconnect{border-color:var(--accent-red);color:var(--accent-red)}.dvl-btn.ghost{border-color:transparent;color:var(--text-muted)}@media(hover:hover){.dvl-btn.connect:hover{background:var(--accent-amber);color:var(--bg-base)}.dvl-btn.disconnect:hover{background:var(--accent-red);color:#fff}.dvl-btn.ghost:hover{color:var(--text-primary);border-color:var(--border)}}.dvl-icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-xs);line-height:1;padding:var(--space-1);font-family:inherit;flex-shrink:0}@media(hover:hover){.dvl-icon-btn:hover{color:var(--accent-red)}}.dvl-blocked{font-size:var(--text-xs);color:var(--text-tertiary);text-align:right;line-height:1.4}.dvl-error{font-size:var(--text-xs);color:var(--accent-red);background:var(--accent-red-lighter);border:1px solid var(--accent-red-light);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);margin-left:14px;line-height:var(--leading-normal)}.dvl-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:var(--space-3)}.dvl-empty-title{font-size:var(--text-base);color:var(--text-secondary)}.dvl-empty-text{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-normal)}.dvl-empty-btn{margin-top:var(--space-2)}.dvl-noconnect{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.modal.dpm-modal{width:460px;max-width:95vw;max-height:85vh;padding:0;display:flex;flex-direction:column;overflow-x:hidden}.dpm-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-3);border-bottom:1px solid var(--border);flex-shrink:0}.dpm-header h3{margin:0;font-size:var(--text-lg)}.dpm-body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);overflow-y:auto;flex:1}.dpm-hint{margin:0;font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-normal)}.modal-actions.dpm-actions{margin-top:0;padding:var(--space-3) var(--space-5) var(--space-4);border-top:1px solid var(--border);flex-shrink:0}.control-track{display:flex;align-items:stretch;margin-top:-4px}.ctl-legend{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;gap:1px;padding-right:var(--space-2);overflow:hidden}.ctl-legend-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-micro);line-height:1.3;color:var(--text-secondary);white-space:nowrap}.ctl-legend-swatch{flex:0 0 auto;width:8px;height:2px;border-radius:1px}.ctl-legend-label{overflow:hidden;text-overflow:ellipsis}.ctl-legend-value{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-micro);color:var(--text-primary)}.ctl-plot{flex:1 1 auto;min-width:0}.ctl-tooltip{background:var(--event-chip-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);box-shadow:var(--shadow-md);font-size:var(--text-xs);line-height:1.5;pointer-events:none}.ctl-tooltip-time{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:2px}.ctl-tooltip-row{display:flex;align-items:center;gap:var(--space-1)}.ctl-tooltip-dot{width:8px;height:2px;border-radius:1px}.ctl-tooltip-label{color:var(--text-secondary)}.ctl-tooltip-value{font-family:var(--font-mono);color:var(--text-primary)}.roast-topbar{display:flex;align-items:center;gap:var(--space-3);height:var(--cockpit-topbar-h);flex-shrink:0;padding:0 var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border);font-size:var(--text-xs);white-space:nowrap;container:cockpit-topbar / inline-size;position:relative;z-index:var(--z-dropdown)}.rtb-mark{flex-shrink:0;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--accent-amber);color:var(--bg-base);font-size:var(--text-sm);font-weight:var(--font-bold);line-height:1}.rtb-state{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-1);color:var(--text-secondary);font-weight:var(--font-medium)}.rtb-state-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.rtb-state.is-running .rtb-state-dot{background:var(--state-done);animation:pulse-dot 2s infinite}.rtb-state.is-running{color:var(--text-primary)}.rtb-state.is-paused .rtb-state-dot{background:var(--accent-orange)}.rtb-record{flex-shrink:0;display:inline-flex;align-items:baseline;gap:var(--space-1);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.rtb-record-id{color:var(--text-primary)}.rtb-record-date{color:var(--text-muted)}.rtb-record-date:before{content:"·";margin-right:var(--space-1);color:var(--text-tertiary)}.rtb-divider{flex-shrink:0;width:1px;height:20px;background:var(--border-strong)}.rtb-bean{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex-shrink:1;overflow:hidden}.rtb-bean-name{color:var(--text-primary);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis}.rtb-weight{flex-shrink:0;color:var(--text-secondary);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.rtb-bean-select{flex-shrink:1;min-width:6em;max-width:14em;padding:2px var(--space-2);font-family:inherit;font-size:var(--text-xs);color:var(--accent-amber);background:var(--accent-amber-lighter);border:1px dashed var(--accent-amber);border-radius:var(--radius-full);cursor:pointer}.rtb-bean-select:focus-visible{outline:none;box-shadow:var(--focus-ring)}.rtb-bean-select option{color:var(--text-primary);background:var(--bg-elevated)}.rtb-bean-empty{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;cursor:help}.rtb-basis{flex-shrink:0;padding:1px var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-full);border:1px solid transparent;white-space:nowrap;cursor:help}.rtb-basis.tone-ok{color:var(--text-secondary)}.rtb-basis.tone-muted{color:var(--text-muted)}.rtb-basis.tone-warn{color:var(--accent-amber);background:var(--accent-amber-lighter);border-color:var(--accent-amber);border-style:dashed}.rtb-spacer{flex:1 1 auto;min-width:var(--space-2)}.rtb-pill{flex:0 1 auto;min-width:0;overflow:hidden;display:inline-flex;align-items:center;gap:var(--space-2);height:26px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--instrument-bg)}button.rtb-device{margin:0;font:inherit;color:inherit;text-align:left;white-space:nowrap;cursor:pointer;transition:border-color var(--transition-base)}@media(hover:hover){.rtb-device:hover{border-color:var(--text-muted)}}.rtb-device:focus-visible{outline:none;box-shadow:var(--focus-ring)}.rtb-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.rtb-device.tone-live .rtb-dot{background:var(--state-done)}.rtb-device.tone-busy .rtb-dot{background:var(--accent-orange);animation:pulse-dot 1s infinite}.rtb-device.tone-down .rtb-dot{background:var(--accent-red)}.rtb-device-name{color:var(--text-primary);max-width:10em;overflow:hidden;text-overflow:ellipsis}.rtb-device-status{color:var(--text-secondary);flex-shrink:0}.rtb-device.tone-down{border-color:var(--accent-red)}.rtb-device.tone-down .rtb-device-name,.rtb-device.tone-down .rtb-device-status{color:var(--accent-red)}.rtb-flags{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0}.rtb-flag{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-micro);color:var(--text-muted)}.rtb-flag.is-on{color:var(--state-done)}.rtb-flag.is-unknown{color:var(--text-tertiary)}.rtb-flag-mark{font-size:8px;line-height:1}.rtb-sampling{flex-shrink:0;color:var(--text-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.rtb-session{flex:none;border-color:var(--accent-red);background:var(--accent-red-lighter, rgba(220, 80, 70, .12))}.rtb-session-mark{color:var(--accent-red);line-height:1}.rtb-session-text{color:var(--text-primary);font-size:var(--text-micro);font-weight:var(--font-semibold);white-space:nowrap}.rtb-reference{border-color:var(--curve-reference)}.rtb-ref-label{color:var(--curve-reference);font-size:var(--text-micro);font-weight:var(--font-semibold);letter-spacing:.04em}.rtb-ref-name{color:var(--text-primary);max-width:10em;overflow:hidden;text-overflow:ellipsis}.rtb-ref-clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-muted);font-size:var(--text-sm);line-height:1;cursor:pointer}@media(hover:hover){.rtb-ref-clear:hover{background:var(--bg-hover);color:var(--text-primary)}}.rtb-ref-clear:focus-visible{outline:none;box-shadow:var(--focus-ring)}.rtb-menu-wrap{position:relative;flex-shrink:0}.rtb-more{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-lg);line-height:1;cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base)}@media(hover:hover){.rtb-more:hover{color:var(--text-primary);border-color:var(--text-muted)}}.rtb-more:focus-visible{outline:none;box-shadow:var(--focus-ring)}.rtb-more[aria-expanded=true]{color:var(--accent-amber);border-color:var(--accent-amber)}.rtb-menu{position:absolute;top:calc(100% + var(--space-1));right:0;z-index:var(--z-dropdown);min-width:160px;padding:var(--space-1);display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.rtb-menu-item{padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);text-align:left;white-space:nowrap;cursor:pointer}@media(hover:hover){.rtb-menu-item:hover{background:var(--bg-hover)}}.rtb-menu-item:focus-visible{outline:none;background:var(--bg-hover);box-shadow:var(--focus-ring)}.rtb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@container cockpit-topbar (max-width: 900px){.rtb-flags{display:none}}@media(max-width:720px){.roast-topbar{gap:var(--space-2);padding:0 var(--space-2)}.rtb-record-date,.rtb-divider{display:none}}.reading-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.rb-chip{display:inline-flex;align-items:baseline;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-md);color:var(--text-primary);background:var(--instrument-bg);border:1px solid var(--instrument-border);border-radius:var(--radius-full);padding:2px var(--space-3);transition:border-color var(--transition-base),background var(--transition-base)}button.rb-chip{cursor:pointer}@media(hover:hover){button.rb-chip:hover{border-color:var(--accent-amber)}}button.rb-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.rb-chip.on{border-color:var(--accent-amber);background:var(--accent-amber-lighter)}.rb-dot{width:6px;height:6px;border-radius:50%;border:1px solid var(--text-tertiary);background:transparent;align-self:center;flex-shrink:0}.rb-chip.on .rb-dot{background:var(--accent-amber);border-color:var(--accent-amber)}.rb-name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);letter-spacing:.04em}.rb-val{font-variant-numeric:tabular-nums}.rb-delta{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.rb-chip.bad{border-color:var(--accent-red);color:var(--accent-red);background:var(--accent-red-lighter)}.rb-chip.bad .rb-name,.rb-chip.bad .rb-delta{color:var(--accent-red)}@media(max-width:640px){.reading-bar{gap:var(--space-1)}.rb-chip{font-size:var(--text-sm);padding:2px var(--space-2)}.rb-delta{font-size:var(--text-micro)}}.roast-readout{display:flex;align-items:stretch;flex:none;height:var(--cockpit-readout-h);overflow:hidden;background:var(--bg-surface);border-bottom:1px solid var(--border);container:cockpit-readout / inline-size}.rr-slot{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1) var(--space-3);min-width:0;overflow:hidden}.rr-slot+.rr-slot{border-left:1px solid var(--border-strong)}.rr-slot--bt{flex:none;width:296px}.rr-slot--ror{flex:none;width:238px}.rr-slot--timer{flex:none;width:250px}.rr-slot--dev{flex:1 1 0;min-width:0}.rr-head{display:flex;align-items:center;gap:var(--space-2);flex:none;height:16px;min-width:0}.rr-label{font-size:var(--text-micro);font-weight:var(--font-semibold);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rr-unit-hint{margin-left:auto;font-size:var(--text-micro);color:var(--text-tertiary);font-family:var(--font-mono);white-space:nowrap}.rr-live-dot{width:6px;height:6px;border-radius:50%;flex:none;background:var(--text-tertiary)}.rr-live-dot.is-live{background:var(--accent-amber);animation:pulse-dot 1.6s ease-in-out infinite}.rr-value-row{display:flex;align-items:flex-end;gap:var(--space-2);flex:1 1 auto;min-height:0;min-width:0}.rr-readout{font-family:var(--font-mono);font-weight:var(--font-normal);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em;color:var(--text-primary);white-space:nowrap}.rr-readout--lg{font-size:var(--text-readout-lg);color:var(--accent-amber);min-width:5ch}.rr-readout--md{font-size:var(--text-readout-md);min-width:5ch}.rr-readout.is-empty{color:var(--text-tertiary)}.rr-readout.is-paused{opacity:.45}.rr-unit{font-size:var(--text-lg);color:var(--text-muted);font-family:var(--font-mono);padding-bottom:var(--space-2);flex:none}.rr-slot--ror .rr-readout{color:var(--metric-ror)}.rr-slot--ror .rr-readout.is-empty{color:var(--text-tertiary)}.rr-arrow{font-size:var(--text-2xl);color:var(--text-secondary);line-height:1;padding-bottom:var(--space-2);flex:none}.rr-pct{font-size:var(--text-readout-sm);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-secondary);line-height:1;padding-bottom:var(--space-1);flex:none}.rr-pct.is-empty{color:var(--text-tertiary)}.rr-foot{display:flex;align-items:center;gap:var(--space-2);flex:none;height:22px;min-width:0;overflow:hidden}.rr-foot-note{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rr-caption.is-paused{color:var(--accent-amber)}.rr-caption.is-preheat,.rr-caption.is-idle{color:var(--text-muted)}.rr-btn{padding:2px var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.rr-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.rr-foot--aux .reading-bar{flex-wrap:nowrap;justify-content:flex-start;margin-top:0;gap:var(--space-1);min-width:0}.rr-foot--aux .rb-chip{flex:0 1 auto;min-width:0;overflow:hidden;font-size:var(--text-xs);padding:1px var(--space-2)}@container cockpit-readout (max-width: 1100px){.rr-slot--bt{width:280px}.rr-slot--ror{width:190px}.rr-slot--timer{width:200px}}@container cockpit-readout (max-width: 820px){.rr-slot--bt{width:150px}.rr-slot--ror{width:118px}.rr-slot--timer{width:132px}.rr-readout--lg{font-size:var(--text-2xl)}.rr-readout--md{font-size:var(--text-xl)}.rr-pct{font-size:var(--text-base)}}.rr-slot--dev .rr-pct{flex:0 1 auto;min-width:0;overflow:hidden}@media(max-width:767px){.roast-readout{height:auto;flex-wrap:wrap;overflow:visible}.rr-slot--bt,.rr-slot--ror,.rr-slot--timer,.rr-slot--dev{flex:1 1 45%;width:auto;min-width:140px}.rr-slot+.rr-slot{border-left:none}.rr-slot{border-top:1px solid var(--border-strong)}.rr-value-row{min-height:44px}.rr-readout--lg{font-size:var(--text-display)}.rr-readout--md{font-size:var(--text-2xl)}.rr-pct{font-size:var(--text-lg)}.rr-foot{height:auto;min-height:22px;overflow:visible}.rr-foot--aux .reading-bar{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.rr-live-dot.is-live{animation:none}}.home-launchpad{display:grid;gap:var(--space-4);align-items:start}.home-launchpad--two-col{grid-template-columns:minmax(0,1fr) minmax(240px,320px)}.home-launchpad--full{grid-template-columns:minmax(0,1fr)}.hlp-main{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.hlp-aside{min-width:0}.hlp-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.hlp-guest{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-muted)}.hlp-guest-text{flex:1 1 auto;min-width:0}.hlp-guest-login{flex:none;background:none;border:none;padding:0;cursor:pointer;font-size:var(--text-sm);color:var(--accent-amber)}.hlp-guest-login:hover{text-decoration:underline}.hlp-start{width:100%;padding:var(--space-4);font-size:var(--text-xl);font-weight:var(--font-semibold)}.hlp-checklist{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.hlp-row{display:flex;align-items:center;gap:var(--space-3);min-height:40px;padding:var(--space-2) var(--space-3);background:var(--instrument-bg);border:1px solid var(--instrument-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-secondary)}.hlp-dot{flex:none;width:8px;height:8px;border-radius:var(--radius-full)}.hlp-dot.on{background:var(--state-done)}.hlp-dot.busy{background:var(--accent-amber)}.hlp-dot.err{background:var(--accent-red)}.hlp-dot.off{background:var(--text-tertiary)}.hlp-row-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hlp-row-reading{flex:none;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.hlp-row-action{flex:none}.hlp-row--draft{border-color:var(--accent-amber);background:var(--accent-amber-lighter);color:var(--text-primary)}.hlp-live{border-color:var(--accent-amber)}.hlp-live-head{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--accent-amber)}.hlp-live-pulse{flex:none;width:8px;height:8px;border-radius:var(--radius-full);background:var(--accent-amber);animation:hlp-pulse 1.6s ease-in-out infinite}@keyframes hlp-pulse{0%,to{opacity:1}50%{opacity:.35}}.hlp-live-name{margin-top:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hlp-live-readouts{display:flex;gap:var(--space-8);margin:var(--space-4) 0}.hlp-live-metric-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-readout-sm);color:var(--text-primary);line-height:var(--leading-tight)}.hlp-live-metric-label{margin-top:var(--space-1);font-size:var(--text-micro);color:var(--text-muted)}.hlp-live-device{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.hlp-return{width:100%;margin-top:var(--space-4)}.hlp-statsblock{display:flex;flex-direction:column;gap:var(--space-2)}.hlp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.hlp-stat{padding:var(--space-3);text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md)}.hlp-stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-2xl);color:var(--text-primary);line-height:var(--leading-tight)}.hlp-stat-label{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.hlp-stats-note{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--text-muted)}.hlp-recent-title{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.hlp-recent-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-base),background var(--transition-base)}.hlp-recent-item+.hlp-recent-item{margin-top:var(--space-2)}.hlp-recent-item:hover{border-color:var(--border-strong);background:var(--bg-hover)}.hlp-recent-open{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);padding:0;background:none;border:none;text-align:left;cursor:pointer;color:inherit;font:inherit}.hlp-recent-name{font-size:var(--text-base);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hlp-recent-meta{font-size:var(--text-xs);color:var(--text-muted)}.hlp-recent-repeat{flex:none}.hlp-guide-art{display:block;width:100%;height:96px;border-radius:var(--radius-md);background:var(--instrument-bg)}.hlp-guide-title{margin:var(--space-3) 0 var(--space-1);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.hlp-guide-text{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}@media(max-width:767px){.home-launchpad--two-col{grid-template-columns:1fr}.hlp-live-readouts{gap:var(--space-6)}}@media(prefers-reduced-motion:reduce){.hlp-live-pulse{animation:none!important}}.last-roast-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0}.lrc-head{display:flex;align-items:center;gap:var(--space-2)}.lrc-tag{font-size:var(--text-xs);color:var(--text-tertiary)}.lrc-head .sync-badge{margin-left:auto}.lrc-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lrc-spark{display:block;width:100%;height:auto;background:var(--instrument-bg);border:1px solid var(--instrument-border);border-radius:var(--radius-sm)}.lrc-spark-line{fill:none;stroke:var(--channel-bt);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.lrc-spark-fc{fill:var(--color-first-crack);stroke:var(--chart-marker-ring);stroke-width:1px}.lrc-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin:0}.lrc-metric{min-width:0}.lrc-metric-label{font-size:var(--text-micro);color:var(--text-muted)}.lrc-metric-value{margin:0;font-size:var(--text-md);font-weight:var(--font-medium);color:var(--text-primary);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lrc-unit{font-size:var(--text-xs);color:var(--text-secondary);margin-left:1px}.lrc-coach{margin:0;padding-left:var(--space-2);border-left:2px solid var(--accent-amber);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lrc-repeat{align-self:flex-start}@media(max-width:640px){.lrc-metrics{grid-template-columns:repeat(2,1fr)}}.lrc-trust-note{margin:0;font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.roast-coach-bar{display:flex;align-items:center;gap:var(--space-3);height:var(--cockpit-coach-h);flex-shrink:0;padding:0 var(--space-4);border-bottom:1px solid var(--border);font-size:var(--text-sm);white-space:nowrap;overflow:hidden}.rcb-mark{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-bold);line-height:1;cursor:help}.rcb-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.rcb-dismiss{flex-shrink:0;padding:var(--space-1) var(--space-3);font-family:inherit;font-size:var(--text-xs);color:var(--text-secondary);background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base)}@media(hover:hover){.rcb-dismiss:hover{color:var(--text-primary);border-color:var(--text-muted)}}.rcb-dismiss:focus-visible{outline:none;box-shadow:var(--focus-ring)}.roast-coach-bar.level-warning{background:linear-gradient(90deg,var(--accent-amber-light),var(--accent-amber-lighter));box-shadow:inset 3px 0 0 var(--accent-amber)}.roast-coach-bar.level-warning .rcb-mark{background:var(--accent-amber);color:var(--bg-base)}.roast-coach-bar.level-success{background:var(--instrument-bg);box-shadow:inset 3px 0 0 var(--state-done)}.roast-coach-bar.level-success .rcb-mark{background:var(--state-done);color:var(--bg-base)}.roast-coach-bar.level-info{background:var(--instrument-bg);box-shadow:inset 3px 0 0 var(--border-strong)}.roast-coach-bar.level-info .rcb-mark{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-strong)}.rcb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:640px){.roast-coach-bar{gap:var(--space-2);padding:0 var(--space-2)}.rcb-dismiss{padding:var(--space-2) var(--space-3)}}.roast-phase-bar{display:flex;align-items:stretch;flex:none;height:var(--cockpit-phase-h);overflow:hidden;background:var(--bg-surface);border-bottom:1px solid var(--border)}.rpb-seg{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:0;padding:0 var(--space-2);border-bottom:2px solid transparent;transition:background var(--transition-slow),border-color var(--transition-slow)}.rpb-seg+.rpb-seg{border-left:1px solid var(--border-strong)}.rpb-inner{display:flex;align-items:baseline;gap:var(--space-1);min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rpb-name{font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis}.rpb-check{font-size:var(--text-micro);line-height:1;flex:none}.rpb-dur{font-size:var(--text-micro);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted);flex:none}.rpb-seg.is-pending{border-bottom-style:dashed;border-bottom-color:var(--border-strong)}.rpb-seg.is-pending .rpb-name{color:var(--text-tertiary)}.rpb-seg.is-done{border-bottom-color:var(--state-done)}.rpb-seg.is-done .rpb-name{color:var(--text-secondary)}.rpb-seg.is-done .rpb-check{color:var(--state-done)}.rpb-seg.is-active{background:var(--accent-amber-lighter);border-bottom-color:var(--accent-amber)}.rpb-seg.is-active .rpb-name{color:var(--accent-amber);font-weight:var(--font-semibold)}.rpb-seg.is-active .rpb-dur{color:var(--accent-amber)}@media(max-width:767px){.roast-phase-bar{height:auto;min-height:var(--cockpit-phase-h);flex-wrap:wrap;overflow:visible}.rpb-seg{min-width:45%;flex:1 0 auto}}@media(prefers-reduced-motion:reduce){.rpb-seg{transition:none}}.control-bar{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) 0;flex-shrink:0}.control-bar--disabled{opacity:.45}.cb-row{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);min-height:34px}.cb-label{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.cb-stepper{margin-left:auto;display:flex;align-items:center;gap:var(--space-1)}.cb-btn{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-lg);font-family:inherit;line-height:1;cursor:pointer;transition:background var(--transition-base),color var(--transition-base),transform var(--transition-fast)}@media(hover:hover){.cb-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}}.cb-btn:active:not(:disabled){transform:scale(.94)}.cb-btn:disabled{opacity:.35;cursor:default}.cb-value{min-width:48px;padding:2px var(--space-1);text-align:center;font-family:var(--font-mono);font-size:var(--text-md);font-variant-numeric:tabular-nums;color:var(--text-primary);background:var(--instrument-bg);border:1px solid var(--instrument-border);border-radius:var(--radius-sm)}.cb-value--empty{color:var(--text-tertiary)}.cb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:767px){.cb-row{min-height:44px}.cb-btn{width:44px;height:44px}.cb-value{min-width:56px;font-size:var(--text-lg)}}.cb-unit{font-size:var(--text-xs);color:var(--text-tertiary);margin-left:2px}.roast-deck{display:flex;flex-direction:column;height:100%;min-height:0}.rd-actions{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.rd-row{flex:none;height:36px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--instrument-bg);font-family:inherit;text-align:left;overflow:hidden}.rd-row-name{font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rd-row-note{font-size:var(--text-micro);color:var(--text-tertiary);white-space:nowrap}.rd-row-error{flex:none;padding:var(--space-1) var(--space-2) var(--space-2);font-size:var(--text-micro);line-height:1.35;color:var(--accent-red)}.rd-row-tail{margin-left:auto;display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.rd-time{font-family:var(--font-mono);font-size:var(--text-md);font-variant-numeric:tabular-nums;color:var(--state-done-soft)}.rd-time--empty{color:var(--text-tertiary)}.rd-row--done{border-color:var(--state-done);background:var(--accent-green-lighter)}.rd-mark{font-size:var(--text-sm);color:var(--state-done);flex-shrink:0}.rd-row--skipped{border-color:var(--border);background:var(--instrument-bg)}.rd-row--skipped .rd-mark,.rd-row--skipped .rd-row-name{color:var(--text-muted)}.rd-row--skipped .rd-time{color:var(--text-tertiary)}.rd-edit{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;color:var(--text-tertiary);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:inherit;line-height:1;cursor:pointer;transition:color var(--transition-base),background var(--transition-base)}@media(hover:hover){.rd-edit:hover{color:var(--accent-amber);background:var(--accent-amber-lighter)}}.rd-edit:focus-visible{outline:none;box-shadow:var(--focus-ring)}.rd-time-input{width:76px;min-width:0;padding:2px var(--space-1);background:var(--bg-base);color:var(--text-primary);border:1px solid var(--accent-amber);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.rd-next{position:relative;height:52px;border-color:var(--accent-amber);background:var(--accent-amber-light);cursor:pointer;transition:background var(--transition-base),transform var(--transition-fast)}@media(hover:hover){.rd-next:hover:not(:disabled){background:var(--accent-amber-lighter)}}.rd-next:active:not(:disabled){transform:scale(.99)}.rd-next:disabled{opacity:.45;cursor:default}.rd-next:focus-visible{outline:none;box-shadow:var(--focus-ring)}.rd-next-label{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--accent-amber);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rd-next-badge{margin-left:auto;flex-shrink:0;font-size:var(--text-micro);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-full);padding:1px var(--space-2);white-space:nowrap}.rd-next:after{content:"";position:absolute;inset:0;border:2px solid var(--accent-amber);border-radius:inherit;pointer-events:none;animation:rd-pulse-ring 2.4s ease-out infinite}@keyframes rd-pulse-ring{0%{opacity:.85;transform:scale(1)}70%{opacity:0;transform:scale(1.03)}to{opacity:0;transform:scale(1.03)}}.rd-row--pending{border-style:dashed;border-color:var(--border-strong);background:transparent;cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base)}.rd-row--pending .rd-row-name,.rd-row--pending .rd-row-note{color:var(--text-muted)}@media(hover:hover){.rd-row--pending:hover:not(:disabled){border-color:var(--text-muted)}.rd-row--pending:hover:not(:disabled) .rd-row-name{color:var(--text-secondary)}}.rd-row--pending:disabled{opacity:.45;cursor:default}.rd-row--pending:focus-visible{outline:none;box-shadow:var(--focus-ring)}.rd-row--hint{height:auto;min-height:36px;justify-content:center;padding:var(--space-1) var(--space-2);border-style:dashed;border-color:var(--border);background:transparent;color:var(--text-muted);font-size:var(--text-sm);text-align:center}.rd-row--discard{height:52px}.rd-row--discard.rd-row--done{border-color:var(--state-done)}.rd-discard{position:relative;overflow:hidden;border-color:var(--accent-red);background:var(--accent-red-lighter);cursor:pointer;transition:background var(--transition-base)}.rd-discard .rd-row-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--accent-red)}@media(hover:hover){.rd-discard:hover:not(:disabled){background:var(--accent-red-light)}}.rd-discard:disabled{opacity:.45;cursor:default}.rd-discard:focus-visible{outline:none;box-shadow:var(--focus-ring)}.rd-discard-fill{position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);background:var(--accent-red-light);pointer-events:none}.rd-discard>.rd-row-name,.rd-discard>.rd-row-tail{position:relative}.rd-discard-hint{font-size:var(--text-micro);color:var(--accent-red-soft);white-space:nowrap}.rd-discard--holding{background:var(--accent-red-light)}.rd-controls{flex:none;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);background:var(--bg-surface);border-top:1px solid var(--border-strong)}.rd-controls>.control-bar{padding:0;gap:0}.rd-controls .cb-row{min-height:48px;padding:var(--space-1) 0}.rd-controls .cb-row+.cb-row{border-top:1px solid var(--border)}.rd-controls .cb-label{font-size:var(--text-sm);color:var(--text-secondary)}.rd-controls .cb-value{min-width:64px;font-size:var(--text-xl)}.rd-controls .cb-unit{font-size:var(--text-xs);color:var(--text-tertiary)}.rd-controls .cb-btn{width:44px;height:40px}.rd-temp{display:flex;flex-direction:column;gap:2px;padding-top:var(--space-2);border-top:1px solid var(--border)}.rd-temp-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);font-size:var(--text-micro);color:var(--text-secondary)}.rd-temp-label--bad{color:var(--accent-red)}.rd-kbd{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--text-tertiary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:0 4px;line-height:1.4}.rd-temp-row{display:flex;align-items:center;gap:var(--space-1)}.rd-temp-input{flex:1 1 0;min-width:0;height:40px;padding:0 var(--space-2);background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-md);font-variant-numeric:tabular-nums}.rd-temp-input[aria-invalid=true]{border-color:var(--accent-red)}.rd-temp-input::-webkit-outer-spin-button,.rd-temp-input::-webkit-inner-spin-button{appearance:none;margin:0}.rd-temp-input{appearance:textfield;-moz-appearance:textfield}.rd-temp-btn{flex:none;width:40px;height:40px;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}@media(hover:hover){.rd-temp-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}}.rd-temp-btn:disabled{opacity:.45;cursor:default}.rd-temp-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.rd-save{flex:none;width:100%;height:44px;overflow:hidden;text-overflow:ellipsis}@media(max-width:767px){.roast-deck{height:auto}.rd-actions{flex:none;min-height:auto;overflow:visible}.rd-row{height:44px}.rd-next,.rd-row--discard{height:56px}.rd-edit{width:28px;height:28px}}@media(prefers-reduced-motion:reduce){.rd-next:after{animation:none!important;opacity:.85;transform:none}.rd-next,.rd-row--pending,.rd-discard,.rd-temp-btn,.rd-edit{transition:none!important}.rd-next:active:not(:disabled){transform:none}}html,body,#root{background-color:var(--bg-base)}button:focus-visible,a:focus-visible,summary:focus-visible,[role=button]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--accent-amber);outline-offset:2px}[role=dialog]:focus,[role=dialog]:focus-visible{outline:none}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-overlay,.auth-modal-overlay{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:overlayFadeIn .14s ease-out}.modal,.modal-card,.auth-modal,.onboarding-card,.cupping-modal{animation:modalPopIn .18s cubic-bezier(.16,1,.3,1)}.app{display:flex;flex-direction:row;height:100%;overflow:hidden;background:var(--bg-base)}.app-sidebar{width:56px;background:var(--bg-base);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease;z-index:var(--z-sticky);position:sticky;top:0;height:100vh;overflow:hidden}.sidebar-expanded .app-sidebar{width:200px}.sidebar-logo{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--border);overflow:hidden;flex-shrink:0}button.sidebar-logo{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;font-family:inherit}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:var(--space-2)}.sidebar-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3) var(--space-1);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:var(--text-md);font-family:inherit;transition:all .15s;width:100%;gap:var(--space-1);white-space:nowrap;overflow:hidden}.sidebar-expanded .sidebar-tab{flex-direction:row;justify-content:flex-start;padding:var(--space-3) var(--space-4);gap:var(--space-3)}.sidebar-tab:hover:not(.active){background:var(--bg-surface);color:var(--text-secondary)}.sidebar-tab.active{background:var(--bg-surface);color:var(--accent-amber);font-weight:var(--font-semibold);box-shadow:inset 3px 0 0 var(--accent-amber)}.sidebar-tab-icon{display:inline-flex;line-height:0;flex-shrink:0}.sidebar-tab-label{display:none;font-size:var(--text-md);line-height:1.2}.sidebar-expanded .sidebar-tab-label{display:inline}.sidebar-bottom{padding:var(--space-2) var(--space-2) var(--space-3);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-1)}.app-body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.roast-info-bar{height:36px;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.rib-name{font-size:var(--text-md);font-weight:var(--font-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rib-name-editable{cursor:pointer;border-bottom:1px dashed var(--border);background:none;border-top:none;border-left:none;border-right:none;font:inherit;color:inherit;padding:0;display:inline-flex;align-items:center;gap:var(--space-1)}.rib-name-editable:hover{color:var(--accent-amber)}.rib-name-editable:hover .rib-name-edit-icon{opacity:1}.rib-name-edit-icon{font-size:var(--text-sm);opacity:.45;transition:opacity var(--transition-base)}.rib-name-input{font-size:var(--text-md);font-weight:var(--font-medium);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--accent-amber);border-radius:var(--radius-sm);padding:2px var(--space-2);min-width:120px;max-width:220px}.rib-viewing-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.rib-new-btn{margin-left:auto}.app-main{flex:1;overflow-y:auto;padding:var(--space-4)}.app-main--cockpit{padding:0}.timer-view{display:flex;flex-direction:column;gap:var(--space-4)}.roast-layout{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:stretch}.roast-left{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:0;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.roast-left-collapsed{width:32px;min-width:32px}.roast-left-collapsed-toggle{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--space-3) 0}.roast-left-expand-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm);writing-mode:vertical-rl;transition:color .15s}.roast-left-expand-btn:hover{color:var(--text-primary)}.roast-right{flex:1;min-width:0;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-2);overflow:hidden}.roast-cockpit{height:100%;gap:0}.roast-cockpit>*{flex-shrink:0}.roast-cockpit>.cockpit-main{flex:1 1 0;min-height:0;display:flex}.cockpit-main>.cockpit-side{width:260px;flex-shrink:0;display:flex;flex-direction:column;overflow:auto;background:var(--bg-surface);border-right:1px solid var(--border-strong)}.cockpit-main>.cockpit-stage{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.cockpit-stage>*{flex-shrink:0}.cockpit-stage>.rc-stage{flex:1 1 0;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:var(--bg-surface)}.cockpit-stage>.rc-stage>.device-status,.cockpit-stage>.rc-stage>.rc-review{flex:none}.rc-review{display:flex;flex-direction:column;gap:var(--space-2)}.rc-review .coach-report{margin:0}.rc-track{flex:none;background:var(--bg-surface);border-top:1px solid var(--border-strong);padding:0 var(--space-2)}@media(min-width:768px){.roast-cockpit{container:cockpit-root / inline-size}@container cockpit-root (max-width: 1000px){.cockpit-main>.cockpit-side{width:220px}}@container cockpit-root (max-width: 620px){.roast-cockpit>.cockpit-main{flex-direction:column}.cockpit-main>.cockpit-stage{min-height:0}.cockpit-main>.cockpit-side{order:1;width:auto;border-right:none;border-top:1px solid var(--border-strong)}.cockpit-side>.roast-deck{flex-direction:row}.roast-cockpit .rd-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-content:start}.roast-cockpit .rd-controls{width:260px;border-top:none;border-left:1px solid var(--border-strong)}.roast-cockpit .rd-save{margin-top:auto}}}@media(min-width:768px)and (min-height:820px){@container cockpit-root (max-width: 800px){.roast-cockpit>.cockpit-main{flex-direction:column}.cockpit-main>.cockpit-stage{min-height:0}.cockpit-main>.cockpit-side{order:1;width:auto;border-right:none;border-top:1px solid var(--border-strong)}.cockpit-side>.roast-deck{flex-direction:row}.roast-cockpit .rd-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-content:start}.roast-cockpit .rd-controls{width:260px;border-top:none;border-left:1px solid var(--border-strong)}.roast-cockpit .rd-save{margin-top:auto}}}.modal.capture-panel{max-width:720px;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.capture-panel-head{display:flex;align-items:center;gap:var(--space-3);flex:none}.capture-panel-head h3{margin:0;flex:1;font-size:var(--text-lg)}.capture-panel-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:var(--text-xl);line-height:1;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.capture-panel-close:hover{color:var(--text-primary);background:var(--bg-hover)}.capture-panel>.rec-settings{flex:none}.capture-panel-count{flex:none;font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.capture-panel-table{flex:1 1 auto;min-height:0;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.capture-panel-table .dt-scroll{overflow:visible}.capture-panel-table .data-table thead th{position:sticky;top:0;z-index:1}.sensor-panel{background:var(--instrument-bg);border-top:1px solid var(--instrument-border);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);flex-shrink:0}.sensor-row{display:flex;align-items:center;justify-content:space-between}.sensor-indicator{display:flex;align-items:center;gap:var(--space-2)}.sensor-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.sensor-indicator.connected .sensor-dot{background:var(--accent-green)}.sensor-indicator.connecting .sensor-dot{background:var(--accent-orange);animation:pulse-dot 1s infinite}.sensor-label{font-size:var(--text-xs);color:var(--text-secondary)}.sensor-indicator.connected .sensor-label{color:var(--text-primary);font-weight:var(--font-medium)}.sensor-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:999px;border:1px solid;background:transparent;cursor:pointer;transition:all .15s;font-weight:var(--font-medium);font-family:inherit}.sensor-btn:disabled{opacity:.4;cursor:default}.sensor-btn.connect{border-color:var(--accent-amber);color:var(--accent-amber)}.sensor-btn.connect:not(:disabled):hover{background:var(--accent-amber);color:var(--bg-base)}.sensor-btn.disconnect{border-color:var(--accent-red);color:var(--accent-red)}.sensor-btn.disconnect:hover{background:var(--accent-red);color:#fff}.autorecord-row{display:flex;align-items:center;gap:var(--space-2)}.autorecord-label{font-size:var(--text-base);color:var(--text-secondary);flex:1}.toggle-switch{position:relative;display:inline-block;width:30px;height:18px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--bg-base);border-radius:18px;cursor:pointer;transition:.2s;border:1px solid var(--border)}.toggle-slider:before{content:"";position:absolute;height:12px;width:12px;left:2px;bottom:2px;background:var(--text-muted);border-radius:50%;transition:.2s}.toggle-switch input:checked+.toggle-slider{background:var(--accent-amber);border-color:var(--accent-amber)}.toggle-switch input:checked+.toggle-slider:before{background:var(--bg-base);transform:translate(12px)}.toggle-switch input:disabled+.toggle-slider{opacity:.4;cursor:default}.interval-select-sm{font-size:var(--text-base);padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;font-family:inherit}.sensor-error{font-size:var(--text-base);color:var(--accent-red);background:#e8604c14;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sensor-error-close{background:none;border:none;color:var(--accent-red);cursor:pointer;font-size:var(--text-base);padding:0 2px;line-height:1;opacity:.7}.sensor-error-close:hover{opacity:1}.curve-import-error{font-size:var(--text-sm);color:var(--accent-red);background:#e8604c14;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-2);line-height:1.5}.manual-temp-row{display:flex;gap:var(--space-1);border-top:1px solid var(--border);padding-top:var(--space-2);flex-wrap:nowrap}.manual-temp-input{flex:1;min-width:0;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-mono)}.manual-temp-input:focus{border-color:var(--accent-amber)}.manual-temp-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-family:inherit;flex-shrink:0;background:var(--accent-amber);color:var(--bg-base);border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.manual-temp-btn:hover{filter:brightness(1.1)}.dev-log-section{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);flex-shrink:0}.dev-log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.dev-log-title{font-size:var(--text-micro);letter-spacing:.5px;font-weight:var(--font-medium);color:var(--text-muted)}.retro-trigger-btn{font-size:var(--text-md);color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px var(--space-2);cursor:pointer;font-family:inherit;transition:all .15s}.retro-trigger-btn:hover{color:var(--accent-amber);border-color:var(--accent-amber)}.temperature-chart{width:100%;position:relative}.chart-empty{text-align:center;padding:var(--space-12);color:var(--text-muted)}.chart-empty-hint{font-size:var(--text-md);margin-top:var(--space-2)}.chart-block--fill{flex:1 1 0;display:flex;flex-direction:column}.chart-block--fill>.temperature-chart{flex:1 1 0;min-height:calc(var(--chart-label-h, 110px) + 180px)}.data-table{width:100%;border-collapse:collapse}.dt-scroll{overflow-x:auto}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border)}.data-table th{background:var(--bg-elevated);font-weight:var(--font-semibold);font-size:var(--text-md);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.data-table td{font-size:var(--text-base)}.time-cell{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.value-cell{font-weight:var(--font-medium);color:var(--text-primary);font-variant-numeric:tabular-nums}.note-cell{color:var(--text-muted);font-size:var(--text-md)}.data-table-empty{text-align:center;padding:var(--space-6);color:var(--text-muted)}.event-badge{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-md);color:var(--bg-base);background:var(--accent-amber)}.data-badge{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-md);color:#fff;background:var(--accent-blue)}.save-btn{padding:var(--space-3) var(--space-10);font-size:var(--text-md);font-weight:var(--font-semibold);font-family:inherit;background:var(--accent-amber);color:var(--bg-base);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .18s}.save-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.curve-editor{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-5)}.curve-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.curve-editor-header h3{color:var(--accent-amber);font-size:var(--text-md)}.curve-actions{display:flex;gap:var(--space-2)}.form-group{margin-bottom:var(--space-3)}.form-group label{display:block;margin-bottom:var(--space-1);font-size:var(--text-md);font-weight:var(--font-medium);color:var(--text-secondary)}.form-group input,.form-group textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-md);font-family:inherit;background:var(--bg-surface);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-amber)}.curve-card-preview{border-top:1px solid var(--border);padding:var(--space-2) var(--space-3)}.history-container{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-5)}.history-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.history-header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.history-header h3{color:var(--accent-amber);font-size:var(--text-md);margin:0;flex-shrink:0;white-space:nowrap}.history-refresh-btn{padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-md);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);transition:all .15s}.history-refresh-btn:hover{border-color:var(--accent-amber);color:var(--accent-amber)}.history-select-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-md);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);transition:all .15s}.history-select-btn:hover{border-color:var(--accent-amber);color:var(--accent-amber)}.history-batch-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md)}.history-batch-all{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary)}.history-batch-count{font-size:var(--text-sm);color:var(--text-muted)}.history-batch-del{margin-left:auto}.history-item-check{width:18px;height:18px;cursor:pointer;flex-shrink:0}.history-empty{text-align:center;padding:var(--space-10);color:var(--text-muted)}.history-list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.history-actions{display:flex;gap:var(--space-1);flex-shrink:0}.history-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-family:inherit}.history-btn:hover{border-color:var(--accent-amber);color:var(--accent-amber)}.history-btn.delete:hover{border-color:var(--accent-red);color:var(--accent-red)}.green-bean-library{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-5)}.green-bean-library h3{color:var(--accent-amber);margin-bottom:var(--space-3);font-size:var(--text-md)}.gb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.gb-actions{display:flex;gap:var(--space-3);align-items:center}.gb-search{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-md);width:180px}.gb-search:focus{border-color:var(--accent-amber)}.gb-form{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.gb-form-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--accent-amber);margin-bottom:var(--space-3)}.gb-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.gb-form-row{display:flex;flex-direction:column;gap:var(--space-1)}.gb-form-row label{font-size:var(--text-sm);color:var(--text-muted)}.gb-form-row input,.gb-form-row textarea,.gb-form-row select{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);font-size:var(--text-base);font-family:inherit;width:100%}.gb-form-row input:focus,.gb-form-row textarea:focus{border-color:var(--accent-amber)}.gb-form-row textarea{resize:vertical}.gb-form-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.gb-form-photo{margin-bottom:var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start}.gb-form-photo-preview{width:120px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-base)}.gb-form-photo-img{display:block;width:100%;height:100%;object-fit:cover}.gb-form-photo-pending{width:100%;height:100%;background:var(--bg-hover)}.gb-form-photo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.gb-form-photo-status{font-size:var(--text-sm);color:var(--text-muted)}.bean-photo-upload-label{position:relative}.bean-photo-upload-label:focus-within{box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.bean-photo-upload-input{position:absolute;inset:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gb-empty{text-align:center;padding:var(--space-10);color:var(--text-muted)}.gb-slot-link{font:inherit;color:inherit;background:none;border:none;padding:0;margin:0;cursor:pointer}.gb-slot-link:hover{color:var(--accent-amber);text-decoration:underline}.gb-slot-link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.gb-batch-drawer-body{flex:1;overflow-y:auto;padding:var(--space-4)}.gb-batch-drawer-error{margin:var(--space-3) var(--space-4) 0}.gb-error{padding:var(--space-3);background:var(--accent-red-lighter);border:1px solid var(--accent-red-light);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--accent-red);margin-bottom:var(--space-4)}.roast-summary{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.roast-summary-section{flex:1;min-width:240px}.roast-summary-title{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-3)}.rdv-params-card .roast-summary{padding:0;background:none;border:none;border-radius:0;margin-bottom:0}.rdv-params-card .roast-summary-title{padding-bottom:0;border-bottom:none}.roast-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-2) var(--space-3)}.roast-summary-item{display:flex;flex-direction:column;gap:1px;min-width:0}.rs-label{font-size:var(--text-base);color:var(--text-muted)}.rs-value{font-size:var(--text-md);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal h3{color:var(--accent-amber);margin-bottom:var(--space-3);font-size:var(--text-md)}.modal-btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-family:inherit;font-weight:var(--font-medium);transition:all .15s}.modal-btn.cancel{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.modal-btn.confirm{background:var(--accent-amber);color:var(--bg-base)}.modal-btn:hover:not(:disabled){filter:brightness(1.1)}.modal-btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.form-row{display:flex;gap:var(--space-3)}.form-row .form-group{flex:1}.sensor-web-notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:6px;background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--text-base);line-height:1.4}.sensor-web-notice-icon{font-size:var(--text-lg);flex-shrink:0}.sensor-web-hint{font-size:var(--text-sm);color:var(--text-tertiary);padding:2px 0 var(--space-1) 0}.profile-panel-wrapper{position:fixed;bottom:60px;z-index:450;width:260px;max-height:calc(100vh - 80px);overflow-y:auto}.profile-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:0 4px 20px #0000004d}.profile-section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-2)}.profile-divider{height:1px;background:var(--border)}.profile-logout-btn{width:100%;padding:var(--space-2) 0;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:var(--text-base);cursor:pointer}.profile-logout-btn:hover{border-color:var(--accent-amber);color:var(--accent-amber)}.profile-input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:var(--text-base);box-sizing:border-box}.profile-input:focus{border-color:var(--accent-amber)}.sidebar-tab-dot{width:6px;height:6px;border-radius:50%;margin-left:2px;display:inline-block}.sidebar-tab-dot.synced{background:var(--accent-green)}.sidebar-tab-dot.live{background:var(--accent-amber);animation:live-breathe 2.4s ease-in-out infinite}@keyframes live-breathe{0%,to{opacity:1}50%{opacity:.35}}.sidebar-tab-live-time{display:none;margin-left:auto;font-size:var(--text-sm);color:var(--accent-amber);font-variant-numeric:tabular-nums}.sidebar-expanded .sidebar-tab-live-time{display:inline}.green-bean-guest-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:var(--space-3);color:var(--text-secondary)}.guest-gate-btn{margin-top:var(--space-1);padding:var(--space-2) var(--space-6);border-radius:6px;border:none;background:var(--accent-orange);color:#fff;font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:opacity .15s}.guest-gate-btn:hover{opacity:.85}.sync-badge{font-size:var(--text-xs);margin-left:var(--space-1);opacity:.7}.sync-badge.synced{color:var(--accent-green)}.sync-badge.failed{color:var(--accent-red)}.sync-badge.local{color:var(--text-tertiary)}.sidebar-logo-img{width:40px;height:40px;object-fit:cover;object-position:center center;border-radius:6px;transition:all .2s ease;flex-shrink:0}.sidebar-expanded .sidebar-logo-img{width:176px;height:64px;border-radius:8px;object-position:center 30%}.auth-modal-overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-backdrop)}.auth-modal{position:relative;width:400px;max-width:calc(100vw - 32px);background:var(--bg-elevated);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #00000080;border:1px solid var(--border)}.auth-modal-banner{width:100%;height:160px;overflow:hidden}.auth-modal-banner-img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.auth-modal-body{padding:var(--space-6) var(--space-6)}.auth-modal-title{font-size:20px;font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.auth-modal-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-5);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:var(--space-3)}.auth-form-group{display:flex;flex-direction:column;gap:var(--space-1)}.auth-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.auth-input{width:100%;padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:var(--text-md);box-sizing:border-box;transition:border-color .15s}.auth-input:focus{border-color:var(--accent-amber)}.auth-error{font-size:var(--text-sm);color:var(--accent-red);padding:var(--space-1) 0}.auth-submit-btn{width:100%;padding:var(--space-3) 0;background:var(--accent-amber);border:none;border-radius:8px;color:#fff;font-size:var(--text-md);font-weight:var(--font-semibold);cursor:pointer;margin-top:var(--space-1);transition:opacity .15s}.auth-submit-btn:hover:not(:disabled){opacity:.88}.auth-submit-btn:disabled{opacity:.45;cursor:not-allowed}.auth-toggle-btn{display:block;margin-top:var(--space-4);background:none;border:none;color:var(--accent-amber);font-size:var(--text-base);cursor:pointer;padding:0;text-align:center;width:100%}.auth-toggle-btn:hover{opacity:.75}.auth-modal-close{position:absolute;top:10px;right:12px;background:#0006;border:none;color:#fff;font-size:var(--text-md);width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.auth-modal-close:hover{background:#000000a6}.profile-user-section{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) 0}.profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-amber);color:#fff;font-size:var(--text-xl);font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-user-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.profile-user-email{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-user-badge{font-size:var(--text-xs);color:var(--accent-green)}.profile-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-2)}.profile-stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-2);background:var(--bg-elevated);border-radius:8px;gap:var(--space-1)}.profile-stat-value{font-size:22px;font-weight:var(--font-bold);color:var(--accent-amber);line-height:1}.profile-stat-label{font-size:var(--text-xs);color:var(--text-secondary)}.profile-last-roast{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);padding:2px 0}.profile-last-label{color:var(--text-secondary)}.profile-last-value{color:var(--text-primary)}.profile-panel-backdrop{position:fixed;inset:0;z-index:400}.profile-avatar-circle{width:40px;height:40px;border-radius:50%;color:#fff;font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:-.5px;-webkit-user-select:none;user-select:none;transition:filter .15s}.profile-avatar-circle:hover{filter:brightness(1.12)}.profile-display-name{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:420px;max-width:calc(100vw - 32px);max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5) var(--space-3);border-bottom:1px solid var(--border);font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:var(--text-xl);cursor:pointer;padding:2px var(--space-2);border-radius:var(--radius-sm);line-height:1;transition:color .15s}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:var(--space-4) var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.profile-edit-avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-1) 0 var(--space-2)}.avatar-preview{width:72px;height:72px;border-radius:50%;color:#fff;font-size:28px;font-weight:800;display:flex;align-items:center;justify-content:center;letter-spacing:-1px;-webkit-user-select:none;user-select:none;transition:background .2s}.color-swatches{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.color-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s,box-shadow .1s;flex-shrink:0;padding:0}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{box-shadow:0 0 0 2px var(--bg-elevated),0 0 0 4px var(--text-primary)}.color-swatch-custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);display:flex;align-items:center;justify-content:center;position:relative;border-color:#fff3}.profile-edit-char-row{display:flex;align-items:center;gap:var(--space-2)}.profile-edit-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium);display:block;margin-bottom:var(--space-1)}.profile-edit-hint{font-size:var(--text-xs);color:var(--text-muted)}.profile-edit-input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-family:inherit;box-sizing:border-box;transition:border-color .15s}.profile-edit-input:focus{border-color:var(--accent-amber)}textarea.profile-edit-input{resize:none}.profile-edit-divider{border:none;border-top:1px solid var(--border);margin:2px 0}.profile-edit-fields{display:flex;flex-direction:column;gap:var(--space-3)}.profile-edit-field{display:flex;flex-direction:column}.machine-list{display:flex;flex-direction:column;gap:var(--space-2)}.profile-edit-error{font-size:var(--text-sm);color:var(--accent-red);background:#e8604c14;border:1px solid rgba(232,96,76,.2);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.profile-edit-actions{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.event-sequence{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) 0;flex:1;overflow-y:auto}.es-row{display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);min-height:34px;border-radius:6px}.es-row--recorded{opacity:1}.es-row--skipped{opacity:.55}.es-row--history-pending{opacity:.35}.es-indicator{font-size:var(--text-xs);width:14px;flex-shrink:0;color:var(--text-muted)}.es-row--recorded .es-indicator{color:var(--accent-green)}.es-row--skipped .es-indicator{color:var(--text-muted)}.es-row--next .es-indicator{color:var(--accent-amber)}.es-label{flex:1;font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.es-time{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-secondary);cursor:pointer;padding:2px var(--space-1);border-radius:3px;transition:background .15s;min-width:38px;text-align:right}.es-time:hover{background:var(--bg-hover)}.es-time--empty{color:var(--text-muted);cursor:default}.es-backfill-word{margin-left:var(--space-1);font-size:var(--text-micro)}.es-time-input{width:54px;font-size:var(--text-sm);padding:var(--space-1);background:var(--bg-surface);border:1px solid var(--accent-amber);border-radius:3px;color:var(--text-primary);font-variant-numeric:tabular-nums}.es-row-error{padding:0 var(--space-2) var(--space-1) calc(var(--space-2) + 14px + var(--space-1));font-size:var(--text-xs);line-height:1.35;color:var(--accent-red)}.es-edit-btn,.es-delete-btn{font-size:var(--text-sm);padding:2px var(--space-1);background:none;border:none;cursor:pointer;opacity:0;transition:opacity .15s;border-radius:3px;flex-shrink:0}.es-row:hover .es-edit-btn,.es-row:hover .es-delete-btn{opacity:1}.es-edit-btn{color:var(--text-muted)}.es-edit-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.es-delete-btn{color:var(--text-muted)}.es-delete-btn:hover{background:#e74c3c26;color:var(--accent-red)}.es-record-btn{flex:1;padding:var(--space-2) var(--space-3);border:none;border-radius:6px;font-size:var(--text-sm);font-family:inherit;cursor:pointer;text-align:left;transition:opacity .15s,transform .1s}.es-record-btn:active{transform:scale(.97)}.es-record-btn--primary{padding:var(--space-3) var(--space-4);font-size:var(--text-md);font-weight:var(--font-semibold);background:var(--accent-amber);color:#fff;border:2px solid var(--accent-amber);border-radius:var(--radius-md);min-height:44px;flex:1;box-shadow:0 1px 4px #0000002e;text-transform:uppercase;letter-spacing:.06em}.es-record-btn--primary:hover{opacity:.9}.es-row--next{padding:var(--space-2) 0}.es-record-btn--secondary{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border)}.es-record-btn--secondary:hover{background:var(--bg-hover)}.trim-toggle{display:flex;gap:var(--space-1);justify-content:flex-end;margin-bottom:var(--space-2)}.trim-toggle button{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .15s}.trim-toggle button.active{background:var(--accent-orange);border-color:var(--accent-orange);color:#fff}.trim-toggle button:hover:not(.active){border-color:var(--accent-orange);color:var(--accent-orange)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-end;pointer-events:none;max-width:min(360px,calc(100vw - var(--space-8)))}.toast{position:relative;overflow:hidden;pointer-events:auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border-left:3px solid transparent;min-width:min(240px,100%);max-width:100%;animation:toastSlideIn .2s ease-out}.toast:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:currentColor;opacity:.45;transform-origin:left center;animation:toastProgress var(--toast-duration, 3s) linear forwards}.toast:hover:after,.toast:focus-within:after{animation-play-state:paused}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast--success{border-left-color:var(--accent-green);color:var(--accent-green)}.toast--error{border-left-color:var(--accent-red);color:var(--accent-red)}.toast--undo{border-left-color:var(--accent-amber);color:var(--accent-amber)}.toast-mark{flex:none;color:currentColor;font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-normal)}.toast-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.toast-message{flex:1;font-size:var(--text-base);color:var(--text-primary);line-height:var(--leading-normal)}.toast-undo-btn{flex:none;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--accent-amber);background:none;border:1px solid var(--accent-amber);border-radius:var(--radius-sm);padding:2px var(--space-2);cursor:pointer}.toast-undo-btn:hover{background:var(--accent-amber);color:#000}.toast-close-btn{flex:none;font-size:var(--text-xs);color:var(--text-muted);background:none;border:none;cursor:pointer;padding:2px var(--space-1);border-radius:var(--radius-sm);line-height:1}.toast-close-btn:hover{color:var(--text-primary)}.confirm-modal-message{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:var(--space-1);line-height:var(--leading-normal);white-space:pre-line;overflow-wrap:break-word}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-base);font-family:inherit;font-weight:var(--font-medium);cursor:pointer;border:1px solid transparent;transition:background var(--transition-base),filter var(--transition-base),border-color var(--transition-base)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border)}.btn.btn-secondary:hover{background:var(--bg-hover)}.btn.btn-danger{background:var(--accent-red);color:#fff;font-weight:var(--font-semibold)}.btn.btn-danger:hover{filter:brightness(1.08)}.btn.btn-confirm{background:var(--accent-amber);color:var(--bg-base);font-weight:var(--font-semibold)}.btn.btn-confirm:hover{filter:brightness(1.1)}.mobile-tab-bar{display:none}.home-view{padding:var(--space-8) var(--space-6);max-width:1040px;margin:0 auto;width:100%}@media(max-width:767px){.app-sidebar{display:none}.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-surface);border-top:1px solid var(--border);z-index:10;align-items:stretch}.mtb-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-family:inherit;padding:var(--space-1) 0}.mtb-tab.active{color:var(--accent-amber)}.mtb-icon{font-size:var(--text-xl);line-height:1}.mtb-label{font-size:10px}.app-body{padding-bottom:var(--mobile-tab-height)}.roast-layout{flex-direction:column;height:auto;overflow:visible}.roast-right{flex:none;width:100%;order:-1}.roast-cockpit{height:auto}.roast-cockpit>.cockpit-main{display:contents}.cockpit-main>.cockpit-side{display:contents}.cockpit-side>.roast-deck{display:contents}.cockpit-main>.cockpit-stage{flex:none}.cockpit-stage>.rc-stage{flex:none;min-height:0;overflow:visible}.chart-block--fill{flex:none;display:block}.chart-block--fill>.temperature-chart{flex:none;height:calc(var(--chart-label-h, 110px) + 460px);min-height:0}.roast-cockpit .rd-actions{order:1;overflow-x:auto}.roast-cockpit .rd-controls{order:2;position:sticky;bottom:0;z-index:var(--z-sticky)}.roast-left{width:100%;overflow:visible}.roast-left-collapsed{width:100%;min-width:0;min-height:44px}.roast-left-collapsed-toggle{height:auto;padding:var(--space-2) 0}.dev-log-header .retro-trigger-btn{display:none}.es-edit-btn,.es-delete-btn{opacity:.7}.es-row{min-height:40px}.sensor-panel{padding:var(--space-3);gap:var(--space-2)}.sensor-btn{padding:var(--space-2) var(--space-4)}.manual-temp-input{padding:var(--space-3);font-size:var(--text-md)}.manual-temp-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.history-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1)}.roast-summary-grid{grid-template-columns:1fr 1fr}.trim-toggle{justify-content:center}.home-view{padding:var(--space-6) var(--space-4)}.toast-container{bottom:calc(var(--mobile-tab-height) + var(--space-3));right:50%;transform:translate(50%);align-items:center;max-width:calc(100vw - var(--space-8))}}.cupping-modal{width:560px;max-width:95vw;max-height:80vh;overflow-y:auto}.cupping-loading{padding:var(--space-6);text-align:center;color:var(--text-muted)}.cupping-empty{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--text-md)}.cupping-list{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.cupping-add-btn{width:100%;margin-top:var(--space-2)}.cupping-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.cupping-item-header{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.cupping-date{font-size:var(--text-base);color:var(--text-secondary)}.cupping-rest{font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-elevated);padding:2px var(--space-2);border-radius:4px}.cupping-total-score{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--accent-amber);margin-left:auto}.cupping-text-preview{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.5}.cupping-item-actions{display:flex;gap:var(--space-2)}.cupping-scores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);padding:var(--space-3);background:var(--bg-surface);border-radius:8px;border:1px solid var(--border)}.cupping-score-item{display:flex;flex-direction:column;gap:var(--space-1)}.cupping-score-item label{font-size:var(--text-xs);color:var(--text-muted)}.cupping-score-item input{width:100%;font-size:var(--text-md);text-align:center}.cupping-form-total{font-size:var(--text-base);color:var(--text-secondary);text-align:right;padding:var(--space-1) 0}.cupping-tags-section{display:flex;flex-direction:column;gap:var(--space-2)}.cupping-tags-section>label{font-size:var(--text-base);color:var(--text-secondary)}.cupping-tags-presets,.cupping-tags-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.flavor-tag{font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border-radius:12px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all .15s}.flavor-tag:hover{border-color:var(--accent-amber);color:var(--accent-amber)}.flavor-tag--selected{background:var(--accent-amber);border-color:var(--accent-amber);color:#000}.flavor-tag--display{cursor:default;pointer-events:none}.cupping-custom-tag{display:flex;gap:var(--space-2)}.cupping-custom-tag input{flex:1}.cupping-selected-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-size:var(--text-sm);color:var(--text-muted)}.cupping-form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.cupping-form-row{display:flex;flex-direction:column;gap:var(--space-2)}.cupping-form-row label{font-size:var(--text-base);color:var(--text-secondary)}.cupping-form-row textarea{resize:vertical;min-height:72px}.cupping-form-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1)}@media(max-width:767px){.cupping-scores-grid{grid-template-columns:repeat(2,1fr)}.cupping-modal{width:100%;max-width:100vw;border-radius:16px 16px 0 0;max-height:90vh}}.modal.srm-modal{width:920px;max-width:95vw;padding:0;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:0}.srm-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--bg-surface);flex-shrink:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-3);border-bottom:1px solid var(--border)}.srm-header h3{margin:0;font-size:var(--text-lg);flex-shrink:0}.srm-header-name.srm-input{flex:1;min-width:0;padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.modal-close-btn{background:transparent;border:none;font-size:var(--text-lg);cursor:pointer;color:var(--text-muted);padding:2px var(--space-2);flex-shrink:0}.srm-body{display:grid;grid-template-columns:1fr 1fr}.srm-col{padding:var(--space-4) var(--space-5);min-width:0}.srm-col-left{border-right:1px solid var(--border)}@media(max-width:900px){.srm-body{grid-template-columns:1fr}.srm-col-left{border-right:none;border-bottom:1px solid var(--border)}}.srm-section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-3)}.srm-optional{font-weight:var(--font-normal);color:var(--text-muted)}.srm-empty-hint{font-size:var(--text-base);color:var(--text-muted);padding:var(--space-1) 0}.srm-loading{font-size:var(--text-base);color:var(--text-muted)}.srm-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.srm-section-head .srm-section-title{margin-bottom:0}.srm-add-device{background:none;border:1px dashed var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-xs);padding:2px var(--space-3);cursor:pointer;font-family:inherit;white-space:nowrap;transition:all var(--transition-base)}.srm-device-list{display:flex;flex-direction:column;gap:var(--space-2)}.srm-device-card{padding:var(--space-2) var(--space-6) var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:8px;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:2px;transition:border-color .15s,background .15s,box-shadow .15s;color:var(--text-primary);position:relative;width:100%;box-sizing:border-box;text-align:left}.srm-device-card.selected{border:2px solid var(--accent-amber);background:color-mix(in srgb,var(--accent-amber) 15%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-amber) 30%,transparent)}.srm-device-card.selected .srm-device-name{color:var(--accent-amber);font-weight:var(--font-semibold)}.srm-device-card.selected:after{content:"✓";position:absolute;top:4px;right:8px;font-size:var(--text-sm);color:var(--accent-amber);font-weight:var(--font-bold)}.srm-device-top{display:flex;align-items:center;gap:var(--space-2)}.srm-device-name{font-size:var(--text-md);font-weight:var(--font-medium)}.srm-device-sub{font-size:var(--text-xs);color:var(--text-muted)}.srm-device-badge{font-size:var(--text-micro);border-radius:var(--radius-full);padding:0 var(--space-2);line-height:1.7;white-space:nowrap;color:var(--accent-amber);border:1px solid color-mix(in srgb,var(--accent-amber) 45%,transparent)}.srm-device-badge.on{color:var(--accent-green);border-color:color-mix(in srgb,var(--accent-green) 45%,transparent)}.srm-device-badge.busy{color:var(--accent-orange);border-color:color-mix(in srgb,var(--accent-orange) 45%,transparent)}.srm-device-badge.err{color:var(--accent-red);border-color:color-mix(in srgb,var(--accent-red) 45%,transparent)}.srm-device-warn{font-size:var(--text-xs);color:var(--text-muted)}.srm-search-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--space-2);box-sizing:border-box}.srm-bean-caption{margin-bottom:var(--space-2)}.srm-bean-more{margin-top:var(--space-1)}.srm-bean-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.srm-bean-item{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:16px;background:transparent;cursor:pointer;font-size:var(--text-base);display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary);transition:border-color .15s,background .15s}.srm-bean-item.selected{border:2px solid var(--accent-amber);background:color-mix(in srgb,var(--accent-amber) 15%,transparent);color:var(--accent-amber);font-weight:var(--font-semibold)}.srm-bean-item.depleted{color:var(--text-muted)}.srm-bean-item.selected.depleted{color:var(--accent-amber)}.srm-bean-sub{font-size:var(--text-xs);color:var(--text-muted)}.srm-batch-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.srm-batch-item{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:16px;background:transparent;cursor:pointer;font-size:var(--text-base);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2);transition:border-color .15s,background .15s}.srm-batch-item.selected{border:2px solid var(--accent-amber);background:color-mix(in srgb,var(--accent-amber) 15%,transparent);color:var(--accent-amber);font-weight:var(--font-semibold)}.srm-row{display:flex;gap:var(--space-3);align-items:flex-start}.srm-field{display:flex;flex-direction:column;gap:var(--space-2)}.srm-field-grow{flex:1;min-width:0}.srm-field-weight{flex:0 0 128px}.srm-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.srm-input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-base);width:100%;box-sizing:border-box}.srm-note-toggle{background:none;border:none;padding:0;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;font-family:inherit;text-align:left;align-self:flex-start}.srm-footer{position:sticky;bottom:0;z-index:var(--z-sticky);background:var(--bg-surface);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-5);border-top:1px solid var(--border)}.srm-footer-summary{font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.srm-footer .modal-actions{margin-top:0;flex-shrink:0}.srm-modal>.roasting-tip{margin:var(--space-2) var(--space-5)}@media(hover:hover){.srm-add-device:hover{border-color:var(--accent-amber);color:var(--accent-amber)}.srm-device-card:hover,.srm-bean-item:hover,.srm-batch-item:hover{border-color:var(--accent-amber)}.srm-note-toggle:hover{color:var(--accent-amber)}}.save-modal-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-1) 0 var(--space-2)}.save-modal-record-name{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-modal-footnote{color:var(--text-muted);font-size:var(--text-sm);border-top:1px solid var(--border);padding-top:var(--space-3)}.save-modal-loss{justify-content:flex-end}.save-modal-loss-val{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);font-size:var(--text-md);min-height:36px;display:flex;align-items:center}.save-modal-loss-num{color:var(--accent-amber);font-weight:var(--font-semibold)}.save-modal-loss-num.invalid{color:var(--accent-red)}.save-modal-loss-placeholder{color:var(--text-muted);font-size:var(--text-sm)}.save-modal-loss-warning{color:var(--accent-red);font-size:var(--text-sm);margin-top:var(--space-1)}.input-warning{border-color:var(--accent-red)!important}.cupping-brew-section{border:1px solid var(--border);border-radius:8px;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);background:var(--bg-elevated)}.cupping-brew-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-3)}.cupping-optional{font-weight:var(--font-normal);opacity:.6}.cupping-brew-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-2)}.cupping-brew-row:last-child{margin-bottom:0}.cupping-brew-field{flex:1;min-width:80px}.cupping-brew-ratio-val{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:6px;font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--accent-amber);background:transparent;text-align:center;min-height:34px;display:flex;align-items:center;justify-content:center}.bean-batch-loading,.bean-batch-empty{font-size:var(--text-sm);color:var(--text-muted)}.bean-batch-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.bean-batch-item{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:4px;background:var(--bg-surface)}.bean-batch-name{flex:1;min-width:80px;font-size:var(--text-base)}.bean-batch-meta{font-size:var(--text-xs);color:var(--text-muted)}.bean-batch-confirm-text{flex:1 1 100%;font-size:var(--text-sm);color:var(--text-secondary)}.bean-batch-del-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0 var(--space-1);font-size:var(--text-sm)}.bean-batch-del-btn:hover{color:var(--accent-red)}.bean-batch-add-form{display:flex;flex-direction:column;gap:var(--space-2)}.bean-batch-input{padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:4px;background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-base)}.bean-batch-item .bean-batch-input{flex:1 1 90px;min-width:0}.bean-batch-add-actions{display:flex;gap:var(--space-2)}.bean-batch-add-confirm{padding:var(--space-1) var(--space-3);background:var(--accent-amber);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:var(--text-base)}.bean-batch-add-confirm:disabled{opacity:.5;cursor:not-allowed}.bean-batch-add-cancel{padding:var(--space-1) var(--space-3);background:transparent;border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:var(--text-base);color:var(--text-secondary)}.bean-batch-add-btn{font-size:var(--text-sm);color:var(--accent-amber);background:transparent;border:1px dashed var(--accent-amber);border-radius:4px;padding:var(--space-1) var(--space-3);cursor:pointer;width:100%}.rdv-container{display:flex;flex-direction:column;height:100%}.rdv-tab-bar{display:flex;align-items:center;gap:2px;padding:var(--space-2) var(--space-4) 0;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.rdv-tab-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-base);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--text-muted);transition:color .15s,border-color .15s;margin-bottom:-1px}.rdv-tab-btn:hover{color:var(--text-secondary)}.rdv-tab-btn.active{color:var(--accent-amber);border-bottom-color:var(--accent-amber);font-weight:var(--font-semibold)}.rdv-content{flex:1}.rdv-loading,.rdv-empty{padding:var(--space-8);text-align:center;font-size:var(--text-base);color:var(--text-muted)}.rdv-params-tab{padding:var(--space-4) var(--space-5);max-width:680px}.rdv-params-card{margin-bottom:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.rdv-params-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.rdv-params-card-actions{display:flex;gap:var(--space-2)}.rdv-params-card-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.rdv-params-divider{height:1px;background:var(--border);margin:var(--space-3) 0}.rdv-params-card-grid{display:flex;gap:var(--space-6);flex-wrap:wrap}.rdv-params-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:100px}.rdv-params-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.rdv-params-value{font-size:var(--text-md);color:var(--text-primary)}.rdv-params-empty{color:var(--text-muted);font-style:italic}.rdv-params-warning{color:var(--accent-red);font-size:var(--text-sm)}.rdv-params-select{padding:var(--space-2);border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-base);min-width:160px}.rdv-params-input{padding:var(--space-2);border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-base);width:100px}.rdv-cupping-tab{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.rdv-cupping-list{display:flex;flex-direction:column;gap:var(--space-3)}.rdv-cupping-card{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);display:flex;flex-direction:column;gap:var(--space-2)}.rdv-cupping-card-header{display:flex;align-items:center;gap:var(--space-3)}.rdv-cupping-date{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.rdv-cupping-meta{font-size:var(--text-sm);color:var(--text-muted)}.rdv-cupping-score{margin-left:auto;font-size:var(--text-md);font-weight:var(--font-bold);color:var(--accent-amber)}.rdv-cupping-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.rdv-cupping-tag{font-size:var(--text-xs);padding:2px var(--space-2);border-radius:10px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary)}.rdv-cupping-tag-more{color:var(--text-muted);border-style:dashed}.rdv-cupping-text{font-size:var(--text-base);color:var(--text-secondary);line-height:1.5}.rdv-cupping-card-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.rdv-cupping-del-btn{font-size:var(--text-sm);padding:2px var(--space-2);background:transparent;border:1px solid var(--border);border-radius:4px;cursor:pointer;color:var(--text-muted)}.rdv-cupping-del-btn:hover{color:var(--accent-red);border-color:var(--accent-red)}.rdv-cupping-add-btn{align-self:flex-start;padding:var(--space-2) var(--space-4);font-size:var(--text-base);background:transparent;border:1px dashed var(--accent-amber);border-radius:6px;cursor:pointer;color:var(--accent-amber)}.rdv-chart-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-1);border-bottom:1px solid var(--border);flex-shrink:0}.rdv-cm-chip{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);padding:var(--space-1) var(--space-3);border-radius:20px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary)}.rdv-cm-chip b{font-weight:var(--font-semibold);color:var(--text-primary)}.rdv-cm-chip--bean{border-color:var(--accent-green-light)}.rdv-cm-chip--level{background:var(--accent-amber-lighter);border-color:var(--accent-amber-light);color:var(--accent-amber);font-weight:var(--font-semibold)}.rdv-data-tab{padding:0}.pd-overlay{position:fixed;inset:0;background:var(--overlay);z-index:var(--z-backdrop)}.pd-drawer{position:fixed;top:0;right:0;width:340px;height:100vh;background:var(--bg-surface);border-left:1px solid var(--border);z-index:var(--z-modal);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform .25s ease}.pd-drawer--open{transform:translate(0)}.pd-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.pd-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.pd-close{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:2px var(--space-2);border-radius:var(--radius-sm)}.pd-close:hover{color:var(--text-primary);background:var(--bg-elevated)}.pd-tabs{display:flex;border-bottom:1px solid var(--border)}.pd-tab{flex:1;padding:var(--space-3);text-align:center;font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;transition:all .15s}.pd-tab--active{color:var(--accent-amber);border-bottom-color:var(--accent-amber)}.pd-tab:hover{color:var(--text-secondary)}.pd-search{padding:var(--space-3) var(--space-4)}.pd-search-input{width:100%;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--text-sm);outline:none}.pd-search-input:focus{border-color:var(--accent-amber)}.pd-search-input::placeholder{color:var(--text-muted)}.pd-list{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-4) var(--space-4)}.pd-card{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-3);cursor:pointer;transition:all .15s}.pd-card:hover{border-color:var(--accent-amber)}.pd-card--active{border-color:var(--accent-amber);background:var(--bg-elevated)}.pd-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.pd-card-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.pd-card-tag{font-size:11px;padding:1px var(--space-2);border-radius:var(--radius-full)}.pd-card-tag--record{background:#2ecc7126;color:var(--accent-green)}.pd-card-tag--active{background:#3498db26;color:var(--curve-reference)}.pd-card-meta{font-size:11px;color:var(--text-muted);margin-bottom:var(--space-2)}.pd-sparkline{height:50px;background:var(--bg-elevated);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-2)}.pd-sparkline--empty{opacity:.3}.pd-sparkline svg{width:100%;height:100%}.pd-card-stats{font-size:11px;color:var(--text-muted)}.pd-empty{text-align:center;color:var(--text-muted);padding:var(--space-6);font-size:var(--text-sm)}.target-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#3498db1f;border:1px solid rgba(52,152,219,.3);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.target-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--curve-reference)}.target-badge-name{color:var(--curve-reference);font-weight:var(--font-medium)}.target-badge-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:0 2px;line-height:1}.target-badge-clear:hover{color:var(--accent-red)}.load-profile-btn{background:#3498db1f;border:1px solid rgba(52,152,219,.3);color:var(--curve-reference);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all .15s}.load-profile-btn:hover{background:#3498db33}@media(max-width:768px){.pd-drawer{width:100%}}.modal.bsm-modal{max-width:600px}.bsm-search{margin-bottom:var(--space-4)}.bsm-input{width:100%;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);color:var(--text-primary);font-size:var(--text-base);outline:none}.bsm-input:focus{border-color:var(--accent-amber)}.bsm-input::placeholder{color:var(--text-muted)}.bsm-results{max-height:50vh;overflow-y:auto}.bsm-loading,.bsm-empty{text-align:center;color:var(--text-muted);padding:var(--space-6)}.bsm-section{margin-bottom:var(--space-4)}.bsm-section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--accent-amber);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--border)}.bsm-card{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);cursor:pointer;transition:all .15s}.bsm-card:hover{border-color:var(--accent-amber);background:var(--bg-elevated)}.bsm-card-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-1)}.bsm-card-name{font-weight:var(--font-semibold);color:var(--text-primary)}.bsm-card-name-sub{font-size:var(--text-sm);color:var(--text-muted)}.bsm-card-tag{font-size:11px;padding:1px var(--space-2);border-radius:var(--radius-full);background:#c8a96e26;color:var(--accent-amber)}.bsm-card-flavor{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.bsm-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:11px;color:var(--text-muted)}.bsm-card-score{font-size:12px;font-weight:var(--font-semibold);color:var(--accent-green);background:#2ecc711f;padding:1px var(--space-2);border-radius:var(--radius-full)}.bsm-quick-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.bsm-quick-tag{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s}.bsm-quick-tag:hover{border-color:var(--accent-amber);color:var(--accent-amber)}.kb-container{padding:var(--space-4);height:100%;display:flex;flex-direction:column}.kb-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.kb-header h3{margin:0;color:var(--text-primary);white-space:nowrap}.kb-header-right{display:flex;align-items:center;gap:var(--space-3);flex:1;justify-content:flex-end}.kb-search-input{width:240px;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--text-sm);outline:none}.kb-search-input:focus{border-color:var(--accent-amber)}.kb-search-input::placeholder{color:var(--text-muted)}.kb-search-results{flex:1;overflow-y:auto;min-height:0}.kb-view-toggle{display:flex;gap:2px;background:var(--bg-elevated);border-radius:var(--radius-md);padding:2px}.kb-view-btn{padding:var(--space-1) var(--space-3);border:none;background:none;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:all .15s}.kb-view-btn.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0,0,0,.1))}.kb-view-btn:disabled{opacity:.4;cursor:not-allowed}.kb-layout{display:flex;gap:var(--space-4);flex:1;min-height:0}.kb-sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column}.kb-content{flex:1;overflow-y:auto;min-height:0}.kb-cat-tabs{display:flex;gap:2px;margin-bottom:var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-md);padding:2px}.kb-cat-tab{flex:1;padding:var(--space-2);border:none;background:none;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;text-align:center;transition:all .15s}.kb-cat-tab.active{background:var(--bg-surface);color:var(--accent-amber);font-weight:var(--font-medium)}.kb-filter-list{flex:1;overflow-y:auto}.kb-filter-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-2) var(--space-3);border:none;background:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);text-align:left;transition:all .1s}.kb-filter-item:hover{background:var(--bg-elevated)}.kb-filter-item.active{background:var(--bg-elevated);color:var(--accent-amber);font-weight:var(--font-medium)}.kb-filter-count{font-size:11px;color:var(--text-muted);background:var(--bg-base);padding:0 var(--space-2);border-radius:var(--radius-full)}.kb-welcome,.kb-map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.kb-welcome-icon{font-size:48px;margin-bottom:var(--space-3)}.kb-welcome-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.kb-welcome-desc{font-size:var(--text-sm);text-align:center;line-height:1.6}.kb-loading,.kb-empty{text-align:center;color:var(--text-muted);padding:var(--space-6)}.kb-detail-card,.kb-origin-card{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3)}.kb-detail-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.kb-detail-name{font-weight:var(--font-semibold);color:var(--text-primary)}.kb-detail-name-sub{font-size:var(--text-sm);color:var(--text-muted)}.kb-detail-flavor{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.kb-detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:12px;color:var(--text-muted)}.kb-detail-aliases{font-size:12px;color:var(--text-muted);margin-top:var(--space-2)}.kb-section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--accent-amber);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--border)}.kb-origins-section,.kb-catalog-section{margin-bottom:var(--space-4)}.kb-catalog-card{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);cursor:pointer;transition:all .15s}.kb-catalog-card:hover{border-color:var(--accent-amber)}.kb-catalog-card.expanded{border-color:var(--accent-amber);background:var(--bg-elevated)}.kb-catalog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.kb-catalog-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.kb-catalog-detail{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.kb-catalog-field{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.kb-field-label{color:var(--text-muted);margin-right:var(--space-2)}.kb-map-fullscreen{flex:1;position:relative;min-height:0;border-radius:var(--radius-lg);overflow:hidden}.coffee-map-immersive{width:100%;height:100%;position:relative}.coffee-map-immersive .leaflet-container{background:#0f1629}.coffee-map-immersive .leaflet-control-zoom{display:none}.cmi-top{position:absolute;top:12px;left:12px;right:12px;z-index:1000;display:flex;align-items:center;gap:var(--space-2)}.cmi-title{font-size:15px;font-weight:700;color:var(--accent-amber);background:#16213ee6;padding:var(--space-2) var(--space-4);border-radius:8px;border:1px solid rgba(200,169,110,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.cmi-filters{display:flex;gap:2px;background:#16213ee6;padding:var(--space-1);border-radius:8px;border:1px solid #2a2a4a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cmi-filter{padding:var(--space-1) var(--space-3);border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s;background:none;color:var(--text-muted)}.cmi-filter.active{background:#c8a96e26;color:var(--accent-amber)}.cmi-filter:hover{color:var(--accent-amber)}.cmi-search{flex:1;max-width:200px;margin-left:auto}.cmi-search input{width:100%;background:#16213ee6;border:1px solid #2a2a4a;border-radius:8px;padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:12px;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cmi-search input:focus{border-color:var(--accent-amber)}.cmi-search input::placeholder{color:var(--text-muted)}.cmi-bottom{position:absolute;bottom:12px;left:12px;right:12px;z-index:1000;background:#16213ee6;border:1px solid #2a2a4a;border-radius:10px;padding:var(--space-2) var(--space-5);display:flex;justify-content:space-around;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cmi-stat{text-align:center}.cmi-stat-value{font-size:20px;font-weight:700;color:var(--accent-amber);font-variant-numeric:tabular-nums}.cmi-stat-label{font-size:10px;color:var(--text-muted);margin-top:1px}.cmi-stat-divider{width:1px;height:32px;background:#2a2a4a}.cmi-zoom-controls{position:absolute;bottom:70px;right:16px;z-index:1000;display:flex;flex-direction:column;gap:2px}.cmi-zoom-controls button{width:32px;height:32px;background:#16213ee6;border:1px solid #2a2a4a;border-radius:6px;color:var(--accent-amber);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .15s}.cmi-zoom-controls button:hover{background:#1e2d4af2}.coffee-marker{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,rgba(200,169,110,.9) 0%,rgba(200,169,110,.3) 60%,transparent 70%);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;cursor:pointer;transition:transform .2s;border:2px solid rgba(200,169,110,.6)}.coffee-marker:hover{transform:scale(1.3)}.coffee-marker.active{background:radial-gradient(circle,var(--accent-amber) 0%,rgba(200,169,110,.4) 60%,transparent 70%);border-color:var(--accent-amber);transform:scale(1.2)}.coffee-marker-label{position:absolute;left:32px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:12px;color:var(--accent-amber);font-weight:500;text-shadow:0 0 8px rgba(0,0,0,.8),0 0 16px rgba(0,0,0,.5);pointer-events:none}.region-marker{width:12px;height:12px;border-radius:50%;background:#c8a96e99;border:1.5px solid var(--accent-amber);cursor:pointer;transition:transform .2s}.region-marker:hover{transform:scale(1.5)}.coffee-detail-card{position:absolute;z-index:1000;width:320px;max-height:calc(100% - 140px);overflow-y:auto;background:#16213ef2;border:1px solid rgba(200,169,110,.3);border-radius:12px;padding:var(--space-4);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0006;font-family:-apple-system,PingFang SC,sans-serif}.coffee-detail-card::-webkit-scrollbar{width:4px}.coffee-detail-card::-webkit-scrollbar-track{background:transparent}.coffee-detail-card::-webkit-scrollbar-thumb{background:#c8a96e4d;border-radius:2px}.coffee-detail-card::-webkit-scrollbar-thumb:hover{background:#c8a96e80}.cdc-close{position:absolute;top:8px;right:12px;background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer}.cdc-close:hover{color:var(--accent-amber)}.cdc-country{font-size:18px;font-weight:700;color:var(--accent-amber);margin-bottom:2px}.cdc-country-en{font-size:12px;color:var(--text-muted);margin-bottom:var(--space-3)}.cdc-chips{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}.cdc-chip{background:#c8a96e1a;border:1px solid rgba(200,169,110,.2);color:var(--accent-amber);padding:2px var(--space-3);border-radius:12px;font-size:11px}.cdc-section{margin-bottom:var(--space-2)}.cdc-label{font-size:11px;color:var(--text-muted);margin-bottom:var(--space-1)}.cdc-value{font-size:13px;color:var(--text-primary)}.cdc-regions{display:flex;flex-direction:column;gap:var(--space-2)}.cdc-region{background:#0f162999;border:1px solid #2a2a4a;border-radius:8px;padding:var(--space-2) var(--space-3);cursor:pointer;transition:all .15s}.cdc-region:hover{border-color:var(--accent-amber)}.cdc-region-name{font-size:13px;color:var(--text-primary);font-weight:500}.cdc-region-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.cdc-link{display:block;text-align:center;margin-top:var(--space-3);padding:var(--space-2);background:#c8a96e1a;border:1px solid rgba(200,169,110,.3);border-radius:8px;color:var(--accent-amber);font-size:13px;cursor:pointer;transition:all .15s}.cdc-link:hover{background:#c8a96e33}.dark-tooltip{background:#16213ef2!important;border:1px solid rgba(200,169,110,.3)!important;border-radius:8px!important;color:var(--text-primary)!important;font-size:12px!important;padding:var(--space-2) var(--space-3)!important;box-shadow:0 4px 16px #0006!important}.dark-tooltip:before{display:none!important}@media(max-width:768px){.cmi-title{display:none}.cmi-search{max-width:140px}.cmi-filter{padding:var(--space-1) var(--space-2);font-size:11px}}.kb-back-btn{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:0 var(--space-2) 0 0;vertical-align:middle}.kb-back-btn:hover{color:var(--text-primary)}.kb-detail-page{max-width:700px}.kb-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-3)}.kb-detail-field{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);background:var(--bg-base);border-radius:var(--radius-sm)}.kb-field-value{color:var(--text-primary);font-size:var(--text-sm)}.kb-field-link{color:var(--accent-amber);cursor:pointer}.kb-clickable{cursor:pointer}.kb-clickable:hover{border-color:var(--accent-amber)}.roasting-tip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:var(--space-3);margin:var(--space-2) 0}.roasting-tip.compact{padding:var(--space-2) var(--space-3)}.rt-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.rt-icon{font-size:16px}.rt-title{font-size:var(--text-sm);font-weight:600;color:var(--accent-amber)}.rt-confidence{font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}.rt-params{display:flex;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-mono)}.rt-flavors{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.rt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-2);margin-bottom:var(--space-2)}.rt-cell{display:flex;flex-direction:column;gap:2px}.rt-cell label{font-size:var(--text-xs);color:var(--text-muted)}.rt-cell span{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-primary)}.rt-flavor-row{margin:var(--space-2) 0}.rt-flavor-row label{font-size:var(--text-xs);color:var(--text-muted);display:block;margin-bottom:var(--space-1)}.rt-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.rt-tag{font-size:var(--text-xs);padding:2px var(--space-2);border-radius:10px}.rt-tag.positive{background:var(--accent-green-light);color:var(--accent-green)}.rt-tag.negative{background:var(--accent-red-light);color:var(--accent-red)}.rt-notes{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.rt-source{font-size:10px;color:var(--text-muted);margin-top:var(--space-1)}.cupping-mode-toggle{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.cupping-mode-toggle .btn-ghost.active{color:var(--accent-amber);border-color:var(--accent-amber)}.cupping-simple{display:flex;flex-direction:column;gap:var(--space-4)}.cupping-simple-score{display:flex;align-items:center;gap:var(--space-3)}.cupping-simple-score input[type=range]{flex:1;accent-color:var(--accent-amber)}.cupping-simple-score-val{font-size:var(--text-xl);font-weight:600;min-width:40px;text-align:center;font-family:var(--font-mono);color:var(--accent-amber)}.onboarding-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-10) var(--space-8) var(--space-6);max-width:400px;width:90vw;max-height:85vh;overflow-y:auto;text-align:center;position:relative;z-index:var(--z-modal)}.ob-icon{font-size:48px;margin-bottom:var(--space-4);line-height:1}.ob-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-3);color:var(--text-primary)}.ob-desc{font-size:var(--text-md);color:var(--text-secondary);line-height:var(--leading-relaxed);white-space:pre-line;margin-bottom:var(--space-6);text-align:left}.ob-dots{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-6)}.ob-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--border);transition:background var(--transition-base)}.ob-dot.active{background:var(--accent-amber)}.ob-actions{display:flex;gap:var(--space-3);justify-content:center}.ob-back{min-width:80px}.ob-next{min-width:120px}.ob-step-count{font-size:var(--text-sm);opacity:.75;font-variant-numeric:tabular-nums}.ob-skip{position:absolute;top:var(--space-3);right:var(--space-4);background:none;border:none;color:var(--text-muted);font-size:var(--text-sm);font-family:inherit;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.ob-skip:hover{color:var(--text-secondary)}@media(max-width:768px){.kb-layout{flex-direction:column}.kb-sidebar{width:100%}.kb-map-layout{flex-direction:column}.kb-map-sidebar{width:100%}.kb-detail-grid{grid-template-columns:1fr}}.kb-hub{display:flex;flex-direction:column;gap:var(--space-5);flex:1}.kb-hub-header{text-align:center;padding:var(--space-4) 0 0}.kb-hub-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.kb-hub-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0}.kb-hub-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.kb-domain-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;position:relative;border-left:3px solid var(--card-color, var(--border))}.kb-domain-card:hover{border-color:var(--card-color, var(--accent-amber));background:var(--bg-elevated);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.kb-domain-card--placeholder{opacity:.5}.kb-domain-card--placeholder:hover{opacity:.7}.kb-domain-icon{font-size:28px}.kb-domain-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.kb-domain-soon{font-size:10px;color:var(--text-muted);background:var(--bg-elevated);padding:1px var(--space-2);border-radius:var(--radius-full);position:absolute;top:8px;right:8px}.kb-hub-stats{display:flex;justify-content:center;gap:var(--space-5);padding:var(--space-3) 0;border-top:1px solid var(--border)}.kb-hub-stat{text-align:center}.kb-hub-stat-value{display:block;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--accent-amber);font-variant-numeric:tabular-nums}.kb-hub-stat-label{font-size:11px;color:var(--text-muted)}.kb-search-widget{max-width:560px;margin:0 auto;width:100%}.kb-search-form{display:flex;gap:var(--space-2)}.kb-search-full{flex:1}.kb-search-go{padding:var(--space-2) var(--space-4);white-space:nowrap;border:1px solid var(--accent-amber);color:var(--accent-amber)}.kb-parse-results{margin-top:var(--space-3)}.kb-parse-group{margin-bottom:var(--space-2);display:flex;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap}.kb-parse-label{font-size:12px;font-weight:var(--font-medium);padding-top:var(--space-1);min-width:50px}.kb-parse-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.kb-count-badge{font-size:12px;color:var(--text-muted);white-space:nowrap}.kb-entity-tags{margin:var(--space-3) 0}.kb-entity-tag-group{margin-bottom:var(--space-2);display:flex;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap}.kb-entity-tag-label{font-size:12px;font-weight:var(--font-medium);min-width:50px;padding-top:var(--space-1)}.kb-entity-tag-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.kb-entity-tag{font-size:12px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid;cursor:pointer;transition:all .15s;background:none}.kb-entity-tag:hover{filter:brightness(1.3);transform:scale(1.05)}.kb-entity-detail{max-width:800px}.kb-entity-type-badge{display:inline-block;font-size:12px;padding:2px var(--space-3);border-radius:var(--radius-full);border:1px solid;margin-right:var(--space-2);vertical-align:middle;font-weight:400}.kb-variety-gallery{flex:1;overflow-y:auto}.kb-variety-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.kb-variety-card{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;transition:all .15s}.kb-variety-card:hover{border-color:#4ade80;background:var(--bg-elevated);transform:translateY(-1px)}.kb-variety-card-header{margin-bottom:var(--space-1)}.kb-variety-name{font-weight:var(--font-semibold);color:var(--text-primary);display:block}.kb-variety-name-en{font-size:12px;color:var(--text-muted)}.kb-variety-flavor{font-size:12px;color:var(--text-secondary);margin:var(--space-1) 0;line-height:1.4}.kb-variety-card-footer{display:flex;gap:var(--space-2);flex-wrap:wrap}.kb-variety-badge{font-size:10px;padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.kb-process-list{flex:1;overflow-y:auto}.kb-process-cards{display:flex;flex-direction:column;gap:var(--space-2)}.kb-process-card{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;transition:all .15s}.kb-process-card:hover{border-color:#fbbf24;background:var(--bg-elevated)}.kb-process-card-header{margin-bottom:var(--space-1);display:flex;align-items:baseline;gap:var(--space-2)}.kb-process-name{font-weight:var(--font-semibold);color:var(--text-primary)}.kb-process-name-en{font-size:12px;color:var(--text-muted)}.kb-process-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-2)}.kb-process-flavors{display:flex;flex-wrap:wrap;gap:var(--space-1)}.kb-flavor-chip{font-size:11px;padding:2px var(--space-2);border-radius:var(--radius-full);background:#f472b61a;color:#f472b6;border:1px solid rgba(244,114,182,.2)}.kb-group-section{margin-bottom:var(--space-5)}.kb-group-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--border)}.kb-group-name{font-size:var(--text-sm);font-weight:var(--font-semibold)}.kb-group-count{font-size:11px;color:var(--text-muted);background:var(--bg-elevated);padding:0 var(--space-2);border-radius:var(--radius-full)}@media(max-width:768px){.kb-hub-cards{grid-template-columns:repeat(2,1fr)}.kb-variety-grid{grid-template-columns:1fr}.kb-hub-stats{flex-wrap:wrap;gap:var(--space-3)}.kb-search-form{flex-direction:column}.kb-search-go{align-self:flex-end}}.kb-ref-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:768px){.kb-ref-grid{grid-template-columns:repeat(2,1fr)}}.kb-ref-card{text-align:left;background:#ffffff08;border:1px solid var(--border);border-left:3px solid var(--card-color, var(--accent-amber));border-radius:8px;padding:var(--space-4);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:var(--space-3)}.kb-ref-card:hover{background:#ffffff0d;transform:translateY(-2px)}.kb-ref-card-header{display:flex;align-items:center;gap:var(--space-3)}.kb-ref-icon{font-size:28px}.kb-ref-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.kb-ref-title-en{font-size:var(--text-xs);color:var(--text-muted)}.kb-ref-count{margin-left:auto;background:var(--card-color, var(--accent-amber));color:#000;font-size:var(--text-sm);font-weight:700;padding:2px var(--space-3);border-radius:12px}.kb-ref-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.kb-ref-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.kb-ref-item-card{text-align:left;background:#ffffff08;border:1px solid var(--border);border-radius:6px;padding:var(--space-3);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:var(--space-1)}.kb-ref-item-card:hover{background:#ffffff0d;border-color:var(--accent-amber)}.kb-ref-item-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.kb-ref-item-abbr{font-weight:400;color:var(--text-muted);font-size:var(--text-xs)}.kb-ref-item-subtitle{font-size:var(--text-xs);color:var(--text-muted)}.kb-ref-item-meta{font-size:10px;color:var(--text-muted);margin-top:2px}.kb-ref-item-desc{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5;margin-top:var(--space-1)}.kb-ref-item-badge{display:inline-block;font-size:10px;color:var(--accent-amber);background:#c8a96e1a;padding:2px var(--space-2);border-radius:10px;margin-top:var(--space-2);width:fit-content}.kb-flavor-section{margin-bottom:var(--space-4)}.kb-flavor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.kb-flavor-card{text-align:left;background:#ffffff08;border:1px solid var(--border);border-radius:8px;padding:var(--space-3);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:var(--space-1)}.kb-flavor-card:hover{transform:translateY(-2px)}.kb-flavor-card.positive{border-left:3px solid var(--accent-green)}.kb-flavor-card.positive:hover{background:#16a34a14;border-color:var(--accent-green)}.kb-flavor-card.negative{border-left:3px solid var(--accent-red)}.kb-flavor-card.negative:hover{background:#dc262614;border-color:var(--accent-red)}.kb-flavor-name{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.kb-flavor-name-en{font-size:var(--text-xs);color:var(--text-muted)}.kb-flavor-wheel-path{font-size:10px;color:var(--text-muted);margin-top:var(--space-1)}.kb-flavor-sensory{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4;margin-top:var(--space-1)}.kb-origins-list{flex:1;overflow-y:auto;min-height:0}.kb-origins-tabs{display:flex;gap:2px;background:var(--bg-elevated);border-radius:var(--radius-md);padding:2px}.kb-origins-tab{padding:var(--space-1) var(--space-3);border:none;background:none;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.kb-origins-tab:hover{color:var(--text-primary)}.kb-origins-tab.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0,0,0,.1))}.kb-continent-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--border)}.kb-continent-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:#60a5fa}.kb-country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.kb-country-card{display:flex;flex-direction:column;gap:var(--space-2);text-align:left;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;transition:all .15s;font-family:inherit;color:inherit}.kb-country-card:hover{border-color:#60a5fa;background:var(--bg-elevated);transform:translateY(-1px)}.kb-country-card-top{display:flex;align-items:center;gap:var(--space-3)}.kb-country-flag{font-size:28px;line-height:1;flex-shrink:0}.kb-country-names{display:flex;flex-direction:column;min-width:0;flex:1}.kb-country-name-zh{font-weight:var(--font-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-country-name-en{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-country-meta{display:flex;gap:var(--space-3);flex-wrap:wrap;font-size:11px;color:var(--text-muted)}.kb-country-regions{color:#60a5fa;font-weight:var(--font-semibold)}.kb-country-flavor{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.kb-country-grid{grid-template-columns:1fr}}.graph-overlay{position:fixed;inset:0;z-index:1000;background:#000000d9;display:flex;align-items:center;justify-content:center}.graph-container{width:90vw;height:85vh;max-width:1200px;background:#0a0c10;border:1px solid rgba(200,169,110,.2);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.graph-header{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.06);gap:var(--space-3);height:44px;flex-shrink:0}.graph-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap}.graph-hint{font-size:10px;color:var(--text-muted);flex:1;text-align:center}.graph-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:var(--space-1) var(--space-2)}.graph-close:hover{color:var(--text-primary)}.coach-message-bar{flex:0 0 auto;width:100%;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-base)}.coach-msg{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:6px;line-height:1.4}.coach-msg-icon{flex-shrink:0;width:1.25em;text-align:center;font-weight:var(--font-bold);cursor:help}.coach-msg-warning .coach-msg-icon{color:var(--accent-amber)}.coach-msg-success .coach-msg-icon{color:var(--state-done)}.coach-msg-info .coach-msg-icon{color:var(--text-muted)}.coach-msg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.coach-msg-text{flex:1}.coach-msg-success{background:#2ecc7114}.coach-msg-warning{background:#f1c40f1a}.coach-msg-info{background:#95a5a614}.coach-msg-toggle{background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;padding:2px 0;text-align:center}.coach-msg-filter{align-self:flex-end;background:none;border:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm);padding:2px var(--space-2);border-radius:var(--radius-sm);cursor:pointer}.coach-msg-filter:hover{color:var(--text-primary)}.coach-msg-filter.active{color:var(--accent-amber);border-color:var(--accent-amber)}.graph-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.coach-report{flex:0 0 auto;width:100%;padding:var(--space-4);border-radius:8px;background:#ffffff0a;margin:var(--space-3) 0}.coach-report-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-3)}.coach-report-icon{font-size:20px}.coach-report-summary{font-size:var(--text-md);line-height:1.6;padding:var(--space-2) var(--space-3);background:#ffffff08;border-radius:6px;margin-bottom:var(--space-3)}.coach-report-section{margin-bottom:var(--space-3)}.coach-report-label{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.coach-report-section ul{margin:0;padding-left:var(--space-4);font-size:var(--text-base);line-height:1.6}.coach-report-section p{margin:0;font-size:var(--text-base);line-height:1.6}.coach-report-loading{font-size:var(--text-base);color:var(--text-secondary);padding:var(--space-5) 0;text-align:center}.rdv-stars{font-size:20px;margin-bottom:var(--space-2)}.star-active{color:var(--accent-yellow)}.star-dim{color:var(--text-tertiary)}.rdv-quick-note{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-2)}.rdv-quick-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.rdv-quick-tag{padding:2px var(--space-3);border-radius:12px;background:#3498db1f;color:var(--accent-blue);font-size:var(--text-sm)}.rdv-env-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.rdv-env-item{text-align:center}.rdv-env-item label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:2px}.rdv-env-item span{font-size:var(--text-md);font-weight:600}.pending-review{max-width:900px;margin:0 auto}.pending-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.pending-header h2{margin:0;font-size:var(--text-xl)}.pending-filters{display:flex;gap:var(--space-2)}.pending-filter{padding:var(--space-1) var(--space-3);border-radius:14px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer}.pending-filter.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.pending-batch-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#ffffff0a;border-radius:8px;margin-bottom:var(--space-3);font-size:var(--text-base)}.pending-select-all{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.pending-batch-btn{font-size:var(--text-sm);padding:var(--space-1) var(--space-4)}.pending-empty{text-align:center;padding:var(--space-10) 0;color:var(--text-secondary);font-size:var(--text-base)}.pending-list{display:flex;flex-direction:column;gap:var(--space-2)}.pending-item{background:#ffffff0a;border:1px solid var(--border);border-radius:8px;padding:var(--space-3)}.pending-item.selected{border-color:var(--accent-blue)}.pending-item-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2);font-size:var(--text-base)}.pending-item-type{font-weight:600;background:#3498db1f;color:var(--accent-blue);padding:2px var(--space-2);border-radius:10px;font-size:var(--text-sm)}.pending-item-action{background:#2ecc711f;color:var(--accent-green);padding:2px var(--space-2);border-radius:10px;font-size:var(--text-sm)}.pending-item-source,.pending-item-confidence{color:var(--text-secondary);font-size:var(--text-sm)}.pending-item-date{color:var(--text-secondary);font-size:var(--text-sm);margin-left:auto}.pending-item-expand{background:none;border:none;color:var(--accent-blue);font-size:var(--text-sm);cursor:pointer}.pending-data-preview{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1) var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-2)}.pending-data-key{color:var(--text-secondary)}.pending-data-val{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-data-more{grid-column:1/-1;color:var(--text-secondary);font-style:italic}.pending-data-full{background:#0003;border-radius:6px;padding:var(--space-3);font-size:11px;overflow-x:auto;max-height:300px;overflow-y:auto;margin-top:var(--space-2)}.pending-item-detail{border-top:1px solid var(--border);padding-top:var(--space-2);margin-top:var(--space-2)}.pending-detail-row{font-size:var(--text-sm);margin-bottom:var(--space-1)}.pending-detail-row span{color:var(--text-secondary);margin-right:var(--space-2)}.pending-detail-row a{color:var(--accent-blue)}.pending-item-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.pending-approve-btn{font-size:var(--text-sm);padding:var(--space-1) var(--space-4)}.pending-reject-btn{background:none;border:1px solid rgba(231,76,60,.3);color:var(--accent-red);font-size:var(--text-sm);padding:var(--space-1) var(--space-4);border-radius:6px;cursor:pointer}.pending-reject-btn:hover{background:#e74c3c1a}.kb-hub-admin{margin-top:var(--space-4);text-align:center}.kb-admin-btn{background:#ffffff0a;border:1px solid var(--border);color:var(--text-secondary);padding:var(--space-2) var(--space-5);border-radius:8px;font-size:var(--text-base);cursor:pointer}.kb-admin-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.pending-bundle-summary{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.pending-bundle-tag{padding:2px var(--space-3);border-radius:12px;background:#3498db1a;color:var(--accent-blue);font-size:var(--text-sm)}.pending-entity-count{font-size:var(--text-sm);color:var(--text-secondary)}.pending-bundle-entities{display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-2) 0}.pending-entity-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);background:#ffffff05;border-radius:4px}.pending-entity-ref{font-weight:600;color:var(--accent-orange);min-width:70px}.pending-entity-match{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pending-entity-fields{color:var(--text-secondary);white-space:nowrap}.pending-ingestion-result{font-size:var(--text-sm);margin:var(--space-2) 0;padding:var(--space-2);background:#ffffff05;border-radius:6px}.pending-result-created{color:var(--accent-green);margin-bottom:var(--space-1)}.pending-result-merged{color:var(--accent-blue);margin-bottom:var(--space-1)}.pending-result-skipped{color:var(--text-muted);margin-bottom:var(--space-1)}.pending-result-errors{color:var(--accent-red)}.pending-result-card{background:#2ecc710f;border:1px solid rgba(46,204,113,.2);border-radius:8px;padding:var(--space-3);margin-bottom:var(--space-3)}.pending-result-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:var(--text-base);margin-bottom:var(--space-2)}.pending-result-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px}.pending-result-actions{display:flex;flex-direction:column;gap:var(--space-1)}.pending-action{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border-radius:4px}.pending-action-created{background:#2ecc7114}.pending-action-merged{background:#3498db14}.pending-action-skipped{background:#95a5a60d}.pending-action-error{background:#e74c3c14}.pending-action-icon{flex-shrink:0}.pending-action-ref{font-weight:600;color:var(--accent-orange)}.pending-action-type{color:var(--accent-blue)}.pending-action-name{font-weight:500}.pending-action-link{color:var(--accent-blue);text-decoration:none;white-space:nowrap}.pending-action-link:hover{text-decoration:underline}.pending-action-detail{color:var(--text-secondary)}.pending-action-changes{width:100%;padding-left:var(--space-6);color:var(--text-secondary);font-size:11px}.pending-change{display:inline-block;margin-right:var(--space-3)}.comp-desc{font-size:var(--text-base);color:var(--text-muted);line-height:1.5;margin-bottom:var(--space-4);padding:var(--space-3);background:var(--bg-base);border-radius:var(--radius-md)}.comp-editions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--space-3)}.comp-edition-card{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);text-align:center;cursor:pointer;transition:all .15s}.comp-edition-card:hover{border-color:#a78bfa;background:var(--bg-elevated);transform:translateY(-1px)}.comp-edition-year{font-size:20px;font-weight:var(--font-bold);color:var(--text-primary)}.comp-edition-meta{font-size:11px;color:var(--text-muted);margin-top:var(--space-1)}.comp-edition-badge{font-size:10px;color:var(--accent-green);margin-top:var(--space-1)}.comp-source-link{margin-bottom:var(--space-3);font-size:var(--text-sm)}.comp-source-link a{color:var(--text-muted);text-decoration:none}.comp-source-link a:hover{color:var(--accent-blue)}.comp-entries-list{display:flex;flex-direction:column;gap:var(--space-2)}.comp-entry-card{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);transition:border-color .15s}.comp-entry-card:hover{border-color:#ffffff26}.comp-entry-header{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2)}.comp-entry-rank{font-size:18px;font-weight:var(--font-bold);color:#a78bfa;min-width:36px}.comp-entry-score{font-size:16px;font-weight:var(--font-semibold);color:var(--accent-yellow);font-variant-numeric:tabular-nums}.comp-entry-farm{font-size:var(--text-md);font-weight:var(--font-medium);color:var(--text-primary)}.comp-entry-details{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-left:var(--space-12)}.comp-entry-tag{font-size:var(--text-sm);color:var(--text-secondary)}.comp-entry-tag-label{color:var(--text-muted);margin-right:2px}.profile-input-area{margin-bottom:var(--space-4)}.profile-input-box{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-base);border:1px solid var(--border);border-radius:16px;padding:var(--space-3) var(--space-4);transition:border-color .2s}.profile-input-box.active{border-color:var(--accent-blue)}.profile-input-icon{font-size:18px;flex-shrink:0}.profile-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:15px;outline:none}.profile-input::placeholder{color:var(--text-muted)}.profile-input-go{padding:var(--space-1) var(--space-4);border-radius:10px;border:1px solid var(--accent-blue);background:transparent;color:var(--accent-blue);font-size:13px;cursor:pointer}.profile-input-go:hover{background:#3498db1a}.profile-parsed-dims{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) 0}.profile-parsed-label{font-size:11px;color:var(--text-muted)}.profile-parsed-tag{padding:2px var(--space-3);border-radius:10px;font-size:12px}.profile-dim-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.profile-dim-tag{display:flex;align-items:center;gap:var(--space-1);color:#000;padding:var(--space-1) var(--space-4);border-radius:16px;font-size:13px;font-weight:500}.profile-dim-remove{background:none;border:none;color:#00000080;cursor:pointer;font-size:12px;padding:0 0 0 var(--space-1)}.profile-constellation{position:relative;margin-bottom:var(--space-4);border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(ellipse at center,rgba(52,152,219,.02) 0%,transparent 70%)}.profile-constellation canvas{display:block}.profile-constellation-legend{position:absolute;right:12px;bottom:8px;font-size:10px;color:var(--text-muted);display:flex;gap:var(--space-3)}.profile-cards{display:flex;flex-direction:column;gap:var(--space-2)}.profile-card{border-radius:var(--radius-md);padding:var(--space-3)}.profile-card-roasting{background:#f871710f;border:1px solid rgba(248,113,113,.12)}.profile-card-variety{background:#4ade800f;border:1px solid rgba(74,222,128,.12)}.profile-card-competitions{background:#a78bfa0f;border:1px solid rgba(167,139,250,.12)}.profile-card-regions{background:#60a5fa0f;border:1px solid rgba(96,165,250,.12)}.profile-card-farms{background:#c8a96e0f;border:1px solid rgba(200,169,110,.12)}.profile-card-catalog{background:#e67e220f;border:1px solid rgba(230,126,34,.12)}.profile-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-base)}.profile-card-icon{font-size:14px}.profile-card-title{font-weight:var(--font-semibold)}.profile-card-badge{margin-left:auto;font-size:10px;padding:1px var(--space-2);border-radius:8px}.badge-exact{background:#2ecc7126;color:var(--accent-green)}.badge-partial{background:#f1c40f26;color:var(--accent-yellow)}.badge-dim{color:var(--text-muted)}.profile-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.profile-metric label{display:block;font-size:10px;color:var(--text-muted)}.profile-metric span{font-size:var(--text-base);font-weight:var(--font-medium)}.profile-flavors{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2)}.profile-entries-list{display:flex;flex-direction:column;gap:2px}.profile-entry{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:var(--text-sm);cursor:pointer}.profile-entry:hover{background:#ffffff05}.profile-entry-rank{font-weight:700;color:#a78bfa;min-width:28px}.profile-entry-score{font-weight:600;color:var(--accent-yellow);min-width:36px}.profile-entry-comp{flex:1}.profile-entry-farm{color:var(--text-muted)}.profile-entry-link{color:var(--accent-blue);margin-left:auto}.profile-stats-row{font-size:11px;color:var(--text-muted);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.05)}.profile-stats-source{margin-left:var(--space-2);font-size:10px}.profile-tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.profile-tag{padding:var(--space-1) var(--space-3);border-radius:12px;font-size:var(--text-sm);cursor:pointer;background:none;transition:all .15s}.profile-tag-region{border:1px solid rgba(96,165,250,.3);color:#60a5fa}.profile-tag-region:hover{background:#60a5fa1a}.profile-tag-farm{border:1px solid rgba(200,169,110,.3);color:var(--accent-amber)}.profile-tag-farm:hover{background:#c8a96e1a}.profile-trending{text-align:center;padding:var(--space-6) 0}.profile-trending-title{font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--space-3)}.profile-trending-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.profile-trending-item{padding:var(--space-2) var(--space-4);border-radius:20px;border:1px dashed var(--border);background:none;color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;transition:all .15s}.profile-trending-item:hover{border-color:var(--accent-orange);color:var(--accent-orange);border-style:solid}.kb-profile-btn{background:none;border:1px solid rgba(230,126,34,.3);color:var(--accent-orange);padding:var(--space-1) var(--space-3);border-radius:8px;font-size:var(--text-sm);cursor:pointer}.kb-profile-btn:hover{background:#e67e221a}.people-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.people-tab{padding:var(--space-2) var(--space-4);border-radius:16px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;transition:all .15s}.people-tab.active{background:var(--accent-amber);border-color:var(--accent-amber);color:#000}.pending-action-dropped{width:100%;padding:2px 0 0 var(--space-6);font-size:11px;color:var(--accent-orange)}.kb-entries-table{display:flex;flex-direction:column;gap:2px}.kb-entry-row{display:grid;grid-template-columns:40px 45px 1fr 80px 20px;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-2);background:#a78bfa0a;border-radius:6px;cursor:pointer;align-items:center}.kb-entry-row:hover{background:#a78bfa14}.kb-entry-rank{font-weight:700;color:#a78bfa}.kb-entry-score{font-weight:600;color:var(--accent-yellow)}.kb-entry-detail{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-entry-link{color:var(--accent-blue)}.kb-field-link{color:inherit;text-decoration:none;cursor:pointer}.kb-field-link:hover{text-decoration:underline}.history-count{font-size:var(--text-base);color:var(--text-secondary);flex-shrink:0;white-space:nowrap}.history-sentinel{padding:var(--space-4) 0;text-align:center}.history-loading{font-size:var(--text-base);color:var(--text-secondary)}.history-end{font-size:var(--text-sm);color:var(--text-muted)}.history-load-error{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--accent-red)}.history-retry-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.history-retry-btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}@media(prefers-reduced-motion:reduce){.modal-overlay,.auth-modal-overlay,.modal,.modal-card,.auth-modal,.onboarding-card,.cupping-modal,.toast,.sidebar-tab-dot.live,.toast-bar{animation:none!important}.toast:after{display:none!important}}.curve-rename-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;width:100%}.curve-rename-input{background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-base);font-family:inherit;min-width:140px;flex:1 1 140px}.curve-rename-input:focus{border-color:var(--accent-amber);outline:none}.curve-rename-desc{flex:2 1 200px}.curve-rename-error{flex-basis:100%;font-size:var(--text-sm);color:var(--accent-red)}.roast-summary-warning{font-size:var(--text-sm);color:var(--accent-red);background:var(--accent-red-lighter);border:1px solid var(--accent-red-light);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);line-height:var(--leading-normal)}.dt-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border-bottom:1px solid var(--border);min-height:44px}.dt-toolbar--active{position:sticky;top:0;z-index:var(--z-sticky);background-image:linear-gradient(var(--accent-amber-lighter),var(--accent-amber-lighter));border-bottom-color:var(--accent-amber)}.dt-toolbar-count{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-medium)}.dt-toolbar-hint{font-size:var(--text-sm);color:var(--text-muted);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dt-toolbar-del{margin-left:auto}.dt-check-col{width:36px;text-align:center}.dt-check-col input[type=checkbox]{cursor:pointer}.dt-row--selected{background:var(--accent-amber-lighter)}.rdv-scale-caveat{font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-1) var(--space-2) 0;line-height:1.4}@media(hover:none){.toast{pointer-events:none}.toast-undo-btn,.toast-close-btn{pointer-events:auto}}.app-alerts{display:flex;flex-direction:column;gap:1px;flex:none}.app-alert{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent-red-lighter, rgba(220, 80, 70, .14));border-bottom:1px solid var(--accent-red)}.app-alert-mark{color:var(--accent-red);line-height:1;flex:none}.app-alert-text{flex:1;min-width:0;color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);line-height:1.35}.app-alert-ack{flex:none;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);padding:2px var(--space-2);cursor:pointer}@media(hover:hover){.app-alert-ack:hover{color:var(--text-primary);background:var(--bg-hover)}}:root{--text-micro: 10px;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 24px;--text-display: 40px;--text-readout-lg: 74px;--text-readout-md: 56px;--text-readout-sm: 26px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--bg-base: #0f1117;--bg-surface: #161b22;--bg-elevated: #1e2733;--bg-hover: #243040;--text-primary: #c8cdd6;--text-secondary: #8fa6c7;--text-muted: #7a8eaa;--text-tertiary: #63738a;--accent-amber: #f0b429;--accent-yellow: #f1c40f;--curve-reference: #3498db;--accent-red: #e8604c;--accent-green: #3de87a;--accent-orange: #f39c12;--accent-blue: #3b82f6;--accent-amber-light: rgba(240, 180, 41, .15);--accent-amber-lighter: rgba(240, 180, 41, .08);--accent-red-light: rgba(232, 96, 76, .15);--accent-red-lighter: rgba(232, 96, 76, .08);--accent-green-light: rgba(61, 232, 122, .15);--accent-green-lighter: rgba(61, 232, 122, .08);--accent-red-soft: #f08a8d;--state-done: #3fbf8f;--state-done-soft: #7fe3bc;--border: #1e2733;--border-subtle: #161b22;--border-strong: #2a323c;--overlay: rgba(0, 0, 0, .6);--color-bean-drop: #2ecc71;--color-yellowing: #f1c40f;--color-first-crack: #f39c12;--color-first-crack-end: #e67e22;--color-second-crack: #e74c3c;--color-second-crack-end: #d94f8a;--color-bean-discard: #38bdf8;--color-event-default: #a78bfa;--event-chip-bg: #12161f;--channel-bt: #e74c3c;--channel-et: #4fb8ab;--channel-it: #8ec36a;--channel-dt: #a3acb8;--metric-ror: #9b59b6;--phase-drying: rgba(46, 204, 113, .15);--phase-maillard: rgba(243, 156, 18, .18);--phase-development: rgba(231, 76, 60, .22);--chart-grid: #232a33;--chart-marker-ring: #e8eaed;--chart-now-band: rgba(240, 180, 41, .07);--chart-band-fc-temp: rgba(243, 156, 18, .1);--chart-band-drop-temp: rgba(232, 96, 76, .08);--chart-band-fc-time: rgba(243, 156, 18, .06);--chart-band-total-time: rgba(149, 165, 166, .06);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--focus-ring: 0 0 0 2px var(--bg-surface), 0 0 0 4px var(--accent-amber);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 999px;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .25s ease;--z-sticky: 10;--z-dropdown: 100;--z-backdrop: 400;--z-profile: 450;--z-modal: 500;--z-toast: 350;--font-mono: "SF Mono", "Menlo", "Consolas", monospace;--instrument-bg: rgba(0, 0, 0, .15);--instrument-border: rgba(255, 255, 255, .06);--sidebar-width: 56px;--sidebar-expanded: 200px;--mobile-tab-height: 56px;--cockpit-topbar-h: 52px;--cockpit-readout-h: 128px;--cockpit-coach-h: 46px;--cockpit-phase-h: 34px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:16px;line-height:var(--leading-relaxed);color:var(--text-primary);background-color:var(--bg-base)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-amber);outline-offset:1px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{color:var(--accent-amber);text-decoration:none}a:hover{text-decoration:underline}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:var(--font-semibold);font-family:inherit;background:var(--accent-amber);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:filter var(--transition-base);white-space:nowrap}@media(hover:hover){.btn-primary:hover{filter:brightness(1.1)}}.btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);font-family:inherit;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}@media(hover:hover){.btn-secondary:hover{border-color:var(--accent-amber);color:var(--accent-amber)}}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-base);font-family:inherit;background:transparent;color:var(--accent-amber);border:none;cursor:pointer;transition:opacity var(--transition-base)}@media(hover:hover){.btn-ghost:hover{opacity:.8}}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-family:inherit;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}@media(hover:hover){.btn-danger:hover{border-color:var(--accent-red);color:var(--accent-red)}}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn-lg{padding:var(--space-3) var(--space-5);font-size:var(--text-lg)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-base);font-family:inherit;transition:border-color var(--transition-base)}.input:focus{border-color:var(--accent-amber)}.input::placeholder{color:var(--text-muted)}.select{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-base);font-family:inherit}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap}.chip b,.chip strong{font-weight:var(--font-semibold);color:var(--text-primary)}.chip--amber{border-color:var(--accent-amber-light)}.chip--green{border-color:var(--accent-green-light)}.chip--red{border-color:var(--accent-red-light)}.chip--accent{background:var(--accent-amber-lighter);border-color:var(--accent-amber-light);color:var(--accent-amber);font-weight:var(--font-semibold)}.section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-backdrop)}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:420px;padding:var(--space-6);box-shadow:var(--shadow-lg);z-index:var(--z-modal);max-height:85vh;overflow-y:auto}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-5)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5)}.toast-bar{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);animation:toastSlideIn .2s ease-out}.empty-state-block{text-align:center;padding:var(--space-10) var(--space-4);color:var(--text-muted);font-size:var(--text-md);line-height:2}.note-fact,.note-caveat,.note-warn{font-size:var(--text-xs);line-height:1.35}.note-fact{color:var(--text-muted)}.note-caveat{color:var(--text-secondary)}.note-warn{color:var(--accent-amber);font-weight:var(--font-medium)}.web-guest-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);text-align:center}.guest-gate-icon{font-size:48px}.guest-gate-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.guest-gate-desc{font-size:var(--text-md);color:var(--text-muted);max-width:280px}.rd-discard{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.cb-btn,.rr-btn,.rd-temp-btn,.rd-next,.rd-row--pending,.rd-edit{-webkit-user-select:none;user-select:none}@media(pointer:coarse){button,select,input,label,a{touch-action:manipulation}}@media(hover:none){.es-edit-btn,.es-delete-btn,.rib-name-edit-icon{opacity:1}.save-btn:hover{filter:none;transform:none}.manual-temp-btn:hover{filter:none}.modal-btn:hover:not(:disabled){filter:none}.btn.btn-danger:hover,.btn.btn-confirm:hover{filter:none}.color-swatch:hover{transform:none}.profile-avatar-circle:hover{filter:none}.es-record-btn--primary:hover{opacity:1}.auth-submit-btn:hover:not(:disabled){opacity:1}.auth-toggle-btn:hover,.guest-gate-btn:hover{opacity:1}}@media(pointer:coarse)and (min-width:768px){.rd-row{min-height:44px}.rd-edit{position:relative;width:28px;height:28px;font-size:var(--text-sm)}.rd-edit:after{content:"";position:absolute;inset:-8px}.cb-btn{min-width:44px;min-height:44px}.rd-temp-input,.manual-temp-input{font-size:16px}.rd-temp-btn{position:relative}.rd-temp-btn:after{content:"";position:absolute;inset:-2px}.rr-foot{overflow:visible}.rr-btn{position:relative}.rr-btn:after{content:"";position:absolute;inset:-20px -4px -5px}button.rb-chip{position:relative}button.rb-chip:after{content:"";position:absolute;inset:-22px 0 -5px}.rtb-pill{height:44px}.rtb-bean-select{min-height:44px}.rtb-ref-clear{position:relative;width:28px;height:28px;font-size:var(--text-base)}.rtb-ref-clear:after{content:"";position:absolute;inset:-8px}.rtb-more{position:relative}.rtb-more:after{content:"";position:absolute;inset:-8px}.rtb-menu-item{display:flex;align-items:center;min-height:44px}.rcb-dismiss{position:relative}.rcb-dismiss:after{content:"";position:absolute;inset:-9px -4px}.tc-window-btn{position:relative}.tc-window-btn:after{content:"";position:absolute;inset:-12px 0}.ds-btn{position:relative;padding:var(--space-2) var(--space-3)}.ds-btn:after{content:"";position:absolute;inset:-5px 0}.ds-error{white-space:normal;overflow-wrap:anywhere}.rec-toggle{position:relative;min-height:36px}.rec-toggle:after{content:"";position:absolute;inset:-4px 0}.toggle-switch:after{content:"";position:absolute;inset:-13px -7px}.interval-select-sm{min-height:36px}.manual-temp-btn{position:relative;min-height:40px}.manual-temp-btn:after{content:"";position:absolute;inset:-2px}.dt-check-col input[type=checkbox]{width:20px;height:20px}.es-edit-btn,.es-delete-btn{position:relative;min-width:36px;min-height:36px;padding:var(--space-1);font-size:var(--text-md)}.es-edit-btn:after,.es-delete-btn:after{content:"";position:absolute;inset:-4px}.es-time{padding:var(--space-2) var(--space-1)}.trim-toggle button{min-height:44px;padding:var(--space-2) var(--space-4)}.target-badge-clear{position:relative;width:24px;height:24px}.target-badge-clear:after{content:"";position:absolute;inset:-10px}.load-profile-btn,.rdv-tab-btn{min-height:44px}.roast-left-expand-btn{min-width:44px}.retro-trigger-btn{position:relative}.retro-trigger-btn:after{content:"";position:absolute;inset:-10px -8px}.history-btn{position:relative;min-height:40px}.history-btn:after{content:"";position:absolute;inset:-2px 0}.history-refresh-btn,.history-select-btn,.history-view-btn{min-height:44px}.history-item-check{width:22px;height:22px}.history-export-notice-close{position:relative}.history-export-notice-close.history-export-notice-close{padding:var(--space-1) var(--space-2)}.history-export-notice-close:after{content:"";position:absolute;inset:-10px}.btn-sm{position:relative}.btn-sm:after{content:"";position:absolute;inset:-8px 0}.bean-batch-del-btn{position:relative;min-width:40px;min-height:40px;font-size:var(--text-md)}.bean-batch-del-btn:after{content:"";position:absolute;inset:-2px}.bean-batch-add-btn,.bean-batch-add-confirm,.bean-batch-add-cancel{min-height:44px}.gb-slot-link{position:relative}.gb-slot-link:after{content:"";position:absolute;inset:-8px}.dvl-btn{position:relative;padding:var(--space-2) var(--space-3)}.dvl-btn:after{content:"";position:absolute;inset:-5px 0}.dvl-icon-btn{position:relative;padding:var(--space-2);font-size:var(--text-md)}.dvl-icon-btn:after{content:"";position:absolute;inset:-6px}.dvl-add{position:relative;padding:var(--space-2) var(--space-3)}.dvl-add:after{content:"";position:absolute;inset:-5px 0}.sidebar-tab{position:relative}.sidebar-tab:after{content:"";position:absolute;inset:0 -8px}.modal-close-btn,.modal-close{position:relative}.modal-close-btn:after,.modal-close:after{content:"";position:absolute;inset:-10px}.coach-msg-filter{position:relative;min-height:32px}.coach-msg-filter:after{content:"";position:absolute;inset:-6px}.coach-msg-toggle{min-height:44px}.profile-avatar-circle{position:relative}.profile-avatar-circle:after{content:"";position:absolute;inset:-2px}.color-swatch{position:relative;width:36px;height:36px}.color-swatch:after{content:"";position:absolute;inset:-4px}.flavor-tag{position:relative;min-height:36px}.flavor-tag:after{content:"";position:absolute;inset:-4px 0}.adm-link{position:relative;padding:var(--space-2) 0}.adm-link:after{content:"";position:absolute;inset:-6px -4px}}