@import"https://cdn.jsdelivr.net/fontsource/fonts/bungee@latest/latin-400-normal.css";@import"https://cdn.jsdelivr.net/fontsource/fonts/space-grotesk@latest/latin-400-normal.css";@import"https://cdn.jsdelivr.net/fontsource/fonts/space-grotesk@latest/latin-500-normal.css";@import"https://cdn.jsdelivr.net/fontsource/fonts/space-grotesk@latest/latin-700-normal.css";@import"https://cdn.jsdelivr.net/fontsource/fonts/space-mono@latest/latin-400-normal.css";@import"https://cdn.jsdelivr.net/fontsource/fonts/space-mono@latest/latin-700-normal.css";*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}.cl-root{--espresso: #3E2723;--crema: #D7CCC8;--chalk: #F5F5F0;--neon: #76FF03;--plasma: #AA00FF;--danger: #FF1744;--warning: #FFC107;--success: #00E676;--bg: #F2EFE6;--panel: #FFFFFF;--panel2: #ECE8DC;--ink: #241A16;--muted: #6E6259;--line: #241A16;--shadow: #241A16;--neon-ink: #4d8f00;--plasma-ink: #8a00cc;--ring-track: rgba(36,26,22,.12);--grid-line: rgba(36,26,22,.055);min-height:100vh;background:var(--bg);color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;font-size:15px;line-height:1.45;position:relative;overflow-x:hidden}.cl-root[data-theme=dark]{--bg: #151210;--panel: #211C18;--panel2: #2A2420;--ink: #F5F5F0;--muted: #A79C93;--line: #F5F5F0;--shadow: #000000;--neon-ink: #76FF03;--plasma-ink: #C86BFF;--ring-track: rgba(245,245,240,.12);--grid-line: rgba(245,245,240,.045)}.cl-root:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:26px 26px}.cl-root:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(120% 90% at 50% 0%,transparent 55%,rgba(0,0,0,.1) 100%)}.cl-root[data-theme=dark]:after{background:radial-gradient(120% 90% at 50% 0%,transparent 50%,rgba(0,0,0,.45) 100%)}::selection{background:var(--neon);color:#102000}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px dashed var(--plasma-ink);outline-offset:2px}.f-disp{font-family:Bungee,Space Grotesk,sans-serif;font-weight:400;letter-spacing:.01em}.f-mono{font-family:Space Mono,monospace}.neon-text{color:var(--neon-ink)}.cl-main{position:relative;z-index:1;max-width:620px;margin:0 auto;padding:20px 16px 128px}.page{display:block}.fx-page{animation:pageIn .26s cubic-bezier(.22,.61,.36,1)}@keyframes pageIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.fx-step{animation:stepIn .34s cubic-bezier(.34,1.56,.64,1)}@keyframes stepIn{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.floaters{position:fixed;inset:0;z-index:0;pointer-events:none;color:var(--ink)}.floater{position:absolute;opacity:.07;animation:floaty var(--dur,9s) ease-in-out var(--del,0s) infinite}@keyframes floaty{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(6deg)}}.logo-row{display:flex;align-items:center;gap:12px}.logo-beaker{width:56px;height:56px;display:grid;place-items:center;background:var(--espresso);color:var(--neon);border:2px solid var(--line);border-radius:12px;box-shadow:4px 4px 0 var(--shadow)}.app-title{font-size:27px;line-height:1}.title-accent{color:var(--neon-ink);margin-left:6px}.app-sub{font-size:9.5px;letter-spacing:.16em;color:var(--muted);margin-top:5px}.gear-btn{margin-left:auto}.greeting{margin-top:16px;font-size:17px;font-weight:700}.install-strip{margin-top:14px;display:flex;align-items:center;gap:10px;justify-content:space-between;background:var(--panel2);border:2px dashed var(--line);border-radius:8px;padding:8px 12px;font-size:12.5px;font-family:Space Mono,monospace;overflow:hidden}.install-cta{font-family:Space Mono,monospace;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;background:var(--neon);color:#102000;border:2px solid var(--line);border-radius:5px;box-shadow:2px 2px 0 var(--shadow)}.install-cta:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow)}.mini-x{display:grid;place-items:center;width:22px;height:22px;border:1.5px solid var(--line);border-radius:5px}.sec-tag{font-family:Space Mono,monospace;font-size:10.5px;font-weight:700;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.sec-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.link-btn{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--plasma-ink)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 18px}.stat-card{padding:12px 12px 10px}.stat-top{display:flex;align-items:center;gap:6px;color:var(--muted)}.stat-label{font-size:10px;font-family:Space Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.stat-val{font-size:26px;font-weight:700;margin:4px 0 2px}.stat-extra{font-size:11px;color:var(--muted);min-height:16px}.trend{display:inline-flex;align-items:center;gap:2px;font-family:Space Mono,monospace;font-size:11px;font-weight:700}.trend.up{color:var(--neon-ink)}.trend.down{color:var(--danger)}.stat-sub{font-size:10.5px}.card{background:var(--panel);border:2px solid var(--line);border-radius:10px;box-shadow:5px 5px 0 var(--shadow)}.flat-card{box-shadow:none}.brew-now{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;cursor:pointer;border-color:var(--neon-ink);position:relative;overflow:hidden}.brew-now:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:repeating-linear-gradient(-45deg,var(--neon) 0 8px,transparent 8px 16px);opacity:.9}.brew-now-title{font-size:19px;line-height:1.15;margin:6px 0 4px}.brew-now-meta{font-size:11px;color:var(--muted)}.brew-now-btn{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:50%;background:var(--neon);color:#102000;border:2px solid var(--line);box-shadow:3px 3px 0 var(--shadow);animation:btnPulse 1.8s ease-in-out infinite}@keyframes btnPulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.low-banner{margin-top:16px;border:2px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel);box-shadow:5px 5px 0 var(--shadow);animation:shakeX .5s ease-in-out}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.hazard-strip{height:9px;background:repeating-linear-gradient(-45deg,var(--warning) 0 12px,#171310 12px 24px)}.low-body{display:flex;gap:10px;padding:11px 14px;font-size:13px;align-items:flex-start}.low-ic{color:var(--warning);flex:0 0 auto;margin-top:1px}.low-more{font-size:10.5px;color:var(--muted);margin-top:3px}.champion{display:flex;align-items:center;gap:10px;margin-top:16px;padding:11px 14px;font-size:13.5px;background:var(--espresso);color:var(--chalk);border:2px solid var(--line);border-radius:10px;box-shadow:5px 5px 0 var(--shadow)}.champion svg{color:var(--warning);flex:0 0 auto}.recent-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.recent-card{padding:12px;text-align:left;display:flex;flex-direction:column;gap:5px;cursor:pointer}.recent-ic{width:34px;height:34px;display:grid;place-items:center;border:2px solid var(--line);border-radius:8px;background:var(--panel2)}.recent-name{font-weight:700;font-size:13px;line-height:1.2}.recent-bean{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-ago{font-size:9.5px;color:var(--muted)}.sterile-card{margin-top:26px;padding:34px 22px;text-align:center}.empty-beaker{width:130px;color:var(--plasma-ink);margin-bottom:10px}.bub{animation:bubbleUp 2.6s ease-in infinite}.b2{animation-delay:.9s}.b3{animation-delay:1.7s}@keyframes bubbleUp{0%{transform:translateY(0);opacity:0}30%{opacity:.8}to{transform:translateY(-26px);opacity:0}}.mini-bean{opacity:.7}.sterile-title{font-size:22px;margin-bottom:6px}.sterile-sub{color:var(--muted);margin-bottom:18px}.sterile-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.empty-mini{padding:26px 18px;text-align:center;color:var(--muted);font-family:Space Mono,monospace;font-size:12.5px;border-style:dashed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:Space Mono,monospace;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:12px;padding:11px 15px;border:2px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);box-shadow:3px 3px 0 var(--shadow);transition:transform .12s,box-shadow .12s;white-space:nowrap}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--shadow)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}.btn-primary{background:var(--neon);color:#102000}.btn-plasma{background:var(--plasma);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{box-shadow:none;border-style:dashed}.btn-ghost:hover{transform:none;box-shadow:none}.btn-sm{padding:8px 11px;font-size:10.5px}.btn-block{width:100%;padding:14px;font-size:13px}.btn-start{animation:pulseGlow 1.7s infinite;margin-top:6px}@keyframes pulseGlow{0%{box-shadow:3px 3px 0 var(--shadow),0 0 #76ff038c}70%{box-shadow:3px 3px 0 var(--shadow),0 0 0 16px #76ff0300}to{box-shadow:3px 3px 0 var(--shadow),0 0 #76ff0300}}.purge-armed{animation:armShake .4s infinite}@keyframes armShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:3px 3px 0 var(--shadow);transition:transform .12s}.icon-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}.chip{font-family:Space Mono,monospace;font-size:11px;font-weight:700;padding:6px 12px;border:2px solid var(--line);border-radius:999px;background:var(--panel);transition:background .15s,color .15s;white-space:nowrap}.chip-on{background:var(--ink);color:var(--bg)}.chip-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.inp{width:100%;background:var(--panel2);border:2px solid var(--line);border-radius:7px;padding:10px 12px;color:var(--ink);font:inherit;font-size:16px}.inp:focus{outline:none;box-shadow:0 0 0 3px #aa00ff47;border-color:var(--plasma-ink)}.inp:disabled{opacity:.55}.inp-sm{padding:7px 9px;font-size:13px}textarea.inp{resize:vertical;min-height:60px}.select-wrap{position:relative}.select-wrap select.inp{appearance:none;padding-right:32px;cursor:pointer}.select-chev{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted)}.field{display:block;margin-bottom:13px}.field-label{display:flex;align-items:baseline;gap:8px;font-family:Space Mono,monospace;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.field-hint{font-style:normal;text-transform:none;letter-spacing:0;opacity:.75}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.date-grid{display:flex;flex-direction:column;gap:0}.stamp{font-family:Space Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.14em;padding:3px 7px;border-radius:4px;transform:rotate(-3deg);display:inline-block;flex:0 0 auto}.stamp-official{background:var(--neon);color:#102000;border:2px dashed #102000}.stamp-exp{background:var(--plasma);color:#fff;border:2px dashed rgba(255,255,255,.75)}.roast-badge{font-family:Space Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.06em;padding:3px 7px;border-radius:4px;border:1.5px solid rgba(0,0,0,.35);text-transform:uppercase}.stock-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 auto}.stock-ok{background:var(--success);box-shadow:0 0 6px var(--success)}.stock-mid{background:var(--warning);box-shadow:0 0 6px var(--warning)}.stock-low{background:var(--danger);box-shadow:0 0 6px var(--danger);animation:blink 1.2s infinite}.fresh-badge{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 6px 3px 5px;border-radius:999px;border:1.5px solid currentColor;background:transparent}.fresh-badge .fresh-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.fresh-badge .fresh-days{opacity:.65;font-size:9px;letter-spacing:.05em}.fresh-blue{color:#4fc3f7}.fresh-dot-blue{background:#4fc3f7;box-shadow:0 0 5px #4fc3f7}.fresh-cyan{color:#26c6da}.fresh-dot-cyan{background:#26c6da;box-shadow:0 0 5px #26c6da}.fresh-green{color:var(--neon)}.fresh-dot-green{background:var(--neon);box-shadow:0 0 6px var(--neon)}.fresh-lime{color:#cddc39}.fresh-dot-lime{background:#cddc39;box-shadow:0 0 5px #cddc39}.fresh-yellow{color:var(--warning)}.fresh-dot-yellow{background:var(--warning);box-shadow:0 0 5px var(--warning)}.fresh-red{color:var(--danger)}.fresh-dot-red{background:var(--danger);box-shadow:0 0 6px var(--danger);animation:blink 1.4s infinite}.fresh-muted{color:var(--muted)}.fresh-dot-muted{background:var(--muted)}.fresh-badge .fresh-label{line-height:1}.bean-card .fresh-badge{margin-top:2px;align-self:flex-start}.lb-main .fresh-badge{margin-top:4px;align-self:flex-start}.bean-detail .fresh-badge{margin-top:4px}.champion{flex-wrap:wrap}.champion .fresh-badge{margin-left:6px}@keyframes blink{50%{opacity:.35}}.stars-wrap{position:relative;display:inline-block;line-height:1;letter-spacing:1px}.stars-bg{color:var(--muted);opacity:.35}.stars-fg{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:var(--warning)}.rate-row{display:flex;gap:6px;justify-content:center;margin:12px 0}.rate-star{color:var(--muted);opacity:.4;transition:color .15s,opacity .15s}.rate-star.on{color:var(--warning);opacity:1;filter:drop-shadow(1.5px 1.5px 0 var(--shadow))}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--panel);border-top:2px solid var(--line);padding-bottom:env(safe-area-inset-bottom);transition:transform .2s ease;will-change:transform}.cl-root:has(.modal-back,.timer-screen) .bottom-nav{transform:translateY(110%)}.nav-inner{max-width:620px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr)}.nav-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:11px 0 9px;color:var(--muted);font-family:Space Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.nav-on{color:var(--neon-ink)}.nav-ind{position:absolute;top:-2px;left:22%;right:22%;height:4px;background:var(--neon);border-radius:0 0 4px 4px;animation:popIn .3s cubic-bezier(.34,1.56,.64,1) both}.page-head{margin-bottom:16px}.page-head-row{display:flex;align-items:center;gap:12px}.page-title{font-size:24px;line-height:1.1;margin-top:3px}.page-sub{color:var(--muted);font-size:13px;margin-top:7px}.head-action-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.method-card{padding:18px 14px;text-align:left;cursor:pointer;position:relative;overflow:hidden}.method-ic{width:50px;height:50px;display:grid;place-items:center;border:2px solid var(--line);border-radius:10px;color:#14100d;margin-bottom:12px;box-shadow:3px 3px 0 var(--shadow)}.method-name{font-size:16px}.method-sub{color:var(--muted);font-size:11.5px;margin:3px 0 8px}.method-count{font-size:10px;color:var(--neon-ink);letter-spacing:.06em}.list-col{display:flex;flex-direction:column;gap:12px}.proto-card{padding:14px 15px;text-align:left;width:100%}button.proto-card{cursor:pointer}.proto-card-full{display:flex;align-items:center;gap:12px}.proto-main{flex:1;min-width:0;cursor:pointer}.proto-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.proto-mic{display:inline-grid;place-items:center}.proto-name{font-size:15.5px}.proto-stats{font-size:11px;color:var(--muted);margin-top:6px;letter-spacing:.02em}.proto-desc{font-size:12px;color:var(--muted);margin-top:5px;font-style:italic}.proto-meta{display:flex;align-items:center;gap:12px;margin-top:7px}.proto-grind{font-size:10px;background:var(--panel2);border:1.5px solid var(--line);border-radius:4px;padding:2px 6px}.proto-last{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-family:Space Mono,monospace;color:var(--muted)}.proto-brew{flex:0 0 auto}.setup-card{padding:18px 16px}.warn-line{display:flex;align-items:center;gap:7px;color:var(--danger);font-size:10.5px;font-weight:700;margin:-4px 0 12px;letter-spacing:.04em}.ratio-line{text-align:center;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--plasma-ink);border:2px dashed var(--line);border-radius:7px;padding:8px;margin:4px 0 14px}.ratio-row{display:flex;align-items:stretch;gap:10px;margin:4px 0 14px}.ratio-label{display:grid;place-items:center;padding:0 14px;font-size:10.5px;font-weight:700;letter-spacing:.18em;color:var(--plasma-ink);border:2px solid var(--plasma-ink);border-radius:7px}.ratio-controls{flex:1;display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.ratio-readout{display:grid;place-items:center;font-size:15px;font-weight:700;color:var(--ink);border:2px dashed var(--line);border-radius:7px;padding:6px 10px}.ratio-input{width:100%}.timer-screen{position:fixed;inset:0;z-index:70;background:var(--bg);display:flex;flex-direction:column;padding:18px 18px calc(20px + env(safe-area-inset-bottom));overflow-y:auto}.timer-screen:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:26px 26px}.timer-top{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}.timer-recipe{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--muted)}.timer-mid{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.step-block{text-align:center;width:100%;max-width:400px}.step-action-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px;min-height:34px}.step-action{font-size:clamp(19px,6vw,27px);line-height:1.1}.ring-wrap{position:relative;width:252px;margin:0 auto}.ring-svg{transform:rotate(-90deg);display:block}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-time{font-size:52px;font-weight:700;letter-spacing:-.02em;line-height:1}.ring-danger{color:var(--danger);animation:blink .5s infinite}.ring-step{font-size:10.5px;letter-spacing:.2em;color:var(--muted);margin-top:7px}.step-desc{font-size:16.5px;font-weight:500;margin-top:16px}.target-chip{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;font-weight:700;background:var(--espresso);color:var(--neon);border:2px solid var(--line);padding:5px 11px;border-radius:999px}.step-tip{margin-top:10px;font-size:12.5px;font-style:italic;color:var(--muted)}.timer-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 0 10px;position:relative}.ctl-btn{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:var(--neon);color:#102000;border:2px solid var(--line);box-shadow:4px 4px 0 var(--shadow)}.ctl-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}.ctl-skip{width:58px;height:58px;background:var(--panel);color:var(--ink)}.step-dots{display:flex;justify-content:center;gap:8px;position:relative;padding-bottom:6px}.sdot{width:10px;height:10px;border-radius:3px;border:2px solid var(--line);background:transparent;transform:rotate(45deg);transition:background .2s}.sdot-done{background:var(--neon)}.sdot-cur{animation:dotPulse 1s infinite}@keyframes dotPulse{50%{transform:rotate(45deg) scale(1.35)}}.modal-back{position:fixed;inset:0;z-index:90;background:#0a07059e;display:flex;align-items:flex-end;justify-content:center}@media (min-width: 640px){.modal-back{align-items:center;padding:20px}.sheet{border-radius:14px!important;max-height:84vh}}.rate-back{z-index:95;align-items:center;padding:20px}.rate-card{width:100%;max-width:430px;padding:26px 22px;text-align:center;position:relative;z-index:2}.eureka-badge{font-size:10px;letter-spacing:.22em;color:var(--plasma-ink);font-weight:700}.eureka-title{font-size:34px;color:var(--neon-ink);margin:6px 0 4px;text-shadow:3px 3px 0 var(--shadow)}.eureka-sub{color:var(--muted);font-size:13px;margin-bottom:14px}.rate-notes{text-align:left;margin:4px 0 14px}.discard-link{margin-top:10px;color:var(--muted);font-size:10.5px;text-decoration:underline}.confetti-cv{position:fixed;inset:0;z-index:99;pointer-events:none}.sheet{width:100%;max-width:620px;max-height:92vh;overflow-y:auto;background:var(--panel);border:2px solid var(--line);border-bottom:none;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 640px){.sheet{border-bottom:2px solid var(--line)}}.sheet-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 12px;background:var(--panel);border-bottom:2px dashed var(--line)}.sheet-head .icon-btn{margin-right:6px;flex-shrink:0}.sheet-title{font-size:19px;margin-top:3px}.sheet-body{padding:16px 18px 26px}.sheet-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.confirm-box{background:var(--panel);border:2px solid var(--line);border-radius:12px;box-shadow:6px 6px 0 var(--shadow);width:min(92vw,380px);padding:24px 20px;text-align:center;margin:auto}.modal-back:has(.confirm-box){align-items:center;padding:20px}.confirm-icon{margin-bottom:8px}.confirm-title{font-size:19px;margin-bottom:8px}.confirm-body{color:var(--muted);font-size:13.5px;margin-bottom:18px}.confirm-actions{display:flex;gap:10px;justify-content:center}.toast-stack{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:120;display:flex;flex-direction:column;gap:8px;width:min(92vw,420px)}.toast{display:flex;align-items:center;gap:9px;background:var(--ink);color:var(--bg);border:2px solid var(--line);border-radius:8px;padding:10px 14px;font-family:Space Mono,monospace;font-size:11.5px;font-weight:700;letter-spacing:.05em;box-shadow:4px 4px #00000059}.toast-ok svg{color:var(--neon)}.toast-warn svg{color:var(--warning)}.bean-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bean-card{overflow:hidden;padding:0;text-align:left;cursor:pointer}.bean-photo-wrap{overflow:hidden;border-bottom:2px solid var(--line)}.bean-photo{width:100%;height:104px;object-fit:cover;display:block;transition:transform .35s}.bean-card:hover .bean-photo{transform:scale(1.06)}.bean-photo-empty{display:grid;place-items:center;background:var(--panel2);color:var(--muted);background-image:radial-gradient(var(--grid-line) 1.5px,transparent 1.5px);background-size:14px 14px}.bean-card-body{padding:10px 11px 12px}.bean-name{font-weight:700;font-size:13.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bean-roaster{font-size:10px;color:var(--muted);margin:3px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bean-card-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.bean-weight{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700}.bean-detail{display:flex;flex-direction:column;gap:13px}.bean-detail .bean-photo{border-radius:10px;border:2px solid var(--line);height:170px}.bean-detail-rows{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.bean-detail-rows>div,.bd-cell{display:flex;flex-direction:column;gap:2px}.dt{font-family:Space Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.dd{font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.flavor-chip{font-family:Space Mono,monospace;font-size:10px;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--panel2);border:1.5px solid var(--line)}.tasting-notes{font-style:italic;color:var(--muted);font-size:13.5px;border-left:3px solid var(--plasma);padding-left:10px}.roast-picker{display:flex;gap:8px}.roast-bean{padding:5px;border:2px solid transparent;border-radius:8px;display:grid;place-items:center}.roast-on{border-color:var(--line);background:var(--panel2)}.roast-label{font-size:10.5px;font-weight:700;letter-spacing:.14em;margin-top:6px;color:var(--plasma-ink)}.photo-row{display:flex;gap:8px;flex-wrap:wrap}.photo-preview{margin-top:10px;width:100%;max-height:190px;object-fit:cover;border:2px solid var(--line);border-radius:8px}.steps-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px}.steps-list{display:flex;flex-direction:column;gap:10px}.step-row{border:2px solid var(--line);border-radius:9px;padding:10px;background:var(--panel2);display:flex;flex-direction:column;gap:8px}.step-row-top{display:flex;align-items:center;gap:7px}.step-num{font-weight:700;font-size:12px;color:var(--plasma-ink);flex:0 0 auto}.step-sel{flex:1;min-width:0}.step-dur{width:62px;flex:0 0 auto;text-align:center}.dur-hint{font-size:10px;color:var(--muted);flex:0 0 auto}.step-row-btns{display:flex;gap:4px;margin-left:auto}.mini-btn{width:26px;height:26px;display:grid;place-items:center;border:1.5px solid var(--line);border-radius:6px;background:var(--panel)}.mini-btn:disabled{opacity:.3;cursor:default}.mini-danger:hover{background:var(--danger);color:#fff}.curated-note{margin-top:12px;font-size:10px;letter-spacing:.08em;color:var(--warning);text-align:center}.tab-row{display:flex;gap:8px;margin-bottom:14px}.tab-btn{position:relative;flex:1;padding:10px;font-family:Space Mono,monospace;font-size:12px;font-weight:700;border:2px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted)}.tab-on{color:var(--ink);background:var(--panel2)}.tab-ind{position:absolute;left:10%;right:10%;bottom:-2px;height:4px;background:var(--plasma);border-radius:4px;animation:popIn .3s cubic-bezier(.34,1.56,.64,1) both}.ana-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpi{padding:12px}.kpi-label{font-size:8.5px;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}.kpi-val{font-size:27px;line-height:1}.kpi-star{color:var(--warning);font-size:18px;margin-left:2px}.kpi-fav{display:flex;align-items:center;gap:6px;font-size:13px;flex-wrap:wrap;margin-top:4px}.kpi-fav span{font-size:10.5px;color:var(--muted)}.chart-card{padding:14px}.chart-duo{grid-template-columns:1fr}@media (min-width: 560px){.chart-duo{grid-template-columns:1fr 1fr}}.chart-box{margin-top:8px}.chart-empty{padding:22px 8px;text-align:center;color:var(--muted);font-size:11px}.legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:6px}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:10.5px}.legend-item i{width:10px;height:10px;border-radius:3px;display:inline-block;border:1px solid rgba(0,0,0,.3)}.leaderboard{display:flex;flex-direction:column;gap:4px;margin-top:8px}.lb-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border:2px dashed var(--line);border-radius:8px}.lb-rank{font-size:19px}.lb-main{flex:1;min-width:0}.lb-main b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-meta{font-size:10px;color:var(--muted)}.lb-score{font-size:15px;font-weight:700;color:var(--warning)}.journal-bar{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.sel-slim{flex:1;min-width:108px}.journal-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;width:100%;text-align:left;cursor:pointer}.jr-left{display:flex;align-items:center;gap:11px;min-width:0}.jr-ic{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:2px solid var(--line);border-radius:8px;background:var(--panel2)}.jr-main{min-width:0}.jr-main b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jr-sub{font-size:10px;color:var(--muted)}.jr-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto}.jr-date{font-size:10px;color:var(--muted)}.bd-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;margin-bottom:14px}.telemetry{width:100%;border-collapse:collapse;margin:8px 0 12px;font-size:12px}.telemetry th{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:left;padding:6px 8px;border-bottom:2px solid var(--line)}.telemetry td{padding:7px 8px;border-bottom:1px dashed var(--line)}.delta-over{color:var(--danger)}.delta-under{color:var(--plasma-ink)}.delta-ok{color:var(--neon-ink)}.set-card{padding:15px 16px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line)}.set-row:last-child{border-bottom:none}.set-label{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:14px}.set-hint{font-style:normal;font-family:Space Mono,monospace;font-size:10px;color:var(--muted)}.inline-ic{color:var(--muted)}.seg{display:flex;border:2px solid var(--line);border-radius:8px;overflow:hidden}.seg-btn{width:40px;height:34px;display:grid;place-items:center;background:var(--panel);color:var(--muted);border-right:2px solid var(--line)}.seg-btn:last-child{border-right:none}.seg-on{background:var(--neon);color:#102000}.tgl{position:relative;width:52px;height:30px;flex:0 0 auto;border:2px solid var(--line);border-radius:999px;background:var(--panel2)}.tgl-knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--muted);transition:transform .26s cubic-bezier(.34,1.56,.64,1),background .2s}.tgl-on{background:var(--neon)}.tgl-on .tgl-knob{transform:translate(22px);background:#102000}.vol-slider{flex:1;max-width:190px;accent-color:var(--plasma);height:26px}.data-actions{display:flex;flex-direction:column;gap:9px;margin-top:10px}.about-card{text-align:center}.about-logo{display:flex;align-items:center;justify-content:center;gap:9px;margin:10px 0 6px;font-size:17px}.about-logo svg{color:var(--neon-ink)}.about-ver{font-size:10px;color:var(--muted)}.about-line{color:var(--muted);font-size:13px;margin-bottom:6px}.about-fine{font-size:8.5px;letter-spacing:.16em;color:var(--muted)}.fx-hover,.fx-tap{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;will-change:transform}.fx-hover:hover{transform:var(--hover-tf)}.fx-tap:active{transform:var(--tap-tf)}.fx-pop{animation:popIn .32s cubic-bezier(.34,1.56,.64,1) both;transform-origin:center}@keyframes popIn{0%{transform:scaleX(.2);opacity:.3}to{transform:scaleX(1);opacity:1}}@media (max-width: 420px){.stats-row,.ana-kpis,.recent-row{grid-template-columns:1fr 1fr}.app-title{font-size:23px}}