.profile-switcher[data-v-971b7903]{position:relative}.profile-button[data-v-971b7903]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:2px solid var(--color-brown);border-radius:20px;font-family:Patrick Hand,cursive;font-size:1.1rem;color:var(--color-brown);cursor:pointer;transition:all .2s}.profile-button[data-v-971b7903]:hover{background:var(--color-cream)}.profile-name[data-v-971b7903]{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-badge[data-v-971b7903]{font-family:Nunito,sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;padding:.15rem .4rem;background:var(--color-mint);border-radius:4px}.profile-badge.view[data-v-971b7903]{background:var(--color-lavender)}.dropdown-arrow[data-v-971b7903]{font-size:.7rem;transition:transform .2s}.dropdown-arrow.open[data-v-971b7903]{transform:rotate(180deg)}.dropdown[data-v-971b7903]{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fff;border:3px solid var(--color-brown);border-radius:12px;box-shadow:4px 4px 0 var(--color-brown);z-index:100;overflow:hidden}.dropdown-section[data-v-971b7903]{padding:.5rem}.section-label[data-v-971b7903]{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-brown-light);padding:.25rem .5rem}.profile-item[data-v-971b7903]{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;background:transparent;border:none;border-radius:8px;font-family:Nunito,sans-serif;font-size:.95rem;color:var(--color-brown);cursor:pointer;transition:all .15s;text-align:left}.profile-item[data-v-971b7903]:hover{background:var(--color-cream)}.profile-item.active[data-v-971b7903]{background:var(--color-peach)}.item-name[data-v-971b7903]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-badge[data-v-971b7903]{font-size:.6rem;font-weight:700;text-transform:uppercase;padding:.1rem .3rem;background:var(--color-lavender);border-radius:3px}.item-badge.edit[data-v-971b7903]{background:var(--color-mint)}.remove-btn[data-v-971b7903]{width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:50%;font-size:1rem;color:var(--color-brown-light);cursor:pointer;opacity:0;transition:all .15s}.profile-item:hover .remove-btn[data-v-971b7903]{opacity:1}.remove-btn[data-v-971b7903]:hover{background:var(--color-danger);color:#fff}.dropdown-divider[data-v-971b7903]{height:2px;background:var(--color-brown);opacity:.2;margin:.25rem 0}.dropdown-action[data-v-971b7903]{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;font-family:Nunito,sans-serif;font-size:.95rem;color:var(--color-brown);cursor:pointer;transition:all .15s;text-align:left}.dropdown-action[data-v-971b7903]:hover{background:var(--color-cream)}.action-icon[data-v-971b7903]{width:1rem;height:1rem;flex-shrink:0}@media (max-width: 580px){.profile-button[data-v-971b7903]{padding:.4rem .75rem;font-size:.95rem;gap:.35rem}.profile-name[data-v-971b7903]{max-width:80px}.profile-badge[data-v-971b7903]{font-size:.55rem;padding:.1rem .3rem}.dropdown-arrow[data-v-971b7903]{font-size:.6rem}.dropdown[data-v-971b7903]{min-width:200px;border-width:2px;box-shadow:3px 3px 0 var(--color-brown)}.section-label[data-v-971b7903]{font-size:.7rem}.profile-item[data-v-971b7903]{padding:.5rem .6rem;font-size:.9rem}.remove-btn[data-v-971b7903]{opacity:1}.dropdown-action[data-v-971b7903]{padding:.6rem .85rem;font-size:.9rem}}.modal-overlay[data-v-75441f5d]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal[data-v-75441f5d]{position:relative;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;text-align:center}.close-btn[data-v-75441f5d]{position:absolute;top:1rem;right:1rem;width:32px;height:32px;padding:0;background:transparent;border:2px solid var(--color-brown);border-radius:50%;font-size:1.5rem;line-height:1;color:var(--color-brown);cursor:pointer;transition:all .2s}.close-btn[data-v-75441f5d]:hover{background:var(--color-brown);color:#fff}.modal h2[data-v-75441f5d]{font-size:1.75rem;margin-bottom:.5rem;padding-right:2rem}.subtitle[data-v-75441f5d]{color:var(--color-brown-light);margin-bottom:1.5rem}.token-section[data-v-75441f5d]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.token-box[data-v-75441f5d]{background:var(--color-cream);border:2px solid var(--color-brown);border-radius:12px;padding:1rem;text-align:left}.token-box.edit[data-v-75441f5d]{border-left:4px solid var(--color-success)}.token-box.view[data-v-75441f5d]{border-left:4px solid var(--color-warning)}.token-header[data-v-75441f5d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.token-header h3[data-v-75441f5d]{font-size:1.1rem;margin:0}.badge[data-v-75441f5d]{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.2rem .5rem;background:var(--color-mint);border-radius:4px}.token-box.view .badge[data-v-75441f5d]{background:var(--color-lavender)}.token-desc[data-v-75441f5d]{font-size:.85rem;color:var(--color-brown-light);margin-bottom:.75rem}.token-value[data-v-75441f5d]{font-family:monospace;font-size:.75rem;background:#fff;padding:.5rem;border-radius:6px;word-break:break-all;margin-bottom:.75rem;border:1px solid var(--color-brown)}.token-actions[data-v-75441f5d]{display:flex;gap:.5rem}.token-actions .btn[data-v-75441f5d]{flex:1;font-size:.9rem;padding:.5rem}.tip[data-v-75441f5d]{background:var(--color-yellow);border:2px solid var(--color-brown);border-radius:8px;padding:.75rem;font-size:.9rem;text-align:left}.loading[data-v-75441f5d]{padding:2rem;color:var(--color-brown-light)}.error[data-v-75441f5d]{padding:1rem;color:var(--color-danger)}@media (max-width: 480px){.modal-overlay[data-v-75441f5d]{padding:2rem .5rem .5rem;align-items:flex-start}.modal[data-v-75441f5d]{max-height:calc(100vh - 4rem);padding:1rem;border-width:2px}.close-btn[data-v-75441f5d]{top:.75rem;right:.75rem;width:28px;height:28px;font-size:1.25rem}.modal h2[data-v-75441f5d]{font-size:1.35rem;padding-right:1.5rem}.subtitle[data-v-75441f5d]{font-size:.9rem;margin-bottom:1rem}.token-section[data-v-75441f5d]{gap:.75rem}.token-box[data-v-75441f5d]{padding:.75rem;border-radius:10px}.token-header h3[data-v-75441f5d]{font-size:1rem}.badge[data-v-75441f5d]{font-size:.6rem}.token-desc[data-v-75441f5d]{font-size:.8rem}.token-value[data-v-75441f5d]{font-size:.65rem;padding:.4rem}.tip[data-v-75441f5d]{padding:.6rem;font-size:.8rem}.token-actions .btn[data-v-75441f5d]{font-size:.8rem;padding:.4rem}}.app[data-v-1dcf4383]{min-height:100vh;display:flex;flex-direction:column}.header[data-v-1dcf4383]{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--color-cream);border-bottom:3px solid var(--color-brown);box-shadow:0 2px 8px #0000001a}.logo[data-v-1dcf4383]{font-family:Patrick Hand,cursive;font-size:2rem;color:var(--color-brown);text-decoration:none}.nav[data-v-1dcf4383]{display:flex;gap:1.5rem}.nav-link[data-v-1dcf4383]{font-family:Patrick Hand,cursive;font-size:1.25rem;color:var(--color-brown);text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:all .2s}.nav-link[data-v-1dcf4383]:hover,.nav-link.router-link-active[data-v-1dcf4383]{background:var(--color-peach)}.header-right[data-v-1dcf4383]{display:flex;align-items:center;gap:.75rem}.btn-logout[data-v-1dcf4383]{width:36px;height:36px;padding:0;background:transparent;border:2px solid var(--color-brown);border-radius:50%;color:var(--color-brown);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-logout[data-v-1dcf4383]:hover{background:var(--color-brown);color:#fff}.logout-icon[data-v-1dcf4383]{width:18px;height:18px;object-fit:contain}.main[data-v-1dcf4383]{flex:1;padding:2rem}@media (max-width: 768px){.header[data-v-1dcf4383]{padding:.75rem 1rem}.logo[data-v-1dcf4383]{font-size:1.5rem}.nav[data-v-1dcf4383]{gap:.5rem}.nav-link[data-v-1dcf4383]{font-size:1.1rem;padding:.4rem .75rem}.main[data-v-1dcf4383]{padding:1rem}}@media (max-width: 580px){.header[data-v-1dcf4383]{flex-wrap:wrap;gap:.5rem;padding:.75rem}.logo[data-v-1dcf4383]{font-size:1.4rem;order:1}.header-right[data-v-1dcf4383]{order:2;gap:.5rem}.nav[data-v-1dcf4383]{order:3;width:100%;justify-content:center;gap:.25rem;padding-top:.5rem;border-top:2px solid var(--color-brown);margin-top:.25rem}.nav-link[data-v-1dcf4383]{font-size:1rem;padding:.35rem .65rem}.btn-logout[data-v-1dcf4383]{width:32px;height:32px}.logout-icon[data-v-1dcf4383]{width:16px;height:16px}.main[data-v-1dcf4383]{padding:1rem .75rem}}:root{--color-cream: #FFF8F0;--color-peach: #FFE5D9;--color-pink: #FFCAD4;--color-lavender: #D8E2DC;--color-mint: #D1E8D5;--color-yellow: #FFF3B0;--color-brown: #5D4E37;--color-brown-light: #8B7355;--color-success: #7CB342;--color-warning: #FFB74D;--color-danger: #E57373;--color-tan: #E8D4B8}*{margin:0;padding:0;box-sizing:border-box}button{font-family:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}body{font-family:Nunito,sans-serif;background:var(--color-cream);color:var(--color-brown);line-height:1.6}h1,h2,h3{font-family:Patrick Hand,cursive;font-weight:400}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{font-family:Patrick Hand,cursive;font-size:1.25rem;padding:.75rem 1.5rem;border:3px solid var(--color-brown);border-radius:12px;background:var(--color-peach);color:var(--color-brown);cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;text-align:center}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-primary{background:var(--color-mint)}.btn-secondary{background:var(--color-lavender)}.input{font-family:Nunito,sans-serif;font-size:1rem;padding:.75rem 1rem;border:3px solid var(--color-brown);border-radius:12px;background:#fff;color:var(--color-brown);width:100%;transition:all .2s}.input:focus{outline:none;border-color:var(--color-brown-light);box-shadow:0 0 0 3px var(--color-peach)}.card{background:#fff;border:3px solid var(--color-brown);border-radius:16px;padding:1.5rem;box-shadow:4px 4px 0 var(--color-brown)}.reaction{font-size:1.5rem;display:inline-block}.reaction-liked:after{content:"😋"}.reaction-neutral:after{content:"😐"}.reaction-disliked:after{content:"😝"}.category-fruit{background:var(--color-pink)}.category-vegetable{background:var(--color-mint)}.category-protein{background:var(--color-peach)}.category-dairy{background:var(--color-cream)}.category-grain{background:var(--color-yellow)}.category-nuts_seeds{background:var(--color-tan)}.category-oil,.category-condiment{background:var(--color-lavender)}.category-other{background:var(--color-cream)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce .5s ease}.loading{display:flex;justify-content:center;align-items:center;padding:3rem;font-family:Patrick Hand,cursive;font-size:1.5rem;color:var(--color-brown-light)}.empty-state{text-align:center;padding:3rem}.empty-state h2{font-size:2rem;margin-bottom:1rem}.empty-state p{color:var(--color-brown-light);margin-bottom:2rem}.empty-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.btn{font-size:1.1rem;padding:.65rem 1.25rem}.card{padding:1rem;box-shadow:3px 3px 0 var(--color-brown)}.empty-state{padding:2rem 1rem}.empty-state h2{font-size:1.5rem}.loading{padding:2rem;font-size:1.25rem}}@media (max-width: 480px){.btn{font-size:1rem;padding:.6rem 1rem;border-width:2px;border-radius:10px}.input{font-size:16px;padding:.65rem .85rem;border-width:2px;border-radius:10px}.card{border-width:2px;border-radius:12px}}