:root{--bg:#0a0d0c;--bg2:#0e1413;--panel:#0f1615;--panel2:#0c1211;--line:#1e2b27;--ink:#e8eeea;--muted:#7d918a;--dim:#56655f;--press:#2fe08a;--flow:#46b6ff;--temp:#ff7a45;--amber:#ffc24a;--grid:rgba(47,224,138,.05)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}.app{min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;font-weight:400;font-size:15px;line-height:1.6;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),radial-gradient(ellipse 90% 55% at 50% -8%,rgba(47,224,138,.08),transparent 60%);background-size:28px 28px,28px 28px,100% 100%;background-attachment:fixed}.frame{max-width:430px;margin:0 auto;padding:18px 16px 40px}.hdr{padding:4px 0 16px}.hdr-rule{height:2px;border-radius:2px;margin-bottom:14px;background:linear-gradient(90deg,transparent,var(--press) 35%,var(--flow) 65%,transparent);background-size:220% 100%;animation:sweep 4.5s linear infinite;opacity:.85}@keyframes sweep{0%{background-position:160% 0}to{background-position:-160% 0}}.hdr-row{display:flex;justify-content:space-between;align-items:center}.hdr-kicker{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center}.hdr-kicker.right{color:var(--dim)}.dot{width:6px;height:6px;border-radius:50%;background:var(--press);box-shadow:0 0 8px var(--press);margin-right:8px;animation:pulse 2.2s infinite;font-style:normal}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.back{background:none;border:1px solid var(--line);border-radius:7px;color:var(--press);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:6px 11px}.back:active{background:var(--panel)}.hdr-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:31px;line-height:1.06;letter-spacing:-.02em;margin-top:12px}.hdr-sub{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.04em;color:var(--muted);margin-top:9px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.warnbar{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);border:1px solid rgba(255,194,74,.4);background:#ffc24a12;border-radius:8px;padding:8px 11px;margin-bottom:13px}.stack{display:flex;flex-direction:column;gap:13px}.stack.tight{gap:9px}.section-label{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--press);margin-top:10px;display:flex;align-items:center;gap:11px;opacity:.92}.section-label:before{content:"//";color:var(--dim)}.section-label:after{content:"";flex:1;height:1px;background:var(--line)}.cta{width:100%;border:none;border-radius:10px;padding:15px;cursor:pointer;background:linear-gradient(180deg,#37e896,#15b069);color:#04150d;font-family:JetBrains Mono,monospace;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 0 0 1px #2fe08a59,0 8px 26px #2fe08a29;transition:transform .12s ease,opacity .12s}.cta:active{transform:scale(.985)}.cta:disabled{opacity:.32;box-shadow:0 0 0 1px var(--line);background:var(--panel);color:var(--muted);cursor:default}.cta-plus{margin-right:7px;font-weight:700}.ghost-btn{background:none;border:none;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:9px;width:100%}.ghost-btn:active{color:var(--ink)}.ghost-btn.danger{color:#e0795f}.readout{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ro-cell{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:10px;padding:10px 6px 9px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;color:var(--ink);min-width:0}.ro-cell:active{border-color:var(--press)}.ro-label{font-family:JetBrains Mono,monospace;font-size:8px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.ro-value{font-family:JetBrains Mono,monospace;font-weight:700;font-size:19px;line-height:1.1;letter-spacing:-.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ro-value.ro-small{font-size:10.5px;font-weight:500;line-height:1.25;white-space:normal;text-align:center}.ro-sub{font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.v-press{color:var(--press);text-shadow:0 0 12px rgba(47,224,138,.35)}.v-temp{color:var(--temp);text-shadow:0 0 12px rgba(255,122,69,.3)}.v-ink{color:var(--ink)}.v-amber{color:var(--amber)}.ro-flash{animation:roping 1.6s ease-out 1}@keyframes roping{0%{box-shadow:0 0 0 1px var(--press),0 0 18px #2fe08a80;border-color:var(--press)}to{box-shadow:none}}.bean-card{text-align:left;width:100%;cursor:pointer;position:relative;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:10px;padding:14px 15px;color:var(--ink);transition:border-color .15s,box-shadow .15s}.bean-card:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:2px;border-radius:2px;background:var(--press);opacity:.55}.bean-card:active{border-color:var(--press);box-shadow:0 0 0 1px #2fe08a4d}.bean-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-left:8px}.bean-name{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.01em}.bean-card-sub{font-family:JetBrains Mono,monospace;color:var(--muted);font-size:11px;margin-top:6px;padding-left:8px;letter-spacing:.02em}.chip{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:5px;border:1px solid;white-space:nowrap}.chip-light{color:#8fd7ff;border-color:#2d5a72;background:#8fd7ff12}.chip-medlight{color:#46d6c0;border-color:#225a52;background:#46d6c012}.chip-medium{color:var(--press);border-color:#1f6043;background:#2fe08a12}.chip-meddark{color:var(--amber);border-color:#6b531c;background:#ffc24a12}.chip-dark{color:var(--temp);border-color:#6e3a1c;background:#ff7a4514}.fchip{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:5px;border:1px solid}.f-good{color:var(--press);border-color:#1f6043;background:#2fe08a14}.f-flow{color:var(--flow);border-color:#234d68;background:#46b6ff14}.f-temp{color:var(--temp);border-color:#6e3a1c;background:#ff7a4514}.f-amber{color:var(--amber);border-color:#6b531c;background:#ffc24a14}.f-muted{color:var(--muted);border-color:var(--line);background:#7d918a0f}.empty{border:1px dashed var(--line);border-radius:10px;padding:30px 20px;text-align:center;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.9;letter-spacing:.04em}.empty svg{margin-bottom:12px}.photo-zone{width:100%;border:1px dashed #36493f;border-radius:10px;background:var(--panel2);min-height:148px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;padding:0;transition:border-color .15s}.photo-zone:active{border-color:var(--flow)}.photo-zone.has-photo{border-style:solid;border-color:var(--line)}.photo-zone img{width:100%;max-height:260px;object-fit:cover;display:block}.photo-zone-inner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px;color:var(--muted)}.photo-icon{color:var(--flow)}.photo-label{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;color:var(--ink)}.photo-sub{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.04em}.ta{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:9px;color:var(--ink);font-family:Inter,sans-serif;font-weight:400;font-size:14px;padding:12px 13px;resize:none;outline:none;line-height:1.55}.ta:focus{border-color:var(--flow);box-shadow:0 0 0 1px #46b6ff40}.ta::placeholder{color:#566159}.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:12px;padding:17px}.card-kicker{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--press);margin-bottom:9px;display:flex;align-items:center;gap:8px}.card-kicker:before{content:"●";font-size:7px;color:var(--press)}.card-title{font-family:Space Grotesk,sans-serif;font-size:23px;font-weight:700;line-height:1.1;letter-spacing:-.01em}.card-sub{font-family:JetBrains Mono,monospace;color:var(--muted);font-size:11px;margin:7px 0 4px;display:flex;align-items:center;gap:8px}.rich{margin-top:8px}.rich p{margin:0 0 2px;font-size:14px;color:#d6ddd8}.rich strong{font-weight:600;color:#fff}.rich-gap{height:10px}.shot{padding:14px 15px}.shot-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.shot-num{font-family:JetBrains Mono,monospace;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--press)}.shot-date{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.shot-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:7px}.shot-change{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;color:var(--ink);letter-spacing:.02em}.shot-taste{font-family:Inter,sans-serif;font-style:italic;color:var(--muted);font-size:13px;border-left:2px solid var(--flow);padding-left:11px;margin:7px 0}.toast{position:fixed;left:14px;right:14px;bottom:18px;z-index:60;max-width:402px;margin:0 auto;background:#140e0af5;border:1px solid rgba(255,122,69,.5);color:#ffb38f;border-radius:10px;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.02em;box-shadow:0 10px 32px #00000080;cursor:pointer;animation:toastin .2s ease-out}@keyframes toastin{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#040706a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:70;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:430px;margin:0 12px 16px;background:linear-gradient(180deg,#121a18,#0d1412);border:1px solid var(--line);border-radius:14px;padding:16px}.sheet-title{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--press);margin-bottom:11px}.sheet-row{display:flex;gap:8px}.sheet-input{flex:1;min-width:0;background:var(--panel2);border:1px solid var(--line);border-radius:9px;color:var(--ink);font-family:JetBrains Mono,monospace;font-size:17px;font-weight:700;padding:11px 12px;outline:none;text-align:center}.sheet-input:focus{border-color:var(--press)}.sheet-actions{display:flex;gap:8px;margin-top:12px;align-items:center}.sheet-actions .ghost-btn{width:auto;flex:1}.sheet-save{flex:2;padding:12px}.brewing{display:flex;flex-direction:column;align-items:center;gap:18px;padding:52px 0}.plot{width:150px;height:78px;overflow:visible}.plot-frame{stroke:var(--line);stroke-width:1;fill:none}.p-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:260;stroke-dashoffset:260;animation:plotanim 2.6s ease-in-out infinite}.p-press{stroke:var(--press);filter:drop-shadow(0 0 4px rgba(47,224,138,.55))}.p-flow{stroke:var(--flow);stroke-width:2;opacity:.85;animation-delay:.15s}@keyframes plotanim{0%{stroke-dashoffset:260}50%{stroke-dashoffset:0}92%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.scan{stroke:#ffffff73;stroke-width:1;animation:scanx 2.6s linear infinite}@keyframes scanx{0%{transform:translate(0);opacity:0}8%{opacity:1}92%{opacity:1}to{transform:translate(146px);opacity:0}}.brewing-word{font-family:JetBrains Mono,monospace;color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase;animation:fadeWord 1.8s infinite}@keyframes fadeWord{0%{opacity:.35}30%{opacity:1}80%{opacity:1}to{opacity:.35}}.thread{display:flex;flex-direction:column;gap:8px}.bub{max-width:88%;border-radius:12px;padding:10px 13px;border:1px solid var(--line)}.bub .rich{margin-top:0}.bub .rich p{font-size:13.5px}.bub-u{align-self:flex-end;background:#46b6ff1a;border-color:#234d68}.bub-u .rich p{color:#cfe7fa}.bub-a{align-self:flex-start;background:linear-gradient(180deg,var(--panel),var(--panel2))}.bub-change{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--press);margin-bottom:6px}.chat-row{display:flex;gap:8px;align-items:stretch}.chat-ta{flex:1}.chat-send{width:auto;flex:0 0 auto;padding:0 18px}.typing{font-family:JetBrains Mono,monospace;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:10px 2px;animation:fadeWord 1.6s infinite}.askline{background:none;border:none;color:var(--flow);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:8px 0 0;text-align:left}.brewing-sub{font-family:JetBrains Mono,monospace;color:var(--dim);font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-top:-8px}.ftr{font-family:JetBrains Mono,monospace;margin-top:32px;text-align:center;color:#3f4b45;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.tchips{display:flex;flex-wrap:wrap;gap:7px}.tchip{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:7px 11px;border-radius:7px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);cursor:pointer}.tchip.on{color:var(--press);border-color:#1f6043;background:#2fe08a1a}.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.fcell{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:2px}.fcell .fl{font-family:JetBrains Mono,monospace;font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);text-align:center}.fcell .fv{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--ink)}.fcell .fv.warn{color:var(--temp)}.flagrow{display:flex;gap:7px;flex-wrap:wrap}.linklike{background:none;border:none;color:var(--flow);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:6px 0;text-decoration:underline;text-underline-offset:3px}.row2{display:flex;gap:8px}.row2 .cta{flex:1}.pg-row{display:flex;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px 11px}.pg-label{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);flex:1}.pg-input{width:84px;background:var(--bg2);border:1px solid var(--line);border-radius:7px;color:var(--press);font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700;padding:7px 9px;text-align:center;outline:none}.pg-input:focus{border-color:var(--press)}.opt-card{text-align:left;width:100%;cursor:pointer;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:12px;padding:14px 15px;color:var(--ink)}.opt-card.sel{border-color:var(--press);box-shadow:0 0 0 1px #2fe08a59}.opt-kicker{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.opt-card.sel .opt-kicker{color:var(--press)}.opt-title{font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.01em}.opt-reason{color:var(--muted);font-size:12.5px;margin-top:4px;line-height:1.5}.opt-vals{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--press);margin-top:8px;letter-spacing:.02em}.shot-data{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--muted);letter-spacing:.02em;margin:2px 0 7px}html,body{overflow-x:hidden;width:100%}.readout>*,.fgrid>*,.row2>*,.opt-card,.shot,.card{min-width:0}.ro-value,.opt-title,.bean-name,.opt-vals,.shot-data{overflow-wrap:anywhere}img,svg{max-width:100%}.opt-targets{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--muted);margin-top:6px;line-height:1.6}.targets-line{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px 11px;line-height:1.6}