.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);-webkit-backdrop-filter:blur(var(--blur-md));border-right:1px solid var(--sidebar-border);padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top));padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:50;flex-direction:column;flex-shrink:0;height:100dvh;transition:width .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background-color:#0000}.sidebar:hover::-webkit-scrollbar-thumb{background-color:var(--border-color)}.sidebar:not(.collapsed){overflow-y:auto}.sidebar.collapsed{width:var(--sidebar-width-collapsed);padding:var(--space-4) var(--space-2)}.sidebar-header{margin-bottom:var(--space-6);padding:0 var(--space-2);flex-shrink:0;justify-content:space-between;align-items:center;height:40px;display:flex}.sidebar-header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.theme-toggle,.sidebar-toggle{border-radius:var(--radius-lg);cursor:pointer;width:36px;height:36px;color:var(--sidebar-text);transition:var(--transition-base);background-color:#0000;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:flex}.theme-toggle:hover,.sidebar-toggle:hover{background-color:var(--sidebar-hover);color:var(--sidebar-text-light)}.theme-toggle:hover{color:var(--color-accent)}.sidebar.collapsed .theme-toggle{display:none}.sidebar-logo-container{align-items:center;gap:var(--space-3);padding-left:var(--space-1);white-space:nowrap;display:flex;overflow:hidden}.sidebar-logo{font-family:var(--font-family-heading);color:var(--sidebar-text-light);letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:1.25rem;font-weight:700}.sidebar.collapsed .sidebar-logo-container{display:none}.sidebar.collapsed .sidebar-header{justify-content:center}.sidebar-content{flex:1;min-height:0;display:block;overflow-y:auto}.sidebar-content.collapsed{display:none}.new-recipe-btn{width:100%;margin:0 0 var(--space-6) 0;background:var(--color-primary);color:#fff;border-radius:var(--radius-xl);font-size:var(--font-size-sm);box-sizing:border-box;white-space:nowrap;box-shadow:var(--shadow-primary-sm);border:none;flex-shrink:0;justify-content:center;align-items:center;gap:.6rem;padding:.875rem 1rem;font-weight:600;text-decoration:none;transition:background-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.new-recipe-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-primary-md);transform:translateY(-1px)}.new-recipe-btn:active{transform:translateY(0)}.new-recipe-btn.collapsed{display:none}.new-recipe-icon{font-size:1.2rem}.weekly-plan-link,.manage-recipes-link{width:100%;margin:calc(var(--space-6) * -1 + var(--space-3)) 0 var(--space-5);color:var(--sidebar-text);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:var(--transition-fast);align-items:center;gap:.65rem;padding:.72rem .85rem;font-weight:600;text-decoration:none;display:flex}.manage-recipes-link{margin:calc(var(--space-5) * -1 + var(--space-2)) 0 var(--space-5)}.weekly-plan-link:hover,.manage-recipes-link:hover{color:var(--sidebar-text-light);background:var(--sidebar-hover)}.weekly-plan-link.active,.manage-recipes-link.active{color:var(--color-primary-dark);background:var(--sidebar-active)}[data-theme=dark] .weekly-plan-link.active,[data-theme=dark] .manage-recipes-link.active{color:var(--color-primary-light)}.weekly-plan-link.collapsed,.manage-recipes-link.collapsed{display:none}.weekly-plan-icon,.manage-recipes-icon{color:var(--color-primary);flex:none;font-size:1.15rem}.weekly-plan-badge{color:var(--color-primary-hover);background:var(--color-primary-light);border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;margin-left:auto;padding:.12rem .42rem;font-size:.62rem;font-weight:800}.sidebar-filters{gap:var(--space-3);margin-bottom:var(--space-4);padding:0 var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.sidebar-filters.collapsed{display:none}.search-input{background-color:var(--sidebar-input-bg);border:1px solid var(--sidebar-border);border-radius:var(--radius-lg);width:100%;color:var(--sidebar-text-light);box-sizing:border-box;transition:var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.5rem .75rem;font-size:.9rem}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{background-color:var(--bg-surface);border-color:var(--color-primary);box-shadow:var(--shadow-glow);outline:none}.favorites-filter{border:1px solid var(--sidebar-border);border-radius:var(--radius-lg);color:var(--sidebar-text);cursor:pointer;transition:var(--transition-base);background-color:#0000;align-items:center;gap:.6rem;padding:.6rem .875rem;font-size:.85rem;font-weight:500;display:flex}.favorites-filter:hover{background-color:var(--sidebar-hover);color:var(--sidebar-text-light)}.favorites-filter.active{color:var(--color-accent);background-color:#f59e0b1a;border-color:#f59e0b4d}.favorites-filter.active:hover{background-color:#f59e0b33}.history-list{flex-direction:column;gap:2px;display:flex}.history-item{border-radius:var(--radius-md);color:var(--sidebar-text);box-sizing:border-box;background-color:#0000;justify-content:space-between;align-items:center;margin:1px 0;padding:.6rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex;position:relative}.history-item:has(.history-item-menu-btn.active){z-index:10}.history-item-title{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;flex:1;min-width:0;line-height:1.4;display:-webkit-box;overflow:hidden}.history-item:hover{background-color:var(--sidebar-hover);color:var(--sidebar-text-light)}.history-item:has(.history-item-menu-btn.active){background-color:var(--sidebar-hover);color:var(--sidebar-text-light)}.history-item.active{background-color:var(--sidebar-active);color:var(--color-primary-dark)}[data-theme=dark] .history-item.active{color:var(--color-primary-light)}.history-item-menu-container{z-index:2;flex-shrink:0;position:relative}.history-item-menu-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;opacity:0;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s,background-color .15s,color .15s;display:flex}.history-item:hover .history-item-menu-btn,.history-item-menu-btn:focus,.history-item-menu-btn.active,.history-item-menu-container:hover .history-item-menu-btn{opacity:1}.history-item-menu-btn:hover,.history-item-menu-btn.active{color:var(--sidebar-text-light);background-color:#0000000d}.history-item-dropdown{top:calc(100% + 4px);right:0;left:unset;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;transform-origin:100% 0;opacity:1;min-width:160px;position:absolute;overflow:hidden}.history-dropdown-item{width:100%;color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500;transition:background-color .15s;display:flex}.history-dropdown-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.history-dropdown-item.is-favorite{color:var(--color-accent)}.history-dropdown-item.delete{color:var(--color-danger)}.history-dropdown-item.delete:hover{background-color:var(--color-danger-light)}.no-history,.history-loading{color:var(--text-muted);padding:var(--space-4);text-align:center;font-size:.85rem;font-style:italic}.history-error{color:var(--color-danger);padding:var(--space-4);text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;font-size:.85rem;display:flex}.history-error button{background:var(--color-primary-subtle);border:1px solid var(--color-primary-light);color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);font-size:.75rem;font-weight:600}.history-error button:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.sidebar-footer{padding-top:var(--space-4);border-top:1px solid var(--sidebar-border);flex-shrink:0;margin-top:auto;position:relative}.sidebar-footer.collapsed{display:none}.profile-btn{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;width:100%;color:var(--sidebar-text);text-align:left;transition:var(--transition-base);background-color:#0000;border:none;padding:.75rem;font-size:.9rem;font-weight:500;display:flex}.profile-btn:hover{background-color:var(--sidebar-hover);color:var(--sidebar-text-light)}.profile-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-dropdown{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:.2s cubic-bezier(.16,1,.3,1) slideUpFade;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:hidden}@keyframes slideUpFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.recipe-management-section{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border-color);gap:var(--space-8);flex-direction:column;display:flex}.update-section{gap:var(--space-6);background-color:var(--bg-surface);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border-color);flex-direction:column;display:flex}.modification-input{width:100%;padding:var(--space-4);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);box-sizing:border-box;transition:var(--transition-base)}.modification-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow);outline:none}.management-actions{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.modification-buttons{gap:var(--space-3);flex-wrap:wrap;display:flex}.modification-buttons button{padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-sm)}.modification-buttons button[type=submit]{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.modification-buttons button[type=submit]:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.regenerate-btn{justify-content:center;align-items:center;gap:var(--space-2);background-color:var(--color-primary-subtle);color:var(--color-primary);border:1px solid var(--color-primary-light);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm);display:flex}.regenerate-btn:hover:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.delete-btn{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-danger);padding:var(--space-3) var(--space-5);border:1px solid var(--color-danger);border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-base);background-color:#0000;margin-left:auto;font-weight:600;display:flex}.delete-btn:hover{background-color:var(--color-danger);color:#fff;box-shadow:var(--shadow-md)}@media screen and (width<=768px){.update-section{padding:var(--space-4) 0;background-color:#0000;border:none;border-radius:0}.delete-btn{width:100%;margin-left:0}.management-actions{flex-direction:column;align-items:stretch;width:100%}.modification-buttons{flex-direction:column;width:100%}.modification-buttons button,.modification-buttons .regenerate-btn{width:100%}}.profile-dropdown .dropdown-item{align-items:center;gap:var(--space-3);text-align:left;cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;padding:.875rem 1rem;font-size:.9rem;text-decoration:none;transition:background-color .15s;display:flex}.profile-dropdown .dropdown-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.auth-actions{gap:var(--space-2);padding-bottom:var(--space-2);flex-direction:column;display:flex}.login-btn,.signup-btn{border-radius:var(--radius-lg);cursor:pointer;width:100%;transition:var(--transition-base);box-sizing:border-box;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.login-btn{border:1px solid var(--sidebar-border);color:var(--sidebar-text);background-color:#0000}.login-btn:hover{background-color:var(--sidebar-hover);color:var(--sidebar-text-light);border-color:var(--sidebar-text-light)}.signup-btn{background-color:var(--color-primary);border:1px solid var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.signup-btn:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.main-content{margin-left:var(--sidebar-width);padding:calc(var(--space-10) + env(safe-area-inset-top)) var(--space-10) calc(var(--space-10) + env(safe-area-inset-bottom));transition:margin-left var(--transition-base);width:calc(100% - var(--sidebar-width));flex:1;justify-content:center;display:flex}.main-content:has(.home-page.centered){padding:0}.main-content>*{width:100%;max-width:900px}.sidebar-collapsed .main-content{margin-left:var(--sidebar-width-collapsed);width:calc(100% - var(--sidebar-width-collapsed))}@media (display-mode:standalone){.main-content:has(.recipe-detail-page){padding-top:0}}.mobile-logo{font-family:var(--font-family-heading);color:var(--text-primary);text-align:center;flex:1;margin:0;font-size:1.1rem;font-weight:700}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:49;touch-action:none;background-color:#0006;animation:.3s fadeIn;position:fixed;inset:0}body.sidebar-open{overflow:hidden}.layout.sidebar-hidden .main-content{width:100%;margin-left:0;padding:0}.layout.sidebar-hidden .main-content>.landing-page{max-width:100%}.mobile-menu-toggle{top:calc(var(--space-3) + env(safe-area-inset-top));left:var(--space-4);z-index:101;border-radius:var(--radius-lg);background-color:var(--bg-surface);border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-primary);box-shadow:var(--shadow-md);cursor:pointer;transition:var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;display:flex;position:fixed}.mobile-menu-toggle:hover{background-color:var(--bg-tertiary);transform:translateY(-1px)}.mobile-menu-toggle:active{transform:translateY(0)}@media screen and (width<=768px){.layout{padding-top:0}.sidebar{width:280px;padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));z-index:1000;box-shadow:var(--shadow-xl);transform:translate(0)}@media (display-mode:standalone){.sidebar{padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom))}}.sidebar.collapsed{width:280px;padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));transform:translate(-100%)}.sidebar .sidebar-header{margin-bottom:var(--space-6)}.main-content{width:100%;padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));margin-left:0!important}.main-content:has(.home-page.centered){padding:0}.sidebar-collapsed .main-content{width:100%;margin-left:0!important}.history-list{gap:4px}.history-item{min-height:48px;margin:2px 0;padding:.75rem .875rem}.history-item .history-item-menu-container{display:none}}.react-tooltip{background-color:var(--color-gray-800)!important;color:var(--color-gray-50)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;opacity:1!important;z-index:100000!important;padding:.5rem .75rem!important;font-size:.85rem!important}[data-theme=dark] .react-tooltip{background-color:var(--color-gray-100)!important;color:var(--color-gray-900)!important}.history-skeleton{flex-direction:column;gap:.125rem;display:flex}.history-skeleton .skeleton-item{box-sizing:border-box;border-left:3px solid #0000;align-items:center;height:40px;margin:.125rem 0;padding:0 1rem;display:flex}.history-skeleton .skeleton-item .react-loading-skeleton{border-radius:8px}@media (width<=768px){.history-skeleton{flex-flow:wrap;gap:.5rem}.history-skeleton .skeleton-item{box-sizing:border-box;width:120px;height:32px;padding:0 .6rem}.history-skeleton .skeleton-item .react-loading-skeleton{border-radius:20px}}