@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400&family=Work+Sans:wght@300;400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Work Sans,ui-sans-serif,system-ui,sans-serif;line-height:1.5;font-weight:400;letter-spacing:-.03em;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--display-font: "Fraunces", Georgia, "Iowan Old Style", "Times New Roman", serif;--body-font: "Work Sans", ui-sans-serif, system-ui, sans-serif;--bg: #0d0d0b;--bg-2: #121210;--surface: #1b1b17;--surface-raised: #22211d;--surface-hover: #2b2923;--rule: #3a372e;--text: #f2eee6;--text-muted: #b8b0a3;--text-subtle: #8f8779;--brand-accent: #b9a6f2;--brand-accent-bright: #cbbeff;--brand-accent-deep: #6a4ca7;--link: #cbbeff;--info: #8da5ff;--drop-citrine: #d7dd46;--drop-blue: #285fe0;--drop-eucalyptus: #aecbb8;--drop-peach: #ffd2a6;--drop-rhubarb: #d96d8a;--graph-bean: #7fa88a;--graph-spot: #afc2b0;--graph-mean: #cbbf9f;--graph-profile: #5f8bff;--graph-profile-guide: #9bb5ff;--graph-target: #dde24a;--graph-ror: #b77ac9;--graph-ror-guide: #c7a5d7;--graph-fan: #b4a7ff;--graph-power: #d96d8a;--graph-phase: #d0aa5b;--graph-warning: #d9785f;--compare-a-bean: #b9a6f2;--compare-a-profile: #cbbeff;--compare-a-ror: #8e75d9;--compare-b-bean: #5f8bff;--compare-b-profile: #9bb5ff;--compare-b-ror: #2f65d9;--compare-c-bean: #7fa88a;--compare-c-profile: #afc2b0;--compare-c-ror: #4f8062;--compare-d-bean: #d0aa5b;--compare-d-profile: #f0c875;--compare-d-ror: #a87934;--compare-line-bean-style: solid;--compare-line-profile-style: dashed;--compare-line-ror-style: dotted;--compare-line-bean-dash: 0;--compare-line-profile-dash: 6 6;--compare-line-ror-dash: 1 5;--surface-2: var(--surface-raised);--surface-3: var(--surface-hover);--line: var(--rule);--line-strong: var(--rule);--muted: var(--text-muted);--faint: var(--text-subtle);--brand-mark-text: var(--text);--accent: var(--brand-accent);--accent-hot: var(--brand-accent-bright);--accent-contrast: var(--bg);--accent-soft: color-mix(in srgb, var(--brand-accent) 34%, transparent);--good: var(--drop-eucalyptus);--bad: var(--drop-rhubarb);--warning: var(--graph-phase);--panel: var(--surface);--panel-strong: var(--surface-2);--panel-soft: var(--surface-hover);--control: var(--surface-raised);--control-raised: var(--surface-hover);--color-control-hover: var(--surface-hover);--shadow: 0 18px 54px color-mix(in srgb, var(--bg) 46%, transparent);--grid-line: var(--bg-2);--grid-line-soft: var(--bg-2);--chart-grid: var(--rule);--chart-axis: var(--text-muted);--chart-axis-soft: var(--text-subtle);--chart-bean: var(--graph-bean);--chart-spot: var(--graph-spot);--chart-mean: var(--graph-mean);--chart-profile: var(--graph-profile);--chart-target: var(--graph-target);--chart-ror: var(--graph-ror);--chart-ror-soft: var(--graph-ror-guide);--chart-fan: var(--graph-fan);--chart-power: var(--graph-power);--phase-drying: var(--info);--phase-maillard: var(--graph-phase);--phase-development: var(--graph-warning);--table-head-bg: var(--surface-2);--table-row-bg: var(--surface);--table-row-hover: var(--color-control-hover);--table-selected-bg: var(--accent);--table-selected-text: var(--accent-contrast);--table-pill-bg: var(--control);--table-pill-border: var(--rule);--status-reviewed-text: var(--bg);--status-reviewed-border: var(--drop-eucalyptus);--status-reviewed-bg: var(--drop-eucalyptus);--status-needs-notes-text: var(--bg);--status-needs-notes-border: var(--graph-target);--status-needs-notes-bg: var(--graph-target);--status-warning-text: var(--bg);--status-warning-border: var(--graph-phase);--status-warning-bg: var(--graph-phase);--parse-clean-text: var(--status-reviewed-text);--parse-clean-border: var(--status-reviewed-border);--parse-clean-bg: var(--status-reviewed-bg);--parse-warning-text: var(--status-warning-text);--parse-warning-border: var(--status-warning-border);--parse-warning-bg: var(--status-warning-bg);--ember: var(--accent);--ember-hot: var(--accent-hot);--sage: var(--good);--red: var(--bad);--ink: var(--bg);--color-page-bg: var(--bg);--color-surface: var(--surface);--color-surface-raised: var(--surface-raised);--color-surface-strong: var(--surface-hover);--color-rule: var(--rule);--color-rule-strong: var(--rule);--color-text: var(--text);--color-text-muted: var(--text-muted);--color-text-subtle: var(--text-subtle);--color-brand-mark: var(--brand-mark-text);--color-accent: var(--accent);--color-accent-hot: var(--accent-hot);--color-accent-contrast: var(--accent-contrast);--color-accent-soft: var(--accent-soft);--color-link: var(--link);--color-success: var(--drop-eucalyptus);--color-danger: var(--drop-rhubarb);--color-warning: var(--graph-phase);--color-control: var(--control);--color-control-raised: var(--control-raised);--color-shadow: color-mix(in srgb, var(--bg) 46%, transparent);--color-scrim: color-mix(in srgb, var(--bg) 48%, transparent);--color-scrim-strong: color-mix(in srgb, var(--bg) 64%, transparent);--color-score-text: var(--text);--color-score-base: var(--bg);--color-score-border-mix: var(--text);--roast-bean-temp: var(--graph-bean);--roast-spot-temp: var(--graph-spot);--roast-mean-temp: var(--graph-mean);--roast-profile: var(--graph-profile);--roast-profile-soft: var(--graph-profile-guide);--roast-target: var(--graph-target);--roast-ror: var(--graph-ror);--roast-ror-soft: var(--graph-ror-guide);--roast-fan: var(--graph-fan);--roast-power: var(--graph-power);--roast-heat: var(--graph-warning);--roast-phase: var(--graph-phase);--graph-guide: var(--graph-profile-guide);--graph-predicted-ror: var(--graph-ror-guide);--graph-heat: var(--graph-warning);--brand-ink: var(--bg);--brand-graphite: var(--bg-2);--brand-cream: var(--text);--brand-oat: var(--surface);--brand-silver: var(--rule);--brand-surface-2: var(--surface-raised);--brand-muted: var(--text-muted);--brand-primary: var(--brand-accent);--brand-active: var(--brand-accent-bright);--brand-link: var(--link);--coffee-citrus: var(--drop-citrine);--coffee-electric: var(--drop-blue);--coffee-calm: var(--drop-eucalyptus);--coffee-redfruit: var(--drop-rhubarb);--palette-ink: var(--bg);--palette-cream: var(--text);--palette-drop-bright: var(--drop-citrine);--palette-focus-citrine: var(--graph-target);--palette-active-lilac: var(--brand-accent-bright);--palette-success: var(--drop-eucalyptus);--palette-warning: var(--graph-phase);--palette-danger: var(--drop-rhubarb);--palette-terracotta: var(--graph-warning)}:root[data-theme=light]{color-scheme:light;--bg: #f3f0e7;--bg-2: #ece7db;--surface: #e5e2d9;--surface-raised: #d8d1c1;--surface-hover: #c8c5b8;--rule: #c8c5b8;--text: #171714;--text-muted: #6f695e;--text-subtle: #8d877c;--brand-accent: #4b205c;--brand-accent-bright: #6a4ca7;--brand-accent-deep: #4b205c;--link: #285fe0;--info: #285fe0;--graph-bean: #5f8069;--graph-spot: #8fa18f;--graph-mean: #b2a88f;--graph-profile: #315fd8;--graph-profile-guide: #8ea8ff;--graph-target: #d7dd46;--graph-ror: #57305f;--graph-ror-guide: #a985bc;--graph-fan: #8b72d8;--graph-power: #9d3f59;--graph-phase: #9d3f59;--graph-warning: #4b205c;--compare-a-bean: #4b205c;--compare-a-profile: #6a4ca7;--compare-a-ror: #8b72d8;--compare-b-bean: #285fe0;--compare-b-profile: #315fd8;--compare-b-ror: #2f65d9;--compare-c-bean: #5f8069;--compare-c-profile: #8fa18f;--compare-c-ror: #4f8062;--compare-d-bean: #9d3f59;--compare-d-profile: #c66352;--compare-d-ror: #4b205c;--accent-contrast: #f3f0e7;--phase-drying: var(--info);--phase-maillard: var(--graph-phase);--phase-development: var(--graph-warning);--table-pill-border: var(--rule);--status-reviewed-text: var(--text);--status-needs-notes-text: var(--text);--status-warning-text: var(--text);--parse-warning-text: var(--text)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}a{text-decoration:none}.app-shell{position:relative;min-height:100vh;padding-left:72px;overflow-x:clip;background:var(--bg)}.note-mode-shell{padding-left:0}.app-shell:before{content:none}.auth-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--bg)}.auth-panel{width:min(100%,420px);display:grid;gap:16px;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.auth-panel h1{font-size:clamp(2.3rem,10vw,4.4rem)}.auth-panel p{margin:0;color:var(--muted)}.auth-brand{margin-bottom:10px}.auth-form{display:grid;gap:14px;margin-top:8px}.auth-submit,.password-submit{justify-content:center;width:100%}.rail{position:fixed;inset:0 auto 0 0;z-index:2;width:72px;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;gap:32px;padding:20px 13px;border-right:2px solid var(--line);background:linear-gradient(180deg,var(--bg) 0%,var(--control) 54%,var(--surface) 100%);box-shadow:5px 0 color-mix(in srgb,var(--text) 3%,transparent)}.brand-mark{width:44px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--accent-contrast);border-radius:8px;color:var(--accent-hot);font-family:var(--display-font);font-size:.88rem;font-weight:300;letter-spacing:normal;box-shadow:none}.rail-brand{position:relative;width:44px;min-height:38px;aspect-ratio:1;padding:4px 2px;align-content:center;justify-items:center;gap:1px;border:0;border-radius:0;color:var(--brand-mark-text);background:transparent;font-size:.56rem;font-weight:400;line-height:.88;text-transform:lowercase}.rail-brand span{display:block}.rail-nav{display:grid;gap:18px}.rail-account{display:grid;gap:12px;margin-top:auto}.rail-user{width:42px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--good);background:var(--surface)}.rail-button{padding:0}.rail-link{position:relative;width:38px;aspect-ratio:1;display:grid;place-items:center;border:2px solid transparent;border-radius:15px 16px 13px 14px;color:color-mix(in srgb,var(--muted) 78%,var(--text));background:transparent;transition:color .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.rail-link svg{width:17px;height:17px;stroke-width:2.4;filter:drop-shadow(0 1px 0 color-mix(in srgb,var(--bg) 54%,transparent))}.rail-link:hover,.rail-link-active{color:var(--accent-contrast);border-color:var(--accent-contrast);background:var(--accent);box-shadow:0 2px 0 var(--accent-contrast);transform:translateY(-2px) rotate(-1deg)}.rail-link:nth-child(2n):hover,.rail-link:nth-child(2n).rail-link-active{transform:translateY(-2px) rotate(1deg)}.workspace{position:relative;z-index:1;width:min(100%,2200px);margin:0 auto;padding:12px 18px 18px;container-name:workspace;container-type:inline-size}.detail-statusbar{display:flex;align-items:center;gap:12px;min-height:42px;margin-bottom:10px}.detail-compare-button{margin-left:auto}.detail-statusbar strong{color:var(--text);font-size:1rem;font-weight:500}.topbar,.panel-heading,.topbar-actions,.search-box,.ghost-button,.accent-button{display:flex;align-items:center}.topbar{justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{margin:0 0 6px;color:var(--ember-hot);font-size:.69rem;letter-spacing:.18em;text-transform:uppercase}h1,h2{margin:0;color:var(--text);font-family:var(--display-font);font-weight:400;line-height:.95;letter-spacing:normal}h1{font-size:clamp(2.45rem,5vw,5.4rem)}h2{font-size:clamp(1.55rem,2vw,2.2rem);font-weight:300}.topbar-actions{gap:10px}.search-box{min-width:min(40vw,440px);gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--control);color:var(--muted)}.search-box input{width:100%;border:0;outline:0;color:var(--text);background:transparent}.search-box input::placeholder{color:var(--faint)}.ghost-button,.accent-button{gap:8px;min-height:42px;border-radius:8px;padding:0 14px;color:var(--text)}.ghost-button{border:1px solid var(--line);background:var(--control-raised)}.accent-button{border:1px solid var(--accent-contrast);background:var(--accent);color:var(--accent-contrast)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-bottom:22px}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.metric-strip{min-height:106px;display:grid;align-content:space-between;gap:8px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}.metric-strip svg{color:var(--accent-hot)}.metric-strip span,.metric-strip small,dt,.import-row span,th{color:var(--muted);font-size:.72rem;letter-spacing:.04em;text-transform:lowercase}.metric-strip strong{font-family:var(--display-font);font-size:2.5rem;font-weight:400;line-height:.9;letter-spacing:normal}.main-grid,.bottom-grid,.dashboard-import-grid,.detail-grid{display:grid;gap:28px}.main-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.7fr);margin-bottom:12px}.bottom-grid{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)}.dashboard-import-grid{grid-template-columns:minmax(340px,.42fr)}.detail-grid{grid-template-columns:minmax(0,1fr);align-items:start;height:calc(100dvh - 82px);min-height:0}.workspace:has(.roast-detail-workspace){max-width:none;width:100%;margin:0;padding:10px 0 0;background:var(--bg)}.workspace:has(.roast-detail-workspace) .detail-statusbar{margin:0;padding:0 18px 10px;background:var(--bg)}.workspace:has(.roast-detail-workspace) .detail-grid{gap:0}.cuppings-grid,.cupping-detail-grid,.blind-grid{display:grid;gap:12px;align-items:start}.cuppings-grid{grid-template-columns:minmax(300px,.42fr) minmax(0,1fr)}.cupping-detail-grid{grid-template-columns:minmax(0,1.34fr) minmax(300px,.66fr)}.blind-grid{max-width:1180px;grid-template-columns:minmax(0,1fr);margin:0 auto}.detail-main-panel{height:100%;min-height:0;border:0;background:transparent}.panel{border-radius:0;overflow:hidden;box-shadow:none}.panel-heading{justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--line)}.panel-heading.compact{align-items:flex-start}.cupping-create-panel,.add-cupping-coffee-panel,.blind-score-panel{display:grid;gap:10px;padding-bottom:12px}.blind-score-panel{animation:blind-note-in .16s ease-out}@keyframes blind-note-in{0%{opacity:.72;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cupping-create-panel>.form-field,.add-cupping-coffee-panel>.form-field,.cupping-row-list,.cupping-main-stack,.cupping-side-stack,.cupping-participant-list,.cupping-note-list{display:grid;gap:10px}.cupping-mode-copy{margin:0;padding:0 18px 16px;color:var(--muted);font-size:.82rem}.cupping-row-list,.cupping-participant-list,.cupping-note-list{padding:0}.cupping-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,auto);gap:12px;align-items:center;min-height:74px;padding:14px 16px;border-bottom:1px solid var(--line);color:var(--text)}.cupping-row:last-child{border-bottom:0}.cupping-row-heading,.cupping-stat-row,.cupping-coffee-row,.cupping-note-entry,.cupping-participant-row,.segmented-control,.blind-page-tabs,.blind-action-row{display:flex;align-items:center}.cupping-row-heading{justify-content:space-between;gap:12px}.cupping-row-heading strong,.cupping-coffee-row h3,.cupping-note-entry h3,.cupping-participant-row strong{display:block;color:var(--text);font-size:.96rem}.cupping-row-heading span,.cupping-coffee-row p,.cupping-note-entry p,.cupping-participant-row small{display:block;color:var(--muted);font-size:.78rem}.cupping-stat-row{flex-wrap:wrap;gap:8px}.cupping-stat-row span{min-width:58px;display:grid;gap:2px;padding:0;border:0;border-radius:0;color:var(--faint);font-size:.7rem}.cupping-stat-row strong{color:var(--text);font-size:1.1rem}.cupping-coffee-row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0 3px;border-bottom:0}.cupping-coffee-row:last-child{border-bottom:0}.cup-number,.blind-letter,.score-badge{display:grid;place-items:center;border-radius:8px;font-weight:700}.cup-number{flex:0 0 auto;width:34px;aspect-ratio:1;border:1px solid var(--line-strong);color:var(--text);background:var(--control-raised);font-size:.95rem}.cupping-coffee-row div:nth-child(2),.cupping-note-entry div:nth-child(2){min-width:0}.cupping-coffee-row h3,.cupping-coffee-row p,.cupping-note-entry h3,.cupping-note-entry p{margin:0}.cupping-coffee-row small{display:block;margin-top:3px;color:var(--faint);font-size:.74rem}.source-pill{margin-left:auto;padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.64rem;white-space:nowrap}.source-external{border-color:color-mix(in srgb,var(--good) 52%,transparent);color:var(--good)}.cupping-coffee-panel{display:grid;gap:8px;padding:0 0 14px}.cupping-coffee-panel .panel-heading{padding:0;border-bottom:0}.cupping-coffee-list{display:grid;gap:0}.cupping-coffee-row h3{display:flex;gap:7px;align-items:baseline;font-size:.88rem}.cupping-coffee-row h3 span{color:var(--ember-hot);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.74rem}.cupping-remove-button{width:30px;min-height:30px;color:var(--faint);background:transparent}.cupping-remove-button:hover{color:var(--accent-contrast);border-color:var(--accent-contrast);background:var(--accent)}.cupping-participant-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:8px 0 0;border-bottom:0}.cupping-participant-row>span{width:30px;aspect-ratio:1;display:grid;place-items:center;border-radius:8px;color:var(--palette-ink);background:var(--sage);font-weight:700}.cupping-note-entry{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:8px 0 0;border-bottom:0;color:var(--text)}.cupping-note-entry:last-child{border-bottom:0}.score-badge{flex:0 0 auto;min-width:48px;min-height:32px;border:1px solid var(--line);color:var(--text);background:transparent}.cupping-bean-note-list{display:grid;gap:0;padding:10px 0 0}.cupping-bean-note-group{display:grid;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.cupping-bean-note-group:last-child{border-bottom:0}.cupping-bean-note-heading{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center}.cupping-bean-note-heading h3{display:flex;align-items:baseline;gap:7px;margin:0;color:var(--text);font-size:.92rem}.cupping-bean-note-heading h3 span{color:var(--ember-hot);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem}.cupping-bean-note-heading p,.cupping-no-bean-notes{margin:0;color:var(--muted);font-size:.76rem}.cupping-no-bean-notes{padding-left:44px;color:var(--faint)}.cupping-bean-note-rows{display:grid;gap:6px;padding-left:44px}.cupping-note-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:start}.cupping-score-button{min-width:46px;min-height:30px;border:1px solid color-mix(in srgb,var(--score-fill) 78%,var(--color-score-border-mix) 10%);border-radius:8px;color:var(--color-score-text);background:color-mix(in srgb,var(--score-fill) 60%,var(--color-score-base) 40%);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;font-weight:800}.cupping-score-button:hover{border-color:color-mix(in srgb,var(--score-fill) 80%,var(--color-score-border-mix) 20%);background:color-mix(in srgb,var(--score-fill) 72%,var(--color-score-base) 28%)}.cupping-note-row h4{margin:0;color:var(--text);font-size:.86rem;line-height:1.2}.cupping-note-row p{margin:2px 0 0;color:var(--muted);font-size:.78rem;line-height:1.35}.cupping-score-shorthand{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.cupping-score-shorthand span{display:inline-flex;align-items:center;gap:3px;min-height:21px;border:1px solid color-mix(in srgb,var(--score-fill) 54%,transparent);border-radius:6px;padding:0 5px;color:var(--color-score-text);background:color-mix(in srgb,var(--score-fill) 42%,var(--surface) 58%);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.66rem;line-height:1}.cupping-score-shorthand b{color:color-mix(in srgb,var(--color-score-text) 66%,transparent);font-weight:700}.cupping-score-modal{width:min(430px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto;display:grid;gap:14px;border:1px solid var(--line-strong);border-radius:12px;padding:16px;background:var(--control-raised);box-shadow:0 22px 70px var(--color-shadow)}.cupping-score-modal-heading{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:12px;align-items:start}.cupping-score-modal-heading h2{margin:2px 0 0;color:var(--text);font-size:1.15rem;overflow-wrap:anywhere}.cupping-score-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cupping-score-detail-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;align-items:center;min-height:34px;border:1px solid var(--line);border-radius:8px;padding:5px 6px 5px 9px;background:var(--control)}.cupping-score-detail-row span{overflow:hidden;color:var(--muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.cupping-score-detail-row strong{display:grid;place-items:center;min-height:24px;border-radius:6px;color:var(--color-score-text);background:color-mix(in srgb,var(--score-fill) 54%,var(--color-score-base) 46%);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.76rem}.cupping-score-modal-notes{display:grid;gap:6px}.cupping-score-modal-notes span{color:var(--muted);font-size:.72rem}.cupping-score-modal-notes p{margin:0;color:var(--text);font-size:.86rem;line-height:1.5}.segmented-control{gap:6px;padding:0 18px}.segmented-control button,.blind-page-tabs button{min-height:36px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--muted);background:var(--control)}.segmented-control button.active,.blind-page-tabs button.active{border-color:var(--accent-contrast);color:var(--accent-contrast);background:var(--accent)}.add-roast-picker,.external-coffee-grid,.blind-score-grid{display:grid;gap:12px;padding:0 18px}.cupping-list-panel,.cupping-create-flow,.cupping-mode-panel,.cupping-meta-panel{display:grid;gap:10px}.cupping-list-panel,.cupping-create-workspace{max-width:980px}.cupping-create-flow{align-content:start}.cupping-create-workspace .detail-statusbar{justify-content:space-between}.cupping-create-workspace .detail-compare-button{min-width:116px;white-space:nowrap}.cupping-create-flow .segmented-control,.cupping-create-flow .add-roast-picker{padding:0}.cupping-detail-title{padding:2px 0 10px}.cupping-detail-title h1{max-width:100%;margin:0;color:var(--text);font-size:clamp(1.55rem,7vw,2.45rem);line-height:.98;overflow-wrap:anywhere}.cupping-setup-strip{display:grid;gap:10px;padding:0 0 14px;border-bottom:1px solid var(--line)}.setup-heading{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.setup-heading h2{margin:0;font-size:1rem}.inline-empty{margin:0;color:var(--muted);font-size:.84rem}.cupping-mode-panel,.cupping-meta-panel,.cupping-coffee-panel{padding:0 0 14px;border-bottom:1px solid var(--line)}.cupping-side-stack .cupping-meta-panel:last-child{border-bottom:0}.cupping-mode-panel .panel-heading,.cupping-meta-panel .panel-heading{padding:0;border-bottom:0}.cupping-mode-panel .segmented-control{padding:0}.external-coffee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blind-page-tabs{flex-wrap:wrap;gap:6px;padding:0 0 8px;border-bottom:1px solid var(--line);background:transparent}.blind-workspace .blind-page-tabs button.active{border-color:var(--line-strong);color:var(--text);background:var(--panel-soft)}.blind-workspace .accent-button{border-color:var(--line-strong);color:var(--text);background:var(--surface-3)}.blind-note-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:4px 0 10px;border-bottom:1px solid var(--line)}.blind-letter{width:52px;aspect-ratio:1;border:1px solid var(--line-strong);color:var(--text);background:var(--control);font-size:1.72rem;line-height:1}.blind-note-heading h1{margin:0 0 2px;font-size:clamp(1.02rem,4.4vw,1.48rem);line-height:1}.blind-note-heading p{margin:0;color:var(--muted);font-size:.78rem}.blind-inline-assign{display:inline-grid;grid-template-columns:74px 54px;gap:6px;align-items:center}.blind-inline-assign select,.blind-inline-assign button{min-height:34px;border-radius:8px}.blind-inline-assign select{width:100%;border:1px solid var(--line);padding:0 8px;color:var(--muted);background:var(--control)}.blind-inline-assign button{padding:0 9px;justify-content:center;font-size:.76rem}.sca-help{margin:0 12px;border-bottom:1px solid var(--line);color:var(--muted)}.sca-help summary{width:fit-content;min-height:30px;display:inline-flex;align-items:center;gap:6px;list-style:none;color:var(--faint);font-size:.72rem;cursor:pointer}.sca-help summary::-webkit-details-marker{display:none}.sca-help[open] summary{color:var(--text)}.sca-help p{max-width:780px;margin:0 0 8px;color:var(--muted);font-size:.76rem;line-height:1.35}.blind-score-grid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:7px;padding-top:7px}.score-input-row{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:6px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.score-input-row span{color:var(--muted);font-size:.68rem;line-height:1.05}.score-input-row button{width:58px;min-height:30px;border:1px solid var(--accent-contrast);border-radius:8px;color:var(--accent-contrast);background:var(--score-fill);box-shadow:none;text-align:center;font-weight:700;font-variant-numeric:tabular-nums;transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease}.score-input-row button:active{transform:scale(.97)}.blind-score-panel>.form-field{margin:0}.blind-score-panel>.form-field textarea{min-height:64px}.blind-action-row{justify-content:space-between;gap:8px;padding:0}.blind-action-row .ghost-button,.blind-action-row .accent-button{justify-content:center}.confirm-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:var(--color-scrim-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confirm-modal{width:min(100%,360px);display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.confirm-modal h2,.confirm-modal p{margin:0}.confirm-modal h2{color:var(--text);font-size:1.12rem}.confirm-modal p{color:var(--muted);line-height:1.35}.confirm-actions{display:grid;grid-template-columns:.72fr 1.28fr;gap:8px}.confirm-actions button{justify-content:center}.blind-inline-error{margin:0}.blind-empty-panel{min-height:360px;display:grid;place-items:center;align-content:center;gap:12px;padding:20px;text-align:center}.blind-empty-panel p{max-width:420px;margin:0;color:var(--muted)}.chart-frame{height:380px;padding:18px 12px 8px;background:var(--surface)}.recharts-default-legend{font-size:.72rem}.chart-tooltip{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:8px;background:var(--control);box-shadow:var(--shadow)}.chart-tooltip strong{color:var(--text)}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--line)}.detail-list div{min-height:94px;display:grid;align-content:center;gap:8px;padding:18px;background:var(--surface)}.detail-list.single{grid-template-columns:1fr}dd{margin:0;color:var(--text);font-size:.95rem}.note-box{display:flex;gap:12px;margin:18px;padding:16px;border:1px solid var(--accent-contrast);border-radius:8px;background:var(--surface-3)}.note-box svg{flex:0 0 auto;color:var(--accent-hot)}.note-box p{margin:0;color:var(--muted);font-size:.82rem}.table-wrap{overflow-x:auto}.roasts-topbar{align-items:end}.roasts-panel{display:grid;border:0;background:var(--surface)}.mobile-select-mode-button{display:none}.filter-popout-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;align-items:start;justify-items:center;padding-top:86px;background:color-mix(in srgb,var(--color-scrim) 76%,transparent)}.bulk-edit-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:22;display:grid;align-items:start;justify-items:center;padding-top:118px;background:var(--color-scrim)}.compare-drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;display:grid;justify-items:end;background:var(--color-scrim)}.filter-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:transparent}.bulk-edit-panel{position:relative;z-index:1;width:min(520px,calc(100vw - 28px));display:grid;border:1px solid var(--line-strong);border-radius:0;background:var(--surface);box-shadow:var(--shadow)}.compare-drawer{position:relative;z-index:1;width:min(420px,calc(100vw - 28px));min-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-left:1px solid var(--line);background:var(--surface);box-shadow:-22px 0 70px var(--color-shadow)}.filter-popout{position:relative;z-index:1;width:min(1040px,calc(100vw - 96px));min-height:0;display:grid;grid-template-rows:auto auto auto;border:1px solid var(--line);border-radius:0;background:var(--surface);box-shadow:0 24px 80px var(--color-shadow)}.compare-drawer{width:min(520px,calc(100vw - 28px));grid-template-rows:auto auto auto minmax(0,1fr)}.filter-popout-heading,.filter-popout-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.compare-selected-stack{display:grid;gap:8px;padding:14px;border-bottom:1px solid var(--line);background:var(--surface)}.compare-selected-row,.compare-candidate-row,.comparison-roster-row{display:grid;gap:10px;align-items:center}.compare-selected-row,.compare-candidate-row{grid-template-columns:auto minmax(0,1fr) auto}.compare-selected-row{min-height:54px;padding:10px;border:1px solid var(--line);border-radius:0;background:var(--control)}.compare-selected-row div,.compare-candidate-row div,.comparison-roster-row div{display:grid;gap:3px;min-width:0}.compare-selected-row strong,.compare-candidate-row strong,.comparison-roster-row strong{overflow:hidden;color:var(--text);font-size:.8rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.compare-selected-row span,.compare-candidate-row span,.compare-candidate-row small,.comparison-roster-row span,.compare-helper{overflow:hidden;margin:0;color:var(--muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.compare-color{width:10px;aspect-ratio:1;border-radius:999px;box-shadow:0 0 0 3px var(--panel-soft)}.compare-selected-current{width:9px;aspect-ratio:1;justify-self:center;border:1px solid color-mix(in srgb,var(--muted) 54%,transparent);border-radius:999px;background:color-mix(in srgb,var(--muted) 24%,transparent)}.compare-search{width:calc(100% - 28px);min-width:0;margin:14px}.compare-candidate-list{min-height:0;overflow-y:auto;border-top:1px solid var(--line)}.compare-candidate-row{min-height:74px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--surface)}.compare-candidate-row:hover{color:var(--accent-contrast);background:var(--accent)}.compare-warning-icon{color:var(--warning)}.filter-popout-actions{border-top:1px solid var(--line);border-bottom:0}.filter-popout-actions button{flex:1;justify-content:center}.filter-bar{display:grid;grid-template-columns:minmax(300px,1.5fr) repeat(4,minmax(132px,1fr));gap:10px;align-items:end;padding:16px;border-bottom:1px solid var(--line);background:var(--surface)}.bean-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(160px,220px);gap:10px;align-items:end;padding:16px;border-bottom:0;background:var(--surface)}.bean-search,.roasts-search{min-width:0}.filter-popout-fields{align-content:start;grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(120px,1fr));overflow:visible;border-bottom:0}.filter-popout-fields .roasts-search{grid-column:auto}.filter-field{display:grid;gap:6px;min-width:0}.filter-field span,.table-summary,.pagination-bar{color:var(--muted);font-size:.72rem;letter-spacing:.04em;text-transform:lowercase}.filter-field input,.filter-field select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--text);background:var(--control);outline:0}.date-filter-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.date-filter-control button{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--muted);background:var(--control-raised);font-size:.72rem}.bulk-edit-fields{display:grid;gap:12px;padding:18px;border-top:1px solid var(--line);background:var(--surface)}.bulk-edit-fields p,.form-error,.form-success{margin:0;color:var(--muted);font-size:.78rem}.bulk-edit-fields .form-error,.form-error{color:var(--bad)}.form-success{color:var(--good)}.table-summary,.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 24px;border-bottom:1px solid var(--line);background:transparent}.pagination-bar{justify-content:flex-end;border-top:1px solid var(--line);border-bottom:0}.icon-button{width:42px;justify-content:center;padding:0}.empty-panel{min-height:180px;display:grid;place-items:center;padding:24px;color:var(--muted);font-size:.82rem;text-align:center}table{width:100%;border-collapse:collapse}th,td{padding:18px 24px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}td{color:var(--muted);font-size:.8rem;background:var(--table-row-bg)}th{padding-block:12px;color:var(--text);background:var(--table-head-bg)}.select-cell{width:46px;min-width:46px;padding-right:6px}.row-select-button{width:28px;aspect-ratio:1;display:grid;place-items:center;border:0;border-radius:7px;color:var(--faint);background:transparent}.row-select-button:hover,.selected-row .row-select-button{color:var(--table-selected-text);background:var(--table-selected-bg)}.clickable-row{cursor:pointer}.selected-row{color:var(--table-selected-text);background:var(--table-selected-bg)}.selected-row td{color:var(--table-selected-text);background:transparent}.selected-row :is(a,button,strong,span,small,input,select){color:var(--table-selected-text)}.selected-row :is(.lot-code,.inline-lot-select,.inline-date-input,.inline-date-set-button){border-color:color-mix(in srgb,var(--table-selected-text) 64%,transparent);color:var(--table-selected-text);background:transparent}.selected-row .phase-strip{background:var(--control-raised);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--table-selected-text) 34%,transparent)}.selected-row .phase-segment+.phase-segment{border-left-color:color-mix(in srgb,var(--table-selected-text) 72%,transparent)}.inline-lot-select,.inline-date-input,.inline-date-set-button{width:min(120px,24vw);min-height:34px;border:1px solid var(--accent-contrast);border-radius:8px;padding:0 28px 0 10px;color:var(--text);background-color:var(--control)}.inline-lot-select{color-scheme:inherit}.inline-date-input{width:150px;padding-right:10px}.inline-date-set-button{width:auto;min-width:58px;padding:0 10px;justify-content:center}.lot-code{display:inline-grid;max-width:8ch;min-height:26px;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:7px;padding:0 8px;color:var(--text);font-size:.72rem;font-weight:600;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;background:var(--panel-soft)}.inline-date-input::-webkit-calendar-picker-indicator{opacity:.72}td strong,.batch-link{color:var(--text);font-weight:500}.batch-link:hover{color:var(--accent-hot)}.bean-notes-cell{max-width:320px;overflow:hidden;text-overflow:ellipsis}tbody tr{transition:background .15s ease}tbody tr:hover{background:var(--table-row-hover)}tbody tr:hover td{background:transparent}tbody tr:hover td,tbody tr:hover strong,tbody tr:hover .batch-link{color:var(--text)}tbody tr.selected-row:hover,tbody tr.selected-row:hover td{color:var(--table-selected-text);background:var(--table-selected-bg)}tbody tr.selected-row:hover :is(a,button,strong,span,small,input,select,.batch-link){color:var(--table-selected-text)}.status-pill{display:inline-flex;align-items:center;width:max-content;min-height:24px;padding:0 9px;border:1px solid var(--line);border-radius:6px;font-size:.68rem;font-weight:600;color:var(--muted);background:var(--table-pill-bg)}.status-reviewed{color:var(--status-reviewed-text);border-color:var(--status-reviewed-border);background:var(--status-reviewed-bg)}.status-needs-notes{color:var(--status-needs-notes-text);border-color:var(--status-needs-notes-border);background:var(--status-needs-notes-bg)}.status-warning{color:var(--status-warning-text);border-color:var(--status-warning-border);background:var(--status-warning-bg)}.list-scope{color:var(--muted);font-size:.8rem}.parse-pill{display:inline-flex;align-items:center;width:max-content;min-height:24px;padding:0 9px;border:1px solid var(--line);border-radius:6px;font-size:.68rem;font-weight:600;color:var(--muted);background:var(--table-pill-bg)}.parse-clean{color:var(--parse-clean-text);border-color:var(--parse-clean-border);background:var(--parse-clean-bg)}.parse-warnings{color:var(--parse-warning-text);border-color:var(--parse-warning-border);background:var(--parse-warning-bg)}.parse-warning-box{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:14px;border-top:1px solid var(--line);color:var(--accent-contrast);background:var(--accent)}.parse-warning-box p{margin:0;color:var(--accent-contrast);font-size:.78rem}.bean-form-panel{display:grid;border:0;background:transparent}.bean-form-panel .panel-heading{padding-inline:0;border-bottom:0}.auth-workspace{max-width:760px;margin:0}.password-panel{display:grid;gap:14px;padding:18px;background:var(--surface)}.settings-workspace{max-width:1120px;margin:0}.settings-stack{display:grid;gap:0;border-top:1px solid var(--line)}.settings-section{display:grid;grid-template-columns:minmax(220px,.28fr) minmax(0,1fr);gap:28px;padding:24px 0;border-bottom:1px solid var(--line)}.settings-section-heading{display:grid;align-content:start;gap:6px}.settings-section-heading h2{margin:0;color:var(--text);font-size:1.05rem;line-height:1.2}.account-actions-body{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px}.user-create-panel,.users-panel{display:grid}.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr)) auto;gap:14px;align-items:end}.account-form-grid{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.account-form-grid .form-field-wide{grid-column:1 / -1}.settings-helper{margin:0;color:var(--muted);font-size:.78rem;line-height:1.5}.settings-save-submit{min-width:156px;justify-content:center}.user-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto auto;gap:14px;align-items:end}.user-create-submit{justify-content:center;min-width:136px}.toggle-row{min-height:42px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.78rem;text-transform:lowercase}.toggle-row input{width:18px;aspect-ratio:1;accent-color:var(--accent)}.theme-toggle-row{min-width:max-content;justify-content:center;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--text);background:var(--control-raised)}.theme-toggle-row svg{color:var(--accent-hot)}.compact-toggle{min-height:28px}.permission-stack{display:flex;flex-wrap:wrap;gap:8px 14px}.user-identity-cell{display:grid;gap:3px}.user-identity-cell span{color:var(--muted);font-size:.72rem;text-transform:lowercase}.inline-password-form{display:grid;grid-template-columns:minmax(148px,1fr) auto;gap:8px;align-items:center}.inline-password-form input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--text);background:var(--control);outline:0}.inline-password-form input:focus{border-color:var(--accent-contrast);box-shadow:0 0 0 3px var(--accent-soft)}.disabled-row{opacity:.56}.danger-button{color:var(--bad)}.danger-button:not(:disabled):hover{border-color:color-mix(in srgb,var(--bad) 58%,transparent);background:color-mix(in srgb,var(--bad) 12%,transparent)}.bean-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 0;background:var(--surface)}.form-field{display:grid;gap:7px}.form-field-wide{grid-column:1 / -1}.form-field span{color:var(--muted);font-size:.72rem;letter-spacing:.04em;text-transform:lowercase}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--text);background:var(--control);outline:0}.form-field textarea{min-height:132px;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent-contrast);box-shadow:0 0 0 3px var(--accent-soft)}.form-field input:disabled{color:var(--faint);border-color:var(--line);background:var(--control-raised)}.roast-detail-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;grid-template-areas:"view controls";height:100%;min-height:0}.compact-roast-stats-panel{display:grid;border-bottom:1px solid var(--line);background:var(--bg)}.stats-panel-heading{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg)}.stats-panel-heading span{color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:lowercase}.stats-panel-heading .icon-button{width:30px;min-height:30px;padding:0}.compact-roast-stats{display:grid;grid-template-columns:1fr;gap:0;margin:0;border:0;background:transparent}.compact-roast-stats div{min-height:62px;display:grid;align-content:center;gap:5px;padding:10px 14px;border-top:1px solid var(--line);background:var(--bg)}.compact-roast-stats dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.roast-marker-form{display:grid;gap:10px;padding:12px 14px 14px}.roast-marker-form label{display:grid;gap:6px}.roast-marker-form label span{color:var(--muted);font-size:.66rem;letter-spacing:.04em;text-transform:lowercase}.roast-marker-form select,.roast-marker-form input{width:100%;min-height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--text);background:var(--control);font:inherit;font-size:.78rem;outline:0}.roast-marker-form select:focus,.roast-marker-form input:focus{border-color:var(--accent-contrast);box-shadow:0 0 0 3px var(--accent-soft)}.roast-marker-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.roast-marker-actions .form-error{margin-right:auto;color:var(--bad)}.phase-timeline{display:grid;gap:7px;min-width:138px}.phase-timeline-detail{padding:14px;border-bottom:1px solid var(--line);background:var(--bg)}.phase-strip{height:8px;display:flex;overflow:hidden;border-radius:999px;background:var(--control-raised);box-shadow:inset 0 0 0 1px var(--table-pill-border)}.phase-segment{min-width:3px}.phase-segment+.phase-segment{border-left:1px solid color-mix(in srgb,var(--text) 76%,transparent)}.phase-label-row,.phase-time-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.phase-label-row span,.phase-time-row span,.phase-timeline-unknown span{overflow:hidden;color:var(--muted);font-size:.66rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.phase-time-row span{color:var(--faint)}.phase-time-row span:nth-child(1),.phase-label-row span:nth-child(1){text-align:left}.phase-time-row span:nth-child(2),.phase-label-row span:nth-child(2){text-align:center}.phase-time-row span:nth-child(3),.phase-label-row span:nth-child(3){text-align:right}.phase-timeline-table .phase-label-row span{color:var(--faint);font-size:.62rem}.phase-timeline-unknown{min-height:31px;align-content:center}.tasting-notes-panel{display:grid;gap:10px;padding:14px;border-bottom:1px solid var(--line);background:var(--bg)}.tasting-notes-heading{display:flex;align-items:center;gap:8px;color:var(--accent-hot)}.tasting-notes-heading h2{margin:0;color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:0;text-transform:lowercase}.tasting-notes-panel textarea{width:100%;min-height:118px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:10px 11px;color:var(--text);background:var(--control);font-size:.82rem;line-height:1.55;outline:0}.tasting-notes-panel textarea:focus{border-color:var(--accent-contrast);box-shadow:0 0 0 3px var(--accent-soft)}.tasting-notes-panel textarea::placeholder{color:var(--faint)}.tasting-notes-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.tasting-notes-actions .form-error{margin-right:auto;color:var(--bad)}.warning-stack .parse-warning-box{border-top:0;border-bottom:1px solid var(--line)}.comparison-roster{grid-column:1 / -1;overflow-x:auto;overscroll-behavior-x:contain;border-bottom:1px solid var(--line);background:var(--bg);scrollbar-width:thin}.comparison-roster-track{display:flex;align-items:stretch;width:max-content;min-width:100%}.comparison-roster-column{flex:0 0 188px;display:grid;align-content:start;min-height:100%;border:0;border-right:1px solid var(--line);padding:0;color:var(--text);background:var(--bg);font:inherit;text-align:left;cursor:pointer}.comparison-roster-column:hover{background:var(--color-control-hover)}.comparison-roster-column-hidden{opacity:.5;filter:grayscale(.55)}.comparison-roster-column-heading{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;gap:6px;min-height:34px;padding:7px 10px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 94%,var(--surface));box-shadow:0 1px 0 var(--line)}.comparison-roster-column-heading strong{overflow:visible;color:var(--text);font-size:.76rem;font-weight:600;white-space:nowrap}.comparison-roster-separator{width:4px;aspect-ratio:1;border-radius:999px;background:color-mix(in srgb,var(--muted) 34%,transparent)}.comparison-roster-lot{min-width:0;overflow:hidden;color:var(--faint);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.comparison-roster-stats{display:grid}.comparison-roster-stat{display:grid;align-content:center;gap:4px;min-height:58px;padding:9px 10px;border-bottom:1px solid var(--line)}.comparison-roster-stat>span,.comparison-roster-phase-labels{overflow:hidden;color:var(--muted);font-size:.64rem;letter-spacing:.03em;line-height:1.1;text-overflow:ellipsis;text-transform:lowercase;white-space:nowrap}.comparison-roster-stat strong{overflow:hidden;color:var(--text);font-size:.75rem;font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.comparison-roster-phase{display:grid;gap:7px;padding:10px}.comparison-roster-phase-strip{height:7px;display:flex;overflow:hidden;border-radius:999px;background:var(--control-raised);box-shadow:inset 0 0 0 1px var(--table-pill-border)}.comparison-roster-phase-strip span+span{border-left:1px solid color-mix(in srgb,var(--text) 70%,transparent)}.comparison-roster-phase-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;letter-spacing:0}.comparison-roster-phase-labels span:nth-child(1){text-align:left}.comparison-roster-phase-labels span:nth-child(2){text-align:center}.comparison-roster-phase-labels span:nth-child(3){text-align:right}.comparison-roster-phase-unknown{color:var(--faint);font-size:.7rem}.comparison-chart-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.comparison-chart-header strong{color:var(--text);font-size:.9rem;font-weight:500}.comparison-chart-header span{color:var(--faint);font-size:.72rem;text-transform:lowercase}.detail-view-pane{grid-area:view;min-width:0;min-height:0}.detail-controls-panel{grid-area:controls;min-width:0;min-height:0;display:grid;align-content:start;max-height:100%;overflow-y:auto;overscroll-behavior:contain;border-left:0;background:var(--bg);scrollbar-width:thin}.detail-tabs{display:flex;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface)}.detail-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:36px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--muted);background:var(--control-raised)}.detail-tabs button.tab-active{color:var(--accent-contrast);border-color:var(--accent-contrast);background:var(--accent)}.detail-chart-area{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;background:var(--bg)}.detail-chart-area.comparison-chart-area{grid-template-rows:auto minmax(0,1fr)}.line-toggle-grid{grid-column:1 / -1;width:100%;min-width:0;display:grid;grid-template-columns:1fr;gap:6px;padding:12px 14px;border-top:1px solid var(--line);background:var(--bg)}.line-toggle-grid::-webkit-scrollbar{display:none}.line-toggle-row{display:flex;flex-wrap:wrap;gap:6px}.event-toggle-row{grid-row:2;padding-top:2px}.line-toggle-grid .event-toggle-button{width:auto;min-width:86px;border-style:dashed;color:var(--muted);background:transparent}.line-toggle-grid .event-toggle-button.event-toggle-active{color:var(--text);border-style:solid;border-color:var(--chart-axis-soft);background:color-mix(in srgb,var(--chart-axis-soft) 16%,transparent)}.line-toggle-grid button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:92px;min-height:30px;border:1px solid var(--line);border-radius:7px;padding:0 9px;color:var(--faint);background:var(--control);font-size:.72rem}.line-toggle-grid button span{width:9px;aspect-ratio:1;border-radius:999px}.line-toggle-grid .line-toggle-label{width:auto;aspect-ratio:auto;border-radius:0}.line-toggle-grid .line-toggle-short-label{display:none;width:auto;aspect-ratio:auto;border-radius:0}.line-toggle-grid button.line-toggle-active{color:var(--accent-contrast);border-color:var(--accent-contrast);background:var(--accent)}.detail-chart-frame{overflow:hidden;height:100%;min-height:0;padding:18px 0 8px;background:var(--bg)}@container workspace (max-width: 1560px){.roast-detail-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"view" "controls"}.detail-controls-panel{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none;overflow-y:visible;border-left:0;border-top:0;border-bottom:0}.comparison-roster,.line-toggle-grid{grid-column:1 / -1}.comparison-roster{display:flex;gap:0;overflow-x:auto;border-bottom:0;background:var(--bg)}.comparison-roster-row{flex:0 0 auto;width:auto;max-width:none;min-height:30px;gap:6px;padding:5px 10px;border-right:1px solid var(--line)}.comparison-roster-lot{max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-tabs,.compact-roast-stats-panel{grid-column:1 / -1}.compact-roast-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.tasting-notes-panel,.phase-timeline-detail{grid-column:1 / -1}.line-toggle-grid{grid-auto-flow:column;grid-auto-columns:max-content;grid-template-columns:none;overflow-x:auto;scrollbar-width:none}.warning-stack{grid-column:1 / -1}}.import-list{display:grid}.import-workspace{max-width:1180px;margin:0}.manual-import-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(320px,.58fr);gap:28px;align-items:start}.manual-import-panel,.manual-import-result-panel{display:grid;background:var(--surface)}.manual-upload-dropzone{position:relative;min-height:226px;display:grid;place-items:center;align-content:center;gap:10px;margin:18px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 46%),var(--control);cursor:pointer}.manual-upload-dropzone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.manual-upload-dropzone strong{max-width:min(420px,84vw);overflow:hidden;color:var(--text);font-size:1rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.manual-upload-dropzone span:not(.manual-upload-icon){color:var(--muted);font-size:.78rem}.manual-upload-icon{width:46px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--accent-contrast);border-radius:8px;color:var(--accent-contrast);background:var(--accent)}.manual-upload-active,.manual-upload-ready{border-color:var(--accent-contrast);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,transparent),transparent 52%),var(--control-raised)}.manual-file-meta,.manual-import-detail-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;background:var(--line)}.manual-file-meta div,.manual-import-detail-list div{min-width:0;display:grid;align-content:center;gap:7px;min-height:74px;padding:14px;background:var(--surface)}.manual-file-meta dd,.manual-import-detail-list dd{overflow:hidden;color:var(--text);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.manual-import-message{padding:0 18px}.manual-import-actions,.manual-result-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px;border-top:1px solid var(--line)}.manual-import-actions button,.manual-result-actions a{justify-content:center}.manual-import-result{display:grid}.manual-import-detail-list{grid-template-columns:repeat(2,minmax(0,1fr));background:var(--surface)}.manual-import-detail-list div{border-bottom:1px solid var(--line);background:var(--surface)}.manual-warning-list{display:grid;gap:0;border-bottom:1px solid var(--line)}.manual-warning-list p{margin:0;padding:12px 18px;border-top:1px solid var(--line);color:var(--warning);font-size:.78rem}.import-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:17px 18px;border-bottom:1px solid var(--line)}.import-row div{display:grid;gap:4px;min-width:0}.import-row strong,.import-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-row strong{color:var(--text);font-size:.78rem;font-weight:500}.import-row time{color:var(--faint);font-size:.68rem}.import-icon{margin-top:2px}.import-icon-imported{color:var(--sage)}.import-icon-watching{color:var(--ember-hot)}.import-icon-failed{color:var(--red)}@media(max-width:1120px){.metric-grid,.main-grid,.bottom-grid,.dashboard-import-grid,.manual-import-layout,.detail-grid{grid-template-columns:1fr 1fr}.curve-panel,.table-panel{grid-column:1 / -1}.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-section{grid-template-columns:1fr;gap:14px}.bean-toolbar{grid-template-columns:1fr}.roasts-search{grid-column:1 / -1}.workspace:has(.roast-detail-workspace) .detail-grid{grid-template-columns:1fr}}@media(min-width:761px){.filter-popout-fields{grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(120px,1fr))}.filter-popout-fields .roasts-search{grid-column:auto}}@media(max-width:760px){.app-shell{display:block;padding-left:0}.note-mode-shell .workspace{padding-bottom:0}.rail{position:fixed;inset:auto 0 0;width:100%;height:calc(56px + env(safe-area-inset-bottom));flex-direction:row;justify-content:space-between;gap:6px;padding:7px 9px calc(7px + env(safe-area-inset-bottom));border:0;border-top:2px solid var(--line);border-radius:0;background:linear-gradient(180deg,var(--bg) 0%,var(--control) 100%);box-shadow:0 -4px color-mix(in srgb,var(--text) 3%,transparent)}.rail-nav{display:flex;flex:1;justify-content:space-around;gap:3px}.rail-account{display:flex;flex:0 0 auto;gap:3px;margin-top:0}.rail-user{display:none}.brand-mark,.rail-link{width:34px;color:color-mix(in srgb,var(--muted) 78%,var(--text));border-color:transparent;background:transparent}.brand-mark{border-color:var(--accent-contrast);font-size:.75rem}.rail-brand{width:auto;color:var(--brand-mark-text);border:0;font-size:.55rem}.rail-link:hover,.rail-link-active{color:var(--accent-contrast);border-color:var(--accent-contrast);background:var(--accent)}.settings-form-grid{grid-template-columns:1fr}.account-actions-body{align-items:stretch;flex-direction:column}.settings-save-submit{width:100%}.workspace{padding:14px 8px calc(70px + env(safe-area-inset-bottom))}.roasts-topbar{align-items:stretch}.roasts-topbar .topbar-actions{flex-direction:row}.roasts-topbar .topbar-actions .ghost-button{flex:1 1 0;justify-content:center;min-width:0;padding-inline:10px}.mobile-select-mode-button{display:flex}.bulk-edit-button:disabled{display:none}.roasts-panel{margin-inline:-8px}.table-summary,.pagination-bar{padding-inline:16px}th,td{padding:13px 10px}td{font-size:.76rem}.roast-table .select-cell{display:none}.roast-table-selecting .select-cell{display:table-cell;width:34px;min-width:34px;padding-right:2px;padding-left:8px}.roast-table-selecting .row-select-button{width:26px}.inline-lot-select,.inline-date-set-button{width:76px;min-height:30px;padding-left:8px;padding-right:22px;font-size:.72rem;background-position:calc(100% - 12px) 12px,calc(100% - 8px) 12px}.inline-date-set-button{width:auto;min-width:46px;padding-inline:8px;background-image:none}.inline-date-input{width:108px;min-height:30px;padding-inline:8px;font-size:.68rem}.lot-code{max-width:7ch;min-height:24px;padding-inline:6px;font-size:.68rem}.roast-table th:nth-child(5),.roast-table td:nth-child(5){width:74px;max-width:74px;font-size:.68rem;white-space:normal}.filter-popout-layer,.compare-drawer-layer,.bulk-edit-layer{align-items:end;justify-items:stretch;padding-bottom:calc(50px + env(safe-area-inset-bottom))}.filter-popout,.compare-drawer,.bulk-edit-panel{width:100%;min-height:0;max-height:min(78dvh,620px);border-top:1px solid var(--line);border-left:0;border-radius:12px 12px 0 0;box-shadow:0 -20px 60px var(--color-shadow)}.filter-popout-heading,.filter-popout-actions{padding:12px 14px}.filter-popout-fields{grid-template-columns:1fr}.filter-popout-fields .roasts-search{grid-column:auto}.topbar,.topbar-actions,.panel-heading{align-items:stretch;flex-direction:column}.search-box{min-width:0}.metric-grid,.main-grid,.bottom-grid,.dashboard-import-grid,.manual-import-layout,.cuppings-grid,.cupping-detail-grid,.blind-grid,.detail-grid,.roast-detail-workspace,.detail-chart-area,.filter-bar,.bean-toolbar,.bean-form-grid,.external-coffee-grid,.detail-list,.manual-file-meta,.manual-import-detail-list{grid-template-columns:1fr}.manual-import-actions,.manual-result-actions{flex-direction:column}.blind-score-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px 8px 0}.blind-page-tabs{position:sticky;top:8px;z-index:2}.cupping-detail-workspace .detail-statusbar,.blind-statusbar{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px}.cupping-create-workspace .detail-statusbar{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:8px}.blind-statusbar .ghost-button{min-height:38px}.blind-statusbar strong{flex:1 1 150px;min-width:0}.cupping-coffee-row{grid-template-columns:32px minmax(0,1fr) auto;align-items:center}.source-pill{display:none}.cupping-coffee-row div:nth-child(2){padding-right:0}.blind-action-row{position:sticky;bottom:0;z-index:3;margin:0 -1px -18px;padding:9px 10px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--accent-contrast);background:var(--accent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.blind-action-row .ghost-button,.blind-action-row .accent-button{flex:1;padding:0 9px}.blind-note-heading{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:8px}.blind-inline-assign{grid-column:1 / -1;width:100%;grid-template-columns:minmax(0,1fr) 62px}.blind-letter{width:44px;font-size:1.45rem}.score-input-row{min-height:48px;align-items:stretch;flex-direction:column;gap:4px;padding:6px}.score-input-row button{width:100%;min-height:28px}.blind-score-panel>.form-field{margin:0 8px}.blind-score-panel>.form-field textarea{min-height:54px}.sca-help{margin:0 8px}.sca-help summary{min-height:26px}.sca-help p{margin-bottom:6px;font-size:.72rem}.roasts-search{grid-column:auto}.detail-grid,.detail-main-panel{height:auto}.workspace:has(.roast-detail-workspace){max-width:none;width:100%;margin:0;padding:0 0 calc(62px + env(safe-area-inset-bottom));background:var(--bg)}.workspace:has(.roast-detail-workspace) .detail-statusbar{display:grid;grid-template-columns:minmax(86px,max-content) minmax(0,1fr) minmax(108px,max-content);align-items:stretch;gap:8px;min-height:0;margin:0;padding:6px;border-bottom:1px solid var(--line);background:var(--bg)}.workspace:has(.roast-detail-workspace) .detail-statusbar .ghost-button{min-height:48px;justify-content:center;border-radius:8px;padding:0 11px;background:var(--control-raised)}.workspace:has(.roast-detail-workspace) .detail-statusbar strong{display:grid;min-width:0;place-items:center;color:var(--text);font-size:.9rem;text-align:center}.workspace:has(.roast-detail-workspace) .detail-compare-button{margin-left:0}.workspace:has(.roast-detail-workspace) .detail-grid{gap:0;height:auto;min-height:0}.workspace:has(.roast-detail-workspace) .detail-main-panel{overflow:visible;border:0;background:transparent;box-shadow:none}.metric-strip{min-height:118px}.chart-frame{height:320px}.compact-roast-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.roast-detail-workspace{height:auto;overflow:visible;background:var(--bg)}.detail-view-pane{height:auto;padding-bottom:0;background:var(--bg)}.detail-controls-panel{position:static;display:grid;grid-template-columns:1fr;height:auto;overflow:visible;border-top:0;border-left:0;border-bottom:0;background:var(--bg)}.detail-chart-frame{height:min(43dvh,350px);min-height:0;padding:12px 4px 0;background:var(--bg)}.detail-chart-area{display:grid;grid-template-rows:minmax(0,1fr);height:auto;border:0;background:var(--bg)}.line-toggle-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr;gap:6px;overflow:visible;padding:9px 8px 10px;border-top:0;background:var(--palette-ink)}.comparison-roster{overflow-x:auto;border-bottom:0;background:var(--bg)}.comparison-roster-column{flex-basis:min(172px,48vw)}.comparison-roster-column-heading{min-height:32px;padding:6px 9px}.comparison-roster-stat{min-height:55px;padding:8px 9px}.line-toggle-grid button{flex:0 0 auto;width:74px;min-width:74px;min-height:31px;justify-content:center;border-color:color-mix(in srgb,var(--palette-cream) 20%,transparent);border-radius:7px;padding:0 9px;color:color-mix(in srgb,var(--palette-cream) 56%,transparent);background:color-mix(in srgb,var(--palette-cream) 10%,transparent);font-size:.64rem;line-height:1;white-space:nowrap}.line-toggle-grid button.line-toggle-active{color:var(--palette-cream);border-color:var(--palette-active-lilac);background:color-mix(in srgb,var(--palette-active-lilac) 36%,var(--palette-ink))}.line-toggle-grid .event-toggle-button{width:auto;min-width:70px;color:color-mix(in srgb,var(--palette-cream) 58%,transparent);background:transparent}.line-toggle-grid .event-toggle-button.event-toggle-active{color:var(--palette-cream);border-color:color-mix(in srgb,var(--palette-cream) 42%,transparent);background:color-mix(in srgb,var(--palette-cream) 10%,transparent)}.line-toggle-grid button span{width:9px}.line-toggle-grid .line-toggle-label{display:none}.line-toggle-grid .line-toggle-short-label{display:inline}.compact-roast-stats{grid-template-columns:repeat(2,minmax(0,1fr));background:var(--bg)}.compact-roast-stats div{min-height:56px;padding:8px 14px;background:var(--bg)}}