:root{--bg:#faf6f1;--bg-elevated:#fff;--text:#2b211c;--text-muted:#7a6c60;--border:#e6ddd2;--accent:#a9642a;--accent-strong:#8a4f1f;--accent-bg:#a9642a1a;--danger:#b3432b;--danger-bg:#b3432b1a;--shadow:#2b211c14 0 4px 14px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--radius:10px;font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1b1512;--bg-elevated:#241c17;--text:#f2e8dd;--text-muted:#b3a294;--border:#3a2d24;--accent:#d99a53;--accent-strong:#eab476;--accent-bg:#d99a5326;--danger:#e07a5f;--danger-bg:#e07a5f26;--shadow:#0006 0 4px 14px}}*{box-sizing:border-box}body{margin:0}h1,h2,h3{margin:0 0 4px;font-weight:600}p{color:var(--text-muted);margin:0 0 8px}a{color:var(--accent)}.app-shell{flex-direction:column;min-height:100svh;display:flex}.navbar{border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.navbar__brand{font-size:18px;font-weight:700}.navbar__links{flex-wrap:wrap;gap:18px;display:flex}.navbar__links a{color:var(--text-muted);border-bottom:2px solid #0000;padding:6px 4px;font-weight:500;text-decoration:none}.navbar__links a.active{color:var(--accent-strong);border-bottom-color:var(--accent)}.app-shell__content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:24px}.page--narrow{max-width:640px}.page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.page__actions{flex-wrap:wrap;gap:8px;display:flex}.back-link{color:var(--text-muted);margin-bottom:8px;font-size:14px;text-decoration:none;display:inline-block}.section{border-top:1px solid var(--border);margin-top:28px;padding-top:20px}.empty-state{text-align:center;border:1px dashed var(--border);border-radius:var(--radius);padding:40px}.bean-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;padding:18px}.card--clickable{cursor:pointer;width:100%;font:inherit;color:inherit;transition:transform .1s,box-shadow .1s}.card--clickable:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2b211c24}.bean-card__header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.bean-card__roaster{color:var(--text-muted);font-size:13px}.bean-card__targets{color:var(--text-muted);flex-wrap:wrap;gap:10px;margin:6px 0 14px;font-size:13px;display:flex}.bean-card__last{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:12px;display:flex}.bean-card__last-row{justify-content:space-between;font-size:14px;display:flex}.bean-card__empty{font-size:14px;font-style:italic}.ratio-display{color:var(--accent-strong);font-weight:600}.star-rating{gap:2px;display:inline-flex}.star-rating__star{cursor:pointer;color:var(--accent);background:0 0;border:none;padding:0;display:inline-flex}.star-rating__star:disabled{cursor:default}.scale-slider{width:100%}.scale-slider__input{width:100%;accent-color:var(--accent)}.scale-slider__labels{color:var(--text-muted);justify-content:space-between;font-size:12px;display:flex}.btn{font:inherit;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:8px;padding:9px 16px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--danger{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.btn--ghost{color:var(--accent-strong);background:0 0;border-color:#0000}.form-row{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:14px;display:flex}.form-row--full{flex:100%}.form-row label{color:var(--text-muted);flex-direction:column;flex:160px;gap:4px;font-size:13px;display:flex}.form-row input,.form-row textarea{font:inherit;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:8px;padding:8px 10px}.form-static{color:var(--text-muted);flex-direction:column;gap:4px;min-width:100px;font-size:13px;display:flex}.form-static strong{color:var(--text)}.form-scale{flex-direction:column;flex:160px;gap:6px;display:flex}.form-scale__title{color:var(--text-muted);font-size:13px}.form-hint{color:var(--text-muted);margin-top:-8px;margin-bottom:14px;font-size:13px}.form-hint--ok{color:var(--accent-strong)}.form-hint--error{color:var(--danger)}.bean-detail__meta{font-size:14px}.bean-detail__targets{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:24px;padding:16px 0;display:flex}.bean-detail__targets>div{color:var(--text-muted);flex-direction:column;gap:2px;font-size:13px;display:flex}.bean-detail__targets strong{color:var(--text);font-size:15px}.shot-table-wrapper{overflow-x:auto}.shot-table{border-collapse:collapse;width:100%;font-size:13px}.shot-table th,.shot-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}.shot-table__note{white-space:normal;min-width:180px;color:var(--text-muted)}.shot-table__empty{font-style:italic}.archive-list{flex-direction:column;gap:12px;display:flex}.archive-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.archive-item h3{margin:0}.archive-item__meta{margin:4px 0 0;font-size:13px}.archive-item__actions{gap:8px;display:flex}.dialog-overlay{z-index:50;background:#140e0a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:var(--bg-elevated);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow);padding:24px}.dialog__actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.number-field{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;align-items:stretch;display:flex;overflow:hidden}.number-field .number-field__input{text-align:center;min-width:0;font:inherit;color:var(--text);background:0 0;border:none;border-radius:0;flex:1;padding:8px 10px}.number-field .number-field__input:focus{outline:2px solid var(--accent);outline-offset:-2px}.number-field__stepper{background:var(--accent-bg);min-width:44px;color:var(--accent-strong);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;flex:none;font-size:18px;line-height:1}.number-field__stepper:active{background:var(--accent);color:#fff}.update-banner{background:var(--accent-bg);border-bottom:1px solid var(--border);color:var(--accent-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;font-size:14px;display:flex}.update-banner__actions{align-items:center;gap:8px;display:flex}.update-banner__reload{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;padding:6px 12px;font-weight:600}.update-banner__dismiss{color:var(--accent-strong);cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px}.app-footer{text-align:center;color:var(--text-muted);padding:16px;font-size:12px}