@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=Jost:wght@300;400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0e0e;--bg2:#161616;--bg3:#1c1c1c;--bg4:#222222;--border:#2a2a2a;--border2:#333333;--border3:#404040;--text:#ede5d8;--text2:#d4c9b8;--muted:#a89880;--muted2:#b09680;--muted3:#a08470;--muted4:#927a66;--muted5:#484038;--gold:#d4b05a;--gold-hi:#e8c46a;--gold-dim:#d4b05a44;--green:#8aaa6a;--red:#d06860;--score-green:#8aaa6a;--score-amber:#d4b05a;--score-orange:#c09040;--score-red:#d06860}@media (prefers-color-scheme:light){:root{--bg:#f5ead0;--bg2:#eddfc0;--bg3:#e4d4ac;--bg4:#d9c898;--border:#c0a870;--border2:#a89058;--border3:#907840;--text:#1a1008;--text2:#241808;--muted:#3a2810;--muted2:#4a3818;--muted3:#5a4828;--muted4:#6a5838;--muted5:#7a6848;--gold:#7a5808;--gold-hi:#8a6818;--gold-dim:#7a580822;--green:#3a5020;--red:#801810;--score-green:#3a6a18;--score-amber:#907010;--score-orange:#904010;--score-red:#901010}}.theme-dark{--bg:#0e0e0e;--bg2:#161616;--bg3:#1c1c1c;--bg4:#222222;--border:#2a2a2a;--border2:#333333;--border3:#404040;--text:#ede5d8;--text2:#d4c9b8;--muted:#a89880;--muted2:#b09680;--muted3:#a08470;--muted4:#927a66;--muted5:#484038;--gold:#d4b05a;--gold-hi:#e8c46a;--gold-dim:#d4b05a44;--green:#8aaa6a;--red:#d06860;--score-green:#8aaa6a;--score-amber:#d4b05a;--score-orange:#c09040;--score-red:#d06860}.theme-light{--bg:#f5ead0;--bg2:#eddfc0;--bg3:#e4d4ac;--bg4:#d9c898;--border:#c0a870;--border2:#a89058;--border3:#907840;--text:#1a1008;--text2:#241808;--muted:#3a2810;--muted2:#4a3818;--muted3:#5a4828;--muted4:#6a5838;--muted5:#7a6848;--gold:#7a5808;--gold-hi:#8a6818;--gold-dim:#7a580822;--green:#3a5020;--red:#801810;--score-green:#3a6a18;--score-amber:#907010;--score-orange:#904010;--score-red:#901010}body,html{background:var(--bg);-webkit-text-size-adjust:100%;min-height:100vh;transition:background .4s ease,color .4s ease}.bean-card,.modal,.nav,.page,.recipe-card,button,input,select,textarea{transition:background .4s ease,color .3s ease,border-color .3s ease}.app{background:var(--bg);color:var(--text);font-family:Jost,sans-serif;font-weight:300;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.nav{display:flex;flex-direction:column;align-items:center;padding:14px 24px 0;border-bottom:1px solid var(--border);background:var(--bg);position:-webkit-sticky;position:sticky;top:0;z-index:20}@media (prefers-color-scheme:light){.nav{background:rgba(245,234,208,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-color:var(--border2)}}.theme-light .nav{background:rgba(245,234,208,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-color:var(--border2)}.nav-top{width:100%;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:10px}.nav-brand{font-family:Cormorant Garamond,serif;font-size:16px;font-weight:600;color:var(--gold);letter-spacing:6px;text-transform:uppercase;cursor:pointer;text-align:center;padding:5px 24px;border:1px solid var(--gold-dim);position:relative;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-brand:hover{background:var(--gold-dim);border-color:var(--gold)}.nav-brand:active{transform:scale(.97);opacity:.8}.nav-brand:before{content:"";position:absolute;inset:3px;border:1px solid var(--gold-dim);pointer-events:none}.nav-right{right:0;display:flex;align-items:center;gap:8px}.nav-left,.nav-right{position:absolute;top:50%;transform:translateY(-50%)}.nav-left{left:0}.nav-tabs-wrap{position:relative;width:100%}.nav-tabs-wrap:before{left:0;background:linear-gradient(to left,transparent,var(--bg))}.nav-tabs-wrap:after,.nav-tabs-wrap:before{content:"";position:absolute;top:0;bottom:0;width:24px;pointer-events:none;z-index:1}.nav-tabs-wrap:after{right:0;background:linear-gradient(to right,transparent,var(--bg))}.nav-tabs{display:flex;gap:0;overflow-x:auto;max-width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{background:none;color:var(--muted3);padding:8px 16px;font-family:Jost,sans-serif;font-size:11px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:color .2s;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.nav-tab:hover{color:var(--muted)}.nav-add-bean{display:block;width:100%;background:var(--gold);color:var(--bg);border:none;padding:8px 20px;font-family:Jost,sans-serif;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background .18s;text-align:center}@media (min-width:721px){.nav-add-bean{width:auto;display:inline-block;margin-left:12px;margin-bottom:4px}.nav-tabs-wrap{display:flex;align-items:center}}.nav-add-bean:hover{background:var(--gold-hi)}.mobile-bottom-nav{display:none;position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg2);border-bottom:1px solid var(--border2);padding:env(safe-area-inset-top,0) 0 0}.mobile-bottom-nav-inner{display:flex;align-items:stretch}.mobile-nav-btn{flex:1 1;background:none;padding:10px 4px;color:var(--muted3);font-family:Jost,sans-serif;font-size:10px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:color .2s;display:flex;flex-direction:column;align-items:center;gap:0;position:relative;border:none;border-bottom:2px solid transparent}.mobile-nav-btn-icon{display:none}.mobile-drawer-overlay{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.7);display:flex;align-items:flex-end;animation:fadeIn .2s ease}.mobile-drawer{background:var(--bg2);border-top:1px solid var(--border2);width:100%;padding:20px 0 env(safe-area-inset-bottom,20px);animation:drawerSlideUp .25s ease}.mobile-drawer-item{display:flex;align-items:center;gap:14px;padding:14px 24px;background:none;border:none;width:100%;color:var(--muted2);font-family:Jost,sans-serif;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;text-align:left;transition:color .15s}.mobile-drawer-item.active,.mobile-drawer-item:hover{color:var(--gold)}.mobile-drawer-divider{height:1px;background:var(--border);margin:8px 24px}@media (max-width:720px){.mobile-bottom-nav{display:block}.brew-layout{grid-template-columns:1fr!important;gap:20px}.brew-right{position:static}.brew-right .calc-body{grid-template-columns:1fr!important}.mobile-bean-header{display:block!important}.desktop-bean-header{display:none!important}.mobile-inline-wheel{display:block!important;margin-bottom:24px}.wheel-col{display:none!important}.page{padding-top:80px!important;padding-bottom:16px!important}.welcome-page{padding-top:72px!important;padding-bottom:72px!important}.nav{display:none}}.page{padding:36px 32px;max-width:1080px;margin:0 auto}.list-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.list-title{font-family:Cormorant Garamond,serif;font-size:32px;margin-bottom:4px}.list-sub{font-size:12px;color:var(--muted3);letter-spacing:1px}.bean-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-gap:14px;gap:14px}@media (min-width:1100px){.bean-grid{grid-template-columns:repeat(3,1fr)}}.bean-card{background:var(--bg2);border:1px solid var(--border);padding:22px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px var(--bg2),inset 0 0 0 4px var(--border);animation:cardSlideIn .3s ease}.bean-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc,var(--gold))}.bean-card:hover{border-color:var(--border3);transform:translateY(-3px);box-shadow:inset 0 0 0 3px var(--bg2),inset 0 0 0 4px var(--border),0 8px 24px rgba(0,0,0,.3)}.bc-brand{font-size:10px;color:var(--muted2);letter-spacing:2px;text-transform:uppercase;margin-bottom:5px}.bc-name{font-family:Cormorant Garamond,serif;font-size:22px;margin-bottom:12px;line-height:1.2;letter-spacing:0;transition:letter-spacing .4s ease,color .3s ease}.bean-card:hover .bc-name{letter-spacing:.5px;color:var(--gold)}.bc-tags{display:flex;flex-wrap:wrap;gap:5px}.bctag{font-size:10px;color:var(--muted2);border:1px solid var(--border2);padding:2px 8px}.bc-summary{font-size:11px;color:var(--muted3);margin-top:10px;font-style:italic;line-height:1.5}.bc-flavor-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.bc-flavor-chip{font-size:10px;border:1px solid;padding:2px 7px;letter-spacing:.3px;animation:chipFadeIn .3s ease backwards;transition:all .15s ease}@keyframes chipFadeIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.bean-example-badge{font-size:9px;color:var(--muted3);letter-spacing:1.5px;text-transform:uppercase;border:1px solid var(--border2);padding:2px 7px;display:inline-block;margin-bottom:8px}.journal-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.journal-search-wrap{flex:1 1;min-width:200px;position:relative;display:flex;align-items:center}.journal-search-icon{position:absolute;left:12px;color:var(--muted3);font-size:16px;pointer-events:none}.journal-search{width:100%;background:var(--bg2);border:1px solid var(--border2);color:var(--text);padding:10px 36px 10px 34px;font-family:Jost,sans-serif;font-size:13px;font-weight:300;outline:none;transition:border .15s}.journal-search:focus{border-color:var(--gold-dim)}.journal-search::placeholder{color:var(--muted3)}.journal-search-clear{position:absolute;right:10px;background:none;border:none;color:var(--muted3);cursor:pointer;font-size:11px;padding:4px;transition:color .15s}.journal-search-clear:hover{color:var(--text)}.journal-toolbar-right{display:flex;gap:8px;align-items:center}.journal-filter-btn{background:var(--bg2);border:1px solid var(--border2);color:var(--muted2);padding:9px 16px;font-family:Jost,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px;white-space:nowrap}.journal-filter-btn:hover{border-color:var(--border3);color:var(--text)}.journal-filter-btn.active{border-color:var(--gold-dim);color:var(--gold);background:var(--bg4)}.filter-badge{background:var(--gold);color:var(--bg);border-radius:50%;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.journal-sort{background:var(--bg2);border:1px solid var(--border2);color:var(--muted2);padding:9px 12px;font-family:Jost,sans-serif;font-size:11px;letter-spacing:1px;outline:none;cursor:pointer;transition:border .15s}.journal-sort:focus{border-color:var(--gold-dim)}.filter-panel{background:var(--bg3);border:1px solid var(--border);padding:20px 22px;margin-bottom:20px;animation:fadeSlide .15s ease}.filter-group{margin-bottom:16px}.filter-group:last-of-type{margin-bottom:0}.filter-group-label{font-size:10px;color:var(--muted3);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.filter-pills{display:flex;flex-wrap:wrap;gap:6px}.filter-pill{background:var(--bg2);border:1px solid var(--border2);color:var(--muted2);padding:5px 12px;font-family:Jost,sans-serif;font-size:11px;letter-spacing:.5px;cursor:pointer;transition:all .15s}.filter-pill:hover{border-color:var(--border3);color:var(--text)}.filter-pill.active{border-color:var(--gold);color:var(--gold);background:var(--bg4)}.filter-clear{background:var(--bg2);border:1px solid var(--red)44;color:var(--red);font-family:Jost,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;margin-top:14px;padding:7px 16px;transition:all .15s}.filter-clear:hover{background:var(--red)15;border-color:var(--red)}.empty{text-align:center;padding:90px 0}.empty-icon{font-size:48px;margin-bottom:16px;filter:grayscale(.5)}.empty-head{font-family:Cormorant Garamond,serif;font-size:26px;margin-bottom:8px;color:var(--muted)}.empty-sub{font-size:13px;color:var(--muted3);margin-bottom:28px}.form-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.form-title{font-family:Cormorant Garamond,serif;font-size:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group.full{grid-column:1/-1}label{font-size:10px;color:var(--muted2);letter-spacing:2px;text-transform:uppercase}input,select,textarea{background:var(--bg2);border:1px solid var(--border2);color:var(--text);padding:11px 13px;font-family:Jost,sans-serif;font-size:13px;font-weight:300;outline:none;transition:border .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(201,168,76,.12)}select option{background:var(--bg2);color:var(--text)}textarea{resize:vertical}.hint{font-size:11px;color:var(--muted3);font-style:italic;margin-top:4px;line-height:1.5}.form-error{color:var(--red);font-size:12px;margin-top:8px}.form-actions{gap:12px;margin-top:22px}.analyzing,.form-actions{display:flex;align-items:center}.analyzing{gap:10px;color:var(--gold);font-size:12px;letter-spacing:1px;animation:analyzeGlow 1.5s ease infinite}@keyframes analyzeGlow{0%,to{opacity:1}50%{opacity:.6}}.spin{width:15px;height:15px;border:2px solid var(--gold-dim);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:pageFadeIn .35s ease-out}.page-transition-forward{animation:pageSlideForward .32s cubic-bezier(.2,.8,.2,1)}.page-transition-back{animation:pageSlideBack .32s cubic-bezier(.2,.8,.2,1)}@keyframes pageSlideForward{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pageSlideBack{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.page-transition-back,.page-transition-forward{animation:pageFadeIn .2s ease-out}}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}img[loading=lazy]{opacity:0;animation:imgFadeIn .4s ease forwards;animation-delay:.1s}@keyframes imgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fabBounceIn{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.skeleton{background:var(--bg3);background-image:linear-gradient(90deg,var(--bg3) 0,var(--bg4) 40%,var(--bg3) 80%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:4px}.skeleton-text{height:14px;margin-bottom:8px;width:80%}.skeleton-text.short{width:50%}.skeleton-text.xshort{width:30%}.skeleton-title{height:24px;margin-bottom:12px;width:60%}.skeleton-card{background:var(--bg2);border:1px solid var(--border);padding:22px;animation:cardSlideIn .35s ease backwards}.skeleton-wheel{width:200px;height:200px;border-radius:50%;margin:16px auto}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes reactionBurst{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.reaction-burst{animation:reactionBurst .4s ease-out}.nav-tab.active{transition:all .25s ease}.mobile-nav-btn.active,.nav-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.btn-primary,.mobile-nav-btn.active{transition:all .2s ease}.btn-primary{background:var(--gold);color:var(--bg);border:none;padding:10px 22px;font-family:Jost,sans-serif;font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer}.btn-primary:hover{background:var(--gold-hi);transform:translateY(-2px);box-shadow:0 6px 20px rgba(201,168,76,.3)}.btn-primary:active{transform:scale(.96);box-shadow:none}.btn-ghost{background:transparent;color:var(--muted2);border:1px solid var(--border2);padding:9px 16px;font-family:Jost,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{color:var(--text);border-color:var(--muted4);transform:translateY(-1px)}.btn-ghost:active{transform:scale(.96)}.btn-danger{background:transparent;color:var(--red);border:1px solid var(--red)33;padding:9px 16px;font-family:Jost,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .15s}.btn-danger:hover{background:var(--red)15}.btn-brew{background:var(--bg4);color:var(--gold);border:1px solid var(--gold)55;padding:9px 18px;font-family:Jost,sans-serif;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .18s;display:flex;align-items:center;gap:8px}.btn-brew:hover{background:var(--gold)15;border-color:var(--gold)}.btn-brew-primary{background:var(--gold);color:var(--bg);border:none;padding:14px 32px;font-family:Jost,sans-serif;font-size:13px;font-weight:500;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .18s;display:flex;align-items:center;gap:10px;width:100%;justify-content:center}.btn-brew-primary:hover{background:var(--gold-hi);transform:translateY(-1px)}.btn-brew-icon{font-size:18px;line-height:1}.detail-actions{margin-top:28px;margin-bottom:10px}.detail-layout{display:grid;grid-template-columns:1fr 420px;grid-gap:52px;gap:52px;align-items:start}.mobile-bean-header{display:none}.desktop-bean-header{display:block}.mobile-inline-wheel{display:none}.detail-brand{font-size:10px;color:var(--muted2);letter-spacing:3px;text-transform:uppercase;margin-bottom:6px}.detail-name{font-family:Cormorant Garamond,serif;font-size:42px;line-height:1.05;margin-bottom:22px}@media (min-width:721px){.detail-name{font-size:34px}}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:30px}.dtag{font-size:11px;color:var(--muted2);border:1px solid var(--border2);padding:4px 12px}.detail-block{margin-bottom:26px}.detail-block-label{font-size:10px;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px}.detail-block-label:after,.detail-block-label:before{content:"";flex:0 0 16px;height:1px;background:var(--gold-dim)}.detail-summary{font-family:Cormorant Garamond,serif;font-size:17px;font-style:italic;line-height:1.65;color:var(--text)}.detail-notes{font-size:13px;color:var(--muted);line-height:1.7;font-style:italic}.flavor-chips{display:flex;flex-wrap:wrap;gap:7px}.fchip{font-size:11px;padding:4px 10px;border:1px solid;border-radius:0;animation:chipFadeIn .3s ease backwards;transition:all .15s ease}.detail-actions-secondary{display:flex;gap:8px;flex-wrap:wrap}.wheel-col{position:-webkit-sticky;position:sticky;top:80px}.wheel-svg-wrap{width:100%;touch-action:pan-y;animation:wheelSpinIn .6s ease-out}.flavor-wheel-svg,.wheel-svg-wrap{-moz-user-select:none;user-select:none;-webkit-user-select:none}.flavor-wheel-svg{filter:drop-shadow(0 8px 32px rgba(0,0,0,.5));overflow:visible;touch-action:none}.flavor-wheel-svg,.flavor-wheel-svg g,.flavor-wheel-svg g path{pointer-events:auto!important}@keyframes wheelSpinIn{0%{opacity:0;transform:rotate(-90deg) scale(.8)}to{opacity:1;transform:rotate(0deg) scale(1)}}@media (max-width:720px){.wheel-svg-wrap{width:100%;touch-action:pan-y}.flavor-wheel-svg,.wheel-svg-wrap{-moz-user-select:none;user-select:none;-webkit-user-select:none}.flavor-wheel-svg{filter:none;overflow:visible;touch-action:none;pointer-events:auto!important}}.wheel-label{font-size:10px;color:var(--muted4);letter-spacing:3px;text-transform:uppercase;text-align:center;margin-bottom:14px}.recipe-card{background:var(--bg2);border:1px solid var(--border);padding:22px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px var(--bg2),inset 0 0 0 4px var(--border);animation:cardSlideIn .3s ease}.recipe-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--rc,var(--gold))}.recipe-card:hover{border-color:var(--border3);transform:translateY(-3px);box-shadow:inset 0 0 0 3px var(--bg2),inset 0 0 0 4px var(--border),0 8px 24px rgba(0,0,0,.3)}.recipe-card-left{flex:1 1}.recipe-card-type{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px;font-family:Jost,sans-serif}.recipe-card-name{font-family:Cormorant Garamond,serif;font-size:22px;margin-bottom:8px;line-height:1.2}.recipe-card-tags{display:flex;flex-wrap:wrap;gap:5px}.recipe-card-rating{text-align:right;flex-shrink:0;margin-left:16px}.recipe-card-rating-num{font-family:Cormorant Garamond,serif;font-size:28px}.recipe-card-rating-denom{font-size:12px;color:var(--muted3)}.recipe-detail{max-width:720px}.recipe-detail-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start}.recipe-detail-type{font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-family:Jost,sans-serif}.recipe-detail-name{font-family:Cormorant Garamond,serif;font-size:40px;line-height:1;margin-bottom:12px}.recipe-detail-rating{display:flex;align-items:baseline;gap:3px}.recipe-detail-rating-num{font-family:Cormorant Garamond,serif;font-size:32px}.recipe-detail-rating-denom{font-size:14px;color:var(--muted3)}.recipe-detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px}.recipe-ingredients{display:flex;flex-direction:column;gap:10px}.recipe-ingredient{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text2)}.recipe-ing-icon{color:var(--gold);font-size:12px;flex-shrink:0;padding-top:2px}.recipe-ing-note{font-size:11px;color:var(--muted3);margin-left:4px;font-style:italic}.recipe-steps{display:flex;flex-direction:column;gap:10px}.recipe-step{display:flex;align-items:flex-start;gap:12px}.recipe-step-num{font-family:Cormorant Garamond,serif;font-size:20px;line-height:1;flex-shrink:0;width:20px;text-align:center}.recipe-step-text{font-size:13px;color:var(--muted);line-height:1.65;padding-top:2px}.recipe-rating-input{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.recipe-rating-btn{width:32px;height:32px;background:var(--bg3);border:1px solid var(--border2);color:var(--muted3);font-family:Jost,sans-serif;font-size:11px;cursor:pointer;transition:all .15s}.recipe-rating-btn.active{background:var(--gold);color:var(--bg);border-color:var(--gold)}.recipe-rating-btn:hover{border-color:var(--border3);color:var(--text)}.recipe-rating-label{font-size:12px;color:var(--muted3);margin-left:8px}@media (max-width:600px){.recipe-detail-grid{grid-template-columns:1fr}}.shot-presets{margin-bottom:24px}.shot-presets-label{font-size:10px;color:var(--muted2);letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:10px}.shot-preset-btns{display:flex;gap:2px}.shot-preset-btn{flex:1 1;background:var(--bg2);border:1px solid var(--border);color:var(--muted2);padding:10px 8px;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:Jost,sans-serif;font-size:12px;font-weight:400;letter-spacing:.5px}.shot-preset-btn:hover{border-color:var(--border3);color:var(--text)}.shot-preset-btn.active{border-color:var(--gold-dim);background:var(--bg4);color:var(--gold)}.shot-preset-sub{font-size:9px;color:var(--muted3);letter-spacing:.5px}.shot-preset-btn.active .shot-preset-sub{color:var(--muted2)}.recipe-bar{display:flex;gap:10px;align-items:center;margin-bottom:20px}.recipe-btn-save{background:var(--gold);color:var(--bg);border:none;padding:10px 20px;font-family:Jost,sans-serif;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background .18s}.recipe-btn-save:hover{background:var(--gold-hi)}.recipe-btn-load{background:transparent;color:var(--muted2);border:1px solid var(--border2);padding:9px 16px;font-family:Jost,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .15s}.recipe-btn-load:hover{color:var(--text);border-color:var(--border3)}.recipe-modal{background:var(--bg3);border:1px solid var(--border2);padding:24px;margin-bottom:20px;animation:fadeSlide .2s ease}.recipe-modal-title{font-family:Cormorant Garamond,serif;font-size:20px;margin-bottom:6px}.recipe-modal-meta{font-size:11px;color:var(--muted2);margin-bottom:14px;letter-spacing:.5px}.recipe-modal-input{width:100%;background:var(--bg2);border:1px solid var(--border2);color:var(--text);padding:10px 12px;font-family:Jost,sans-serif;font-size:13px;outline:none;margin-bottom:10px;transition:border .15s}.recipe-modal-input:focus{border-color:var(--gold-dim)}.recipe-modal-err{font-size:11px;color:var(--red);margin-bottom:10px}.recipe-modal-actions{display:flex;gap:10px}.recipe-list{background:var(--bg3);border:1px solid var(--border);margin-bottom:20px}.recipe-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);transition:background .15s}.recipe-item:last-child{border-bottom:none}.recipe-item-left{cursor:pointer;flex:1 1}.recipe-item-left:hover .recipe-item-name{color:var(--gold)}.recipe-item-name{font-size:14px;color:var(--text2);margin-bottom:3px;font-family:Cormorant Garamond,serif;transition:color .15s}.recipe-item-meta{font-size:11px;color:var(--muted2);letter-spacing:.5px}.recipe-item-delete{background:none;border:none;color:var(--muted3);cursor:pointer;padding:4px 8px;font-size:12px;transition:color .15s;flex-shrink:0}.recipe-item-delete:hover{color:var(--red)}.calc-wrap{max-width:860px;margin:0 auto;padding:36px 32px}.brew-right .calc-wrap{padding:0;max-width:none}.method-tabs{display:flex;gap:2px;margin-bottom:36px;flex-wrap:wrap}.brew-right .method-tabs,.brew-right .method-tabs-wrap{display:none}.method-tabs-wrap{position:relative;margin-bottom:36px}.method-tabs-scroll{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2px;gap:2px}@media (max-width:720px){.method-tabs{display:none}.method-tabs-wrap{display:block}}@media (min-width:721px){.method-tabs-wrap{display:none}.method-tabs{display:flex}}.method-tab{flex:1 1;min-width:100px;background:var(--bg2);border:1px solid var(--border);color:var(--muted3);padding:12px 8px;font-family:Jost,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .18s;display:flex;flex-direction:column;align-items:center;gap:6px}@media (max-width:720px){.method-tab{min-width:unset;padding:10px 4px;font-size:9px;letter-spacing:.5px;gap:4px}.method-icon{font-size:18px}}.method-tab:hover{border-color:var(--border3);color:var(--muted)}.method-tab.active{background:var(--bg4);border-color:var(--gold-dim);color:var(--gold)}.method-icon{font-size:22px}.method-label{font-size:10px;text-align:center;line-height:1.3}.calc-body{margin-bottom:32px}.brew-layout,.calc-body{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}.brew-layout{align-items:start}.brew-left{min-width:0}.brew-right{min-width:0;position:-webkit-sticky;position:sticky;top:80px}.calc-hero{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid var(--border);margin-bottom:20px;flex-wrap:wrap}.calc-hero-card{flex:1 1;min-width:100px}.calc-hero-label{font-size:9px;color:var(--muted3);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}.calc-hero-value{font-family:Cormorant Garamond,serif;font-size:42px;color:var(--text);line-height:1}.calc-hero-divider{font-size:28px;color:var(--border3);align-self:flex-end;padding-bottom:6px}.calc-hero-meta{width:100%;display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.calc-hero-meta span{font-size:11px;color:var(--muted3);letter-spacing:1px}.calc-inputs-compact,.calc-inputs-row{margin-bottom:16px}.calc-inputs-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:10px;gap:10px}.calc-footer-row{display:flex;align-items:flex-start;gap:20px;margin-bottom:16px}.calc-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:10px;color:var(--muted2);letter-spacing:2px;text-transform:uppercase}.unit-toggle{display:flex;gap:2px}.utog{background:none;border:1px solid var(--border2);color:var(--muted3);padding:4px 10px;font-family:Jost,sans-serif;font-size:10px;letter-spacing:1px;cursor:pointer;transition:all .15s}.utog.active{background:var(--bg4);color:var(--gold);border-color:var(--gold-dim)}@media (prefers-color-scheme:light){:root .utog.active{color:var(--muted)}}.theme-light .utog.active{color:var(--muted)}.input-group{margin-bottom:18px}.input-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.input-unit{color:var(--muted4);letter-spacing:.5px;font-size:9px}.ratio-group{margin-top:8px}.ratio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ratio-header label{font-size:10px;color:var(--muted2);letter-spacing:2px;text-transform:uppercase}.ratio-display{font-family:Cormorant Garamond,serif;font-size:22px;color:var(--gold)}.ratio-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;background:var(--border2);outline:none;margin-bottom:8px}.ratio-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:var(--gold);cursor:-webkit-grab;cursor:grab;border-radius:50%;border:3px solid var(--bg);box-shadow:0 0 0 2px var(--gold-dim)}.ratio-slider::-webkit-slider-thumb:active{cursor:-webkit-grabbing;cursor:grabbing}.ratio-ends{display:flex;justify-content:space-between;font-size:10px;color:var(--muted4)}.calc-outputs{display:flex;flex-direction:column;gap:10px}.output-card{background:var(--bg2);border:1px solid var(--border);padding:14px 18px;display:flex;justify-content:space-between;align-items:center}.output-card.primary{border-color:var(--gold-dim);background:var(--bg3);box-shadow:inset 0 0 0 3px var(--bg3),inset 0 0 0 4px var(--gold-dim)}.output-label{font-size:10px;color:var(--muted2);letter-spacing:2px;text-transform:uppercase}.output-value{font-family:Cormorant Garamond,serif;font-size:26px;color:var(--text)}.output-card.primary .output-value{color:var(--gold)}.grind-section{background:var(--bg2);border:1px solid var(--border);padding:22px 24px;margin-bottom:20px}.grind-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.grind-title{font-size:10px;color:var(--muted2);letter-spacing:2px;text-transform:uppercase}.grind-name{font-family:Cormorant Garamond,serif;font-size:18px}.grind-bar-wrap{justify-content:space-between;padding:8px 0 20px;gap:4px}.grind-bar-wrap,.grind-segment{display:flex;align-items:center}.grind-segment{flex-direction:column;flex:1 1;position:relative;cursor:default}.grind-dot{width:10px;height:10px;border-radius:50%;transition:all .25s}.grind-tick-label{position:absolute;top:18px;font-size:9px;color:var(--muted);white-space:nowrap;letter-spacing:.5px}.grind-desc{font-size:12px;color:var(--muted2);font-style:italic;margin-top:8px}.brew-note{background:var(--bg2);border-left:2px solid var(--gold-dim);padding:16px 18px;font-size:12px;color:var(--muted);line-height:1.7;display:flex;gap:10px;margin-bottom:20px}.brew-note-icon{color:var(--gold);font-size:10px;flex-shrink:0;margin-top:2px}.timer-wrap{background:var(--bg2);border:1px solid var(--border);padding:28px 28px 22px}.timer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.timer-title{font-size:10px;color:var(--muted2);letter-spacing:2px;text-transform:uppercase}.timer-total{font-family:Cormorant Garamond,serif;font-size:18px;color:var(--muted3)}.timer-clock-area{margin-bottom:22px}.timer-stage-area{text-align:center;padding:10px 0 20px}.timer-stage-name{font-size:10px;color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px}.timer-stage-countdown{font-family:Cormorant Garamond,serif;font-size:72px;color:var(--text);line-height:1;margin-bottom:10px;transition:color .3s}.timer-stage-instruction{font-size:13px;color:var(--muted2);font-style:italic;line-height:1.6}.timer-stage-dots{display:flex;justify-content:center;gap:0;margin-bottom:16px}.timer-stage-dot-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1 1;max-width:80px}.timer-stage-dot{width:8px;height:8px;border-radius:50%;transition:all .3s}.timer-stage-dot.past{background:var(--gold)}.timer-stage-dot.current{background:var(--gold);box-shadow:0 0 0 3px var(--gold-dim);transform:scale(1.4)}.timer-stage-dot.future{background:var(--border3);border:1px solid var(--border3)}.timer-stage-dot-label{font-size:9px;color:var(--muted3);letter-spacing:.5px;text-align:center}.timer-progress-track{height:2px;background:var(--border);margin-top:4px}.timer-progress-fill{height:100%;background:var(--gold-dim);transition:width 1s linear}.timer-done{text-align:center;padding:20px 0}.timer-done-icon{font-size:28px;color:var(--gold);margin-bottom:10px}.timer-done-text{font-family:Cormorant Garamond,serif;font-size:28px;margin-bottom:6px}.timer-done-sub{font-size:13px;color:var(--muted2)}.timer-clock-espresso{text-align:center;padding:10px 0 16px}.timer-big{font-family:Cormorant Garamond,serif;font-size:80px;line-height:1;margin-bottom:6px;transition:color .4s}.timer-esp-label{font-size:13px;letter-spacing:1px;margin-bottom:4px;transition:color .4s}.timer-esp-target{font-size:10px;color:var(--muted4);letter-spacing:1px;margin-bottom:20px}.timer-esp-bar-wrap{max-width:320px;margin:0 auto}.timer-esp-bar-track{position:relative;height:4px;background:var(--border2);margin-bottom:8px}.timer-esp-zone{position:absolute;top:0;height:100%;background:var(--green)44;border-left:1px solid var(--green)66;border-right:1px solid var(--green)66}.timer-esp-cursor{position:absolute;top:-4px;width:12px;height:12px;border-radius:50%;transform:translateX(-50%);transition:left .5s linear,background .4s;border:2px solid var(--bg)}.timer-esp-bar-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted4)}.timer-cold{background:var(--bg2);border:1px solid var(--border);padding:20px 24px;display:flex;gap:16px;align-items:flex-start}.timer-cold-icon{font-size:22px;margin-top:2px}.timer-cold-head{font-size:13px;color:var(--text);margin-bottom:4px}.timer-cold-sub{font-size:12px;color:var(--muted2);font-style:italic;line-height:1.6}.timer-controls{display:flex;gap:10px;margin-top:4px}@media (max-width:720px){.timer-controls{flex-direction:column}.timer-btn-pause,.timer-btn-reset,.timer-btn-start{width:100%;text-align:center}}.timer-btn-start{background:var(--gold);color:var(--bg);border:none;padding:14px 32px;font-family:Jost,sans-serif;font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background .18s;min-height:48px}.timer-btn-start:hover{background:var(--gold-hi)}.timer-btn-pause{background:transparent;color:var(--gold);border:1px solid var(--gold)55;padding:14px 28px;font-family:Jost,sans-serif;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .15s;min-height:48px}.timer-btn-pause:hover{background:var(--gold)15}.timer-btn-reset{background:transparent;color:var(--muted4);border:1px solid var(--border2);padding:14px 24px;font-family:Jost,sans-serif;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .15s;min-height:48px}.timer-btn-reset:hover{color:var(--muted);border-color:var(--muted4)}.milk-wrap{background:var(--bg2);border:1px solid var(--border);padding:24px 26px;margin-top:20px}.milk-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}.milk-title{font-size:10px;color:var(--muted2);letter-spacing:2px;text-transform:uppercase}.milk-sub{font-size:11px;color:var(--muted3);font-style:italic}.milk-tabs{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:20px}.milk-tab{flex:1 1;min-width:80px;display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--bg3);border:1px solid var(--border);padding:10px 6px;cursor:pointer;transition:all .15s;color:var(--muted3)}.milk-tab:hover{border-color:var(--border3);color:var(--muted)}.milk-tab.active{border-color:var(--gold-dim);background:var(--bg4);color:var(--gold)}.milk-tab-icon{font-size:16px}.milk-tab-name{font-size:9px;letter-spacing:1px;text-transform:uppercase;text-align:center;font-family:Jost,sans-serif}.milk-desc{font-size:13px;color:var(--muted);line-height:1.7;font-style:italic}.milk-bar-wrap,.milk-desc{margin-bottom:20px}.milk-bar{display:flex;height:10px;overflow:hidden;border-radius:0;gap:2px;margin-bottom:10px}.milk-bar-seg{height:100%;transition:width .4s ease}.milk-bar-seg.esp{background:var(--gold)}.milk-bar-seg.milk{background:#a0c0d8}.milk-bar-seg.foam{background:#d8d0c0}.milk-bar-seg.water{background:#80a8c0}.milk-bar-legend{display:flex;flex-wrap:wrap;gap:10px}.mbl{font-size:10px;display:flex;align-items:center;gap:5px;color:var(--muted2)}.mbl:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%}.mbl.esp:before{background:var(--gold)}.mbl.milk:before{background:#a0c0d8}.mbl.foam:before{background:#d8d0c0}.mbl.water:before{background:#80a8c0}.milk-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-gap:10px;gap:10px;margin-bottom:18px}.milk-stat{background:var(--bg3);border:1px solid var(--border);padding:12px 14px}.milk-stat-val{font-family:Cormorant Garamond,serif;font-size:22px;color:var(--gold)}.milk-stat-label{font-size:10px;color:var(--muted3);letter-spacing:1px;text-transform:uppercase;margin-top:2px}.milk-tip{background:var(--bg3);border-left:2px solid var(--gold-dim);padding:12px 16px;font-size:12px;color:var(--muted);line-height:1.7;display:flex;gap:10px}.milk-tip-icon{color:var(--gold);flex-shrink:0;font-size:10px;margin-top:2px}.scores-wrap{margin-top:28px}.scores-header{margin-bottom:16px}.scores-title-row{display:flex;justify-content:space-between;align-items:center}.scores-overall{display:flex;align-items:baseline;gap:2px}.scores-overall-num{font-family:Cormorant Garamond,serif;font-size:32px;line-height:1;transition:color .3s}.scores-overall-denom{font-size:12px;color:var(--muted3)}.scores-list{gap:14px}.score-row,.scores-list{display:flex;flex-direction:column}.score-row{gap:6px;animation:fadeIn .3s ease backwards}.score-row-top{display:flex;justify-content:space-between;align-items:flex-start}.score-attr-info{display:flex;flex-direction:column;gap:2px}.score-attr-label{font-size:11px;color:var(--gold);letter-spacing:1px;text-transform:uppercase}.score-attr-desc{font-size:10px;color:var(--muted3);font-style:italic}.score-val{font-family:Cormorant Garamond,serif;font-size:22px;line-height:1;transition:color .3s}.score-slider-wrap{display:flex;flex-direction:column;gap:4px}.score-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;outline:none;background:linear-gradient(to right,var(--fill) 0,var(--fill) var(--pct),var(--border2) var(--pct),var(--border2) 100%);transition:background .2s}.score-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--fill);cursor:pointer;border-radius:50%;border:2px solid var(--bg);-webkit-transition:background .2s;transition:background .2s}.score-track-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted3)}.bc-score{display:flex;align-items:baseline;gap:1px;margin-top:10px}.bc-score-num{font-family:Cormorant Garamond,serif;font-size:20px;color:var(--gold)}.bc-score-denom{font-size:10px;color:var(--muted3)}.guide-collapsible-section{margin-bottom:4px}.guide-collapse-btn{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--bg2);border:1px solid var(--border);padding:16px 20px;cursor:pointer;transition:all .15s;text-align:left}.guide-collapse-btn:hover{background:var(--bg3);border-color:var(--border3)}.guide-collapse-left{display:flex;align-items:center;gap:10px}.guide-collapse-chevron{font-family:Cormorant Garamond,serif;font-size:22px;color:var(--gold);line-height:1;flex-shrink:0}.guide-collapse-body{background:var(--bg2);border:1px solid var(--border);border-top:none;padding:24px;margin-bottom:0;animation:fadeSlide .2s ease}@media (min-width:721px){.guide-page{max-width:900px}}.guide-header{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--border)}.guide-anchor-nav{display:flex;gap:4px;margin-bottom:40px;flex-wrap:wrap}.guide-anchor-btn{display:flex;align-items:center;gap:7px;background:var(--bg2);border:1px solid var(--border2);color:var(--muted2);padding:9px 18px;font-family:Jost,sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .15s;flex:1 1;justify-content:center}.guide-anchor-btn:hover{border-color:var(--gold-dim);color:var(--gold);background:var(--bg3)}.guide-anchor-icon{font-size:10px;color:var(--gold)}.guide-title{font-family:Cormorant Garamond,serif;font-size:36px;margin-bottom:10px}.guide-subtitle{font-size:14px;color:var(--muted2);line-height:1.6;font-style:italic}.guide-grind-section{margin-bottom:48px}.guide-grind-intro{font-size:12px;color:var(--muted2);margin-bottom:20px;font-style:italic}.faq-grind-track{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:0}.faq-grind-btn{flex:1 1;min-width:86px;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--border);padding:16px 8px;cursor:pointer;transition:all .18s}.faq-grind-btn.active,.faq-grind-btn:hover{border-color:var(--gc)}.faq-grind-btn.active{background:var(--bg4)}.faq-grind-dot{width:14px;height:14px;border-radius:50%;transition:transform .2s}.faq-grind-btn.active .faq-grind-dot{transform:scale(1.4);box-shadow:0 0 0 3px var(--gc,#888)33}.faq-grind-label{font-size:9px;color:var(--muted2);letter-spacing:.5px;text-transform:uppercase;text-align:center;line-height:1.4;transition:color .18s}.faq-grind-btn.active .faq-grind-label{color:var(--gc)}.faq-grind-detail{margin-top:2px;background:var(--bg2);border-top-width:1px;border:1px solid var(--border);border-top:2px solid var(--border);padding:22px 24px;animation:fadeSlide .2s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.faq-grind-detail-name{font-family:Cormorant Garamond,serif;font-size:22px;margin-bottom:10px}.faq-grind-detail-desc{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:16px}.faq-grind-detail-methods{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.faq-grind-methods-label{font-size:10px;color:var(--muted3);letter-spacing:1px;text-transform:uppercase}.faq-grind-method-tag{font-size:11px;border:1px solid;padding:3px 10px}.guide-section{margin-bottom:40px}.guide-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.guide-section-icon,.guide-section-label{font-size:10px;color:var(--gold)}.guide-section-label{letter-spacing:4px;text-transform:uppercase}.guide-section-header:after{content:"";flex:1 1;height:1px;background:var(--border)}.accordion-list{display:flex;flex-direction:column;gap:2px}.accordion-item{background:var(--bg2);border:1px solid var(--border);overflow:hidden}.accordion-item.open{border-color:var(--border3)}.accordion-q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:none;border:none;cursor:pointer;text-align:left;gap:16px;transition:background .15s}.accordion-q:hover{background:var(--bg3)}.accordion-q-text{font-size:14px;color:var(--text2);line-height:1.4;font-family:Cormorant Garamond,serif}.accordion-chevron{font-size:20px;color:var(--gold);flex-shrink:0;font-family:Cormorant Garamond,serif;line-height:1}.accordion-a{padding:4px 20px 20px;border-top:1px solid var(--border)}.accordion-a p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:12px}.accordion-a p.accordion-step{padding-left:10px;border-left:2px solid var(--gold-dim);color:var(--muted2)}.origins-region-group{margin-bottom:12px}.origins-region-label{font-size:9px;color:var(--muted3);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;padding-left:2px;font-family:Jost,sans-serif}.origins-track{display:flex;gap:2px;flex-wrap:wrap}.origins-btn{display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--bg2);border:1px solid var(--border);padding:10px 14px;cursor:pointer;transition:all .18s;min-width:80px;flex:1 1}.origins-btn.active,.origins-btn:hover{border-color:var(--oc)}.origins-btn.active{background:var(--bg4)}.origins-btn-icon{font-size:14px;transition:transform .2s}.origins-btn.active .origins-btn-icon{transform:scale(1.3)}.origins-btn-label{font-size:9px;color:var(--muted2);letter-spacing:.5px;text-transform:uppercase;text-align:center;font-family:Jost,sans-serif;transition:color .18s}.origins-btn.active .origins-btn-label{color:var(--oc)}.origins-detail{margin-top:2px;background:var(--bg2);border:1px solid var(--border);border-top:2px solid;padding:24px 26px;animation:fadeSlide .2s ease}.origins-detail-header{margin-bottom:14px}.origins-detail-country{font-family:Cormorant Garamond,serif;font-size:28px;margin-bottom:2px}.origins-detail-region{font-size:9px;color:var(--muted3);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}.origins-detail-tagline{font-size:13px;color:var(--muted);font-style:italic}.origins-detail-desc{font-size:13px;color:var(--muted);line-height:1.75}.milk-guide-track{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:0}.milk-guide-btn{flex:1 1;min-width:80px;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--border);padding:12px 6px;cursor:pointer;transition:all .18s}.milk-guide-btn:hover{border-color:var(--mc)}.milk-guide-btn.active{border-color:var(--mc);background:var(--bg4)}.milk-guide-icon{font-size:16px;transition:transform .2s}.milk-guide-btn.active .milk-guide-icon{transform:scale(1.3)}.milk-guide-label{font-size:9px;color:var(--muted2);letter-spacing:.5px;text-transform:uppercase;text-align:center;line-height:1.4;transition:color .18s;font-family:Jost,sans-serif}.milk-guide-btn.active .milk-guide-label{color:var(--mc)}.milk-guide-detail{margin-top:2px;background:var(--bg2);border:1px solid var(--border);border-top:2px solid;padding:24px 26px;animation:fadeSlide .2s ease}.milk-guide-detail-header{margin-bottom:16px}.milk-guide-detail-name{font-family:Cormorant Garamond,serif;font-size:24px;margin-bottom:4px}.milk-guide-detail-tagline{font-size:13px;color:var(--muted);font-style:italic}.milk-guide-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-top:4px}.milk-guide-half-label{font-size:10px;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.milk-guide-half-desc{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:10px}.milk-guide-flavors{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:4px}@media (max-width:560px){.milk-guide-split{grid-template-columns:1fr}}.roast-track{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:0}.roast-btn{flex:1 1;min-width:70px;display:flex;flex-direction:column;align-items:center;gap:7px;background:var(--bg2);border:1px solid var(--border);padding:12px 6px;cursor:pointer;transition:all .18s}.roast-btn.active,.roast-btn:hover{border-color:var(--rc)}.roast-btn.active{background:var(--bg4)}.roast-bean-icon{font-size:20px;transition:transform .2s;line-height:1}.roast-btn.active .roast-bean-icon{transform:scale(1.3)}.roast-btn-label{font-size:9px;color:var(--muted2);letter-spacing:.5px;text-transform:uppercase;text-align:center;line-height:1.4;transition:color .18s;font-family:Jost,sans-serif}.roast-btn.active .roast-btn-label{color:var(--rc)}.roast-detail{margin-top:2px;background:var(--bg2);border:1px solid var(--border);border-top:2px solid;padding:24px 26px;animation:fadeSlide .2s ease}.roast-detail-top{margin-bottom:14px}.roast-detail-level{font-family:Cormorant Garamond,serif;font-size:26px;margin-bottom:4px}.roast-detail-tagline{font-size:13px;color:var(--muted);font-style:italic;margin-bottom:4px}.roast-detail-temp{font-size:10px;color:var(--muted3);letter-spacing:1px}.roast-detail-desc{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:20px}.roast-bars{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.roast-bar-row{display:flex;align-items:center;gap:12px}.roast-bar-label{font-size:10px;color:var(--muted3);letter-spacing:1px;text-transform:uppercase;width:70px;flex-shrink:0}.roast-bar-track{flex:1 1;height:3px;background:var(--border2)}.roast-bar-fill{height:100%;transition:width .4s ease}.roast-bar-val{font-size:10px;color:var(--muted3);width:28px;text-align:right;flex-shrink:0}.roast-flavors{margin-bottom:16px}.roast-flavors-label{font-size:10px;color:var(--muted3);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.roast-flavor-tags{display:flex;flex-wrap:wrap;gap:6px}.roast-flavor-tag{font-size:11px;border:1px solid;padding:3px 10px}.roast-chars{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.roast-char{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted2)}.roast-char-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.roast-bestfor{font-size:12px;color:var(--muted2);margin-bottom:12px;line-height:1.6}.roast-bestfor-label{color:var(--muted3);text-transform:uppercase;letter-spacing:1px;font-size:10px}.roast-tip{background:var(--bg3);border-left:2px solid var(--gold-dim);padding:12px 16px;font-size:12px;color:var(--muted);line-height:1.7;display:flex;gap:10px}.roast-tip-icon{color:var(--gold);flex-shrink:0;font-size:10px;margin-top:2px}@media (prefers-color-scheme:light){.faq-grind-detail-desc,.roast-detail-desc{color:var(--muted)}.roast-char{color:var(--text2)}.roast-bestfor{color:var(--muted)}.roast-bar-label,.roast-bar-val,.roast-bestfor-label,.roast-detail-tagline,.roast-detail-temp,.roast-flavors-label{color:var(--muted2)}.roast-tip{color:var(--muted)}.faq-grind-detail-name,.roast-detail-level{color:var(--text)}.guide-section-label{color:var(--muted)}.guide-grind-intro,.guide-subtitle{color:var(--muted2)}.origins-detail-desc{color:var(--muted)}.origins-detail-tagline{color:var(--muted2)}.milk-guide-half-desc{color:var(--muted)}.accordion-q-text{color:var(--text2)}.accordion-a p{color:var(--muted)}}.theme-light .faq-grind-detail-desc,.theme-light .roast-detail-desc{color:var(--muted)}.theme-light .roast-char{color:var(--text2)}.theme-light .roast-bestfor{color:var(--muted)}.theme-light .roast-bar-label,.theme-light .roast-bar-val,.theme-light .roast-bestfor-label,.theme-light .roast-detail-tagline,.theme-light .roast-detail-temp,.theme-light .roast-flavors-label{color:var(--muted2)}.theme-light .roast-tip{color:var(--muted)}.theme-light .faq-grind-detail-name,.theme-light .roast-detail-level{color:var(--text)}.theme-light .guide-section-label{color:var(--muted)}.theme-light .guide-grind-intro,.theme-light .guide-subtitle{color:var(--muted2)}.theme-light .origins-detail-desc{color:var(--muted)}.theme-light .origins-detail-tagline{color:var(--muted2)}.theme-light .milk-guide-half-desc{color:var(--muted)}.theme-light .accordion-q-text{color:var(--text2)}.theme-light .accordion-a p{color:var(--muted)}.onboarding-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.onboarding-card{background:var(--bg2);border:1px solid var(--border2);padding:36px 32px;max-width:520px;width:100%;text-align:center;animation:slideUp .3s ease;max-height:90vh;overflow-y:auto}.onboarding-step-dots{display:flex;justify-content:center;gap:6px;margin-bottom:28px}.onboarding-dot{width:6px;height:6px;border-radius:50%;background:var(--border3);transition:all .2s}.onboarding-dot.active{background:var(--gold);transform:scale(1.3)}.onboarding-dot.done{background:var(--gold)88}.onboarding-welcome{margin-bottom:20px}.onboarding-wordmark{font-family:Cormorant Garamond,serif;font-size:42px;color:var(--gold);letter-spacing:2px;margin-bottom:8px}.onboarding-tagline{font-size:12px;color:var(--muted3);letter-spacing:3px;text-transform:uppercase;margin-bottom:20px}.onboarding-icon{font-size:32px;margin-bottom:12px}.onboarding-title{font-family:Cormorant Garamond,serif;font-size:26px;margin-bottom:6px;color:var(--text)}.onboarding-subtitle{font-size:10px;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}.onboarding-body{font-size:13px;color:var(--muted);line-height:1.75;margin-bottom:20px}.onboarding-demo{margin-bottom:20px;text-align:left}.onboarding-actions{margin-top:4px}.onboarding-finish-btns,.onboarding-nav{display:flex;flex-direction:column;align-items:center;gap:10px}.onboarding-cta{width:100%;padding:13px;font-size:13px}.onboarding-back{background:none;border:1px solid var(--border2);color:var(--muted2);font-family:Jost,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;padding:8px 16px;transition:all .15s}.onboarding-back:hover{color:var(--text);border-color:var(--border3)}.onboarding-skip{background:none;border:none;color:var(--muted3);font-family:Jost,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:color .15s}.onboarding-skip:hover{color:var(--muted)}.theme-toggle{background:none;border:1px solid var(--border2);color:var(--muted2);padding:5px 10px;font-size:11px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:5px;font-family:Jost,sans-serif;letter-spacing:.5px}.theme-toggle:hover{border-color:var(--border3);color:var(--text)}.welcome-page{display:flex;align-items:flex-start;justify-content:center;padding:80px 32px 60px;position:relative;overflow:hidden;background:var(--bg);box-sizing:border-box}.welcome-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(80,40,0,.18) 0,transparent 60%),radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(60,30,0,.12) 100%),radial-gradient(ellipse at 50% 0,var(--gold-dim) 0,transparent 55%);pointer-events:none;z-index:0}@media (prefers-color-scheme:light){.welcome-page:before{position:fixed;background:radial-gradient(ellipse at 50% 100%,rgba(100,60,10,.25) 0,transparent 65%),radial-gradient(ellipse at 100% 50%,rgba(120,80,20,.12) 0,transparent 50%),radial-gradient(ellipse at 0 50%,rgba(120,80,20,.12) 0,transparent 50%),radial-gradient(ellipse at 50% 0,rgba(180,130,40,.3) 0,transparent 60%)}.welcome-rays{opacity:.06}.welcome-wordmark{text-shadow:0 2px 20px rgba(120,80,10,.15)}.welcome-features{background:rgba(255,240,200,.4);border-color:var(--border2)}.welcome-features:after,.welcome-features:before{background:transparent}}.theme-light .welcome-page:before{position:fixed;background:radial-gradient(ellipse at 50% 100%,rgba(100,60,10,.25) 0,transparent 65%),radial-gradient(ellipse at 100% 50%,rgba(120,80,20,.12) 0,transparent 50%),radial-gradient(ellipse at 0 50%,rgba(120,80,20,.12) 0,transparent 50%),radial-gradient(ellipse at 50% 0,rgba(180,130,40,.3) 0,transparent 60%)}.theme-light .welcome-rays{opacity:.06}.theme-light .welcome-wordmark{text-shadow:0 2px 20px rgba(120,80,10,.15)}.theme-light .welcome-features{background:rgba(255,240,200,.4);border-color:var(--border2)}.theme-light .welcome-features:after,.theme-light .welcome-features:before{background:transparent}.welcome-rays{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0;opacity:.03}.welcome-ray{position:absolute;width:2px;height:200dvh;height:200vh;background:linear-gradient(to bottom,transparent,var(--gold) 40%,transparent);transform-origin:center center}.welcome-inner{max-width:540px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;animation:welcomeIn .7s ease both;position:relative;z-index:1}@keyframes welcomeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.welcome-ornament-top{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:20px}.welcome-orn-line{flex:1 1;height:1px;background:var(--gold-dim)}.welcome-orn-diamond{font-size:8px;color:var(--gold);flex-shrink:0}.welcome-badge{font-size:11px;color:var(--gold);margin-bottom:20px;border-top:1px solid var(--gold-dim);border-bottom:1px solid var(--gold-dim);padding:6px 20px}.welcome-badge,.welcome-wordmark{letter-spacing:4px;text-transform:uppercase}.welcome-wordmark{font-family:Cormorant Garamond,serif;font-size:clamp(72px,14vw,108px);font-weight:400;line-height:.85;color:var(--text);margin-bottom:24px;text-shadow:0 0 60px var(--gold-dim)}.welcome-deco-divider{display:flex;align-items:center;gap:10px;width:80%;margin:0 auto 24px}.wdd-line{flex:1 1;height:1px;background:var(--gold-dim)}.wdd-center{display:flex;align-items:center;gap:5px;flex-shrink:0}.wdd-dot{width:3px;height:3px;background:var(--gold-dim);border-radius:50%}.wdd-diamond{font-size:8px;color:var(--gold)}.welcome-tagline{font-family:Cormorant Garamond,serif;font-size:20px;font-style:italic;color:var(--text2);margin-bottom:16px;line-height:1.4}.welcome-desc{font-size:13px;color:var(--muted);line-height:1.85;margin-bottom:28px;font-weight:300;max-width:420px}.welcome-features{display:flex;flex-direction:column;gap:8px;margin-bottom:32px;width:100%;border:1px solid var(--border);padding:16px 20px;background:var(--bg2);position:relative}.welcome-features:after,.welcome-features:before{content:"◆";position:absolute;font-size:7px;color:var(--gold)}.welcome-features:before{top:-5px}.welcome-features:after,.welcome-features:before{left:50%;transform:translateX(-50%);background:var(--bg2);padding:0 4px}.welcome-features:after{bottom:-5px}.welcome-feature{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted2);justify-content:center}.welcome-feature-icon{color:var(--gold);font-size:12px;flex-shrink:0}.welcome-cta{background:transparent;color:var(--gold);border:1px solid var(--gold);padding:14px 52px;font-family:Cormorant Garamond,serif;font-size:16px;letter-spacing:5px;text-transform:uppercase;cursor:pointer;transition:all .25s;margin-bottom:0;position:relative}.welcome-cta:before{content:"";position:absolute;inset:3px;border:1px solid var(--gold-dim);pointer-events:none;transition:all .25s}.welcome-cta:hover{background:var(--gold);color:var(--bg);transform:translateY(-1px);box-shadow:0 8px 32px var(--gold-dim)}.welcome-cta:active{transform:scale(.97);box-shadow:none}.welcome-cta:hover:before{border-color:rgba(0,0,0,.2)}.welcome-nav-links{display:flex;align-items:center;gap:10px}.welcome-nav-link{background:none;border:none;color:var(--muted3);font-family:Jost,sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:color .15s;padding:0}.welcome-nav-link:hover{color:var(--text)}.welcome-nav-sep{color:var(--border3);font-size:14px}.welcome-tour-btn{background:none;border:none;color:var(--muted3);font-family:Jost,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:color .15s;padding:0;margin-top:20px;text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--border3);text-decoration-color:var(--border3)}.welcome-tour-btn:hover{color:var(--muted);-webkit-text-decoration-color:var(--muted3);text-decoration-color:var(--muted3)}.tour-banner{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--bg2);border-top:1px solid var(--border2);animation:slideUpBanner .25s ease}@keyframes slideUpBanner{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastOut{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(16px)}}.bean-card:before,.recipe-card:before{animation:accentSlideIn .4s ease backwards}@keyframes accentSlideIn{0%{height:0}to{height:100%}}.bc-flavor-chip:hover,.bec-fchip:hover,.cmp-fchip:hover,.fchip:hover{box-shadow:0 0 8px currentColor;transform:translateY(-1px);transition:all .15s ease}.tour-progress-bar{height:2px;background:var(--border)}.tour-progress-fill{height:100%;background:var(--gold);transition:width .35s ease}.tour-content{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 28px;max-width:1080px;margin:0 auto}.tour-text{flex:1 1}.tour-step-label{font-size:10px;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}.tour-title{font-family:Cormorant Garamond,serif;font-size:18px;color:var(--text);margin-bottom:4px}.tour-desc{font-size:12px;color:var(--muted);line-height:1.6;max-width:600px}.tour-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.tour-btn-next{background:var(--gold);color:var(--bg);border:none;padding:10px 22px;font-family:Jost,sans-serif;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background .18s;white-space:nowrap}.tour-btn-next:hover{background:var(--gold-hi)}.tour-btn-end{background:var(--gold);color:var(--bg);border:none;padding:10px 22px;font-family:Jost,sans-serif;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background .18s;white-space:nowrap}.tour-btn-end:hover{background:var(--gold-hi)}.tour-btn-skip{background:none;border:none;color:var(--muted3);font-family:Jost,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:color .15s;white-space:nowrap}.tour-btn-skip:hover{color:var(--muted)}.auth-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.auth-sheet{background:var(--bg2);border:1px solid var(--border2);padding:40px 36px;width:100%;max-width:400px;animation:authSheetIn .3s ease}.auth-handle{display:none}@media (max-width:720px){.auth-overlay{align-items:flex-end;padding:0}.auth-sheet{padding:24px 24px 40px;border-radius:16px 16px 0 0;border-bottom:none;max-width:100%;animation:slideUp .25s ease}.auth-handle{display:block;width:36px;height:4px;background:var(--border3);border-radius:2px;margin:0 auto 20px}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes authSheetIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.export-overlay{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.export-modal{background:var(--bg2);border:1px solid var(--border2);width:100%;max-width:760px;animation:slideUp .25s ease}.export-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);gap:12px}.export-modal-title{font-size:10px;color:var(--muted3);letter-spacing:2px;text-transform:uppercase}.export-modal-actions{display:flex;gap:8px;align-items:center}.export-hint{font-size:12px;color:var(--muted2);padding:10px 20px;border-bottom:1px solid var(--border);line-height:1.6}.export-img-wrap{padding:20px;background:#000}.export-img{border:1px solid #222;display:block;width:100%;cursor:pointer}.export-rendering{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:var(--muted3);font-size:13px;letter-spacing:1px}.bean-export-card{position:relative;overflow:hidden;background:#0a0a0a;color:#ede5d8;display:flex}.bec-accent-bar{width:3px;flex-shrink:0}.bec-bg-splashes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.bec-splash{position:absolute;border-radius:50%;filter:blur(60px);top:-40px}.bec-content{flex:1 1;padding:36px 32px 28px;position:relative;z-index:1}.bec-header{margin-bottom:28px;border-bottom:1px solid #1e1e1e;padding-bottom:24px}.bec-brand{font-size:10px;color:#666;letter-spacing:3px;text-transform:uppercase;margin-bottom:6px;font-family:Jost,sans-serif}.bec-name{font-size:48px;line-height:1;color:#ede5d8;margin-bottom:12px;font-weight:600}.bec-name,.bec-summary{font-family:Cormorant Garamond,serif}.bec-summary{font-size:15px;color:#888;font-style:italic;line-height:1.6}.bec-body{display:grid;grid-template-columns:1fr 320px;grid-gap:32px;gap:32px;margin-bottom:24px}.bec-right{display:flex;flex-direction:column;align-items:center}.bec-section-label{font-size:9px;color:#d4b05a;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;font-family:Jost,sans-serif}.bec-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:2px}.bec-meta-row{display:flex;align-items:baseline;gap:8px}.bec-meta-label{font-size:9px;color:#555;letter-spacing:2px;text-transform:uppercase;width:46px;flex-shrink:0;font-family:Jost,sans-serif}.bec-meta-val{font-size:13px;color:#c8bfaf;font-family:Jost,sans-serif;font-weight:300}.bec-flavor-chips{display:flex;flex-wrap:wrap;gap:5px}.bec-fchip{font-size:10px;padding:2px 8px;border:1px solid;font-family:Jost,sans-serif;letter-spacing:.3px;animation:chipFadeIn .3s ease backwards;transition:all .15s ease}.bec-overall{display:flex;align-items:baseline;gap:3px;margin-bottom:12px}.bec-overall-num{font-family:Cormorant Garamond,serif;font-size:36px;line-height:1}.bec-overall-denom{font-size:11px;color:#555;font-family:Jost,sans-serif}.bec-scores{display:flex;flex-direction:column;gap:7px}.bec-score-row{display:flex;align-items:center;gap:8px}.bec-score-label{font-size:9px;color:#555;letter-spacing:1px;text-transform:uppercase;width:68px;flex-shrink:0;font-family:Jost,sans-serif}.bec-score-track{flex:1 1;height:2px;background:#1e1e1e}.bec-score-fill{height:100%;transform-origin:left;animation:barFillIn .6s ease-out backwards}.bec-score-val{font-family:Cormorant Garamond,serif;font-size:14px;width:18px;text-align:right;flex-shrink:0}.bec-raw-text{font-size:12px;color:#666;line-height:1.7;font-style:italic}.bec-wheel-wrap{width:100%;display:flex;justify-content:center}.bec-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #1e1e1e;padding-top:16px}.bec-footer-brand{font-family:Cormorant Garamond,serif;font-size:13px;color:#d4b05a;letter-spacing:2px}.bec-footer-date{font-size:10px;color:#444;letter-spacing:1px;font-family:Jost,sans-serif}.compare-banner{display:flex;align-items:center;justify-content:space-between;background:var(--gold-dim);border:1px solid var(--gold);padding:12px 18px;margin-bottom:16px;gap:12px}.compare-banner-text{font-size:13px;color:var(--text);display:flex;align-items:center;gap:8px}.compare-banner-icon{font-size:16px;color:var(--gold)}.compare-banner-cancel{background:none;border:1px solid var(--border3);color:var(--muted2);padding:6px 12px;font-family:Jost,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.compare-banner-cancel:hover{color:var(--text)}.compare-card-hint{font-size:10px;color:var(--gold);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.compare-card-hint.self{color:var(--muted3)}.bean-card.compare-self{border-color:var(--gold);opacity:.6}.cmp-header{margin-bottom:32px}.cmp-title{font-family:Cormorant Garamond,serif;font-size:32px;margin-bottom:4px}.cmp-subtitle{font-size:13px;color:var(--muted2);font-style:italic}.cmp-layout{display:grid;grid-template-columns:1fr 40px 1fr;grid-gap:0;gap:0;align-items:start}.cmp-col{padding:0 24px 0 0}.cmp-col:last-child{padding:0 0 0 24px}.cmp-col-accent{height:2px;width:100%;margin-bottom:16px}.cmp-brand{font-size:10px;color:var(--muted2);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}.cmp-name{font-family:Cormorant Garamond,serif;font-size:26px;line-height:1.1;margin-bottom:12px}.cmp-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}.cmp-tag{font-size:10px;color:var(--muted2);border:1px solid var(--border2);padding:2px 8px}.cmp-overall{font-family:Cormorant Garamond,serif;font-size:42px;line-height:1;margin-bottom:16px}.cmp-overall-denom{font-size:16px;color:var(--muted3)}.cmp-wheel-wrap{margin-bottom:16px;display:flex;justify-content:center;max-width:500px;margin-left:auto;margin-right:auto}.cmp-wheel-wrap>div{animation:wheelFadeIn .5s ease-out!important;width:100%}.cmp-wheel-wrap .flavor-wheel-svg{max-width:100%}@keyframes wheelFadeIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.cmp-summary{font-size:12px;color:var(--muted);font-style:italic;line-height:1.7;margin-bottom:18px}.cmp-scores{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.cmp-score-row{display:flex;align-items:center;gap:8px}.cmp-score-label{font-size:10px;color:var(--muted3);letter-spacing:1px;text-transform:uppercase;width:72px;flex-shrink:0}.cmp-score-bar-track{flex:1 1;height:2px;background:var(--border2)}.cmp-score-bar-fill{height:100%;transform-origin:left;animation:barFillIn .6s ease-out backwards}@keyframes barFillIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cmp-score-val{font-family:Cormorant Garamond,serif;font-size:16px;width:20px;text-align:right;flex-shrink:0}.cmp-section-label{font-size:10px;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.cmp-flavor-section{margin-bottom:16px}.cmp-flavor-chips{display:flex;flex-wrap:wrap;gap:5px}.cmp-fchip{font-size:11px;padding:3px 8px;border:1px solid;animation:chipFadeIn .3s ease backwards;transition:all .15s ease}.cmp-notes-section{margin-bottom:16px}.cmp-notes{font-size:12px;color:var(--muted);line-height:1.7;font-style:italic}.cmp-divider{display:flex;flex-direction:column;align-items:center;padding-top:48px}.cmp-vs{font-family:Cormorant Garamond,serif;font-size:18px;color:var(--muted4);font-style:italic}.cmp-layout-stacked,.cmp-rotate-tip{display:none}.cmp-layout-aligned{display:block}.cmp-row{display:grid;grid-template-columns:1fr 40px 1fr;grid-gap:0;gap:0;align-items:start;margin-bottom:16px}.cmp-row-cell{padding:0 16px}.cmp-row-cell:first-child{padding-left:0}.cmp-row-cell:last-child{padding-right:0}.cmp-row-divider{width:1px;background:var(--border);align-self:stretch;margin:0 auto}@media (max-width:720px) and (orientation:portrait){.cmp-rotate-tip{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:20px;background:var(--bg3);border:1px solid var(--gold-dim);border-radius:8px;font-family:Jost,sans-serif;font-size:12px;color:var(--muted)}}@media (max-width:720px){.cmp-layout-stacked{display:block}.cmp-layout-aligned{display:none}}@media (max-width:920px) and (orientation:landscape){.cmp-layout-stacked{display:none}.cmp-layout-aligned{display:block}.cmp-row{grid-template-columns:1fr 24px 1fr}.cmp-row-cell{padding:0 10px}}@media (min-width:721px){.app{zoom:1.35}@supports not (zoom:1.35){.app{transform:scale(1.35);transform-origin:top left;width:74.07%}}}@media (min-width:721px) and (max-width:1024px) and (hover:none) and (pointer:coarse){.app{zoom:1.1}@supports not (zoom:1.1){.app{transform:scale(1.1);transform-origin:top left;width:90.9%}}.bean-grid{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:1fr 1fr}.cmp-layout-stacked{display:none}.cmp-layout-aligned{display:block}}@media (max-width:720px) and (hover:none) and (pointer:coarse){.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0)}}@media (max-width:720px){.cmp-layout{grid-template-columns:1fr}.cmp-divider{flex-direction:row;padding:16px 0;justify-content:center}.cmp-col,.cmp-col:last-child{padding:0}.cmp-col:last-child{border-top:1px solid var(--border);padding-top:24px}.tour-content{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.tour-controls{width:100%}.tour-btn-end,.tour-btn-next{flex:1 1;text-align:center}.detail-layout{grid-template-columns:1fr;gap:24px}.wheel-col{order:1;position:static;overflow:visible}.page{overflow-x:hidden}.detail-left{order:0}.calc-body,.form-grid{grid-template-columns:1fr}.calc-wrap,.page{padding:20px 16px}.nav{position:fixed;top:0;left:0;right:0;padding:12px 16px 0}.app{padding-top:0}.nav-add-bean-wrap{margin:0 -16px}.welcome-page{align-items:flex-start;padding:48px 24px 32px}.welcome-wordmark{font-size:64px}.btn-danger,.btn-ghost,.btn-primary{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.compare-banner-cancel,.journal-filter-btn,.journal-search,.journal-sort-btn,.mobile-drawer-item,.mobile-nav-btn,.nav-tab,input,select,textarea{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bean-card:hover,.btn-ghost:active,.btn-primary:active,.recipe-card:hover,.welcome-cta:active{transform:none!important}}body,html{max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}