:root{--transition-speed:.25s;--transition-ease:cubic-bezier(.4, 0, .2, 1);--transition-bounce:cubic-bezier(.34, 1.56, .64, 1);--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-handwriting:"Caveat", "Patrick Hand", "Schoolbell", cursive;--space-2xs:.125rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000f;--shadow-sm:0 2px 4px #00000014;--shadow-md:0 4px 12px #0000001f;--shadow-lg:0 8px 24px #0000002e;--shadow-xl:0 12px 40px #00000040;--z-base:1;--z-sticky:100;--z-overlay:1000;--z-toast:2000;--z-crumple-undo:10000}body.theme-modern,[data-theme=modern],[data-theme=modern-premium]{--bg-primary:#0a1128;--bg-secondary:#101a36;--bg-surface:#162040;--bg-elevated:#1b2a4e;--text-primary:#fff;--text-secondary:#aab6cf;--text-muted:#9aa8c4;--accent-color:#d4ff00;--accent-hover:#e0ff4d;--accent-muted:#d4ff0026;--border-color:#1b2a4a;--border-focus:#d4ff00;--color-success:#4ade80;--color-success-bg:#4ade801f;--color-danger:#ef4444;--color-danger-bg:#ef44441f;--color-danger-hover:#dc2626;--color-warning:#fbbf24;--color-warning-bg:#fbbf241f;--color-info:#38bdf8;--font-display:var(--font-sans);--font-body:var(--font-sans);--glow-accent:0 0 20px #d4ff0040, 0 0 40px #d4ff001a;--glow-accent-sm:0 0 8px #d4ff004d;--glow-danger:0 0 12px #ef44444d;--glass-bg:#101a36b3;--glass-border:#ffffff14;--glass-blur:16px;--btn-primary-bg:var(--accent-color);--btn-primary-color:#000;--btn-primary-hover:var(--accent-hover);--btn-secondary-bg:transparent;--btn-secondary-color:var(--text-primary);--btn-secondary-border:var(--border-color);--paper-bg:#fef8d3;--paper-line:#bfe3f9;--paper-margin:#ff8b8b;--paper-text:#222;--paper-font:"Caveat", "Courier New", Courier, monospace;--tab-active-bg:var(--bg-secondary);--tab-indicator:var(--accent-color)}body.theme-classic,[data-theme=classic],[data-theme=skeuomorphic-classic]{--bg-primary:tan;--bg-secondary:#c6a67f;--bg-surface:#bfa073;--bg-elevated:#d9c4a0;--text-primary:#3c2f2f;--text-secondary:#5e4f48;--text-muted:#6b5a48;--accent-color:#d84b16;--accent-hover:#e65d28;--accent-muted:#d84b1626;--border-color:#8f7257;--border-focus:#d84b16;--color-success:#2d8a4e;--color-success-bg:#2d8a4e26;--color-danger:#c0392b;--color-danger-bg:#c0392b26;--color-danger-hover:#a93226;--color-warning:#d4930a;--color-warning-bg:#d4930a26;--color-info:#2980b9;--font-display:"Permanent Marker", "Comic Sans MS", cursive, sans-serif;--font-body:"Patrick Hand", "Architects Daughter", "Caveat", cursive, sans-serif;--blackboard-bg:#2b3a42;--chalk-color:#fff;--btn-primary-bg:var(--blackboard-bg);--btn-primary-color:var(--chalk-color);--btn-primary-hover:#354a54;--btn-secondary-bg:transparent;--btn-secondary-color:var(--text-primary);--btn-secondary-border:var(--border-color);--paper-bg:#faf7f2;--paper-line:#e3dad0;--paper-margin:transparent;--paper-text:#3c2f2f;--paper-font:"Caveat", cursive;--tab-active-bg:var(--bg-secondary);--tab-indicator:var(--accent-color);--glass-bg:#c6a67fd9;--glass-border:#8f72574d;--glass-blur:8px;--glow-accent:0 2px 8px #d84b1633;--glow-accent-sm:0 1px 4px #d84b1626;--glow-danger:0 2px 8px #c0392b33}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;width:100vw;height:100dvh;margin:0;padding:0;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}::selection{background:var(--accent-color);color:#000}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}body.theme-classic .cardboard-notebook,[data-theme=classic] .cardboard-notebook,[data-theme=skeuomorphic-classic] .cardboard-notebook{background-color:var(--bg-primary);border:4px solid var(--border-color);border-radius:var(--radius-lg);background-image:repeating-linear-gradient(45deg,#5e4f4808 0 2px,#0000 2px 10px),repeating-linear-gradient(-45deg,#5e4f4808 0 2px,#0000 2px 10px);box-shadow:inset 0 0 30px #00000026,0 10px 20px #00000040}body.theme-classic .chalk-button,[data-theme=classic] .chalk-button,[data-theme=skeuomorphic-classic] .chalk-button{background:var(--blackboard-bg);color:var(--chalk-color);border:3px solid var(--chalk-color);font-family:var(--font-display);padding:var(--space-sm) var(--space-lg);cursor:pointer;letter-spacing:.02em;border-radius:255px 15px 225px/15px 225px 15px 255px;font-size:1rem;transition:transform .15s,box-shadow .15s,background-color .15s;position:relative;overflow:hidden;box-shadow:1px 2px 4px #0000004d}body.theme-classic .chalk-button:hover,[data-theme=classic] .chalk-button:hover,[data-theme=skeuomorphic-classic] .chalk-button:hover{background:#354a54;box-shadow:2px 3px 8px #00000059}body.theme-classic .chalk-button:active,[data-theme=classic] .chalk-button:active,[data-theme=skeuomorphic-classic] .chalk-button:active{transform:scale(.97)translateY(1px);box-shadow:0 1px 2px #0006}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.scratchpad-container{background-color:var(--paper-bg);background-image:linear-gradient(90deg, transparent 59px, var(--paper-margin) 59px, var(--paper-margin) 61px, transparent 61px), linear-gradient(var(--paper-line) 1px, transparent 1px);padding:var(--space-sm) var(--space-sm) var(--space-sm) 70px;border-radius:var(--radius-md);line-height:2rem;font-family:var(--paper-font);color:var(--paper-text);box-shadow:var(--shadow-md), inset 0 1px 0 #fff6;min-height:100%;transition:background-color var(--transition-speed), color var(--transition-speed);background-size:100% 2rem;position:relative}.scribble-ink-path{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:.5s ease-in-out forwards scribble-draw}@keyframes scribble-draw{to{stroke-dashoffset:0}}.crumple-anim,.amass-folha{transform-origin:50%;perspective:1000px;animation:1.5s cubic-bezier(.25,.46,.45,.94) forwards crumpleAndThrow}@keyframes crumpleAndThrow{0%{filter:contrast()brightness();border-radius:8px;transform:rotate(0)scale(1)translate(0)}30%{filter:contrast(2)brightness(.8)grayscale(.2);border-radius:25%;transform:rotate(15deg)scale(.7)translate(10px,-10px);box-shadow:0 10px 30px #0009}60%{filter:contrast(4)brightness(.6)grayscale(.5);border-radius:50%;transform:rotate(120deg)scale(.3)translate(-30px,30px);box-shadow:0 5px 15px #000c}to{filter:contrast(5)brightness(.5);opacity:0;border-radius:50%;transform:rotate(360deg)scale(0)translate(200px,-800px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:var(--glow-accent-sm)}50%{box-shadow:var(--glow-accent)}}@keyframes piggyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.offline-fallback{color:#fff;height:100dvh;font-family:var(--font-sans);padding:var(--space-2xl);text-align:center;justify-content:center;align-items:center;gap:var(--space-lg);background-color:#0a1128;flex-direction:column;display:flex}.offline-fallback h1{letter-spacing:-.02em;font-size:2rem}.offline-fallback p{opacity:.7;max-width:320px;font-size:1rem;line-height:1.6}.undo-crumple-btn{z-index:var(--z-crumple-undo);padding:var(--space-sm) var(--space-lg);background-color:var(--accent-color);color:#000;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-lg);border:none;font-size:.9rem;font-weight:700;transition:transform .15s,box-shadow .15s;animation:.3s ease-out fadeIn;position:fixed;top:20px;right:20px}.undo-crumple-btn:hover{box-shadow:var(--glow-accent);transform:scale(1.05)}.undo-crumple-btn:active{transform:scale(.97)}.trigger-crumple-btn{display:none}.update-banner{background:var(--accent-color);color:#000;padding:var(--space-md) var(--space-lg);text-align:center;z-index:var(--z-overlay);letter-spacing:.01em;font-size:.9rem;font-weight:700;animation:.3s ease-out slideUp}.error-toast{background:var(--color-danger);color:#fff;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl), var(--glow-danger);z-index:var(--z-toast);cursor:pointer;max-width:90vw;font-size:.9rem;font-weight:700;transition:transform .15s;animation:.3s ease-out slideUp;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.error-toast:hover{transform:translate(-50%)scale(1.02)}.display-header{margin-bottom:var(--space-md);padding-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.display-header h1{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary), var(--accent-color));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #d4ff0033);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem}body.theme-classic .display-header h1,[data-theme=classic] .display-header h1{-webkit-text-fill-color:var(--text-primary);filter:none;text-shadow:1px 1px 2px #00000026;background:0 0}.display-header-actions,.auth-control{align-items:center;gap:var(--space-xs);display:flex}.auth-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.auth-user{text-overflow:ellipsis;white-space:nowrap;max-width:90px;color:var(--text-secondary);font-size:.8rem;overflow:hidden}.auth-google-btn{align-items:center;gap:6px;display:inline-flex}.offline-indicator{background:var(--color-danger);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;box-shadow:var(--glow-danger);font-size:.75rem;font-weight:700;animation:2s ease-in-out infinite pulse}.notebook-title{margin-bottom:var(--space-sm);color:var(--paper-text);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.list-empty-hint{text-align:center;color:var(--text-secondary);padding:var(--space-xl) var(--space-md);opacity:.9;font-size:.95rem;font-style:italic;line-height:1.6}body.theme-classic .list-empty-hint{color:var(--paper-text);font-family:var(--font-body);opacity:.5}.category-list{gap:var(--space-sm);flex-direction:column;display:flex}.category-section{gap:var(--space-xs);margin-bottom:var(--space-sm);flex-direction:column;animation:.2s ease-out fadeIn;display:flex}.category-emoji{flex-shrink:0;font-size:1rem;line-height:1}.category-header{margin:var(--space-xs) 0 var(--space-2xs);padding-bottom:var(--space-2xs);color:var(--paper-text);align-items:center;gap:var(--space-xs);-webkit-user-select:none;user-select:none;cursor:default;opacity:.85;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #0000001f;font-size:.8rem;font-weight:700;transition:color .15s;display:flex}.category-header--draggable{cursor:grab;opacity:.85}.category-header--draggable:active{cursor:grabbing}.category-header:hover{opacity:1}.category-items{gap:var(--space-xs);flex-direction:column;display:flex}.list-item{align-items:center;gap:var(--space-sm);padding:var(--space-2xs) 0;border-radius:var(--radius-sm);transition:background-color .15s;display:flex;position:relative}.list-item:hover{background-color:#8080800a}.item-checkbox{cursor:pointer;width:1.1rem;height:1.1rem;accent-color:var(--accent-color);flex-shrink:0;transition:transform .15s}.item-checkbox:hover{transform:scale(1.1)}.item-name{cursor:pointer;-webkit-user-select:none;user-select:none;word-break:break-word;white-space:normal;color:var(--paper-text);font-size:1.05rem;line-height:2rem;font-family:var(--paper-font);text-decoration:none;transition:opacity .25s}.item-name--checked{opacity:.62}.scribble-svg{pointer-events:none;z-index:5;width:calc(100% - 3rem);height:24px;position:absolute;top:50%;left:2rem;right:1rem;overflow:visible;transform:translateY(-50%)}.thumb-zone--keyboard{transition:padding-bottom .15s}.install-banner{padding:var(--space-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:2px dashed var(--border-color);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:var(--space-sm);animation:.3s ease-out fadeIn;display:flex}.install-banner-text{color:var(--text-primary);font-size:.88rem;line-height:1.4}.btn{cursor:pointer;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-sm);letter-spacing:.01em;-webkit-tap-highlight-color:transparent;border:none;font-family:inherit;font-weight:700;transition:transform .12s,box-shadow .12s,background-color .15s;display:flex}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{box-shadow:var(--shadow-xs);transform:translateY(0)scale(.98)}.btn--primary{background-color:var(--accent-color);color:#000;padding:var(--space-sm) var(--space-lg);min-height:36px;font-size:.88rem}.btn--primary:hover{background-color:var(--accent-hover);box-shadow:var(--glow-accent-sm)}.btn--danger{background-color:var(--color-danger);color:#fff;padding:var(--space-sm) var(--space-lg);min-height:36px;font-size:.88rem}.btn--danger:hover{background-color:var(--color-danger-hover);box-shadow:var(--glow-danger)}.btn--icon{padding:var(--space-md);background-color:var(--accent-color);color:#000;min-width:44px;min-height:44px}.btn--icon:hover{background-color:var(--accent-hover);box-shadow:var(--glow-accent-sm)}.btn--ghost{color:var(--text-secondary);padding:var(--space-sm);cursor:pointer;background:0 0;border:none;font-size:.85rem;transition:color .15s}.btn--ghost:hover{color:var(--text-primary);box-shadow:none;background:0 0;transform:none}.btn--outline{color:var(--text-primary);border:2px dashed var(--border-color);padding:var(--space-md);font-family:var(--font-display);background-color:#0000;min-width:44px;min-height:44px}.btn--outline:hover{border-color:var(--accent-color);color:var(--accent-color)}.btn--sm{padding:var(--space-xs) var(--space-sm);min-height:28px;font-size:.75rem}.btn--full{flex:1}.tab-nav{width:100%;margin-bottom:var(--space-sm);background:var(--bg-primary);border-radius:var(--radius-lg);gap:2px;padding:3px;display:flex;position:relative}.tab-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .25s var(--transition-ease);z-index:1;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;font-family:inherit;font-size:.85rem;font-weight:600;position:relative}body.theme-classic .tab-btn,[data-theme=classic] .tab-btn{font-family:var(--font-display)}.tab-btn--active{color:var(--text-primary);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}body.theme-modern .tab-btn--active,[data-theme=modern] .tab-btn--active{box-shadow:var(--shadow-sm), var(--glow-accent-sm);color:var(--accent-color)}body.theme-classic .tab-btn--active,[data-theme=classic] .tab-btn--active{background:var(--blackboard-bg);color:var(--chalk-color);border-radius:12px 4px}.tab-btn:not(.tab-btn--active):hover{color:var(--text-secondary);background:#80808014}.tab-content{gap:var(--space-sm);flex-direction:column;width:100%;animation:.2s ease-out fadeIn;display:flex}.gps-panel{border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;gap:0;display:flex;overflow:hidden}body.theme-classic .gps-panel,[data-theme=classic] .gps-panel{border:1px solid var(--border-color);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.gps-toggle-btn{width:100%;padding:var(--space-sm) var(--space-md);cursor:pointer;color:var(--text-muted);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:space-between;align-items:center;font-family:inherit;font-size:.82rem;font-weight:600;transition:color .15s,background-color .15s;display:flex}.gps-toggle-btn:hover{color:var(--text-secondary);background:#8080800f}body.theme-modern .gps-toggle-btn:hover{color:var(--accent-color)}.gps-toggle-label{letter-spacing:.02em}.gps-toggle-icon{opacity:.5;font-size:.65rem}.gps-body{gap:var(--space-sm);padding:0 var(--space-md) var(--space-md);border-top:1px solid var(--border-color);flex-direction:column;animation:.2s ease-out fadeIn;display:flex}.gps-controls{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.gps-actions{gap:var(--space-sm);justify-content:flex-end;display:flex}.input{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:2px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);outline:none;min-height:36px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--border-focus);box-shadow:var(--glow-accent-sm)}.input::placeholder{color:var(--text-muted)}.input--smart{padding:var(--space-md);border-radius:var(--radius-lg);flex:1;font-size:1rem}.input--smart:focus{box-shadow:var(--glow-accent)}.select{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;outline:none;min-height:36px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.select:focus{border-color:var(--border-focus)}.input-bar{gap:var(--space-sm);display:flex}.input-bar--inline{margin-bottom:var(--space-sm);gap:var(--space-xs)}.input-bar--inline .input--smart{border-radius:var(--radius-xl,24px);padding:var(--space-sm) var(--space-lg);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);background:#ffffff12;border:2px solid #0000;font-size:1rem}body.theme-modern .input-bar--inline .input--smart{background:#ffffff0d;border-color:#d4ff0033}body.theme-modern .input-bar--inline .input--smart:focus{border-color:var(--accent-color);background:#ffffff14;box-shadow:0 0 0 3px #d4ff001f}body.theme-modern .input-bar--inline .input--smart::placeholder{color:#ffffff8c}body.theme-classic .input-bar--inline .input--smart{border-color:var(--border-color);color:var(--text-primary);font-family:var(--font-body);background:#ffffff80}body.theme-classic .input-bar--inline .input--smart::placeholder{color:var(--text-secondary);opacity:.7}.input-bar--inline .btn--icon{border-radius:50%;flex-shrink:0;min-width:44px;min-height:44px}.action-controls{justify-content:space-between;gap:var(--space-sm);display:flex}.share-row{gap:var(--space-sm);display:flex}.profile-list{max-height:70px;padding:var(--space-xs);border-radius:var(--radius-sm);background:#0000000f;flex-direction:column;gap:2px;display:flex;overflow-y:auto}.profile-row{padding:var(--space-2xs) 0;justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.profile-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:70%;overflow:hidden}.profile-delete-btn{color:var(--color-danger);cursor:pointer;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);background:0 0;border:none;font-size:.7rem;font-weight:700;transition:background-color .15s}.profile-delete-btn:hover{background:var(--color-danger-bg)}.save-profile-form{gap:var(--space-xs);align-items:center;width:100%;display:flex}.chorinho-header{padding:var(--space-xs) var(--space-sm);justify-content:space-between;align-items:center;display:flex}.chorinho-title{align-items:center;gap:var(--space-xs);font-size:.9rem;font-weight:700;display:flex}.chorinho-title:before{content:"💰"}.sarcasmetro-label{align-items:center;gap:var(--space-xs);cursor:pointer;color:var(--text-secondary);font-size:.82rem;transition:color .15s;display:flex}.sarcasmetro-label:hover{color:var(--text-primary)}.competitor-form{gap:var(--space-xs);padding:var(--space-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}body.theme-classic .competitor-form,[data-theme=classic] .competitor-form{background:var(--bg-surface);border:2px solid var(--border-color);-webkit-backdrop-filter:none;backdrop-filter:none}.competitor-form-row{gap:var(--space-xs);display:flex}.validation-error{color:var(--color-danger);padding:var(--space-xs) var(--space-sm);align-items:center;gap:var(--space-xs);font-size:.8rem;font-weight:700;animation:.2s ease-out fadeIn;display:flex}.validation-error:before{content:"⚠️"}.competitors-list{gap:var(--space-xs);max-height:120px;padding:var(--space-xs);border-radius:var(--radius-md);background:#0000000a;flex-direction:column;display:flex;overflow-y:auto}.competitor-row{padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid #0000;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.competitor-row--best{background:var(--accent-muted);border:1px solid var(--accent-color);box-shadow:var(--glow-accent-sm)}.competitor-name{font-size:.88rem}.competitor-name--best{color:var(--accent-color);font-weight:700}.competitor-price{color:var(--text-secondary);text-align:right;font-size:.78rem}.savings-panel{gap:var(--space-sm);padding:var(--space-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}body.theme-classic .savings-panel,[data-theme=classic] .savings-panel{background:var(--bg-surface);border:2px solid var(--border-color);-webkit-backdrop-filter:none;backdrop-filter:none}.savings-text{color:var(--text-primary);word-break:break-word;font-size:.85rem;font-weight:700;line-height:1.4}.savings-actions{gap:var(--space-xs);display:flex}.despensa-content{gap:var(--space-sm);flex-direction:column;width:100%;display:flex}.frequency-form{gap:var(--space-xs);padding:var(--space-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);flex-direction:column;animation:.2s ease-out fadeIn;display:flex}body.theme-classic .frequency-form,[data-theme=classic] .frequency-form{background:var(--bg-surface);border:2px solid var(--border-color);-webkit-backdrop-filter:none;backdrop-filter:none}.frequency-label{color:var(--text-primary);font-size:.82rem;font-weight:700}.frequency-controls{gap:var(--space-xs);display:flex}.pantry-shelves{gap:var(--space-md);padding:var(--space-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);flex-direction:column;min-height:120px;display:flex}body.theme-classic .pantry-shelves,[data-theme=classic] .pantry-shelves{background:var(--bg-surface);border:2px solid var(--border-color);-webkit-backdrop-filter:none;backdrop-filter:none}.pantry-header{border-bottom:1px solid var(--border-color);padding-bottom:var(--space-xs);color:var(--text-secondary);align-items:center;gap:var(--space-xs);font-size:.82rem;font-weight:700;display:flex}.pantry-header:before{content:"🏪"}.pantry-empty{text-align:center;opacity:.5;padding:var(--space-xl);font-size:.85rem;font-style:italic}.pantry-grid{gap:var(--space-sm);flex-wrap:wrap;display:flex}.pantry-item{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--space-xs);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.85rem;transition:opacity .2s,transform .15s,box-shadow .15s;display:flex;position:relative}.pantry-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.pantry-item:active{transform:scale(.97)}body.theme-classic .pantry-item,[data-theme=classic] .pantry-item{background:var(--blackboard-bg);color:var(--chalk-color);border:2px solid var(--chalk-color);font-family:var(--font-body);border-radius:8px 2px}.pantry-item-configure{cursor:pointer;color:var(--accent-color);background:0 0;border:none;flex-shrink:0;padding:2px;font-size:.75rem;font-weight:700;transition:transform .15s}.pantry-item-configure:hover{transform:scale(1.2)}@media (width<=480px){.display-header h1{font-size:1.25rem}.tab-btn{padding:var(--space-sm);font-size:.8rem}.gps-panel-title{font-size:.8rem}.competitor-form-row{flex-wrap:wrap}.scratchpad-container{padding-left:50px}}@media (width>=481px) and (width<=768px){.tab-btn{font-size:.88rem}}@media (width>=769px){.tab-btn{padding:var(--space-sm) var(--space-lg);font-size:.92rem}}.scribble-capture{z-index:4;touch-action:pan-y;cursor:crosshair;width:calc(100% - 2.5rem);height:100%;position:absolute;inset:0 .5rem 0 2rem;overflow:visible}.scribble-hint{text-align:center;color:var(--paper-text);border:1px dashed var(--accent-color);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-sm);cursor:pointer;background:#d4ff002e;font-size:.82rem;line-height:1.4}.tab-hint{color:var(--text-secondary);margin:0 0 var(--space-xs);font-size:.82rem;line-height:1.4}.list-switcher{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);display:flex}.list-select{flex:1;min-width:0;font-weight:700}.list-switcher-edit{align-items:center;gap:var(--space-xs);width:100%;display:flex}.list-switcher-edit .input{flex:1;min-width:0}.btn--icon-sm{color:var(--text-secondary);min-width:40px;min-height:40px;padding:var(--space-sm);border-radius:var(--radius-md);background:0 0}.btn--icon-sm:hover{color:var(--text-primary);background:#8080801a}.settings-overlay{z-index:var(--z-overlay);padding:var(--space-lg);background:#0000008c;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.settings-dialog{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:460px;max-height:85dvh;box-shadow:var(--shadow-xl);padding:var(--space-lg);gap:var(--space-lg);outline:none;flex-direction:column;display:flex;overflow-y:auto}.settings-header{justify-content:space-between;align-items:center;display:flex}.settings-title{color:var(--text-primary);margin:0;font-size:1.1rem}.settings-section{gap:var(--space-sm);flex-direction:column;display:flex}.settings-subtitle{color:var(--text-primary);margin:0;font-size:.95rem}.settings-hint{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.4}.settings-categories{gap:var(--space-xs);flex-wrap:wrap;display:flex}.settings-category-chip{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);cursor:grab;-webkit-user-select:none;user-select:none;font-size:.8rem}.settings-category-chip:active{cursor:grabbing}.btn:focus-visible,.tab-btn:focus-visible,.input:focus-visible,.select:focus-visible,.item-checkbox:focus-visible,.pantry-item:focus-visible,.settings-category-chip:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app-container{background-color:var(--bg-primary);width:100%;height:100dvh;color:var(--text-primary);font-family:var(--font-body);transition:background-color var(--transition-speed) var(--transition-ease), color var(--transition-speed) var(--transition-ease);flex-direction:column;display:flex;overflow:hidden}.display-zone{min-height:0;max-height:60dvh;padding:var(--space-md) var(--space-lg) var(--space-xs);box-sizing:border-box;transition:padding var(--transition-speed) var(--transition-ease);flex-direction:column;flex:55%;display:flex;overflow:hidden auto}.thumb-zone{background-color:var(--bg-secondary);border-top:2px solid var(--border-color);min-height:40dvh;max-height:50dvh;padding:var(--space-sm) var(--space-lg) calc(var(--space-md) + env(safe-area-inset-bottom));justify-content:flex-end;gap:var(--space-sm);box-sizing:border-box;z-index:var(--z-sticky);transition:background-color var(--transition-speed) var(--transition-ease), border-color var(--transition-speed) var(--transition-ease);flex-direction:column;flex:none;display:flex;overflow:hidden;box-shadow:0 -4px 20px #0000001f}.thumb-zone-scroll{gap:var(--space-md);padding-right:var(--space-xs);flex-direction:column;flex:1;display:flex;overflow:hidden auto}@media (height<=500px){.display-zone{max-height:35dvh;padding:var(--space-sm)}.thumb-zone{min-height:60dvh;padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}}@media (width<=480px){.display-zone{padding:var(--space-sm) var(--space-md)}.thumb-zone{padding:var(--space-sm) var(--space-md) var(--space-md)}}@media (width>=481px) and (width<=768px){.display-zone{padding:var(--space-lg)}}@media (width>=769px){.app-container{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);max-width:1100px;box-shadow:var(--shadow-xl);grid-template-rows:100dvh;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);margin:0 auto;display:grid}.undo-crumple-btn,.trigger-crumple-btn,.update-banner,.error-toast,.settings-overlay{grid-column:1/-1}.display-zone{height:100dvh;max-height:none;padding:var(--space-xl) var(--space-2xl) var(--space-lg);border-right:1px solid var(--border-color);flex:auto}.thumb-zone{height:100dvh;min-height:0;max-height:none;box-shadow:none;padding:var(--space-xl) var(--space-2xl);border-top:none;justify-content:flex-start}.thumb-zone-scroll{flex:1}}@media (width>=1200px){.display-zone{padding:var(--space-2xl)}}.poupa-mao-card{padding:var(--space-md) var(--space-lg);justify-content:center;align-items:center;gap:var(--space-xs);box-sizing:border-box;width:100%;transition:all .3s var(--transition-ease);flex-direction:column;display:flex}.poupa-mao-header{align-items:center;gap:var(--space-sm);display:flex}.poupa-mao-title{text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;font-weight:600}.poupa-mao-value{letter-spacing:-.02em;transition:transform .3s var(--transition-bounce);font-size:1.75rem;font-weight:800}.poupa-mao-subtitle{opacity:.6;letter-spacing:.02em;font-size:.72rem}.poupa-mao-modern{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:2px solid var(--accent-color);border-radius:var(--radius-lg);box-shadow:var(--glow-accent-sm);color:var(--text-primary);position:relative;overflow:hidden}.poupa-mao-modern:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4ff000a 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.poupa-mao-modern .poupa-mao-icon{color:var(--accent-color);filter:drop-shadow(0 0 4px #d4ff0066);animation:3s ease-in-out infinite piggyBounce}.poupa-mao-modern .poupa-mao-value{color:var(--accent-color);text-shadow:0 0 12px #d4ff0059}.poupa-mao-modern .poupa-mao-title{color:var(--text-secondary)}.poupa-mao-modern:hover{box-shadow:var(--glow-accent);border-color:var(--accent-hover)}.poupa-mao-modern:hover .poupa-mao-value{transform:scale(1.03)}.poupa-mao-classic{background-color:var(--blackboard-bg);color:var(--chalk-color);border:3px solid var(--chalk-color);font-family:var(--font-body);border-radius:255px 15px 225px/15px 225px 15px 255px;position:relative}.poupa-mao-classic .poupa-mao-icon{color:var(--chalk-color);animation:4s ease-in-out infinite subtleFloat}.poupa-mao-classic .poupa-mao-title{font-family:var(--font-display);font-size:1.05rem}.poupa-mao-classic .poupa-mao-value{font-family:var(--font-display);font-size:1.9rem}.poupa-mao-classic:hover .poupa-mao-value{transform:scale(1.03)}