@import"https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Space+Grotesk:wght@300;400;600&family=Space+Mono:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@400;500;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{font-family:Space Grotesk,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0;min-width:320px;height:100dvh;height:100vh;overflow:hidden}:root{--coffee-dark: #2a1508;--coffee-medium: #46280f;--coffee-light: #8a5232;--cream: #f4e3ce;--crema-100: #f5e6d0;--crema-200: #e8cda8;--crema-300: #c9a96e;--crema-400: #a07840;--bg-dark: #090806;--bg-panel: rgba(20, 14, 9, .88);--bg-surface: rgba(28, 19, 12, .75);--bg-raised: rgba(38, 26, 16, .6);--bg-input: rgba(10, 7, 4, .5);--copper: #b85c22;--copper-mid: #c86828;--copper-glow: #d87830;--copper-bright: #e88840;--copper-pale: rgba(216, 120, 48, .15);--text-main: #f0e2d4;--text-bright: #faf3ec;--text-muted: rgba(192, 158, 124, .65);--text-dim: rgba(160, 124, 90, .38);--border-subtle: rgba(180, 120, 60, .1);--border-mid: rgba(180, 120, 60, .18);--border-strong: rgba(200, 140, 70, .28);--border-top: rgba(220, 175, 105, .32);--border-glass: rgba(255, 255, 255, .045);--green: #4fa870;--green-glow: rgba(79, 168, 112, .55);--amber: #d4993a;--amber-glow: rgba(212, 153, 58, .5);--red: #c44444;--red-glow: rgba(196, 68, 68, .5);--shadow-deep: rgba(0, 0, 0, .72);--shadow-panel: 0 20px 60px rgba(0,0,0,.8), 0 6px 20px rgba(0,0,0,.45);--shadow-card: 0 4px 16px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.3);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-expo: cubic-bezier(.19, 1, .22, 1);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--radius-pill: 999px;--glass-bg: rgba(14, 10, 6, .88);--glass-border: rgba(200, 150, 80, .14);--glass-border-top: rgba(220, 175, 105, .26);--glass-shine: inset 0 1px 0 rgba(230, 185, 110, .1);--glass-depth: inset 0 -1px 0 rgba(0,0,0,.55);--glass-blur: blur(48px) saturate(1.85) brightness(.78)}#root{height:100vh;overflow:hidden;font-family:Outfit,sans-serif}body{margin:0;background:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse 55% 40% at 20% 75%,rgba(60,30,10,.18) 0%,transparent 65%),radial-gradient(ellipse 40% 50% at 80% 20%,rgba(40,20,8,.12) 0%,transparent 55%),var(--bg-dark)}.hero{position:absolute;top:14px;left:14px;right:14px;height:64px;background:linear-gradient(165deg,#22160cf7,#140d07fa 45%,#100a05fa 70%,#1a1009f5);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-top-color:var(--glass-border-top);border-radius:var(--radius-lg);box-shadow:var(--glass-shine),var(--glass-depth),inset 1px 0 #c896500d,0 16px 52px #000000c7,0 4px 14px #0006,0 0 60px #96460f0d;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:100;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23g)' opacity='1'/%3E%3C/svg%3E");background-size:140px 140px;opacity:.025;pointer-events:none;z-index:0;mix-blend-mode:overlay}.hero:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 30% 80% at 8% 50%,rgba(200,110,40,.07) 0%,transparent 60%);pointer-events:none;z-index:0}.logo-container{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.logo-icon{width:38px;height:auto;filter:drop-shadow(0 0 10px rgba(216,120,48,.45));transition:filter .3s var(--ease-out)}.logo-container:hover .logo-icon{filter:drop-shadow(0 0 14px rgba(232,136,64,.6))}.logo-container h1{font-family:Cormorant Garamond,serif;font-size:1.18rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;margin:0;background:linear-gradient(160deg,var(--crema-100) 0%,var(--crema-200) 35%,var(--copper-glow) 65%,var(--crema-200) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(216,120,48,.2));line-height:1}.hero-left{display:flex;align-items:center;gap:14px;flex-shrink:0;position:relative;z-index:1}.hero-center{flex:1;display:flex;justify-content:center;min-width:0;position:relative;z-index:1}.hero-right{display:flex;align-items:center;gap:16px;flex-shrink:0;position:relative;z-index:1}.brew-stage-pill{display:flex;align-items:center;gap:6px;font-family:Outfit,sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:4px 11px 4px 8px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:#0000004d;white-space:nowrap;color:var(--text-muted);transition:all .35s var(--ease-out);box-shadow:inset 0 1px #ffffff0a,0 1px 4px #0000004d}.brew-stage-pill[data-stage=heating]{color:var(--copper-bright);border-color:#d878304d;background:#d8783012;box-shadow:inset 0 1px #d8783014,0 0 12px #d878301a,0 1px 4px #0000004d}.brew-stage-pill[data-stage=saturating]{color:var(--amber);border-color:#d4993a4d;background:#d4993a12;box-shadow:inset 0 1px #d4993a14,0 0 12px #d4993a1a,0 1px 4px #0000004d}.brew-stage-pill[data-stage=brewing]{color:var(--green);border-color:#4fa8704d;background:#4fa87012;box-shadow:inset 0 1px #4fa87014,0 0 12px #4fa8701a,0 1px 4px #0000004d}.brew-stage-pill[data-stage=complete]{color:var(--text-muted);border-color:var(--border-subtle)}.brew-stage-pill[data-stage=idle]{color:var(--text-dim);border-color:#b4783c12}.stage-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-dot 1.8s ease-in-out infinite;flex-shrink:0;box-shadow:0 0 6px currentColor}.brew-stage-pill[data-stage=complete] .stage-dot{animation:none;opacity:.45;box-shadow:none}.brew-stage-pill[data-stage=idle] .stage-dot{animation:none;opacity:.3;box-shadow:none}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.stage-timeline{display:flex;align-items:center;gap:0;position:relative;width:100%;max-width:380px;background:#0000002e;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.025);box-shadow:inset 0 1px #ffffff05,inset 0 2px 6px #0000004d}.timeline-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;z-index:2}.timeline-dot{width:8px;height:8px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);transition:all .4s var(--ease-expo);box-shadow:0 0 0 3px #00000026}.timeline-step.active .timeline-dot{background:var(--copper-glow);border-color:#fff9;box-shadow:0 0 14px var(--copper-glow),0 0 0 3px #0003;transform:scale(1.15)}.timeline-step.done .timeline-dot{background:var(--green);border-color:var(--green);box-shadow:0 0 6px var(--green-glow)}.timeline-label{font-family:Outfit,sans-serif;font-size:.52rem;text-transform:uppercase;letter-spacing:.07em;font-weight:600;color:#ffffff2e;transition:color .3s var(--ease-out)}.timeline-step.active .timeline-label{color:var(--copper-glow);text-shadow:0 0 8px rgba(216,120,48,.4)}.timeline-step.done .timeline-label{color:var(--green);opacity:.75}.timeline-track{position:absolute;top:50%;transform:translateY(-50%);margin-top:1px;left:12.5%;right:12.5%;height:1px;background:#ffffff0a;border-radius:1px;z-index:1}.timeline-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--copper-glow));border-radius:1px;transition:width .6s var(--ease-spring);box-shadow:0 0 8px #d8783059}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 8px;border-radius:var(--radius-xs);transition:background .2s var(--ease-out)}.hero-stat:hover{background:#ffffff08}.hero-stat-value{font-family:JetBrains Mono,monospace;font-size:.88rem;font-weight:700;color:var(--text-main);font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(216,120,48,.2)}.hero-stat-label{font-family:Outfit,sans-serif;font-size:.48rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-weight:600}.hero-stat-pending{color:var(--text-dim);font-style:italic;opacity:.7}.progress-ring{position:relative;width:36px;height:36px;flex-shrink:0}.progress-ring svg{transform:rotate(-90deg);width:100%;height:100%;filter:drop-shadow(0 0 4px rgba(0,0,0,.4))}.ring-bg{fill:none;stroke:#ffffff0d;stroke-width:2.5}.ring-fill{fill:none;stroke:var(--copper-glow);stroke-width:2.5;stroke-linecap:round;transition:stroke-dasharray .5s var(--ease-out);filter:drop-shadow(0 0 4px var(--copper-glow))}.ring-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:.5rem;color:var(--text-muted)}.layout{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none}.layout>*{pointer-events:auto}.sidebar{position:absolute;top:96px;left:14px;bottom:14px;width:290px;background:linear-gradient(175deg,#1c120af2,#100b06f7,#160e08f2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-top-color:var(--glass-border-top);border-radius:var(--radius-lg);box-shadow:var(--glass-shine),var(--glass-depth),0 20px 56px #000000c7,0 4px 16px #0000006b;padding:16px 16px 20px;display:flex;flex-direction:column;gap:12px;z-index:90;overflow:hidden;isolation:isolate}.sidebar::-webkit-scrollbar{display:none}.sidebar:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)' opacity='1'/%3E%3C/svg%3E");background-size:140px 140px;opacity:.022;pointer-events:none;z-index:0;mix-blend-mode:overlay}.sidebar:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to bottom,rgba(255,255,255,.018) 0%,transparent 30%);pointer-events:none;z-index:0}.action-bar{display:flex;gap:8px;padding-bottom:14px;border-bottom:1px solid rgba(180,120,60,.1);position:relative;z-index:1}.sidebar-tabs{display:flex;background:#00000047;border-radius:var(--radius-sm);padding:4px;gap:3px;border:1px solid rgba(255,255,255,.025);box-shadow:inset 0 2px 6px #0006,inset 0 1px 1px #0000004d;position:relative;z-index:1}.tab-btn{flex:1;background:transparent;border:none;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:600;color:var(--text-muted);padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .22s var(--ease-out);display:flex;align-items:center;justify-content:center;gap:5px;letter-spacing:.02em;position:relative}.tab-btn.active{background:linear-gradient(160deg,#ffffff12,#ffffff0a);color:var(--crema-100);box-shadow:inset 0 1px #dcb96e1a,inset 0 -1px #0000004d,0 2px 8px #00000059}.tab-btn.active:after{content:"";position:absolute;bottom:3px;left:22%;right:22%;height:1.5px;background:var(--copper-glow);border-radius:1px;box-shadow:0 0 8px var(--copper-glow);animation:tab-indicator .25s var(--ease-spring)}@keyframes tab-indicator{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.tab-icon{font-size:.8rem;line-height:1}.tab-content{display:none;flex-direction:column;gap:10px;flex:1;animation:fadeIn .28s var(--ease-out);position:relative;z-index:1}.tab-content.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.sidebar .panel{background:transparent;border:none;box-shadow:none;padding:0;border-radius:0}.controls-panel{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;scrollbar-width:none;padding-right:2px;position:relative;z-index:1}.controls-panel::-webkit-scrollbar{display:none}.panel h2{font-family:Outfit,sans-serif;font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--text-dim);margin:6px 0 10px;display:flex;align-items:center;gap:10px}.panel h2:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-subtle),transparent)}.mode-toggle{display:flex;background:#0000004d;padding:3px;border-radius:8px;border:1px solid rgba(255,255,255,.03);box-shadow:inset 0 2px 5px #0006;margin-bottom:14px}.mode-btn{flex:1;padding:7px 14px;background:transparent;color:var(--text-muted);border:none;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:4px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border-radius:6px;transition:all .2s var(--ease-out)}.mode-btn:hover{color:var(--text-main)}.mode-btn.active{background:linear-gradient(155deg,#ffffff12,#ffffff0a);color:var(--crema-100);box-shadow:inset 0 1px #dcb96e1a,inset 0 0 0 1px #c8823c40,0 1px 4px #0000004d}.pill{flex:1;padding:10px 14px;border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.03em;cursor:pointer;transition:all .18s var(--ease-spring);display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden}.pill:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(170deg,rgba(255,255,255,.09) 0%,transparent 55%);pointer-events:none}.btn-icon{font-size:.88rem;line-height:1;position:relative;z-index:1}.pill.primary{background:linear-gradient(155deg,var(--copper-bright) 0%,var(--copper-mid) 50%,var(--copper) 100%);color:#fff5ebf7;border:1px solid rgba(220,150,80,.4);border-top-color:#f0af648c;border-bottom-color:#8c3c0f8c;box-shadow:inset 0 1px #ffdca033,inset 0 -1px #00000059,0 4px 18px #b4501459,0 2px 6px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.25)}.pill.primary>span{position:relative;z-index:1}.pill.primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffdca040,inset 0 -1px #0006,0 8px 26px #c8641e73,0 3px 10px #0006;filter:brightness(1.08)}.pill.primary:active{transform:translateY(.5px);box-shadow:inset 0 2px 6px #0006,0 1px 4px #0000004d;filter:brightness(.96)}.pill.primary.running{background:linear-gradient(155deg,#3c322a,#241e1a);border-color:#ffffff0d;border-top-color:#ffffff12;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0006,0 2px 8px #0000004d;color:var(--text-muted)}.pill.primary.start{background:linear-gradient(155deg,#f09040 0%,var(--copper-mid) 50%,var(--copper) 100%);box-shadow:inset 0 1px #ffdca040,0 4px 22px #c8641e7a,0 2px 8px #0000004d;animation:start-glow 2.2s ease-in-out infinite}@keyframes start-glow{0%,to{box-shadow:inset 0 1px #ffdca040,0 4px 22px #c8641e7a,0 2px 8px #0000004d}50%{box-shadow:inset 0 1px #ffdca04d,0 4px 32px #e682329e,0 2px 10px #00000059}}.pill.ghost{background:#ffffff06;color:var(--text-muted);border:1px solid var(--border-subtle);border-top-color:#c8a0641f;border-bottom-color:#0000004d;box-shadow:inset 0 1px #c8a0640d,inset 0 -1px #0003,0 1px 4px #00000040}.pill.ghost>span{position:relative;z-index:1}.pill.ghost:hover{background:#ffffff0e;color:var(--text-main);border-color:var(--border-mid);transform:translateY(-1px);box-shadow:inset 0 1px #c8a06414,0 3px 12px #00000059}.pill.ghost:active{transform:translateY(.5px)}.section{margin:6px 0;padding:8px 0;border-top:1px solid rgba(180,120,60,.07)}.section:first-of-type{border-top:none;margin-top:0;padding-top:0}.section h3{margin:0 0 10px;font-family:Outfit,sans-serif;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--text-muted);display:flex;align-items:center;gap:6px}.section-icon{display:inline-flex;align-items:center;opacity:.8;vertical-align:middle}.section.advanced{margin-top:4px;padding:12px;background:linear-gradient(155deg,#00000038,#0000001f);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);border-top-color:#c89b501f;animation:fadeSlide .22s var(--ease-out);box-shadow:inset 0 1px #c89b500a,inset 0 2px 6px #0003}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.section-header-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-header-row h3{margin:0!important;color:var(--text-main)!important;font-size:.82rem!important;letter-spacing:.04em!important}.step-badge{width:20px;height:20px;background:linear-gradient(145deg,var(--copper-bright),var(--copper));color:#fff5ebf2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:700;box-shadow:0 0 12px #c8641e59,0 1px 3px #0006;flex-shrink:0}.control-desc{display:block;font-family:Outfit,sans-serif;font-size:.64rem;color:var(--text-muted);opacity:.72;margin:-2px 0 5px;line-height:1.4}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.preset-card{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:var(--radius-sm);background:#ffffff06;border:1px solid rgba(255,255,255,.04);border-top-color:#ffffff0f;cursor:pointer;transition:all .2s var(--ease-out);text-align:left;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 2px 6px #00000040}.preset-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(165deg,rgba(255,255,255,.06) 0%,transparent 50%);opacity:0;transition:opacity .2s var(--ease-out)}.preset-card:hover{background:#ffffff0d;border-color:var(--border-mid);border-top-color:#c89b503d;transform:translateY(-2px) scale(1.01);box-shadow:inset 0 1px #dcaf6914,0 6px 22px #0006}.preset-card:hover:before{opacity:1}.preset-card.active{background:linear-gradient(155deg,#c8641e1f,#a0460f12);border-color:var(--border-strong);border-top-color:#dc9b5566;box-shadow:inset 0 1px #dca0501f,0 0 16px #c8641e24,0 2px 8px #0000004d}.preset-icon{font-size:1.1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;flex-shrink:0;box-shadow:inset 0 1px #ffffff0d}.preset-info{display:flex;flex-direction:column;gap:1px;overflow:hidden}.preset-info strong{font-family:Outfit,sans-serif;font-size:.74rem;color:var(--text-main);font-weight:600}.preset-info small{font-size:.58rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.accordion{border:1px solid rgba(255,255,255,.04);border-top-color:#ffffff0f;background:#00000024;border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out);box-shadow:inset 0 1px #ffffff05,0 2px 6px #0003}.accordion:hover{border-color:var(--border-subtle);border-top-color:#c89b5024}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:11px 13px;background:transparent;border:none;cursor:pointer;color:var(--text-main);transition:background .15s var(--ease-out)}.accordion-header:hover{background:#ffffff06}.accordion-header h3{font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0;display:flex;align-items:center;gap:6px;transition:color .2s var(--ease-out)}.accordion-header:hover h3{color:var(--text-main)}.chevron{display:inline-flex;align-items:center;color:var(--text-dim);transition:transform .25s var(--ease-spring),color .2s}.chevron.open{transform:rotate(90deg);color:var(--copper-glow)}.accordion-header:hover .chevron{color:var(--text-muted)}.accordion .brand-list,.accordion .preset-grid{border-top:1px solid rgba(255,255,255,.04);padding:8px}.brand-list{display:flex;flex-direction:column;gap:5px;max-height:240px;overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:rgba(180,120,60,.15) transparent}.brand-list::-webkit-scrollbar{width:2px}.brand-list::-webkit-scrollbar-thumb{background:#b4783c2e;border-radius:1px}.brand-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 11px 10px 13px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-left:2.5px solid transparent;border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:all .2s var(--ease-out);position:relative}.brand-card:hover{background:#ffffff0b;border-color:var(--border-subtle);border-left-color:#b4783c59;transform:translate(2px);box-shadow:0 3px 10px #0000004d}.brand-card.active{background:linear-gradient(155deg,#b450141a,#78370f12);border-color:#b4642833;border-left-color:var(--copper-glow);box-shadow:0 0 16px #b450141f,0 2px 8px #00000040}.brand-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.brand-name{font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;color:var(--text-main);letter-spacing:.01em}.brand-badge{font-family:Outfit,sans-serif;font-size:.52rem;text-transform:uppercase;padding:2px 6px;border-radius:4px;font-weight:700;letter-spacing:.06em}.brand-badge.light{background:#d4993a1f;color:var(--amber);border:1px solid rgba(212,153,58,.2)}.brand-badge.medium{background:#b4501e1f;color:var(--copper-glow);border:1px solid rgba(180,80,30,.2)}.brand-badge.dark{background:#64412833;color:#b99b7dd9;border:1px solid rgba(100,65,40,.3)}.brand-origin{font-family:JetBrains Mono,monospace;font-size:.56rem;color:var(--text-muted);opacity:.75;margin-bottom:3px}.brand-desc{font-family:Outfit,sans-serif;font-size:.63rem;line-height:1.45;color:var(--text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.brand-card.active .brand-desc{color:#f0e1d2d9}.selected-brand-simple{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;background:linear-gradient(155deg,#00000038,#00000024);border:1px solid var(--border-subtle);border-top-color:#c89b5024;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--ease-out);margin-bottom:8px;box-shadow:inset 0 1px #c89b500d,inset 0 2px 5px #0003,0 1px 4px #0003}.selected-brand-simple:hover{background:#ffffff0a;border-color:var(--border-mid)}.sbs-mini-left{display:flex;flex-direction:column;gap:1px}.sbs-mini-name{font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;color:var(--text-main)}.sbs-mini-origin{font-family:JetBrains Mono,monospace;font-size:.52rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sbs-mini-desc{font-family:Outfit,sans-serif;font-size:.62rem;color:var(--text-muted);opacity:.7;margin:3px 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:170px}.sbs-mini-right{display:flex;align-items:center;gap:8px}.chevron-mini{display:inline-flex;align-items:center;color:var(--text-dim);transition:transform .2s var(--ease-spring),color .15s}.chevron-mini.open{transform:rotate(90deg);color:var(--copper-glow)}.brand-list-v2{display:flex;flex-direction:column;gap:5px;max-height:220px;overflow-y:auto;padding-right:4px;margin-top:8px;scrollbar-width:thin;scrollbar-color:rgba(180,120,60,.12) transparent}.brand-item-full{display:flex;flex-direction:column;padding:11px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:all .2s var(--ease-out);width:100%}.brand-item-full:hover{background:#ffffff0c;border-color:var(--border-subtle);transform:translate(2px);box-shadow:0 3px 10px #00000047}.brand-item-full.active{background:#b4501417;border-color:#b4642847;border-top-color:#c8823759;box-shadow:inset 0 1px #c882371a,0 4px 14px #00000047}.brand-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.brand-item-name{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;color:var(--text-main);transition:color .2s}.brand-item-full.active .brand-item-name{color:var(--copper-glow)}.roast-dot{width:7px;height:7px;border-radius:50%}.roast-dot.light{background:#d4a84a;box-shadow:0 0 6px #d4a84a73}.roast-dot.medium{background:#a07048;box-shadow:0 0 6px #a0704866}.roast-dot.dark{background:#3a2416;border:1px solid rgba(255,255,255,.12)}.brand-item-meta{font-family:JetBrains Mono,monospace;font-size:.58rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.brand-item-desc{font-family:Outfit,sans-serif;font-size:.65rem;line-height:1.45;color:var(--text-muted);opacity:.8;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.brand-item-full.active .brand-item-desc{color:var(--text-main);opacity:.9}.control-group{display:flex;flex-direction:column;gap:14px;margin-top:6px}.control-v2{display:flex;flex-direction:column;gap:8px}.control-header{display:flex;justify-content:space-between;align-items:center}.control-header .label-text{font-family:Outfit,sans-serif;font-size:.72rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em;display:inline-flex;align-items:center;gap:4px}.control-header .label-value{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--copper-glow)}.control-header .label-value.bold{font-size:.82rem}.precision-control{display:flex;align-items:center;gap:10px}.step-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(155deg,#ffffff0f,#0000001a);border:1px solid rgba(200,160,100,.12);border-top-color:#dcb46e33;border-radius:6px;color:var(--text-muted);font-size:.95rem;line-height:1;cursor:pointer;transition:all .15s var(--ease-spring);flex-shrink:0;box-shadow:inset 0 1px #dcb46e12,inset 0 -1px #0003,0 1px 3px #00000040}.step-btn:hover{background:linear-gradient(155deg,#c8641e2e,#a0460f1a);color:var(--text-main);border-color:#c8823747;border-top-color:#dca04b61;box-shadow:inset 0 1px #dca04b1f,0 2px 8px #0000004d}.step-btn:active{transform:scale(.9);box-shadow:inset 0 2px 4px #0006}.control{margin-bottom:8px;background:linear-gradient(160deg,#00000038,#0000001f);padding:10px 12px;border-radius:var(--radius-sm);border:1px solid rgba(200,155,80,.07);border-top-color:#c89b501f;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out);box-shadow:inset 0 1px #c89b500a,inset 0 2px 5px #0003}.control:hover{border-color:var(--border-subtle);border-top-color:#c89b502e}.control label{display:flex;justify-content:space-between;margin-bottom:7px;font-size:.75rem}.label-text{font-family:Outfit,sans-serif;color:var(--text-muted);font-weight:500}.label-value{font-family:JetBrains Mono,monospace;color:var(--copper-glow);font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums}input[type=range]{--fill: 50%;width:100%;height:2px;background:linear-gradient(to right,var(--copper-glow) 0%,var(--copper-glow) var(--fill),rgba(255,255,255,.055) var(--fill),rgba(255,255,255,.055) 100%);border-radius:2px;appearance:none;-webkit-appearance:none;border:none;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;background:radial-gradient(circle at 38% 34%,#ffffffe6,#f0d2aab3);border-radius:50%;cursor:pointer;border:1.5px solid var(--copper-glow);box-shadow:0 0 10px #d878308c,0 1px 4px #00000080;transition:all .18s var(--ease-spring)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 0 3px #d8783040,0 0 16px #d8783099,0 2px 6px #00000080}input[type=range]::-moz-range-thumb{width:11px;height:11px;background:var(--crema-100);border:2px solid var(--copper-glow);border-radius:50%;cursor:pointer;box-shadow:0 0 8px #d8783080}.toggle-advanced{width:100%;padding:8px 12px;margin:2px 0 0;background:transparent;border:1px solid rgba(255,255,255,.04);color:var(--text-muted);border-radius:8px;cursor:pointer;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:600;text-align:left;display:flex;align-items:center;gap:6px;transition:all .18s var(--ease-out)}.toggle-advanced:hover{background:#ffffff08;color:var(--text-main);border-color:var(--border-subtle)}.adv-chevron{display:inline-flex;align-items:center;transition:transform .2s var(--ease-spring)}.adv-chevron.open{transform:rotate(90deg);color:var(--copper-glow)}.gauge-extra{font-family:JetBrains Mono,monospace;font-size:.62rem;color:var(--text-muted);font-weight:400}.selected-brand-summary{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:linear-gradient(155deg,#b450141a,#78370f14);border:1px solid rgba(180,100,40,.14);border-top-color:#c8823738;box-shadow:inset 0 1px #c8823714,0 2px 8px #00000040;transition:all .3s var(--ease-out)}.selected-brand-summary.light{background:linear-gradient(155deg,#d4993a14,#9664140f);border-color:#d4993a24;border-top-color:#e6af4638}.selected-brand-summary.dark{background:linear-gradient(155deg,#46281224,#1e10071f);border-color:var(--border-subtle)}.sbs-icon{font-size:1.3rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);flex-shrink:0;box-shadow:inset 0 1px #ffffff0a}.sbs-info{display:flex;flex-direction:column;gap:3px;min-width:0}.sbs-name{font-family:Outfit,sans-serif;font-size:.82rem;font-weight:700;color:var(--text-main);letter-spacing:.01em}.sbs-meta{display:flex;align-items:center;gap:6px}.sbs-origin{font-family:JetBrains Mono,monospace;font-size:.56rem;color:var(--text-muted);opacity:.75}.size-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px}.size-card-v2{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 6px;background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-top-color:#ffffff12;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--ease-spring);position:relative;min-height:80px;box-shadow:inset 0 1px #ffffff08,0 2px 6px #00000040}.size-card-v2:hover{background:#ffffff0d;border-color:var(--border-mid);border-top-color:#c89b503d;transform:translateY(-2px);box-shadow:inset 0 1px #c89b5014,0 6px 20px #00000061}.size-card-v2.active{background:linear-gradient(155deg,#b4501424,#82370c17);border-color:var(--border-strong);border-top-color:#dc9b4b6b;box-shadow:inset 0 1px #dca05024,0 0 18px #b4501429,0 3px 10px #0000004d}.size-card-icon{display:flex;align-items:center;justify-content:center;color:var(--copper-mid);margin-bottom:4px;opacity:.7;transition:transform .2s var(--ease-spring),opacity .2s,color .2s}.size-card-v2.active .size-card-icon{opacity:1;transform:scale(1.5);color:var(--copper-glow)}.size-card-info{display:flex;flex-direction:column;align-items:center;gap:1px}.size-label{font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700;color:var(--text-muted);transition:color .2s}.size-card-v2.active .size-label{color:var(--text-main)}.size-capacity{font-family:JetBrains Mono,monospace;font-size:.58rem;color:var(--copper-glow);opacity:.78}.size-active-check{position:absolute;top:6px;right:8px;font-size:.62rem;color:var(--copper-glow);font-weight:900}.brew-guide-accordion{background:#b450140a;border-color:#b464281a}.brew-guide-accordion:hover{border-color:#b464282e}.brew-guide-body{padding:10px 12px 12px;border-top:1px solid rgba(180,100,40,.08);display:flex;flex-direction:column;gap:10px;animation:fadeIn .22s var(--ease-out)}.brew-stages-mini{display:flex;flex-direction:column;gap:5px}.bsm{display:flex;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:.7rem;color:var(--text-muted);line-height:1.4}.bsm-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.bsm-dot.heating{background:var(--copper-glow);box-shadow:0 0 5px #d8783066}.bsm-dot.saturating{background:var(--amber);box-shadow:0 0 5px #d4993a66}.bsm-dot.brewing{background:var(--green);box-shadow:0 0 5px #4fa87066}.bsm-dot.complete{background:var(--text-muted)}.tips-compact{border-top:1px solid rgba(180,100,40,.06);padding-top:8px}.tips-compact p{margin:0;font-family:Outfit,sans-serif;font-size:.7rem;color:var(--text-muted);line-height:1.55}.tips-compact strong{color:var(--text-main);font-weight:600}.main-content{padding:10px;display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden;position:relative}.canvas-panel{position:absolute;inset:0;z-index:0;overflow:hidden}.canvas-panel h2{display:none}.canvas-frame{position:absolute;inset:0;background:radial-gradient(ellipse 50% 55% at 50% 90%,rgba(50,30,12,.28) 0%,transparent 65%),radial-gradient(ellipse 35% 40% at 18% 18%,rgba(40,22,8,.22) 0%,transparent 55%),radial-gradient(ellipse 25% 30% at 82% 25%,rgba(30,18,8,.15) 0%,transparent 50%),radial-gradient(circle at center,#1c1713,#0d0b09);overflow:hidden}.welcome-overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 65% 65% at 50% 58%,#1a120af0,#0a0704fa 70%);-webkit-backdrop-filter:blur(8px) saturate(1.4);backdrop-filter:blur(8px) saturate(1.4);animation:welcome-fade-in .55s var(--ease-out)}@keyframes welcome-fade-in{0%{opacity:0}to{opacity:1}}.welcome-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;max-width:340px;padding:36px 28px;background:linear-gradient(165deg,#1e140acc,#100a05d9);border:1px solid var(--glass-border);border-top-color:var(--glass-border-top);border-radius:var(--radius-xl);box-shadow:var(--glass-shine),0 24px 64px #000000bf,0 0 40px #96410f14;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.welcome-icon{display:flex;align-items:center;justify-content:center;color:var(--copper-glow);scale:2;filter:drop-shadow(0 6px 18px rgba(200,100,30,.35));animation:welcome-icon-float 3.2s ease-in-out infinite}@keyframes welcome-icon-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}.welcome-content h2{margin:0;font-family:Cormorant Garamond,serif;font-size:1.75rem;font-weight:600;letter-spacing:.06em;background:linear-gradient(145deg,var(--crema-100) 0%,var(--crema-200) 30%,var(--copper-glow) 60%,var(--crema-200) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}.welcome-content p{margin:0;font-family:Outfit,sans-serif;font-size:.85rem;line-height:1.6;color:var(--text-muted)}.welcome-content p kbd{display:inline-block;padding:1px 7px;font-family:JetBrains Mono,monospace;font-size:.72rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-top-color:#ffffff2e;border-radius:5px;color:var(--text-main);box-shadow:inset 0 1px #ffffff0f,0 1px 3px #0000004d}.welcome-start{margin-top:8px;padding:12px 34px;font-family:Outfit,sans-serif;font-size:.92rem;font-weight:700;letter-spacing:.04em;color:#fff5ebf7;background:linear-gradient(155deg,#f09040 0%,var(--copper-mid) 50%,var(--copper) 100%);border:1px solid rgba(240,180,100,.4);border-top-color:#fac8788c;border-bottom-color:#8c3c0f8c;border-radius:var(--radius-pill);cursor:pointer;transition:all .2s var(--ease-spring);box-shadow:inset 0 1px #ffdc9b38,inset 0 -1px #00000059,0 6px 24px #be5f196b,0 2px 8px #00000059;text-shadow:0 1px 2px rgba(0,0,0,.2);animation:start-glow 2.2s ease-in-out infinite}.welcome-start:hover{transform:translateY(-2px) scale(1.02);box-shadow:inset 0 1px #ffdc9b47,0 10px 34px #dc6e2385,0 3px 10px #0006;filter:brightness(1.08)}.welcome-start:active{transform:translateY(.5px);box-shadow:inset 0 2px 6px #00000059,0 2px 8px #0000004d}.global-counter{margin-left:15px}.total-brews-badge{display:flex;align-items:center;gap:6px;background:#ffffff08;padding:4px 12px;border-radius:var(--radius-pill);border:1px solid rgba(200,155,80,.1);border-top-color:#dcb46429;width:fit-content;white-space:nowrap;cursor:pointer;transition:all .22s var(--ease-out);box-shadow:inset 0 1px #dcb4640f,0 1px 4px #00000040}.total-brews-badge:hover{background:#c89b5014;border-color:#c89b5038;border-top-color:#dcb4644d;box-shadow:inset 0 1px #dcb4641a,0 1px 4px #00000040,0 0 12px #d8783026}.total-brews-badge:hover .count-globe{color:var(--copper-bright);filter:drop-shadow(0 0 4px rgba(216,120,48,.5))}.count-globe{color:var(--copper-glow);flex-shrink:0;transition:color .2s ease,filter .2s ease}.count-dot{width:5px;height:5px;border-radius:50%;background:var(--copper-glow);box-shadow:0 0 8px var(--copper-glow)}.count-val{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;color:var(--text-bright);font-variant-numeric:tabular-nums}.count-label{font-family:Outfit,sans-serif;font-size:.56rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.metrics-overlay{position:absolute;top:92px;right:14px;z-index:85;width:248px;max-height:calc(100% - 110px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(180,120,60,.12) transparent;background:linear-gradient(170deg,#160f08f5,#0e0904f7 55%,#120c06f5);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-top-color:var(--glass-border-top);border-radius:var(--radius-lg);padding:14px 12px;transition:opacity .35s var(--ease-out),transform .35s var(--ease-out);box-shadow:var(--glass-shine),var(--glass-depth),0 18px 52px #000000bf,0 4px 14px #0006;pointer-events:none;isolation:isolate}.metrics-overlay:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)' opacity='1'/%3E%3C/svg%3E");background-size:140px 140px;opacity:.02;pointer-events:none;z-index:0;mix-blend-mode:overlay}.metrics-overlay.hidden{opacity:0;pointer-events:none;transform:translate(14px)}.metrics-toggle{position:absolute;top:98px;right:20px;z-index:90;width:28px;height:28px;border-radius:8px;border:1px solid rgba(200,155,80,.12);border-top-color:#dcaf6433;background:linear-gradient(155deg,#20160ceb,#140e08f5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#b491698c;font-size:.72rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-spring);box-shadow:inset 0 1px #dcaf6414,0 2px 8px #0006}.metrics-toggle:hover{background:#322312;color:var(--crema-100);border-color:var(--border-mid);transform:translateY(-1px) scale(1.05);box-shadow:inset 0 1px #dcaf641f,0 4px 14px #00000073}.metrics-toggle.active{background:linear-gradient(155deg,#c85a192e,#a0410f1f);border-color:#c86e284d;border-top-color:#dc914166;color:var(--copper-glow);box-shadow:inset 0 1px #dc91411f,0 0 18px #c85a1938,0 2px 8px #0006}.metrics-overlay h3{margin:0 0 10px;font-family:Outfit,sans-serif;font-size:.6rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);font-weight:700;border-bottom:1px solid rgba(180,120,60,.1);padding-bottom:7px;position:relative;z-index:1}.metrics-sparklines{display:flex;flex-direction:column;gap:14px;margin-top:12px;position:relative;z-index:1}.sparkline-canvas{filter:drop-shadow(0 0 3px rgba(0,0,0,.5));display:block;width:100%;border-radius:4px}.metrics-panel{display:flex;flex-direction:column;gap:0;background:transparent;border:none;padding:0;position:relative;z-index:1}.stat-grid{display:flex;flex-direction:column;gap:0}.stat-grid>div{background:transparent;border:none;padding:4px 0;border-radius:0;display:flex;align-items:baseline;justify-content:space-between;gap:6px;position:relative;overflow:visible;border-bottom:1px solid rgba(255,255,255,.028);transition:none}.stat-grid>div:last-child{border-bottom:none}.stat-grid>div:before{display:none}.stat-grid span{font-family:Outfit,sans-serif;font-size:.52rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.stat-grid strong{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-main);font-weight:500;text-align:right;font-variant-numeric:tabular-nums;transition:color .3s}.val-hot{color:var(--copper-glow)!important;text-shadow:0 0 8px rgba(216,120,48,.3)}.val-danger{color:var(--red)!important;text-shadow:0 0 8px rgba(196,68,68,.4)}.val-warn{color:var(--amber)!important;text-shadow:0 0 8px rgba(212,153,58,.3)}.val-flow{color:var(--green)!important;text-shadow:0 0 8px rgba(79,168,112,.35)}.val-coffee{color:#c08040!important}.stat-section-label{font-family:Outfit,sans-serif!important;font-size:.46rem!important;text-transform:uppercase;letter-spacing:.14em;color:var(--copper)!important;font-weight:700;padding:6px 0 1px!important;border-bottom:none!important;display:block!important;opacity:.65}.stat-section-label:first-child{padding-top:0!important}.stat-value-bar{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.mini-bar{width:48px;height:2px;background:#ffffff0d;border-radius:1px;overflow:hidden}.mini-bar-fill{height:100%;background:var(--copper-glow);border-radius:1px;transition:width .28s var(--ease-out);min-width:0}.bar-flow .mini-bar-fill{background:var(--green)}.bar-water .mini-bar-fill{background:#48a}.bar-sat .mini-bar-fill{background:var(--amber)}.charts-section{margin-top:6px;display:flex;flex-direction:column;gap:3px}.chart-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:7px;padding:4px 3px 2px;transition:border-color .2s var(--ease-out)}.chart-card:hover{border-color:var(--border-subtle)}.about-trigger-btn{display:flex;align-items:center;gap:6px;background:#ffffff08;border:1px solid var(--border-subtle);border-top-color:#c89b5026;border-radius:var(--radius-pill);padding:4px 12px 4px 8px;color:var(--text-muted);font-family:Outfit,sans-serif;font-size:.68rem;font-weight:600;cursor:pointer;transition:all .22s var(--ease-out);margin-left:10px;box-shadow:inset 0 1px #c89b500f,0 1px 4px #00000040}.about-trigger-btn:hover{background:linear-gradient(155deg,#c85a191f,#a0410f14);color:var(--copper-glow);border-color:#c8783247;border-top-color:#dc9b4666;box-shadow:inset 0 1px #dc9b461a,0 0 14px #c85a1929,0 2px 8px #0000004d;transform:translateY(-.5px)}.about-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#ffffff12;border:1px solid rgba(255,255,255,.08);border-radius:50%;font-family:Outfit,sans-serif;font-size:.62rem;font-weight:700;line-height:1;transition:all .2s var(--ease-spring)}.about-trigger-btn:hover .about-icon{background:linear-gradient(145deg,var(--copper-bright),var(--copper));color:#fff;border-color:#dca05066;box-shadow:0 0 8px #c85a1959}.about-dialog{max-width:380px!important;background:linear-gradient(165deg,#1c120afa,#100a05fc)!important;border:1px solid var(--border-mid);border-top-color:var(--border-top);box-shadow:var(--glass-shine),0 28px 72px #000c,0 0 28px #b450141a;position:relative;overflow:hidden;border-radius:var(--radius-lg)!important}.about-dialog h2{font-family:Cormorant Garamond,serif;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(145deg,var(--crema-100) 10%,var(--crema-200) 35%,var(--copper-glow) 65%,var(--crema-200) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.5rem}.dialog-close{position:absolute;top:14px;right:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:7px;color:var(--text-muted);cursor:pointer;padding:4px 7px;display:flex;align-items:center;justify-content:center;transition:all .18s var(--ease-spring);z-index:5}.dialog-close:hover{color:var(--red);background:#c444441a;border-color:#c4444440;transform:scale(1.08)}.about-logo-icon{animation:none!important;margin-bottom:8px;width:128px;height:auto;filter:drop-shadow(0 0 14px rgba(200,100,30,.45))}.coffee-dialog{max-width:500px!important;width:92vw;background:linear-gradient(165deg,#1c120afa,#100a05fc)!important;border:1px solid var(--border-mid);border-top-color:var(--border-top);box-shadow:var(--glass-shine),0 28px 72px #000c,0 0 28px #b450141a;padding:24px;position:relative;overflow:hidden;border-radius:var(--radius-lg)!important}.coffee-search-input{width:100%;padding:9px 13px;margin-bottom:12px;border:1px solid var(--border-subtle);border-top-color:#c89b5024;border-radius:var(--radius-sm);background:#0000004d;color:var(--text-main);font-family:Outfit,sans-serif;font-size:.78rem;box-sizing:border-box;outline:none;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out);box-shadow:inset 0 2px 5px #0000004d}.coffee-search-input:focus{border-color:#c878324d;border-top-color:#dc9b4666;box-shadow:inset 0 2px 5px #0000004d,0 0 0 2px #c878321a}.coffee-search-input::placeholder{color:var(--text-dim)}.coffee-properties-summary{display:block;margin-top:4px;font-family:Outfit,sans-serif;font-size:.76rem;color:var(--text-muted)}.coffee-dialog-properties{margin-top:16px;display:flex;flex-direction:column;gap:12px}.coffee-dialog .brand-list-v2{max-height:300px}.no-results{padding:20px;text-align:center;font-family:Outfit,sans-serif;color:var(--text-muted);font-size:.8rem}.settings-dialog{max-width:500px!important;width:92vw;background:linear-gradient(165deg,#1c120afa,#100a05fc)!important;border:1px solid var(--border-mid);border-top-color:var(--border-top);box-shadow:var(--glass-shine),0 28px 72px #000c,0 0 28px #b450141a;padding:24px;position:relative;overflow:hidden;border-radius:var(--radius-lg)!important}.settings-dialog-body{max-height:58vh;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(180,120,60,.12) transparent}.settings-dialog-section{margin-top:16px;display:flex;flex-direction:column;gap:12px}.settings-dialog-section.advanced{margin-top:0}.settings-section-title{display:flex;align-items:center;gap:7px;margin:0 0 2px;font-family:Outfit,sans-serif;font-size:.68rem;font-weight:600;color:var(--crema-300);letter-spacing:.08em;text-transform:uppercase}.settings-dialog .mode-toggle{margin-bottom:4px}.settings-dialog .toggle-advanced{margin-top:14px}.settings-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(145deg,#b450142e,#783c0f1f);border:1px solid rgba(180,100,40,.22);color:var(--crema-300);font-family:Outfit,sans-serif;font-size:.58rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em}.about-body{display:flex;flex-direction:column;gap:18px;margin-top:12px}.about-body p{font-family:Outfit,sans-serif;font-size:.88rem!important;line-height:1.62!important;color:var(--text-muted)}.about-attribution{background:linear-gradient(155deg,#00000047,#0000002e);padding:16px;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.04);border-top-color:#ffffff0f;box-shadow:inset 0 1px #ffffff08}.author-label{font-family:Outfit,sans-serif;font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);font-weight:600}.author-name{font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:600;color:var(--copper-glow);text-decoration:none;letter-spacing:.04em;transition:all .2s var(--ease-out)}.author-name:hover{color:var(--crema-100);text-shadow:0 0 18px rgba(216,120,48,.55)}.copyright-note{font-family:Outfit,sans-serif;font-size:.62rem;color:var(--text-dim);opacity:.6}.about-footer-text{font-family:Outfit,sans-serif;font-size:.72rem!important;opacity:.8;color:var(--text-muted)}.about-footer-text a{color:var(--copper-mid);text-decoration:none;font-weight:600;border-bottom:1px solid rgba(180,90,30,.3);transition:all .2s var(--ease-out)}.about-footer-text a:hover{color:var(--copper-glow);border-bottom-color:var(--copper-glow)}.hidden-completely{display:none!important}.warning-glow{background:#c4444412;border:1px solid rgba(196,68,68,.28);padding:10px;border-radius:var(--radius-sm);box-shadow:0 0 18px #c444441a;transition:all .4s var(--ease-out)}.heat-warning{font-family:Outfit,sans-serif;font-size:.66rem;color:#e05050;text-transform:uppercase;font-weight:900;letter-spacing:.06em;margin-left:8px;animation:pulse-danger 1.6s infinite}.text-danger{color:#d04848!important;text-shadow:0 0 10px rgba(208,72,72,.45)}.text-success{color:var(--green)!important;text-shadow:0 0 10px rgba(79,168,112,.45)}.slider-hot::-webkit-slider-runnable-track{background:linear-gradient(90deg,#f5c842,#e05020,#6a0a0a)!important}@keyframes pulse-danger{0%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sheet-handle{width:100%;height:22px;display:none;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.sheet-handle:before{content:"";display:block;width:32px;height:3px;background:#c89b5033;border-radius:2px}@media(max-width:768px){*{-webkit-tap-highlight-color:transparent}#root{height:100dvh;overflow:hidden}.app{height:100dvh;overflow:hidden;display:flex;flex-direction:column;position:relative;background:var(--bg-dark)}.hero{position:relative!important;top:auto;left:auto;right:auto;height:auto;min-height:50px;flex-shrink:0;border-radius:0;padding:8px 12px;gap:10px;flex-direction:column;align-items:stretch;z-index:300;border-left:none;border-right:none;border-top:none;border-bottom:1px solid rgba(180,120,60,.18);box-shadow:0 4px 22px #00000073}.hero-left{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-shrink:0}.logo-icon{width:20px;height:20px;flex-shrink:0}.logo-container h1{font-size:.75rem;letter-spacing:.1em;white-space:nowrap}.brew-stage-pill{font-size:.56rem;padding:2px 7px 2px 5px}.stage-dot{width:5px;height:5px}.about-text{display:none}.about-trigger-btn{padding:4px 6px;margin-left:4px}.hero-center{display:none!important}.hero-right{display:flex;justify-content:center;gap:18px;flex-shrink:0;padding:4px 0 2px;border-top:1px solid rgba(255,255,255,.025)}.hero-stat{gap:0;padding:2px 6px}.hero-stat-value{font-size:.72rem}.hero-stat-label{font-size:.42rem}.hero-stat:nth-child(3),.progress-ring,.global-counter{display:none!important}.layout{position:relative!important;flex:1;min-height:0;overflow:hidden;display:block;pointer-events:auto}.main-content{position:absolute!important;inset:0;padding:0;height:100%;overflow:hidden}.canvas-panel{position:absolute!important;inset:0;height:100%;max-height:none;z-index:0}.canvas-frame{position:absolute;inset:0}.welcome-overlay{position:absolute;z-index:240;padding-bottom:90px}.welcome-content{padding:22px 18px;gap:12px;max-width:290px}.welcome-icon{animation:none}.welcome-content h2{font-size:1.2rem}.welcome-content p{font-size:.76rem}.welcome-start{padding:10px 24px;font-size:.86rem;margin-top:2px}.metrics-toggle{position:absolute!important;top:8px;right:8px;z-index:120;width:34px;height:34px;border-radius:10px;pointer-events:auto}.metrics-overlay{position:absolute!important;top:50px;right:8px;width:192px;max-height:calc(100% - 62px);overflow-y:auto;border-radius:var(--radius-md);padding:10px;z-index:119;pointer-events:auto;transition:opacity .2s var(--ease-out)}.metrics-overlay.hidden{opacity:0;pointer-events:none;display:block}.metrics-overlay h3{font-size:.52rem;margin-bottom:6px}.stat-grid span{font-size:.46rem}.stat-grid strong{font-size:.58rem}.stat-section-label{font-size:.4rem!important}.gauge-extra{display:none}.mini-bar{width:30px}.metrics-sparklines{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.sidebar{position:fixed!important;inset:auto 0 0;width:100%;max-height:52px;overflow:hidden;border-radius:18px 18px 0 0;padding:0;z-index:260;border:1px solid rgba(200,155,80,.1);border-top-color:#dcb46433;border-bottom:none;box-shadow:0 -8px 32px #0000008c;display:flex;flex-direction:column;transition:max-height .38s cubic-bezier(.32,.72,0,1);gap:0}.sidebar:before{display:none}.sidebar:after{display:none}.sheet-handle{display:flex}.sidebar.sheet-open{max-height:72dvh}.sidebar-tabs{flex-shrink:0;display:flex;gap:4px;padding:4px 12px 6px;margin-bottom:0;background:transparent;border:none;border-radius:0;cursor:pointer}.tab-btn{padding:7px 10px;font-size:.68rem;border-radius:8px}.tab-btn.active:after{display:none}.panel.controls-panel{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding:6px 14px 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.panel.controls-panel::-webkit-scrollbar{display:none}.action-bar{padding:10px 0;border-bottom:1px solid rgba(180,120,60,.1);flex-shrink:0;gap:8px}.pill{padding:10px 12px;font-size:.8rem}.tab-content{gap:6px}.section{margin:4px 0;padding:8px 0}.section h3{margin-bottom:8px;font-size:.62rem}.section-header-row h3{font-size:.78rem!important}.size-grid{grid-template-columns:repeat(4,1fr);gap:5px}.size-card-v2{min-height:62px;padding:7px 3px}.size-card-icon{font-size:.85rem;margin-bottom:3px}.size-label{font-size:.58rem}.size-capacity{font-size:.48rem}.size-active-check{top:3px;right:4px;font-size:.52rem}.brand-list-v2{max-height:135px}.brand-item-full{padding:8px 10px}.brand-item-name{font-size:.74rem}.brand-item-desc{font-size:.6rem}.control-group{gap:11px;margin-top:5px}.control-v2{gap:6px}.control-header .label-text,.control-header .label-value{font-size:.68rem}.step-btn{width:28px;height:28px;border-radius:8px}input[type=range]{height:4px}input[type=range]::-webkit-slider-thumb{width:20px;height:20px}.mode-btn{font-size:.63rem}.toggle-advanced{font-size:.68rem;padding:8px 10px}.about-dialog{max-width:90vw!important}.about-dialog h2{font-size:1.1rem}.coffee-dialog{max-width:94vw!important;width:94vw;padding:18px 14px!important;border-radius:var(--radius-md)!important}.coffee-dialog .brand-list-v2{max-height:200px}.coffee-dialog-properties{gap:10px;margin-top:12px}.coffee-search-input{font-size:.82rem;padding:10px 12px}.settings-dialog{max-width:94vw!important;width:94vw;padding:18px 14px!important;border-radius:var(--radius-md)!important}.settings-dialog-body{max-height:50vh}.settings-dialog .mode-toggle{margin-bottom:2px}.settings-section-title{font-size:.62rem}.selected-brand-simple{padding:10px}.sbs-mini-desc{max-width:55vw}.sbs-mini-name{font-size:.72rem}.sbs-mini-origin{font-size:.48rem}.hero-right .about-trigger-btn{display:flex!important;padding:4px 6px;margin-left:4px;flex-shrink:0}}@media(min-width:769px)and (max-width:1100px){#root{height:100vh;overflow:hidden}.app{height:100vh;overflow:hidden;display:flex;flex-direction:column;position:relative}.hero{position:relative!important;top:auto;left:auto;right:auto;height:56px;flex-shrink:0;border-radius:0;border-left:none;border-right:none;border-top:none;padding:0 18px;z-index:200}.hero-center{display:none!important}.hero-right{gap:12px}.hero-stat-value{font-size:.82rem}.global-counter{margin-left:8px}.layout{position:relative!important;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:row;pointer-events:auto}.sidebar{position:relative!important;top:auto;left:auto;bottom:auto;width:262px;flex-shrink:0;height:100%;max-height:none;border-radius:0;border-right:1px solid rgba(180,120,60,.1);border-top:none;border-left:none;border-bottom:none;overflow-y:auto;padding:14px;box-shadow:none;z-index:10;display:flex;flex-direction:column;gap:12px;transition:none}.sidebar:before{display:none}.sidebar:after{display:block}.sidebar.sheet-open{max-height:none}.panel.controls-panel{overflow-y:auto;flex:1;padding:0;scrollbar-width:none}.panel.controls-panel::-webkit-scrollbar{display:none}.main-content{position:relative!important;flex:1;min-width:0;padding:0;height:100%;overflow:hidden}.canvas-panel{position:absolute!important;inset:0;height:100%;max-height:none}.canvas-frame{position:absolute;inset:0}.metrics-toggle{position:absolute!important;top:8px;right:8px;z-index:100}.metrics-overlay{position:absolute!important;top:48px;right:8px;width:210px;max-height:calc(100% - 60px);border-radius:var(--radius-md);padding:12px 10px;z-index:99;pointer-events:auto;transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}.metrics-overlay.hidden{opacity:0;pointer-events:none;transform:translate(10px)}.size-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{display:flex;flex-direction:column}.metrics-sparklines{display:flex;flex-direction:column;gap:12px}input[type=range]{height:2px}input[type=range]::-webkit-slider-thumb{width:11px;height:11px}}@media(min-width:1101px){#root{height:100vh;overflow:hidden}.app{height:100vh;overflow:hidden;display:block;position:relative;background:var(--bg-dark)}.hero{position:absolute!important;top:14px;left:14px;right:14px;height:64px;border-radius:var(--radius-lg);padding:0 22px;gap:20px;flex-wrap:nowrap;z-index:100;box-shadow:var(--glass-shine),var(--glass-depth),0 18px 56px #000000bf,0 4px 16px #0006}.hero-center{display:flex!important}.hero-right{gap:16px}.hero-stat-value{font-size:.88rem}.global-counter{display:flex!important;margin-left:15px}.about-text{display:inline}.about-trigger-btn{padding:4px 12px 4px 8px;margin-left:10px}.layout{position:absolute!important;inset:0;overflow:hidden;pointer-events:none;display:block}.layout>*{pointer-events:auto}.sidebar{position:absolute!important;top:96px;left:14px;bottom:14px;width:290px;height:auto;max-height:none;border-radius:var(--radius-lg);padding:16px 16px 20px;z-index:90;display:flex;flex-direction:column;gap:12px;transition:none;overflow:hidden}.sidebar::-webkit-scrollbar{display:none}.sidebar:before{display:block}.sidebar:after{display:block}.sidebar.sheet-open{max-height:none}.panel.controls-panel{overflow-y:auto;flex:1;padding:0;scrollbar-width:none}.panel.controls-panel::-webkit-scrollbar{display:none}.main-content{position:absolute!important;inset:0;padding:10px;height:100%;overflow:hidden}.canvas-panel{position:absolute!important;inset:0;height:100%;max-height:none}.canvas-frame{position:absolute;inset:0}.metrics-toggle{position:absolute!important;top:98px;right:20px;z-index:90;width:28px;height:28px}.metrics-overlay{position:absolute!important;top:92px;right:14px;width:248px;max-height:calc(100% - 110px);border-radius:var(--radius-lg);padding:14px 12px;overflow-y:auto;pointer-events:auto;transition:opacity .35s var(--ease-out),transform .35s var(--ease-out)}.metrics-overlay.hidden{opacity:0;pointer-events:none;transform:translate(14px)}.size-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{display:flex;flex-direction:column;gap:0}.metrics-sparklines{display:flex;flex-direction:column;gap:14px;margin-top:12px}input[type=range]{height:2px}input[type=range]::-webkit-slider-thumb{width:11px;height:11px}.step-btn{width:24px;height:24px}.welcome-icon{animation:welcome-icon-float 3.2s ease-in-out infinite}.welcome-overlay{padding-bottom:0}}.map-dialog{max-width:1140px!important;width:96vw;padding:0!important;background:linear-gradient(165deg,#1c120afa,#0c0804fc)!important;border:1px solid var(--border-mid);border-top-color:var(--border-top);box-shadow:var(--glass-shine),0 28px 72px #000c,0 0 40px #b450141a;position:relative;overflow:hidden;border-radius:var(--radius-lg)!important}.map-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 24px 12px;border-bottom:1px solid var(--border-subtle)}.map-heading-block{min-width:0;flex:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px}.map-dialog-header h2{margin:0;font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(145deg,var(--crema-100) 10%,var(--crema-200) 35%,var(--copper-glow) 65%,var(--crema-200) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2;flex:0 1 auto}.map-dialog-header .map-total{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-muted);font-weight:500;white-space:nowrap;padding:2px 10px;border-radius:var(--radius-pill);border:1px solid rgba(200,155,80,.16);background:#ffffff05}.map-dialog-header .map-total strong{color:var(--copper-glow);font-weight:700}.map-stats-toggle{display:none}.map-dialog-header .dialog-close{flex-shrink:0}.map-dialog-body{display:grid;grid-template-columns:minmax(0,1fr) 250px;min-height:0}.map-container{min-width:0;padding:12px 14px 14px;position:relative}.map-canvas-shell{border-radius:var(--radius-md);border:1px solid rgba(200,155,80,.1);background:radial-gradient(circle at 22% 24%,rgba(216,120,48,.08) 0%,transparent 52%),linear-gradient(165deg,#ffffff04,#00000014);overflow:hidden}.map-container svg{display:block;width:100%;height:clamp(380px,54vh,560px)}.rsm-geography{outline:none;stroke:#c89b501f;stroke-width:.4;transition:fill .22s ease,stroke .18s ease;cursor:default}.rsm-geography:hover{stroke:#dcaa5a66;stroke-width:.7;filter:brightness(1.2)}.rsm-geography.has-data{cursor:pointer}.rsm-geography.has-data:hover{stroke:var(--copper-glow);stroke-width:.9;filter:brightness(1.3) drop-shadow(0 0 4px rgba(216,120,48,.3))}.rsm-geography.selected{stroke:var(--copper-bright);stroke-width:1.2;filter:brightness(1.35) drop-shadow(0 0 6px rgba(216,120,48,.45))}.map-tooltip{position:fixed;z-index:50;pointer-events:none;padding:8px 12px;background:linear-gradient(165deg,#1c120af2,#0e0905f7);border:1px solid var(--border-mid);border-top-color:#dcaf6947;border-radius:var(--radius-sm);box-shadow:inset 0 1px #dcb46414,0 8px 24px #000000a6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:120px;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}.map-tooltip.visible{opacity:1;transform:translateY(0)}.map-tooltip-name{font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600;color:var(--text-bright);margin-bottom:2px}.map-tooltip-stats{display:flex;align-items:baseline;gap:8px}.map-tooltip-count{font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:700;color:var(--copper-glow)}.map-tooltip-pct{font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--text-muted)}.map-stats-sidebar{border-left:1px solid var(--border-subtle);padding:12px 14px;overflow-y:auto;max-height:clamp(380px,54vh,560px)}.map-stats-header{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.map-stats-title{font-family:Outfit,sans-serif;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:0}.map-stats-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.map-kpi-card{border:1px solid rgba(200,155,80,.12);border-radius:var(--radius-sm);background:#ffffff04;padding:6px 8px;display:flex;flex-direction:column;gap:2px}.map-kpi-label{font-family:Outfit,sans-serif;font-size:.56rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim)}.map-kpi-value{font-family:JetBrains Mono,monospace;font-size:.77rem;color:var(--copper-glow);line-height:1}.map-stats-list{display:flex;flex-direction:column;gap:6px}.map-stat-row{display:flex;align-items:center;gap:8px;padding:6px 4px;cursor:pointer;border-radius:var(--radius-xs);transition:background .15s ease,border-color .15s ease;border:1px solid transparent}.map-stat-row:hover{background:#c89b500f;border-color:#c89b501f}.map-stat-row.selected{background:#c89b501a;border-color:#d878303d}.map-stat-rank{font-family:JetBrains Mono,monospace;font-size:.6rem;color:var(--text-dim);width:16px;text-align:right;flex-shrink:0}.map-stat-info{flex:1;min-width:0}.map-stat-name{font-family:Outfit,sans-serif;font-size:.72rem;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-stat-bar-bg{height:3px;border-radius:2px;background:#c89b5014;margin-top:3px;overflow:hidden}.map-stat-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--copper) 0%,var(--copper-glow) 100%);transition:width .4s var(--ease-expo)}.map-stat-count{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;color:var(--copper-glow);flex-shrink:0}.map-legend{display:flex;align-items:center;gap:8px;padding:8px 10px 2px}.map-legend-label{font-family:Outfit,sans-serif;font-size:.58rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.map-legend-bar{flex:1;height:4px;border-radius:2px;max-width:120px;background:linear-gradient(90deg,rgba(200,155,80,.06) 0%,rgba(184,92,34,.35) 30%,rgba(200,104,40,.6) 60%,var(--copper-glow) 100%)}.map-loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted);font-family:Outfit,sans-serif;font-size:.85rem;gap:10px}.map-loading-dot{width:6px;height:6px;border-radius:50%;background:var(--copper-glow);animation:map-pulse 1.2s ease-in-out infinite}.map-loading-dot:nth-child(2){animation-delay:.15s}.map-loading-dot:nth-child(3){animation-delay:.3s}@keyframes map-pulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.map-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;gap:10px;color:var(--text-muted);font-family:Outfit,sans-serif;text-align:center;padding:24px}.map-empty-icon{color:var(--copper);opacity:.4}.map-empty p{font-size:.82rem;margin:0;max-width:260px;line-height:1.5}@media(max-width:700px){.map-dialog{max-width:98vw!important;width:98vw}.map-dialog-body{grid-template-columns:1fr}.map-stats-sidebar{width:100%;border-left:none;border-top:1px solid var(--border-subtle);max-height:42vh;padding:10px 14px;opacity:1;overflow:hidden;transition:max-height .28s var(--ease-expo),padding .2s ease,opacity .2s ease,border-color .2s ease}.map-stats-sidebar.mobile-collapsed{max-height:0;padding-top:0;padding-bottom:0;border-top-color:transparent;opacity:0;pointer-events:none}.map-dialog-header{padding:14px 16px 10px;gap:8px}.map-heading-block{width:100%;gap:6px}.map-dialog-header h2{font-size:1.05rem}.map-dialog-header .dialog-close{position:absolute;top:12px;right:12px}.map-dialog-header .map-total{font-size:.66rem}.map-stats-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(200,155,80,.2);border-radius:var(--radius-pill);background:#ffffff05;color:var(--text-main);font-family:Outfit,sans-serif;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;margin-top:2px;transition:border-color .2s ease,background .2s ease}.map-stats-toggle:hover{border-color:#d8783073;background:#d8783014}.map-stats-toggle svg{transition:transform .2s ease}.map-stats-toggle.expanded svg{transform:rotate(180deg)}.map-container{padding:10px}.map-container svg{height:min(52vh,400px)}.map-stats-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.map-stats-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.map-stat-row{padding:8px 6px}}@media(max-width:520px){.map-stats-list{grid-template-columns:1fr}.map-heading-block h2{max-width:calc(100% - 42px)}}