*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px;overflow-x:hidden}.tracker-container{max-width:1400px;margin:0 auto}.header{text-align:center;color:#fff;margin-bottom:30px}.header h1{font-size:2.5em;margin-bottom:5px}.header-info{font-size:.9em;opacity:.9;display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.info-item{background:#ffffff1a;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.main-grid{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-bottom:30px}.controls-left,.controls-right{display:flex;flex-direction:column;gap:15px}.btn-control{width:60px;height:60px;border:none;border-radius:12px;background:#fff;font-size:2em;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 5px 15px #0003}.btn-control:hover{transform:scale(1.1);box-shadow:0 8px 20px #0000004d}.btn-minus{background:#e74c3c;color:#fff}.btn-minus:hover{background:#c0392b}.btn-plus{background:#27ae60;color:#fff}.btn-plus:hover{background:#229954}.canvas-wrapper{background:#fff;border-radius:20px;padding:40px 20px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center}canvas{display:block;margin:20px auto;max-width:100%}.tamanho-display{text-align:center;font-size:1.3em;color:#2c3e50;font-weight:700;margin-top:15px}.tamanhos-presets{background:#fff;border-radius:15px;padding:25px;box-shadow:0 10px 30px #0003;margin-bottom:20px}.tamanhos-presets h3{color:#2c3e50;margin-bottom:15px;font-size:1.2em}.presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.preset-btn{padding:15px;border:2px solid #ddd;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s ease;text-align:center;font-weight:600}.preset-btn:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 5px 15px #667eea33}.preset-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.preset-nome{display:block;font-size:1em;margin-bottom:5px}.preset-ml{display:block;font-size:.85em;opacity:.8;margin-bottom:5px}.preset-preco{display:block;font-size:1.1em;color:#e74c3c;font-weight:700}.preset-btn.active .preset-preco{color:#fff}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.info-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 5px 15px #0000001a;text-align:center}.info-card h4{color:#7f8c8d;font-size:.9em;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.info-card .value{font-size:2em;font-weight:700;color:#2c3e50}.info-card.highlight .value{color:#e74c3c}.actions{background:#fff;border-radius:15px;padding:20px;box-shadow:0 10px 30px #0003;display:grid;grid-template-columns:1fr 1fr;gap:15px}.btn-action{padding:15px;border:none;border-radius:10px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-registrar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-registrar:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.btn-historico{background:#3498db;color:#fff}.btn-historico:hover{background:#2980b9}.historico-container{background:#fff;border-radius:15px;padding:25px;box-shadow:0 10px 30px #0003}.historico-title{font-size:1.3em;color:#2c3e50;margin-bottom:20px;border-bottom:2px solid #667eea;padding-bottom:10px}.historico-list{max-height:400px;overflow-y:auto}.historico-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px;margin-bottom:10px;border-left:4px solid #667eea;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.historico-info{flex:1}.historico-tipo{font-weight:600;color:#2c3e50;margin-bottom:3px}.historico-hora{font-size:.85em;color:#95a5a6}.historico-preco{font-weight:700;color:#e74c3c;font-size:1.1em;margin:0 15px}.btn-remover{background:#e74c3c;color:#fff;border:none;padding:6px 12px;border-radius:5px;cursor:pointer;font-size:.85em}.btn-remover:hover{background:#c0392b}.historico-vazio{text-align:center;color:#95a5a6;padding:30px}@media(max-width:1024px){.main-grid{grid-template-columns:1fr}.controls-left,.controls-right{flex-direction:row;justify-content:center}}@media(max-width:768px){.header h1{font-size:1.8em}.header-info{flex-direction:column;gap:10px}.presets-grid{grid-template-columns:repeat(2,1fr)}.actions{grid-template-columns:1fr}canvas{max-width:100%;height:auto}}body{background:#f3f4fa;color:#25233d;padding:32px 24px;font-size:16px}.tracker-container{max-width:1060px;display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.header{grid-column:1 / -1;text-align:left;color:#30254e;border-bottom:1px solid #dddce8;padding-bottom:24px;margin-bottom:4px}.header h1{font-size:2rem;letter-spacing:-.04em;margin-bottom:16px}.header-info{justify-content:flex-start;gap:10px;font-size:.875rem}.info-item{background:#e9e6f3;border-radius:6px;padding:7px 10px}.main-grid{grid-column:1;grid-row:2 / 5;grid-template-columns:48px 1fr 48px;gap:10px;background:#fff;border:1px solid #e2e0eb;border-radius:20px;padding:20px;margin:0}.controls-left .btn-control:not(:first-child),.controls-right .btn-control:not(:first-child){display:none}.controls-left,.controls-right{display:flex}.btn-control{width:48px;height:48px;background:#eeeaf7;color:#57418b;box-shadow:none}.btn-control:hover{background:#ddd4ef;box-shadow:none}.btn-control:disabled{opacity:.35;cursor:default;transform:none}.canvas-wrapper{box-shadow:none;padding:0;min-width:0}canvas{width:220px;height:auto;margin:0 auto}.tamanho-display{font-size:1.1rem;color:#57418b}.tamanhos-presets{grid-column:2;padding:22px;box-shadow:none;border:1px solid #e2e0eb;margin:0}.tamanhos-presets h3{font-size:1rem}.presets-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preset-btn{padding:12px 5px;font-size:.875rem;border-width:1px}.preset-ml{font-size:.875rem}.preset-preco{color:#57418b;font-size:.9rem}.info-cards{grid-column:2;grid-template-columns:1fr 1fr;gap:10px;margin:0}.info-card{text-align:left;padding:18px;box-shadow:none;border:1px solid #e2e0eb}.info-card h4{font-size:.875rem;letter-spacing:0;text-transform:none;color:#625e75}.info-card .value{font-size:1.55rem;color:#30254e}.info-card.highlight{background:#eee8fa;border-color:#d5c5ed}.info-card.highlight .value{color:#6740a0}.actions{grid-column:2;padding:0;background:transparent;box-shadow:none;grid-template-columns:1fr;gap:8px}.btn-action{font-size:1rem}.btn-historico{background:#e8e3f2;color:#4b3678}.btn-historico:hover{background:#ddd3ee}.historico-container{grid-column:1 / -1;margin-top:0!important;box-shadow:none;border:1px solid #e2e0eb}.historico-hora,.historico-vazio{color:#686376;font-size:.875rem}.historico-preco{color:#57418b}.btn-remover{padding:10px 14px;background:#f5e6eb;color:#9b314e;font-size:.875rem}.btn-remover:hover{background:#ebd0da}button:focus-visible{outline:3px solid #724ac3;outline-offset:3px}#feedback{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#30254e;color:#fff;padding:14px 22px;border-radius:12px;opacity:0;pointer-events:none;max-width:calc(100% - 32px);transition:.2s}#feedback.visible{opacity:1;transform:translate(-50%)}@media(max-width:760px){body{padding:20px 14px}.tracker-container{grid-template-columns:minmax(0,1fr);gap:14px}.main-grid{grid-row:auto}.main-grid,.tamanhos-presets,.info-cards,.actions{grid-column:1}.header-info{flex-direction:row}.main-grid{padding:16px}canvas{width:150px}.presets-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.historico-item{padding:10px 6px}.historico-preco{margin:0 8px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}#recipienteImagem{width:230px;max-width:100%;aspect-ratio:1;background-image:url(/recipientes.png);background-size:200% 200%;background-repeat:no-repeat}#recipienteNome{color:#57418b;font-size:1rem}.preparo{grid-column:1 / -1;background:#fff;border:1px solid #e2e0eb;border-radius:16px;padding:24px}.preparo h2{font-size:1.2rem;margin-bottom:18px}#configForm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}#configForm label{font-size:.875rem;color:#514a66}#configForm input{display:block;width:100%;padding:12px;border:1px solid #c9c1db;border-radius:8px;margin-top:8px;font:inherit;font-size:1rem}#configForm button{grid-column:1 / -1;justify-self:start}.preparo p{line-height:1.6;margin-top:14px;font-size:.875rem}.nota{color:#686376}a{color:#6740a0}@media(max-width:760px){#configForm{grid-template-columns:1fr 1fr}.main-grid{grid-template-columns:44px minmax(0,1fr) 44px}.btn-control{width:44px}}@media(max-width:380px){#configForm{grid-template-columns:1fr}.preparo{padding:16px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.visible{visibility:visible}.static{position:static}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-2{margin-right:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.min-h-\[60svh\]{min-height:60svh}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-transparent{border-color:#0000}.bg-destructive{background-color:var(--destructive)}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.stroke-1{stroke-width:1px}.p-6{padding:calc(var(--spacing) * 6)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:bg-destructive\/80:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab,var(--destructive) 80%,transparent)}}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab,var(--primary) 80%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media(min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--background:#fff;--foreground:#352318;--primary:#805332;--primary-foreground:#fff;--secondary:#eee0d2;--secondary-foreground:#412a1b;--muted:#f5efe8;--muted-foreground:#705944;--destructive:#a13d2d;--destructive-foreground:#fff;--ring:#754725}#coffee-features{color:var(--foreground)}#coffee-features svg{flex-shrink:0;display:block}body button[class]{background:var(--muted);color:var(--foreground);cursor:pointer;box-shadow:none;border:1px solid #ddcdbc;border-radius:6px;font-family:inherit;transition:background .2s,border-color .2s,transform .2s}body button:hover:not(:disabled){box-shadow:none;background:#eadbcc;border-color:#805332;transform:translateY(-2px)}body button:active:not(:disabled){transform:translateY(0)}body button:focus-visible{outline:3px solid var(--ring);outline-offset:4px}body button:disabled{opacity:.4;cursor:not-allowed}body a{color:#70401f;text-underline-offset:3px}.wine-button{font:inherit;justify-content:center;align-items:center;gap:10px;padding:16px 24px;display:inline-flex}body{color:#352318;background:#fff}.header{color:#352318;border-color:#ddcdbc;padding-bottom:24px}.brand-lockup{align-items:center;gap:16px;margin-bottom:22px;display:flex}.brand-logo{object-fit:cover;object-position:center;border-radius:12px;flex-shrink:0;width:80px;height:96px}.header h1{color:#352318;margin:7px 0;font-size:2.6rem}.brand-eyebrow{letter-spacing:.16em;color:#805332;font-size:.75rem}.brand-caption{color:#705944;font-size:1rem}.info-item{color:#4b3222;background:#f4ece3;border:1px solid #dbc8b6;border-radius:999px}.main-grid{background:#fff;border:1px solid #c7aa90;box-shadow:0 15px 50px #0003}.canvas-wrapper{background:#fff}.tamanhos-presets,.info-card,.preparo,.historico-container{color:#352318;box-shadow:none;background:#fff;border-color:#ddcdbc}.tamanhos-presets h3,.preparo h2,.historico-title,.historico-tipo{color:#352318}.preset-btn{color:#352318;background:#f7f1ea;border-radius:22px;min-height:100px}.preset-btn.active{background:linear-gradient(135deg,#d9b89a,#e6cdb8);border-color:#754725;box-shadow:0 0 0 2px #75472533}.preset-preco,.preset-btn.active .preset-preco{color:#70401f}.info-card h4{color:#705944}.info-card .value,.info-card.highlight .value{color:#352318}.info-card.highlight{background:linear-gradient(135deg,#eee0d2,#f8f1e9);border-color:#c6a488}.historico-title{border-color:#a17d5a}.historico-item{background:#f6eee6;border-left-color:#b0855f}.historico-hora,.historico-vazio,.nota{color:#705944}.historico-preco{color:#70401f}#configForm label{color:#60472f}#configForm input{color:#352318;color-scheme:light;background:#fff;border:1px solid #bda28a;border-radius:18px}#configForm input:focus-visible{outline-offset:3px;outline:2px solid #754725}#feedback{color:#fff;background:#704626;border:1px solid #bb9674}#coffee-features [class*=bg-muted]{background:linear-gradient(145deg,#f8f3ed,#f0e5da);border:1px solid #ddcdbc}@media(max-width:760px){.brand-lockup{gap:16px}.brand-logo{width:64px;height:80px}.header h1{font-size:1.9rem}.brand-eyebrow{letter-spacing:.05em;font-size:.75rem}.brand-caption{font-size:.875rem}.preset-btn{padding:12px 5px}.header-info{gap:8px}}@media(max-width:390px){.brand-lockup{gap:10px}.brand-logo{width:52px;height:68px}.header h1{font-size:1.65rem}}@media(prefers-reduced-motion:reduce){body button,body a,body button:before,body a:before,.wine-button--shine{transition:none!important;animation:none!important}}body .preset-btn{text-align:left;border-radius:6px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:122px;padding:16px;display:flex}body .preset-btn.active{background:#ead8c7;border-color:#754725;box-shadow:inset 0 0 0 1px #754725}.presets-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.preset-btn:first-child,.preset-btn:last-child{grid-column:span 2}body .bento-action{min-height:190px;padding:24px}body .btn-action{text-align:left;padding:18px 24px}body .btn-remover{min-width:44px;min-height:44px}@media(max-width:760px){body .preset-btn{min-height:110px;padding:12px}}@media(prefers-reduced-motion:reduce){body button{transition:none}}.main-grid,.canvas-wrapper{box-shadow:none;background:0 0;border:0}.brand-logo{object-fit:contain;background:0 0;border:0;border-radius:0}#recipienteImagem{background-image:url(/recipientes-transparent.png);animation:5s ease-in-out infinite coffee-float}.tamanho-display,#recipienteNome{color:#412a1b}@keyframes coffee-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(prefers-reduced-motion:reduce){#recipienteImagem{animation:none}}#clearHistoryDialog{color:#352318;background:#fff;border:1px solid #aa805e;border-radius:16px;width:min(440px,100% - 32px);margin:auto;padding:28px}#clearHistoryDialog::backdrop{background:#352318b3}#clearHistoryDialog h2{margin-bottom:14px;font-size:1.4rem}#clearHistoryDialog p{line-height:1.5}.clear-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}[hidden]{display:none!important}body{padding:0}.coffee-shell{min-height:100vh}.coffee-sidebar{width:220px;position:fixed;inset:0 auto 0 0;padding:36px 22px;background:#f5eee6;border-right:1px solid #ddcdbc;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:55px;font-size:1.6rem;line-height:1.05;letter-spacing:-.04em}.sidebar-brand img{width:60px;height:86px;object-fit:contain}.coffee-sidebar nav{display:grid;gap:12px}body .nav-item{display:flex;gap:14px;align-items:center;text-align:left;padding:16px;font-size:1rem;border-color:transparent;background:transparent}body .nav-item.selected{background:#e6d5c3;border-color:#aa805e}.coffee-content{margin-left:220px;padding:44px clamp(20px,4vw,64px);max-width:1700px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading h1{font-size:clamp(2.3rem,4vw,3.3rem);letter-spacing:-.05em;font-weight:650;margin:6px 0 10px}.page-heading p,.price-note{color:#705944;line-height:1.5}.eyebrow{font-size:.875rem;letter-spacing:.14em;color:#805332}.catalog-search{display:flex;align-items:center;gap:12px;border:1px solid #ccb59f;border-radius:8px;padding:13px 16px;width:300px;max-width:100%;background:#fff}.catalog-search input{width:100%;min-width:0;background:transparent;border:0;font:inherit;color:#352318;outline:none}.catalog-search:focus-within{outline:2px solid #754725}.catalog-search input::placeholder{color:#79614d}.price-note{font-size:.875rem;margin-bottom:24px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.coffee-product{min-width:0;padding:22px 20px;border:1px solid #dfcfbf;border-radius:12px;background:#fff}.package-stage{height:205px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.package-image{width:180px;height:190px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 12px 14px #35231855);transition:transform .3s}.coffee-product:hover .package-image{transform:translateY(-7px)}.product-details h2{font-size:1.05rem;line-height:1.4;min-height:2.8em;font-weight:600}.product-details p{font-size:.875rem;color:#705944;line-height:1.5;min-height:2.8em;margin:6px 0 12px}.product-price{font-size:1.45rem;color:#60391f;font-weight:600}.product-details small{font-size:.875rem;color:#705944;line-height:1.5}.price-provenance{display:grid;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #dfcfbf;font-size:.875rem;color:#705944}.price-provenance a{width:fit-content;text-decoration:none}.search-empty{padding:40px 0}.mobile-brand{display:none}.monthly-panel{background:#fff;border:1px solid #ddcdbc;border-radius:14px;padding:28px;margin-bottom:28px}.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:center}.section-heading h2{font-size:1.5rem;margin-top:8px}.monthly-value{min-height:68px;text-align:right}.monthly-value span{display:block;font-size:.875rem;color:#705944}.monthly-value strong{display:block;font-size:2rem;margin-top:5px}.chart-instruction,.chart-unit{font-size:.875rem;color:#705944;margin-top:16px}.month-chart{display:flex;justify-content:center;gap:clamp(22px,8vw,100px);padding:34px 10px 0;border-bottom:1px solid #ddcdbc;margin:12px 0}.month-chart .month-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px;width:min(210px,42%);background:transparent;border:0;transform:none;padding:10px}.month-chart .month-column:hover{background:#f5eade;transform:none}.bar-space{height:165px;display:flex;align-items:flex-end;width:100%;justify-content:center}.month-bar{display:block;position:relative;min-width:42px;width:65%;background:#b08865;border-radius:7px 7px 0 0;min-height:4px}.current-month .month-bar{background:linear-gradient(#805332,#ad8058)}.bar-count{position:absolute;top:-28px;left:0;right:0;color:#352318;font-size:1rem}.month-label{font-size:.875rem;color:#60432e;line-height:1.5;text-transform:capitalize}.month-column[aria-pressed=true]{outline:2px solid #805332;outline-offset:2px}.tracker-container{max-width:none;margin:0 0 28px;grid-template-columns:1fr 1fr}.tracker-container .main-grid{grid-row:1 / 4}.tracker-container .info-card.highlight{display:none}.tracker-container .info-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.tracker-container .info-card{padding:14px}.tracker-container .info-card h4{font-size:.875rem}.tracker-container .info-card .value{font-size:1.3rem}.historico-container{margin-top:24px!important}.historico-list{max-height:560px}.historico-container .historico-title{font-size:1.2rem}#legacy-tracker .actions{grid-column:2}.coffee-content .historico-container{scroll-margin-top:24px}@media(min-width:1500px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.coffee-sidebar{width:190px;padding:30px 16px}.coffee-content{margin-left:190px;padding:30px 22px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tracker-container{grid-template-columns:1fr}.tracker-container .main-grid{grid-row:auto}.tracker-container .main-grid,.tracker-container .tamanhos-presets,.tracker-container .info-cards,#legacy-tracker .actions{grid-column:1}.page-heading{flex-wrap:wrap}}@media(max-width:700px){.mobile-brand{display:flex;position:sticky;top:0;z-index:30;align-items:center;gap:12px;padding:10px 18px;background:#f5eee6;border-bottom:1px solid #ddcdbc}.mobile-brand img{height:48px;width:36px;object-fit:contain}.mobile-brand strong{font-size:1.15rem}.menu-toggle{margin-left:auto;padding:10px;display:flex}.coffee-sidebar{transform:translate(-100%);top:69px;width:220px;padding:24px;transition:transform .2s}.coffee-sidebar.is-open{transform:translate(0)}.sidebar-brand{display:none}.coffee-content{margin-left:0;padding:28px 16px}.catalog-grid{gap:12px}.coffee-product{padding:14px 12px}.package-stage{height:155px}.package-image{width:132px;height:145px}.product-details h2{font-size:1rem}.price-provenance{font-size:.875rem}.product-price{font-size:1.25rem}.page-heading{gap:12px}.catalog-search{width:100%}.monthly-panel{padding:20px 16px}.monthly-value strong{font-size:1.5rem}.section-heading{align-items:flex-start}.month-label{font-size:.875rem}.historico-item{flex-wrap:wrap;row-gap:10px}.historico-info{min-width:140px}}@media(max-width:360px){.catalog-grid{grid-template-columns:1fr}.package-stage{height:200px}.package-image{width:180px;height:190px}}@media(prefers-reduced-motion:reduce){.package-image,.coffee-sidebar{transition:none}}@media(max-width:700px){.coffee-sidebar{visibility:hidden}.coffee-sidebar.is-open{visibility:visible}}.home-brand{margin-bottom:22px}.home-brand h1{font-size:2.6rem;letter-spacing:-.04em;margin:7px 0}body .selected-coffee{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:26px;max-width:100%;font-size:1rem}.change-coffee{margin-left:20px;color:#805332;font-size:.875rem}.tracker-container .info-card.highlight{display:block}.tracker-container .info-cards{grid-template-columns:1fr 1fr}body .coffee-choice{padding:22px 20px;text-align:left;background:#fff;border-radius:12px}body .coffee-choice.is-selected{border:2px solid #754725;background:#eee0d2}.selection-mark{display:flex;align-items:center;gap:6px;color:#70401f;font-size:.875rem}.previous-month-total{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding-top:22px;color:#705944}.previous-month-total strong{color:#352318}.coffee-choice .product-details p{margin-bottom:0}.tracker-container .historico-container{grid-column:1/-1}@media(max-width:700px){.home-brand h1{font-size:1.9rem}body .coffee-choice{padding:14px 12px}.home-brand .brand-logo{width:60px;height:80px}}.monthly-summary{display:flex;gap:40px;flex-wrap:wrap;margin:24px 0}.monthly-summary div{display:grid;gap:8px}.monthly-summary span{color:#705944;font-size:.875rem}.monthly-summary strong{font-size:1.65rem}.line-chart-layout{display:flex;align-items:center;gap:28px}.monthly-line-chart{width:min(100%,500px);aspect-ratio:1;flex-shrink:1;overflow:visible}.monthly-line-chart circle{cursor:pointer}.monthly-line-chart circle:focus{outline:none;stroke:#fff;stroke-width:3}.chart-readout{min-width:150px;max-width:220px;display:grid;gap:12px;color:#705944;line-height:1.5}.chart-readout strong{font-size:2rem;color:#352318}.chart-readout b{font-size:1.35rem;color:#754725}.chart-legend{display:flex;gap:24px;color:#754725;font-size:.875rem}.previous-legend{color:#b58a65}@media(max-width:700px){.line-chart-layout{flex-direction:column;gap:16px}.chart-readout{max-width:none;min-height:95px;width:100%;grid-template-columns:1fr 1fr;align-items:center}.chart-readout span{grid-column:1/-1}.chart-readout strong{font-size:1.5rem}.monthly-panel{overflow:hidden}}.consumption-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.period-filter{display:flex;gap:6px;padding:5px;border:1px solid #ddcdbc;border-radius:10px;background:#f8f3ed}.period-filter button{padding:10px 18px;font-size:1rem;background:transparent;border-color:transparent}.period-filter button[aria-pressed=true]{background:#704626;color:#fff;border-color:#704626}.period-filter button[aria-pressed=true]:hover{background:#54331c;color:#fff}.monthly-line-chart circle:focus{stroke:#352318}.chart-readout{min-height:130px}body .preset-btn.active .preset-preco{color:#60391f}.not-found-page{padding:32px 16px}.not-found-page img{object-fit:contain}.not-found-page .not-found-back{color:#fff;background:#704626;text-decoration:none;min-height:44px}.not-found-back:hover{background:#54331c}.not-found-back:focus-visible{outline:3px solid #754725;outline-offset:4px}