.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:var(--bg-sidebar);border-right:1px solid var(--border-light);display:flex;flex-direction:column;z-index:100;transition:width var(--transition-normal)}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md);cursor:pointer;transition:opacity var(--transition-fast);overflow:hidden}.sidebar-logo:hover{opacity:.8}.sidebar-logo-img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.sidebar-logo-text{font-size:var(--font-size-xl);font-weight:900;color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap;transition:opacity var(--transition-fast)}.sidebar-nav{flex:1;padding:var(--spacing-sm) var(--spacing-sm);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-md);border-radius:var(--radius-xl);color:var(--text-secondary);font-size:var(--font-size-md);font-weight:500;transition:all var(--transition-fast);width:100%;text-align:left;white-space:nowrap;overflow:hidden}.sidebar-nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item.active{background-color:var(--accent-light);color:var(--accent);font-weight:600}.sidebar-nav-label{transition:opacity var(--transition-fast)}.sidebar-nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;background-color:var(--accent);color:#fff;font-size:10px;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.sidebar--collapsed .sidebar-nav-badge{position:absolute;top:4px;right:4px;margin-left:0;min-width:16px;height:16px;padding:0 4px;font-size:9px}.sidebar--collapsed .sidebar-nav-item{position:relative}.sidebar-logout:hover{background-color:var(--error-light);color:var(--error)}.sidebar-footer{padding:var(--spacing-sm);border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:2px}.sidebar-user-avatar{width:24px;height:24px;border-radius:var(--radius-full);background-color:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;flex-shrink:0}.sidebar-user-avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.sidebar-online-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;background-color:var(--success);border-radius:var(--radius-full);border:2px solid var(--bg-sidebar)}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar--collapsed .sidebar-logo-text,.sidebar--collapsed .sidebar-nav-label,.sidebar--collapsed .sidebar-streak-info{opacity:0;width:0;overflow:hidden}.sidebar--collapsed .sidebar-logo{justify-content:center;padding:var(--spacing-lg) var(--spacing-sm)}.sidebar--collapsed .sidebar-nav-item{justify-content:center;padding:10px}.sidebar--collapsed .sidebar-streak{justify-content:center;padding:var(--spacing-sm);margin:0 var(--spacing-xs) var(--spacing-sm)}.sidebar--overlay{position:fixed;z-index:250;width:var(--sidebar-width);transform:translate(-100%);transition:transform var(--transition-normal);box-shadow:none}.sidebar--overlay.sidebar--open{transform:translate(0);box-shadow:var(--shadow-xl)}.sidebar--overlay .sidebar-logo-text,.sidebar--overlay .sidebar-nav-label,.sidebar--overlay .sidebar-streak-info{opacity:1;width:auto}.sidebar--overlay .sidebar-logo{justify-content:flex-start;padding:var(--spacing-lg) var(--spacing-md);padding-top:calc(env(safe-area-inset-top,0px) + var(--spacing-lg))}.sidebar--overlay .sidebar-footer{display:none}.sidebar--overlay .sidebar-nav-item{justify-content:flex-start;padding:10px var(--spacing-md)}.sidebar--overlay .sidebar-streak{justify-content:flex-start;padding:var(--spacing-md)}.user-profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:userProfileFadeIn .2s ease;padding:var(--spacing-md)}.user-profile-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:userProfileSlideUp .3s cubic-bezier(.34,1.2,.64,1)}@keyframes userProfileSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.user-profile-modal-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);flex-shrink:0}.user-profile-modal-avatar{width:64px;height:64px;border-radius:var(--radius-full);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:700;color:var(--text-secondary);overflow:hidden;flex-shrink:0}.user-profile-modal-avatar img{width:100%;height:100%;object-fit:cover}.user-profile-modal-header-info{flex:1;min-width:0}.user-profile-modal-name{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-modal-username{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.user-profile-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0;align-self:flex-start}.user-profile-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.user-profile-modal-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.user-profile-modal-bio{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6;margin:0}.user-profile-modal-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.user-profile-modal-stat{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center}.user-profile-modal-stat-value{display:block;font-size:var(--font-size-xl);font-weight:700;color:var(--accent);line-height:1.2}.user-profile-modal-stat-label{display:block;font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.user-profile-modal-meta{display:flex;flex-direction:column;gap:var(--spacing-sm)}.user-profile-modal-meta-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.user-profile-modal-meta-item svg{color:var(--text-muted);flex-shrink:0}.user-profile-modal-footer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-light);flex-shrink:0;flex-wrap:wrap}.user-profile-modal-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);flex:1;min-width:120px}.user-profile-modal-action-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-profile-modal-action-btn:disabled{opacity:.5;cursor:not-allowed}.user-profile-modal-secondary-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.user-profile-modal-secondary-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.user-profile-modal-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.user-profile-modal-danger-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--error, #ff453a);border-radius:var(--radius-lg);color:var(--error, #ff453a);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.user-profile-modal-danger-btn:hover:not(:disabled){background:var(--error, #ff453a);color:#fff}.user-profile-modal-danger-btn:disabled{opacity:.5;cursor:not-allowed}.user-profile-modal-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--font-size-md);font-weight:500}.user-profile-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--text-muted);font-size:var(--font-size-md)}.user-profile-modal-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);animation:userProfileSpin .6s linear infinite}.user-profile-modal-action-btn .user-profile-modal-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:userProfileSpin .6s linear infinite}.user-profile-modal::-webkit-scrollbar{width:6px}.user-profile-modal::-webkit-scrollbar-track{background:transparent}.user-profile-modal::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}@media(max-width:767px){.user-profile-modal-overlay{padding:0;align-items:flex-end}.user-profile-modal{max-width:100%;max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.user-profile-modal-header,.user-profile-modal-body{padding:var(--spacing-md)}.user-profile-modal-footer{padding:var(--spacing-sm) var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px))}.user-profile-modal-action-btn,.user-profile-modal-secondary-btn,.user-profile-modal-danger-btn{flex:1;min-width:0}}.header{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,0px) var(--spacing-xl) 0;background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;max-width:400px}.header-menu-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-xl);color:var(--text-secondary);transition:all var(--transition-fast);flex-shrink:0}.header-menu-button:hover{background-color:var(--accent-light);color:var(--accent)}.header-search{position:relative;width:100%;max-width:320px}.header-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.header-search-input{width:100%;height:38px;padding:0 var(--spacing-md) 0 38px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--font-size-sm);outline:none;transition:all var(--transition-fast)}.header-search-input::placeholder{color:var(--text-muted)}.header-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.header-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:320px;max-height:400px;overflow-y:auto;background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:100;animation:dropdown-fade-in .15s ease}.header-search-group{padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-light)}.header-search-group:last-child{border-bottom:none}.header-search-category{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.header-search-result{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-family);background:none;border:none;cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.header-search-result:hover{background-color:var(--bg-hover)}.header-search-result svg{color:var(--text-muted);flex-shrink:0}.header-search-result-sub{margin-left:auto;font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.search-highlight{background-color:var(--accent);color:#fff;padding:1px 4px;border-radius:var(--radius-sm);animation:highlight-pulse 1s ease-in-out 2}.search-highlight-fade{animation:highlight-fadeout .5s ease forwards}@keyframes highlight-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes highlight-fadeout{0%{opacity:1}to{opacity:0;background-color:transparent;color:inherit}}.header-search-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-md);color:var(--text-muted);font-size:var(--font-size-sm)}.header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.header-action{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-xl);color:var(--text-secondary);transition:all var(--transition-fast);position:relative}.header-action:hover{background-color:var(--accent-light);color:var(--accent)}.header-action-label{font-size:var(--font-size-sm);font-weight:600}.header-notification-wrapper{position:relative}.header-notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:var(--accent);border-radius:var(--radius-full);border:2px solid var(--bg-primary)}.header-notification-badge{position:absolute;top:2px;right:-2px;min-width:16px;height:16px;padding:0 4px;background-color:var(--accent);color:#fff;font-size:9px;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--bg-primary)}.header-notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:480px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:200;display:flex;flex-direction:column;overflow:hidden;animation:dropdown-fade-in .15s ease}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-light)}.header-notification-dropdown-header h3{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary);margin:0}.header-notification-mark-all{font-size:var(--font-size-xs);color:var(--accent);font-weight:600;cursor:pointer;background:none;border:none;padding:0;transition:opacity var(--transition-fast)}.header-notification-mark-all:hover{opacity:.8}.header-notification-dropdown-list{overflow-y:auto;max-height:400px}.header-notification-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);width:100%;text-align:left;background:none;border:none;cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--border-light);font-family:var(--font-family)}.header-notification-item:last-child{border-bottom:none}.header-notification-item:hover{background-color:var(--bg-hover)}.header-notification-item.unread{background-color:var(--accent-light)}.header-notification-item.unread:hover{background-color:var(--bg-hover)}.header-notification-item-icon{width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent);margin-top:2px}.header-notification-item-content{flex:1;min-width:0}.header-notification-item-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);display:block;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-notification-item-message{font-size:var(--font-size-sm);color:var(--text-primary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.header-notification-item-time{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px;display:block}.header-notification-item-dot{width:8px;height:8px;background-color:var(--accent);border-radius:var(--radius-full);flex-shrink:0;margin-top:8px}.header-notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-md);color:var(--text-muted);gap:var(--spacing-sm)}.header-notification-empty p{font-size:var(--font-size-sm);margin:0}.header-user-wrapper{position:relative;margin-left:var(--spacing-sm);padding-left:var(--spacing-md);border-left:1px solid var(--border)}.header-user{display:flex;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-xl);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color var(--transition-fast);cursor:pointer}.header-user:hover{background-color:var(--bg-hover)}.header-user-info{display:flex;flex-direction:column;align-items:flex-end}.header-user-name{font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary);line-height:1.2}.header-user-role{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.2}.header-user-avatar{width:40px;height:40px;border-radius:var(--radius-full);border:2px solid var(--accent-light);display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--bg-card);color:var(--text-muted)}.header-user-avatar img{width:100%;height:100%;object-fit:cover}.header-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:200;padding:var(--spacing-xs);animation:dropdown-fade-in .15s ease}.header-profile-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-md);font-weight:500;transition:all var(--transition-fast);text-align:left}.header-profile-dropdown-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.header-profile-dropdown-logout:hover{background-color:var(--error-light);color:var(--error)}.header-profile-dropdown-divider{height:1px;background-color:var(--border-light);margin:var(--spacing-xs) var(--spacing-sm)}@media(min-width:768px)and (max-width:1024px){.header-search{max-width:220px}.header-action-label{display:none}}@media(max-width:767px){.header{position:fixed;top:0;left:0;right:0;height:calc(var(--header-height) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--spacing-md) 0;z-index:100}.header-search,.header-user-info{display:none}.header-user-wrapper{border-left:none;padding-left:0;margin-left:0}.header-user-avatar{width:34px;height:34px}.header-notification-dropdown{position:fixed;top:var(--header-height);left:0;right:0;width:100%;max-height:calc(100vh - var(--header-height) - var(--bottom-nav-height) - 16px);border-radius:0 0 var(--radius-xl) var(--radius-xl)}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));background-color:var(--bg-sidebar);border-top:1px solid var(--border-light);z-index:200;padding-bottom:env(safe-area-inset-bottom,0)}@media(max-width:767px){.bottom-nav{display:flex;align-items:center;justify-content:space-around}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;padding:var(--spacing-xs) 0;color:var(--text-muted);transition:color var(--transition-fast);min-width:0;background:none;border:none;cursor:pointer;font-family:var(--font-family)}.bottom-nav-item:hover{color:var(--text-secondary)}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-label{font-size:10px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px}.bottom-nav-fab{position:absolute;left:50%;top:-20px;transform:translate(-50%);width:52px;height:52px;border-radius:50%;background-color:var(--accent);border:3px solid var(--bg-sidebar);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #ff5a1f59;z-index:10}.bottom-nav-fab:hover{background-color:var(--accent-hover);box-shadow:0 6px 16px #ff5a1f80}.bottom-nav-fab:active{transform:translate(-50%) scale(.95)}.bottom-nav-icon-wrapper{position:relative;display:inline-flex}.bottom-nav-badge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;background-color:var(--accent);color:#fff;font-size:9px;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;line-height:1}.layout{display:flex;min-height:100vh;background-color:var(--bg-primary);width:100%;overflow-x:hidden}.layout-main{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal);min-width:0;max-width:100%}.layout-content{flex:1;padding:var(--spacing-lg);animation:fadeIn var(--transition-normal) forwards;min-width:0}.layout-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-overlay);z-index:240;animation:fadeIn .2s ease forwards}.layout--tablet .layout-main{margin-left:var(--sidebar-width-collapsed)}@media(min-width:768px)and (max-width:1024px){.layout-main{margin-left:var(--sidebar-width-collapsed)}.layout-content{padding:var(--spacing-md)}}@media(max-width:767px){.layout-main{margin-left:0;padding-top:calc(var(--header-height) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));width:100%}.layout-content{padding:var(--spacing-md);max-width:100%}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);padding:var(--spacing-lg)}.auth-container{width:100%;max-width:440px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-2xl) var(--spacing-xl);box-shadow:var(--shadow-xl)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.auth-logo-img{width:48px;height:48px;object-fit:contain}.auth-logo-text{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.auth-header{text-align:center;margin-bottom:var(--spacing-lg)}.auth-header h2{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.auth-header p{font-size:var(--font-size-sm);color:var(--text-muted)}.auth-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-field-row{display:flex;gap:var(--spacing-md)}.auth-field-row .auth-field{flex:1}.auth-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.auth-field label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-wrapper>svg{position:absolute;left:var(--spacing-sm);color:var(--text-muted);pointer-events:none}.auth-input-wrapper input{padding-left:40px}.auth-input-wrapper:has(.auth-password-toggle) input{padding-right:40px}.auth-password-toggle{position:absolute;right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);padding:var(--spacing-xs);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast)}.auth-password-toggle:hover{color:var(--text-primary)}.auth-submit{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;font-size:var(--font-size-md);font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);margin-top:var(--spacing-sm)}.auth-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-muted)}.auth-footer a{color:var(--accent);font-weight:500;margin-left:var(--spacing-xs)}.auth-footer a:hover{color:var(--accent-hover)}.auth-verify-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--spacing-md);border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent)}.auth-verify-email{font-weight:600;color:var(--text-primary);margin-top:var(--spacing-xs)}.auth-code-inputs{display:flex;gap:var(--spacing-sm);justify-content:center}.auth-code-input{width:48px;height:56px;text-align:center;font-size:var(--font-size-2xl);font-weight:700;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-tertiary);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast)}.auth-code-input:focus{border-color:var(--accent)}.auth-resend-btn{color:var(--accent);font-weight:500;font-size:var(--font-size-sm);background:none;border:none;cursor:pointer;margin-left:var(--spacing-xs);transition:color var(--transition-fast)}.auth-resend-btn:hover:not(:disabled){color:var(--accent-hover)}.auth-resend-btn:disabled{color:var(--text-muted);cursor:not-allowed}@media(max-width:1024px){.auth-container{max-width:400px}}@media(max-width:767px){.auth-container{padding:var(--spacing-lg);max-width:100%;border:none;box-shadow:none}.auth-field-row{flex-direction:column}}.workout-widget{position:relative;overflow:hidden;border-radius:var(--radius-xl);min-height:320px;display:flex;flex-direction:column;background-color:var(--bg-secondary)}.workout-widget-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--bg-secondary);opacity:.7;transition:opacity .6s ease,transform .5s ease}.workout-widget-bg--fading{opacity:0}.workout-widget:hover .workout-widget-bg{transform:scale(1.05)}.workout-widget-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(35,20,15,.95) 0%,rgba(35,20,15,.7) 50%,transparent 100%)}.workout-widget-content{position:relative;z-index:1;padding:var(--spacing-xl);display:flex;flex-direction:column;justify-content:space-between;flex:1}.workout-widget-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);background-color:var(--accent-light);color:var(--accent);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(255,105,51,.25);margin-bottom:var(--spacing-md)}.workout-widget-badge-active{background-color:#30d15826;color:#30d158;border-color:#30d15840}.workout-widget-badge-done{background-color:#64d2ff26;color:#64d2ff;border-color:#64d2ff40}.workout-widget-badge-skipped{background-color:#ffd60a26;color:#ffd60a;border-color:#ffd60a40}.workout-widget-title{font-size:28px;font-weight:900;color:#fff;line-height:1.2;max-width:400px;margin-bottom:var(--spacing-md)}.workout-widget-desc{color:#fff9;font-size:var(--font-size-md);font-weight:500;max-width:360px}.workout-widget-bottom{display:flex;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.workout-widget-timer{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-xl)}.workout-timer-icon{color:var(--accent)}.workout-timer-info{display:flex;flex-direction:column}.workout-timer-label{font-size:10px;font-weight:700;text-transform:uppercase;color:#ffffff80}.workout-timer-value{font-size:var(--font-size-xl);font-weight:900;color:#fff;font-variant-numeric:tabular-nums}.workout-widget-start{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--accent);color:#fff;font-weight:700;font-size:var(--font-size-md);border-radius:var(--radius-xl);transition:all var(--transition-fast);box-shadow:0 4px 16px #ff69334d}.workout-widget-start:hover{background-color:var(--accent-hover);transform:scale(1.02)}.workout-widget-start:active{transform:scale(.98)}.workout-widget-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.workout-widget-skip{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:#ffffff73;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;padding:2px 0;transition:color var(--transition-fast)}.workout-widget-skip:hover{color:#ffffffb3}.workout-widget-skip:disabled{opacity:.5;cursor:not-allowed}.workout-widget-start--secondary{background-color:#ffffff1f;box-shadow:none}.workout-widget-start--secondary:hover{background-color:#fff3}.workout-timer-value--small{font-size:var(--font-size-md);font-weight:700}@media(max-width:1024px){.workout-widget{min-height:280px}.workout-widget-title{font-size:var(--font-size-2xl)}}@media(max-width:767px){.workout-widget{min-height:240px}.workout-widget-title{font-size:var(--font-size-xl)}.workout-widget-content{padding:var(--spacing-md)}.workout-widget-bottom{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.workout-widget-start{width:100%;justify-content:center}}.workout-widget-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);animation:dropdown-fade-in .15s ease}@keyframes dropdown-fade-in{0%{opacity:0}to{opacity:1}}.workout-widget-confirm-dialog{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:360px;width:90%;text-align:center;box-shadow:var(--shadow-xl)}.workout-widget-confirm-icon{width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.workout-widget-confirm-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.workout-widget-confirm-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.5}.workout-widget-confirm-actions{display:flex;gap:var(--spacing-sm)}.workout-widget-confirm-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xl);font-size:var(--font-size-md);font-weight:600;transition:all var(--transition-fast)}.workout-widget-confirm-btn--cancel{background-color:var(--bg-secondary);color:var(--text-secondary)}.workout-widget-confirm-btn--cancel:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.workout-widget-confirm-btn--start{background-color:var(--accent);color:#fff;box-shadow:0 4px 12px #ff69334d}.workout-widget-confirm-btn--start:hover{background-color:var(--accent-hover);transform:scale(1.02)}.workout-widget-confirm-btn--start:disabled{opacity:.6;cursor:not-allowed;transform:none}.calorie-chart{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center}.calorie-chart-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:var(--spacing-md)}.calorie-chart-title{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary)}.calorie-chart-info{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast)}.calorie-chart-info:hover{color:var(--accent)}.calorie-chart-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);width:100%}.calorie-chart-column{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.calorie-chart-ring-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);flex:1}.calorie-chart-ring{position:relative;display:flex;align-items:center;justify-content:center}.calorie-chart-ring-large .calorie-chart-ring{width:156px;height:156px}.calorie-chart-ring-large .calorie-chart-value{font-size:26px}.calorie-chart-ring-small .calorie-chart-ring{width:120px;height:120px}.calorie-chart-ring-small .calorie-chart-value{font-size:20px}.calorie-chart-svg{width:100%;height:100%;transform:rotate(-90deg)}.calorie-chart-progress{transition:stroke-dashoffset .8s ease}.calorie-chart-center{position:absolute;display:flex;flex-direction:column;align-items:center}.calorie-chart-value{font-weight:900;color:var(--text-primary)}.calorie-chart-target{font-size:var(--font-size-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.calorie-chart-ring-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-align:center}.calorie-chart-macro{padding:var(--spacing-sm);border-radius:var(--radius-lg);background-color:var(--bg-primary);width:100%;margin-top:auto}.calorie-chart-macro-label{display:block;font-size:var(--font-size-xs);font-weight:700;color:var(--text-muted)}.calorie-chart-macro-value{display:block;font-size:var(--font-size-lg);font-weight:900;color:var(--text-primary);margin-top:2px}@media(max-width:1024px){.calorie-chart-ring-large .calorie-chart-ring{width:140px;height:140px}.calorie-chart-ring-large .calorie-chart-value{font-size:24px}.calorie-chart-ring-small .calorie-chart-ring{width:110px;height:110px}.calorie-chart-ring-small .calorie-chart-value{font-size:18px}}@media(max-width:767px){.calorie-chart{padding:var(--spacing-md)}.calorie-chart-columns{gap:var(--spacing-sm)}.calorie-chart-ring-large .calorie-chart-ring{width:120px;height:120px}.calorie-chart-ring-large .calorie-chart-value{font-size:20px}.calorie-chart-ring-small .calorie-chart-ring{width:100px;height:100px}.calorie-chart-ring-small .calorie-chart-value{font-size:16px}}.stat-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--accent-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.stat-card-title{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary)}.stat-card-icon{color:var(--accent)}.stat-card-value-row{display:flex;align-items:baseline;gap:var(--spacing-sm)}.stat-card-value{font-size:32px;font-weight:900;color:var(--text-primary)}.stat-card-trend{display:flex;align-items:center;gap:2px;font-size:var(--font-size-sm);font-weight:700}.stat-card-trend.trend-up{color:var(--success)}.stat-card-trend.trend-down{color:var(--error)}.stat-card-subtitle{font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted);margin-top:var(--spacing-sm)}@media(max-width:1024px){.stat-card{padding:var(--spacing-md)}.stat-card-value{font-size:28px}}@media(max-width:767px){.stat-card{padding:var(--spacing-md)}.stat-card-value{font-size:24px}.stat-card-header{margin-bottom:var(--spacing-sm)}}.ai-insight{padding:var(--spacing-xl);border-radius:var(--radius-xl);background-color:var(--accent-light);border:1px solid rgba(255,105,51,.1);position:relative;overflow:hidden;text-align:center}.ai-insight-bg-icon{position:absolute;top:0;right:0;padding:var(--spacing-md);opacity:.08;color:var(--accent)}.ai-insight-label{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);display:block;margin-bottom:var(--spacing-md)}.ai-insight-quote{font-size:var(--font-size-xl);font-weight:500;font-style:italic;color:var(--text-secondary);max-width:800px;margin:0 auto;line-height:1.6}.ai-insight-source{margin-top:var(--spacing-md);font-weight:700;color:var(--accent);font-size:var(--font-size-md)}.dashboard{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}.dashboard-greeting{margin-bottom:var(--spacing-sm)}.dashboard-greeting-title{font-size:36px;font-weight:900;color:var(--text-primary);letter-spacing:-.02em}.dashboard-greeting-subtitle{font-size:var(--font-size-lg);color:var(--text-muted);margin-top:var(--spacing-xs)}.dashboard-top-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--spacing-lg)}.dashboard-workout-col{display:flex}.dashboard-workout-col>*{flex:1}.dashboard-calorie-col{display:flex}.dashboard-calorie-col>*{flex:1}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.stat-unit{font-size:var(--font-size-sm);font-weight:700;color:var(--text-muted)}@media(max-width:1024px){.dashboard-top-grid{grid-template-columns:1fr}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.dashboard-greeting-title{font-size:var(--font-size-2xl)}.dashboard-stats-grid{grid-template-columns:1fr}.dashboard{gap:var(--spacing-lg)}}.analysis-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.analysis-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.analysis-card:hover .analysis-card-arrow{transform:translate(4px);opacity:1}.analysis-card.expanded{border-color:var(--accent)}.analysis-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.analysis-card-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.analysis-card-badge.nutrition{background:#ff983326;color:#ff9833}.analysis-card-badge.training{background:#60a5fa26;color:#60a5fa}.analysis-card-badge.recovery{background:#a78bfa26;color:#a78bfa}.analysis-card-badge.general{background:#64d2ff26;color:#64d2ff}.analysis-card-date{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.analysis-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.analysis-card-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);line-height:1.4;flex:1}.analysis-card-arrow{color:var(--text-muted);flex-shrink:0;opacity:.5;transition:all var(--transition-fast)}.analysis-card.expanded .analysis-card-arrow{transform:rotate(90deg);opacity:1;color:var(--accent)}.analysis-card-preview{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--spacing-sm)}.analysis-card-confidence{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-muted)}.analysis-card-confidence-icon{color:var(--warning)}.analysis-card-confidence-label{font-weight:500}.analysis-card-expanded-content{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease,padding .3s ease}.analysis-card.expanded .analysis-card-expanded-content{max-height:50000px;opacity:1;padding-top:var(--spacing-md)}.analysis-card-divider{height:1px;background:var(--border);margin-bottom:var(--spacing-md)}.analysis-card-response{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7;word-break:break-word}.analysis-card-response h1{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:var(--spacing-lg) 0 var(--spacing-sm)}.analysis-card-response h2{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:var(--spacing-md) 0 var(--spacing-sm)}.analysis-card-response h3{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:var(--spacing-md) 0 var(--spacing-xs)}.analysis-card-response p{margin:var(--spacing-sm) 0}.analysis-card-response ul,.analysis-card-response ol{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.analysis-card-response li{margin-bottom:var(--spacing-xs)}.analysis-card-response strong{color:var(--text-primary);font-weight:600}.analysis-card-response em{font-style:italic}.analysis-card-response table{width:100%;border-collapse:collapse;margin:var(--spacing-sm) 0;font-size:var(--font-size-xs)}.analysis-card-response th,.analysis-card-response td{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border);text-align:left}.analysis-card-response th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.analysis-card-response hr{border:none;border-top:1px solid var(--border);margin:var(--spacing-md) 0}.analysis-card-response code{background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.analysis-card-response blockquote{border-left:3px solid var(--accent);padding-left:var(--spacing-md);margin:var(--spacing-sm) 0;color:var(--text-muted);font-style:italic}.analysis-card-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.analysis-card-delete-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.analysis-card-delete-btn:hover{background:var(--error-light);border-color:var(--error);color:var(--error)}.analysis-card-enter{animation:analysisCardEnter .3s ease forwards}@keyframes analysisCardEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.analysis-card{padding:var(--spacing-sm) var(--spacing-md)}.analysis-card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.analysis-card-response table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.science{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}.science-layout{display:grid;grid-template-columns:5fr 7fr;gap:var(--spacing-xl);align-items:start}.science-form-panel{display:flex;flex-direction:column;gap:var(--spacing-lg)}.science-header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.science-header-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.science-header-subtitle{font-size:var(--font-size-md);color:var(--text-muted);line-height:1.5}.science-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.science-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.science-form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.science-select{width:100%;padding:12px var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);cursor:pointer;transition:border-color var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23B8A99C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.science-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.science-select option{background:var(--bg-secondary);color:var(--text-primary)}.science-textarea{width:100%;min-height:120px;padding:12px var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);line-height:1.6;resize:vertical;transition:border-color var(--transition-fast)}.science-textarea::placeholder{color:var(--text-muted);opacity:.7}.science-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.science-pro-tip{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;gap:var(--spacing-sm);align-items:flex-start}.science-pro-tip-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.science-pro-tip-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.science-pro-tip-label{font-size:var(--font-size-sm);font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.science-pro-tip-text{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}.science-submit-btn{width:100%;padding:14px var(--spacing-lg);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.science-submit-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.science-submit-btn:active:not(:disabled){transform:translateY(0)}.science-submit-btn:disabled{opacity:.6;cursor:not-allowed}.science-submit-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:science-spin .6s linear infinite}@keyframes science-spin{to{transform:rotate(360deg)}}.science-archive-panel{display:flex;flex-direction:column;gap:var(--spacing-md)}.science-archive-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.science-archive-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.science-archive-count{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500}.science-filter-bar{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.science-filter-buttons{display:flex;gap:var(--spacing-xs)}.science-filter-btn{padding:6px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.science-filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.science-filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.science-search-wrapper{flex:1;position:relative;min-width:180px}.science-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.science-search-input{width:100%;padding:8px 12px 8px 36px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-family);transition:border-color var(--transition-fast)}.science-search-input::placeholder{color:var(--text-muted);opacity:.7}.science-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.science-analyses-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.science-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;gap:var(--spacing-md)}.science-empty-icon{color:var(--text-muted);opacity:.4}.science-empty-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-secondary)}.science-empty-text{font-size:var(--font-size-sm);color:var(--text-muted);max-width:300px;line-height:1.5}.science-load-more-btn{width:100%;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.science-load-more-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent)}.science-load-more-btn:disabled{opacity:.5;cursor:not-allowed}.science-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.science-loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:science-spin .7s linear infinite}.science-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-lg);text-align:center}.science-error-text{font-size:var(--font-size-sm);color:var(--error)}.science-error-retry{padding:6px 16px;background:var(--error);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:opacity var(--transition-fast)}.science-error-retry:hover{opacity:.85}.animate-fade-in{animation:scienceFadeIn .4s ease forwards}@keyframes scienceFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.science-layout{grid-template-columns:1fr}.science-form-panel{order:1}.science-archive-panel{order:2}}@media(max-width:767px){.science-filter-bar{flex-direction:column;align-items:stretch}.science-search-wrapper{min-width:unset}.science-archive-header{flex-direction:column;align-items:flex-start}}.star-rating{display:inline-flex;align-items:center;gap:2px}.star-rating-star{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color var(--transition-fast),transform var(--transition-fast)}.star-rating-star.filled{color:var(--warning)}.star-rating.interactive .star-rating-star{cursor:pointer}.star-rating.interactive .star-rating-star:hover{transform:scale(1.15)}.star-rating.interactive .star-rating-star.hovered{color:var(--warning)}.star-rating-count{font-size:var(--font-size-sm);color:var(--text-muted);margin-left:var(--spacing-xs);font-weight:500}.star-rating-value{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600;margin-left:var(--spacing-xs)}.offers-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--accent)}.offers-loading{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) 0;font-size:var(--font-size-sm);color:var(--text-muted)}.offers-loading-spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:offers-spin .8s linear infinite}@keyframes offers-spin{to{transform:rotate(360deg)}}.offers-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.offers-item{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-lg);transition:background var(--transition-fast)}.offers-item:hover{background:var(--bg-tertiary)}.offers-item-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--accent-light);color:var(--accent)}.offers-item-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);white-space:nowrap}.offers-empty{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic}.offers-error{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--error)}.offers-error-text{font-size:var(--font-size-sm);color:var(--text-secondary);flex:1}.offers-retry-btn{padding:4px 12px;background:transparent;border:1px solid var(--accent);border-radius:var(--radius-md);color:var(--accent);font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-family);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.offers-retry-btn:hover{background:var(--accent);color:#fff}.navigation-button-wrapper{position:relative;display:inline-flex}.navigation-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 14px;background:transparent;border:1px solid var(--accent);border-radius:var(--radius-md);color:var(--accent);font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.navigation-button:hover{background:var(--accent);color:#fff}.navigation-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:10;min-width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;animation:navigation-dropdown-fade .15s ease}@keyframes navigation-dropdown-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.navigation-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast);text-align:left}.navigation-dropdown-item:hover{background:var(--bg-secondary)}.navigation-dropdown-item+.navigation-dropdown-item{border-top:1px solid var(--border-light)}.studio-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-fast);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;overflow:hidden}.studio-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.studio-card:hover .studio-card-arrow{transform:translate(4px);opacity:1}.studio-card.expanded{border-color:var(--accent)}.studio-card.external{border-left:3px solid var(--info)}.studio-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.studio-card-name-row{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.studio-card-name{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);line-height:1.3}.studio-card-source-badge{display:inline-flex;padding:2px 8px;background:#64d2ff26;color:var(--info);font-size:10px;font-weight:600;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.studio-card-osm-hint{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.studio-card-arrow{color:var(--text-muted);flex-shrink:0;opacity:.5;transition:all var(--transition-fast);margin-top:4px}.studio-card.expanded .studio-card-arrow{transform:rotate(90deg);opacity:1;color:var(--accent)}.studio-card-location{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-md)}.studio-card-location-icon{flex-shrink:0;color:var(--accent)}.studio-card-address{display:flex;flex-direction:column;gap:2px}.studio-card-city{font-size:var(--font-size-sm);color:var(--text-muted)}.studio-card-features{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.studio-card-feature{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--accent-light);color:var(--accent);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.studio-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.studio-card-contact{display:flex;align-items:center;gap:var(--spacing-sm)}.studio-card-contact-link{display:flex;align-items:center;color:var(--text-muted);transition:color var(--transition-fast)}.studio-card-contact-link:hover{color:var(--accent)}.studio-card-expanded{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease}.studio-card.expanded .studio-card-expanded{max-height:50000px;opacity:1}.studio-card-divider{height:1px;background:var(--border);margin-bottom:var(--spacing-md)}.studio-card-section{margin-bottom:var(--spacing-md)}.studio-card-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.studio-card-section-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.studio-card-section-header .studio-card-section-title{margin-bottom:0}.studio-card-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.studio-card-contact-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.studio-card-contact-row{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-muted)}.studio-card-contact-value{color:var(--accent);text-decoration:none;transition:opacity var(--transition-fast)}.studio-card-contact-value:hover{opacity:.8}.studio-card-review-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;background:transparent;border:1px solid var(--accent);border-radius:var(--radius-md);color:var(--accent);font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.studio-card-review-btn:hover{background:var(--accent);color:#fff}.studio-card-review-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.studio-card-review-form-rating{display:flex;align-items:center;gap:var(--spacing-md)}.studio-card-review-form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.studio-card-review-textarea{width:100%;padding:var(--spacing-sm);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-family);resize:vertical;outline:none;transition:border-color var(--transition-fast)}.studio-card-review-textarea::placeholder{color:var(--text-muted)}.studio-card-review-textarea:focus{border-color:var(--accent)}.studio-card-review-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.studio-card-review-cancel{padding:6px 14px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.studio-card-review-cancel:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.studio-card-review-submit{padding:6px 14px;background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.studio-card-review-submit:hover:not(:disabled){background:var(--accent-hover)}.studio-card-review-submit:disabled{opacity:.5;cursor:not-allowed}.studio-card-reviews-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.studio-card-review-item{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.studio-card-review-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.studio-card-review-user{display:flex;align-items:center;gap:var(--spacing-sm)}.studio-card-review-username{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.studio-card-review-date{font-size:var(--font-size-xs);color:var(--text-muted)}.studio-card-review-comment{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.studio-card-no-reviews{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic}.studio-card-import{display:flex;flex-direction:column;gap:var(--spacing-sm)}.studio-card-import-hint{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}.studio-card-import-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 16px;background:var(--info);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);align-self:flex-start}.studio-card-import-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.studio-card-import-btn:disabled{opacity:.5;cursor:not-allowed}.studio-card-actions{display:flex;justify-content:flex-end;padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.studio-card-delete-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.studio-card-delete-btn:hover{background:var(--error-light);border-color:var(--error);color:var(--error)}@media(max-width:1024px){.studio-card{padding:var(--spacing-md)}.studio-card-features{gap:var(--spacing-xs)}}@media(max-width:767px){.studio-card-name{font-size:var(--font-size-lg)}.studio-card-footer{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.studio-card-review-form-rating{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.studio-card-review-form-actions{flex-direction:column}.studio-card-review-cancel,.studio-card-review-submit{width:100%;text-align:center;justify-content:center}}.studio-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn var(--transition-fast) forwards}.studio-form-modal{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:scaleIn var(--transition-normal) forwards}.studio-form-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.studio-form-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.studio-form-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.studio-form-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.studio-form-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.studio-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.studio-form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.studio-form-required{color:var(--error);margin-left:2px}.studio-form-input{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.studio-form-input::placeholder{color:var(--text-muted)}.studio-form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-light)}.studio-form-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-md)}.studio-form-section-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-top:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-light)}.studio-form-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.studio-form-feature{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.studio-form-feature:hover{background-color:var(--bg-hover)}.studio-form-checkbox{width:18px;height:18px;border:2px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast);background-color:transparent}.studio-form-checkbox.checked{background-color:var(--accent);border-color:var(--accent);color:#fff}.studio-form-feature-label{font-size:var(--font-size-md);color:var(--text-secondary);-webkit-user-select:none;user-select:none}.studio-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-light)}.studio-form-cancel{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-md);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.studio-form-cancel:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.studio-form-submit{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-md);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.studio-form-submit:hover{background-color:var(--accent-hover)}.studio-form-submit:disabled{opacity:.5;cursor:not-allowed}.studio-form-error{font-size:var(--font-size-sm);color:var(--error);margin-top:2px}@media(max-width:767px){.studio-form-modal{max-height:95vh}.studio-form-row,.studio-form-features{grid-template-columns:1fr}}.studio-page{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.studio-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.studio-page-title{font-size:36px;font-weight:900;color:var(--text-primary);letter-spacing:-.02em}.studio-page-subtitle{font-size:var(--font-size-lg);color:var(--text-muted);margin-top:var(--spacing-xs)}.studio-add-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-md);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.studio-add-button:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.studio-search{display:flex;gap:var(--spacing-md)}.studio-search-field{flex:1;position:relative;display:flex;align-items:center}.studio-search-icon{position:absolute;left:var(--spacing-md);color:var(--text-muted);pointer-events:none}.studio-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:44px;background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.studio-search-input::placeholder{color:var(--text-muted)}.studio-search-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-light)}.studio-search-city{width:240px;flex-shrink:0}.studio-search-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-md);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.studio-search-button:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.studio-search-button:disabled{opacity:.6;cursor:not-allowed}.studio-filter-groups{display:flex;flex-direction:column;gap:var(--spacing-md)}.studio-filter-group{display:flex;align-items:flex-start;gap:var(--spacing-md);min-width:0}.studio-filter-group-label{font-size:var(--font-size-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;width:100px;flex-shrink:0;padding-top:6px;line-height:1}.studio-filter-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);min-width:0;flex:1}.studio-filter-chip{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.studio-filter-chip:hover{border-color:var(--accent);color:var(--accent);background-color:var(--accent-light)}.studio-filter-chip.active{background-color:var(--accent);border-color:var(--accent);color:#fff}.studio-filter-chip.active:hover{background-color:var(--accent-hover);color:#fff}.studio-filter-chip-offer{gap:6px}.studio-filter-hint{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic;margin-top:calc(-1 * var(--spacing-xs));padding-left:calc(100px + var(--spacing-md))}.studio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);align-items:start}.studio-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md)}.studio-loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.studio-loading-text{font-size:var(--font-size-md);color:var(--text-muted)}.studio-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md);text-align:center}.studio-empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--accent-light);color:var(--accent);border-radius:var(--radius-xl)}.studio-empty-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.studio-empty-text{font-size:var(--font-size-md);color:var(--text-muted);max-width:400px}.studio-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md);text-align:center}.studio-error-icon{color:var(--error)}.studio-error-text{font-size:var(--font-size-md);color:var(--error)}.studio-error-retry{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1px solid var(--accent);border-radius:var(--radius-lg);color:var(--accent);font-size:var(--font-size-md);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.studio-error-retry:hover{background-color:var(--accent);color:#fff}.studio-results-count{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500}@media(max-width:1024px){.studio-grid{grid-template-columns:1fr}}@media(max-width:767px){.studio-search{flex-direction:column}.studio-search-city{width:100%}.studio-add-button,.studio-search-button{width:100%;justify-content:center}.studio-filter-group{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.studio-filter-group-label{width:auto}.studio-filter-hint{padding-left:0}}.exercise-picker-search{position:relative;margin-bottom:var(--spacing-md)}.exercise-picker-search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.exercise-picker-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);transition:border-color var(--transition-fast);box-sizing:border-box}.exercise-picker-search-input:focus{outline:none;border-color:var(--border-focus)}.exercise-picker-search-input::placeholder{color:var(--text-muted)}.exercise-picker-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.exercise-picker-chip{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.exercise-picker-chip:hover{border-color:var(--accent);color:var(--accent)}.exercise-picker-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.exercise-picker-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:300px;overflow-y:auto;margin-bottom:var(--spacing-md)}.exercise-picker-list::-webkit-scrollbar{width:6px}.exercise-picker-list::-webkit-scrollbar-track{background:transparent}.exercise-picker-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.exercise-picker-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.exercise-picker-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.exercise-picker-item:hover{background:var(--bg-hover)}.exercise-picker-item.selected{background:var(--accent-light);border-color:var(--accent)}.exercise-picker-item-color{width:8px;height:40px;border-radius:var(--radius-sm);flex-shrink:0}.exercise-picker-item-color.chest{background:#ff6933}.exercise-picker-item-color.back{background:#3b82f6}.exercise-picker-item-color.shoulders{background:#8b5cf6}.exercise-picker-item-color.biceps{background:#ef4444}.exercise-picker-item-color.triceps{background:#f59e0b}.exercise-picker-item-color.legs{background:#10b981}.exercise-picker-item-color.core{background:#ec4899}.exercise-picker-item-color.glutes{background:#14b8a6}.exercise-picker-item-color.calves{background:#06b6d4}.exercise-picker-item-color.forearms{background:#d97706}.exercise-picker-item-color.full_body{background:#6366f1}.exercise-picker-item-info{flex:1;min-width:0}.exercise-picker-item-name{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.exercise-picker-item-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.exercise-picker-config{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);animation:expandIn .2s ease}.exercise-picker-config-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.exercise-picker-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.exercise-picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-muted);font-size:var(--font-size-md);text-align:center;gap:var(--spacing-sm)}.exercise-picker-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-muted);gap:var(--spacing-sm)}@media(max-width:767px){.exercise-picker-config-grid{grid-template-columns:1fr}}.training-logger-exercise{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-input);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.training-logger-exercise-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.training-logger-exercise-info{flex:1}.training-logger-exercise-name{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.training-logger-exercise-meta{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:2px}.training-logger-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.training-logger-notes{margin-bottom:var(--spacing-md)}.training-logger-notes textarea{resize:vertical;min-height:80px}.training-logger-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);text-align:center;animation:scaleIn .3s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.training-logger-success-icon{width:64px;height:64px;border-radius:var(--radius-full);background:var(--success-light);color:var(--success);display:flex;align-items:center;justify-content:center}.training-logger-success-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.training-logger-success-text{font-size:var(--font-size-md);color:var(--text-muted)}@media(max-width:767px){.training-logger-grid{grid-template-columns:1fr}}.plan-library-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:planLibraryFadeIn .2s ease;padding:var(--spacing-md)}@keyframes planLibraryFadeIn{0%{opacity:0}to{opacity:1}}.plan-library-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:planLibraryModalIn .3s ease}@keyframes planLibraryModalIn{0%{opacity:0;transform:scale(.95) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.plan-library-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);flex-shrink:0}.plan-library-header-left{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--accent)}.plan-library-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0}.plan-library-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.plan-library-close:hover{background:var(--bg-hover);color:var(--text-primary)}.plan-library-filters{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-sm);flex-shrink:0}.plan-library-filter-row{display:flex;align-items:center;gap:var(--spacing-sm)}.plan-library-filter-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:80px}.plan-library-tabs{display:flex;gap:var(--spacing-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.plan-library-tabs::-webkit-scrollbar{display:none}.plan-library-tab{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.plan-library-tab:hover{border-color:var(--accent);color:var(--accent)}.plan-library-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.plan-library-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.plan-library-body::-webkit-scrollbar{width:6px}.plan-library-body::-webkit-scrollbar-track{background:transparent}.plan-library-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.plan-library-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.plan-library-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted);font-size:var(--font-size-md);gap:var(--spacing-sm)}.plan-library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted);font-size:var(--font-size-md);gap:var(--spacing-md);text-align:center}.plan-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.plan-library-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:all var(--transition-normal);animation:planCardSlideUp .4s ease forwards;opacity:0}@keyframes planCardSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.plan-library-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-lg);cursor:pointer}.plan-library-card-header{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.plan-library-badge-category,.plan-library-badge-difficulty{display:inline-flex;align-items:center;padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;line-height:1.4}.plan-library-badge-muscle_building{background:#ff5a1f26;color:#ff6933}.plan-library-badge-strength{background:#ef444426;color:#ef4444}.plan-library-badge-weight_loss{background:#10b98126;color:#10b981}.plan-library-badge-endurance{background:#3b82f626;color:#3b82f6}.plan-library-badge-general{background:#8b5cf626;color:#8b5cf6}.plan-library-badge-beginner{background:#10b98126;color:#10b981}.plan-library-badge-intermediate{background:#f59e0b26;color:#f59e0b}.plan-library-badge-expert{background:#ef444426;color:#ef4444}.plan-library-card-name{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.plan-library-card-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.plan-library-card-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-sm)}.plan-library-card-meta-item{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--text-muted)}.plan-library-card-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-xs)}.plan-library-card-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.plan-library-card-button:disabled{opacity:.7;cursor:not-allowed}.plan-library-card-details-hint{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;font-size:var(--font-size-xs);font-weight:500;color:var(--accent);margin-top:auto;border-top:1px solid var(--border-light)}.plan-library-detail{display:flex;flex-direction:column;gap:var(--spacing-lg)}.plan-library-detail-header{display:flex;align-items:center}.plan-library-detail-back{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.plan-library-detail-back:hover{border-color:var(--accent);color:var(--accent)}.plan-library-detail-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.plan-library-detail-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.plan-library-detail-name{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.plan-library-detail-description{font-size:var(--font-size-md);color:var(--text-secondary);margin:0;line-height:1.6}.plan-library-detail-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding-top:var(--spacing-xs)}.plan-library-detail-days{display:flex;flex-direction:column;gap:var(--spacing-md)}.plan-library-detail-day{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.plan-library-detail-day-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:#ff5a1f0f;border-bottom:1px solid var(--border-light);color:var(--accent)}.plan-library-detail-day-title{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary);margin:0}.plan-library-detail-day-count{font-size:var(--font-size-xs);color:var(--text-muted);margin-left:auto}.plan-library-detail-exercises{display:flex;flex-direction:column}.plan-library-detail-exercise{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast);flex-wrap:wrap}.plan-library-detail-exercise:last-child{border-bottom:none}.plan-library-detail-exercise:hover{background:#ffffff05}.plan-library-detail-exercise-main{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.plan-library-detail-exercise-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:#ff5a1f1f;color:var(--accent);font-size:var(--font-size-xs);font-weight:700;flex-shrink:0}.plan-library-detail-exercise-info{display:flex;flex-direction:column;min-width:0}.plan-library-detail-exercise-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-library-detail-exercise-muscle{font-size:var(--font-size-xs);color:var(--text-muted)}.plan-library-detail-exercise-stats{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.plan-library-detail-exercise-stat{display:flex;flex-direction:column;align-items:center;min-width:40px}.plan-library-detail-stat-value{font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary)}.plan-library-detail-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.plan-library-detail-stat-divider{color:var(--text-muted);font-size:var(--font-size-xs)}.plan-library-detail-exercise-equipment{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--text-muted);width:100%;padding-left:40px;padding-bottom:var(--spacing-xs)}.plan-library-detail-action{display:flex;justify-content:center;padding:var(--spacing-md) 0;position:sticky;bottom:0;background:var(--bg-card)}.plan-library-detail-action .plan-library-card-button{min-width:240px;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-md)}@media(max-width:1024px){.plan-library-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.plan-library-overlay{padding:0;align-items:flex-end}.plan-library-modal{max-width:100%;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.plan-library-grid{grid-template-columns:1fr}.plan-library-header{padding:var(--spacing-md)}.plan-library-filters{padding:var(--spacing-sm) var(--spacing-md)}.plan-library-filter-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.plan-library-body{padding:var(--spacing-md)}.plan-library-detail-exercise{padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.plan-library-detail-exercise-stats{padding-left:40px}.plan-library-detail-day-header{padding:var(--spacing-sm) var(--spacing-md)}.plan-library-detail-exercise-equipment{padding-left:40px}}.progress-charts{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.progress-charts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--text-muted);font-size:var(--font-size-md)}.progress-charts-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);animation:progressChartsSpin .8s linear infinite}@keyframes progressChartsSpin{to{transform:rotate(360deg)}}.progress-charts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;gap:var(--spacing-md)}.progress-charts-empty-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center}.progress-charts-empty-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0}.progress-charts-empty-text{font-size:var(--font-size-md);color:var(--text-muted);margin:0;max-width:360px;line-height:1.5}.progress-charts-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.progress-charts-stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);animation:progressChartsSlideUp .5s ease forwards;opacity:0;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.progress-charts-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@keyframes progressChartsSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.progress-charts-stat-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center}.progress-charts-stat-value{font-size:var(--font-size-xl);font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.2}.progress-charts-stat-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center}.progress-charts-donut-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);animation:progressChartsSlideUp .5s ease .5s forwards;opacity:0}.progress-charts-section-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.progress-charts-donut-container{display:flex;align-items:center;gap:var(--spacing-xl)}.progress-charts-donut-wrapper{flex-shrink:0}.progress-charts-donut-svg{display:block}.progress-charts-donut-segment{animation:progressChartsDonutFadeIn .6s ease forwards;opacity:0}@keyframes progressChartsDonutFadeIn{0%{opacity:0;stroke-dashoffset:0}to{opacity:1}}.progress-charts-donut-center-value{font-size:22px;font-weight:800;fill:var(--text-primary);font-family:var(--font-family)}.progress-charts-donut-center-label{font-size:10px;font-weight:600;fill:var(--text-muted);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.05em}.progress-charts-donut-legend{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;min-width:0}.progress-charts-legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.progress-charts-legend-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.progress-charts-legend-label{color:var(--text-secondary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-charts-legend-value{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums;flex-shrink:0}.progress-charts-streak-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.progress-charts-streak-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);animation:progressChartsSlideUp .5s ease .7s forwards;opacity:0;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.progress-charts-streak-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.progress-charts-streak-card.current{border-color:var(--accent);background:linear-gradient(135deg,var(--bg-card) 0%,var(--accent-light) 100%)}.progress-charts-streak-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.progress-charts-streak-icon.secondary{background:var(--bg-hover);color:var(--text-secondary)}.progress-charts-streak-info{display:flex;flex-direction:column;gap:2px;min-width:0}.progress-charts-streak-value{font-size:var(--font-size-2xl);font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.1}.progress-charts-streak-value.small{font-size:var(--font-size-xl)}.progress-charts-streak-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}@media(max-width:1024px){.progress-charts-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.progress-charts-stats-grid{grid-template-columns:1fr}.progress-charts-stat-card{flex-direction:row;padding:var(--spacing-md);gap:var(--spacing-md)}.progress-charts-stat-value{font-size:var(--font-size-lg)}.progress-charts-stat-label{text-align:left}.progress-charts-donut-container{flex-direction:column;align-items:center}.progress-charts-donut-legend{width:100%}.progress-charts-streak-section{grid-template-columns:1fr}.progress-charts-streak-value{font-size:var(--font-size-xl)}.progress-charts-streak-value.small{font-size:var(--font-size-lg)}}.training-history{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);max-width:900px;margin:0 auto;width:100%}.training-history-header{display:flex;align-items:center;justify-content:space-between}.training-history-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em}.training-history-filters{display:flex;gap:var(--spacing-xs);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xs)}.training-history-filter-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.training-history-filter-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.training-history-filter-btn.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.training-history-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2xl) 0;color:var(--text-muted);font-size:var(--font-size-md)}.training-history-loading svg{animation:historyPulse 1.5s ease-in-out infinite}@keyframes historyPulse{0%,to{opacity:1}50%{opacity:.4}}.training-history-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;color:var(--text-muted)}.training-history-error svg{color:var(--error)}.training-history-error p{margin:0;font-size:var(--font-size-md)}.training-history-retry-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.training-history-retry-btn:hover{border-color:var(--accent);color:var(--accent)}.training-history-empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.training-history-empty-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center}.training-history-empty h3{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0}.training-history-empty p{font-size:var(--font-size-md);color:var(--text-muted);margin:0;max-width:360px;line-height:1.5}.training-history-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.training-history-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.training-history-card:hover{border-color:var(--accent-light)}.training-history-card.expanded{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-light)}.training-history-card-header{display:flex;align-items:center;width:100%;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;cursor:pointer;text-align:left;color:inherit;font:inherit;gap:var(--spacing-md);transition:background var(--transition-fast)}.training-history-card-header:hover{background:var(--bg-hover)}.training-history-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.training-history-card-date{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary)}.training-history-card-plan{font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-history-card-stats{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.training-history-stat{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.training-history-stat svg{color:var(--text-muted);flex-shrink:0}.training-history-card-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.training-history-status{display:inline-flex;align-items:center;padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.training-history-status.completed{background:var(--success-light);color:var(--success)}.training-history-status.cancelled{background:var(--error-light);color:var(--error)}.training-history-chevron{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:transform var(--transition-normal)}.training-history-chevron.rotated{transform:rotate(180deg)}.training-history-card-details{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.training-history-card-details.open{max-height:2000px;transition:max-height .6s cubic-bezier(.4,0,.2,1)}.training-history-card-details-inner{padding:0 var(--spacing-lg) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);border-top:1px solid var(--border);padding-top:var(--spacing-md)}.training-history-exercise{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-lg);transition:background var(--transition-fast)}.training-history-exercise.skipped{opacity:.5}.training-history-exercise-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.training-history-exercise-info{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;min-width:0}.training-history-exercise-name{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary)}.training-history-muscle-badge{display:inline-flex;align-items:center;padding:1px var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.training-history-muscle-badge.chest{background:#ff5a1f26;color:#ff5a1f}.training-history-muscle-badge.back{background:#3b82f626;color:#3b82f6}.training-history-muscle-badge.shoulders{background:#8b5cf626;color:#8b5cf6}.training-history-muscle-badge.biceps{background:#ef444426;color:#ef4444}.training-history-muscle-badge.triceps{background:#f59e0b26;color:#f59e0b}.training-history-muscle-badge.legs{background:#10b98126;color:#10b981}.training-history-muscle-badge.core{background:#ec489926;color:#ec4899}.training-history-muscle-badge.glutes{background:#14b8a626;color:#14b8a6}.training-history-muscle-badge.calves{background:#06b6d426;color:#06b6d4}.training-history-muscle-badge.forearms{background:#d9770626;color:#d97706}.training-history-muscle-badge.full-body{background:#6366f126;color:#6366f1}.training-history-exercise-status{flex-shrink:0}.training-history-exercise-sets-count{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:600}.training-history-exercise-skipped{font-size:var(--font-size-xs);font-weight:600;color:var(--warning);text-transform:uppercase}.training-history-sets{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden}.training-history-set-row{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-sm);font-size:var(--font-size-sm)}.training-history-set-row.zebra{background:var(--bg-hover)}.training-history-set-row.incomplete{opacity:.4}.training-history-set-number{color:var(--text-muted);font-weight:600;width:24px;flex-shrink:0;font-variant-numeric:tabular-nums}.training-history-set-detail{flex:1;color:var(--text-secondary);font-variant-numeric:tabular-nums}.training-history-set-incomplete{color:var(--text-muted)}.training-history-set-check{width:20px;display:flex;align-items:center;justify-content:center;color:var(--success);flex-shrink:0}.training-history-exercise-summary{font-size:var(--font-size-sm);font-weight:600;color:var(--accent);padding:var(--spacing-xs) var(--spacing-sm);background:var(--accent-light);border-radius:var(--radius-md);text-align:center}.training-history-card{animation:historyCardIn .3s ease forwards;opacity:0}.training-history-card:nth-child(1){animation-delay:0ms}.training-history-card:nth-child(2){animation-delay:50ms}.training-history-card:nth-child(3){animation-delay:.1s}.training-history-card:nth-child(4){animation-delay:.15s}.training-history-card:nth-child(5){animation-delay:.2s}.training-history-card:nth-child(6){animation-delay:.25s}.training-history-card:nth-child(7){animation-delay:.3s}.training-history-card:nth-child(8){animation-delay:.35s}.training-history-card:nth-child(9){animation-delay:.4s}.training-history-card:nth-child(10){animation-delay:.45s}@keyframes historyCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.training-history-card-stats{gap:var(--spacing-sm)}.training-history-stat{font-size:var(--font-size-xs)}}@media(max-width:767px){.training-history{padding:var(--spacing-md);gap:var(--spacing-md)}.training-history-title{font-size:var(--font-size-xl)}.training-history-filters{gap:2px;padding:3px}.training-history-filter-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.training-history-card-header{flex-wrap:wrap;padding:var(--spacing-md);gap:var(--spacing-sm)}.training-history-card-info{flex:1 1 100%;flex-direction:row;align-items:center;gap:var(--spacing-sm)}.training-history-card-date{font-size:var(--font-size-sm)}.training-history-card-plan{font-size:var(--font-size-xs)}.training-history-card-stats{flex:1;flex-wrap:wrap;gap:var(--spacing-sm)}.training-history-card-actions{flex-shrink:0}.training-history-card-details-inner{padding:0 var(--spacing-md) var(--spacing-md);padding-top:var(--spacing-sm)}.training-history-exercise-header{flex-direction:column;align-items:flex-start;gap:4px}.training-history-exercise-summary{font-size:var(--font-size-xs)}}.rating-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:ratingModalFadeIn .2s ease;padding:var(--spacing-md)}@keyframes ratingModalFadeIn{0%{opacity:0}to{opacity:1}}.rating-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:500px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:ratingModalSlideUp .3s cubic-bezier(.34,1.2,.64,1)}@keyframes ratingModalSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.rating-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);flex-shrink:0}.rating-modal-header-left{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--accent)}.rating-modal-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0}.rating-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.rating-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.rating-modal-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.rating-modal-plan-name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0;text-align:center;line-height:1.4}.rating-modal-stars{display:flex;justify-content:center;padding:var(--spacing-sm) 0}.rating-modal-comment{width:100%;min-height:100px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-family:inherit;line-height:1.6;resize:vertical;transition:border-color var(--transition-fast);box-sizing:border-box}.rating-modal-comment::placeholder{color:var(--text-muted)}.rating-modal-comment:focus{outline:none;border-color:var(--accent)}.rating-modal-comment::-webkit-scrollbar{width:6px}.rating-modal-comment::-webkit-scrollbar-track{background:transparent}.rating-modal-comment::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.rating-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-light);flex-shrink:0}.rating-modal-submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.rating-modal-submit-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.rating-modal-submit-btn:disabled{opacity:.5;cursor:not-allowed}.rating-modal-delete-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--error, #ff453a);border-radius:var(--radius-lg);color:var(--error, #ff453a);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-right:auto}.rating-modal-delete-btn:hover:not(:disabled){background:var(--error, #ff453a);color:#fff}.rating-modal-delete-btn:disabled{opacity:.5;cursor:not-allowed}.rating-modal-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:ratingModalSpin .6s linear infinite}.rating-modal-delete-btn .rating-modal-spinner{border-color:#ff453a4d;border-top-color:var(--error, #ff453a)}@keyframes ratingModalSpin{to{transform:rotate(360deg)}}@media(max-width:767px){.rating-modal-overlay{padding:0;align-items:flex-end}.rating-modal{max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.rating-modal-header,.rating-modal-body{padding:var(--spacing-md)}.rating-modal-footer{padding:var(--spacing-sm) var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));flex-wrap:wrap}.rating-modal-delete-btn{margin-right:0;flex:1}.rating-modal-submit-btn{flex:1}}.plan-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:planDetailFadeIn .2s ease}@keyframes planDetailFadeIn{0%{opacity:0}to{opacity:1}}.plan-detail-modal{position:relative;width:100%;max-width:700px;max-height:85vh;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:planDetailSlideUp .3s ease}@keyframes planDetailSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.plan-detail-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-full);background:var(--bg-hover);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);z-index:1}.plan-detail-close:hover{background:var(--accent);color:#fff}.plan-detail-header{padding:var(--spacing-xl);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:var(--spacing-md)}.plan-detail-header-top{padding-right:44px}.plan-detail-name{font-size:var(--font-size-2xl);font-weight:800;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.plan-detail-ai-badge{font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6,#a855f7);padding:2px 8px;border-radius:var(--radius-sm);letter-spacing:.5px}.plan-detail-author{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-muted)}.plan-detail-author-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--accent);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.plan-detail-author-avatar img{width:100%;height:100%;object-fit:cover}.plan-detail-author-avatar span{font-size:12px;font-weight:700;color:#fff}.plan-detail-author-name{font-weight:600;color:var(--text-primary)}.plan-detail-date{color:var(--text-muted)}.plan-detail-date:before{content:"·";margin-right:var(--spacing-sm)}.plan-detail-rating{display:flex;align-items:center;gap:var(--spacing-md)}.plan-detail-rate-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.plan-detail-rate-btn:hover{border-color:var(--accent);color:var(--accent)}.plan-detail-stats{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.plan-detail-stat{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.plan-detail-stat svg{color:var(--accent)}.plan-detail-description{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border)}.plan-detail-section-title{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.plan-detail-description-text{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.7;margin:0}.plan-detail-exercises{padding:var(--spacing-lg) var(--spacing-xl)}.plan-detail-day{margin-bottom:var(--spacing-lg)}.plan-detail-day:last-child{margin-bottom:0}.plan-detail-day-title{font-size:var(--font-size-sm);font-weight:700;color:var(--accent);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:.5px}.plan-detail-exercise-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.plan-detail-exercise{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.plan-detail-exercise-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.plan-detail-exercise-details{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-muted)}.plan-detail-exercise-sets{font-weight:700;color:var(--text-secondary)}.plan-detail-exercise-weight{color:var(--accent);font-weight:600}.plan-detail-actions{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border)}.plan-detail-copy-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);border:none;border-radius:var(--radius-lg);background:var(--accent);color:#fff;font-size:var(--font-size-md);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.plan-detail-copy-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.plan-detail-copy-btn:disabled{opacity:.7;cursor:not-allowed}.plan-detail-copy-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:planDetailSpin .6s linear infinite}@keyframes planDetailSpin{to{transform:rotate(360deg)}}.plan-detail-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.plan-detail-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);animation:planDetailSpin .8s linear infinite}@media(max-width:767px){.plan-detail-overlay{padding:0;align-items:flex-end}.plan-detail-modal{max-height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.plan-detail-header{padding:var(--spacing-lg)}.plan-detail-name{font-size:var(--font-size-xl)}.plan-detail-description,.plan-detail-exercises,.plan-detail-actions{padding:var(--spacing-md) var(--spacing-lg)}.plan-detail-exercise{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.user-profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:userProfileFadeIn .2s ease}@keyframes userProfileFadeIn{0%{opacity:0}to{opacity:1}}.user-profile-modal{position:relative;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:userProfileSlideUp .3s ease}@keyframes userProfileSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-profile-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-full);background:var(--bg-hover);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);z-index:1}.user-profile-close:hover{background:var(--accent);color:#fff}.user-profile-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);border-bottom:1px solid var(--border)}.user-profile-avatar{width:64px;height:64px;border-radius:var(--radius-full);background:var(--accent);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.user-profile-avatar-img{width:100%;height:100%;object-fit:cover}.user-profile-avatar-initial{font-size:24px;font-weight:800;color:#fff}.user-profile-info{flex:1;min-width:0}.user-profile-name{font-size:var(--font-size-xl);font-weight:800;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.user-profile-stats{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-muted)}.user-profile-stat strong{color:var(--text-primary);font-weight:700}.user-profile-stat-divider{width:3px;height:3px;border-radius:var(--radius-full);background:var(--text-muted);opacity:.5}.user-profile-follow-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 20px;border:2px solid var(--accent);border-radius:var(--radius-lg);background:var(--accent);color:#fff;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.user-profile-follow-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.user-profile-follow-btn.following{background:transparent;color:var(--accent)}.user-profile-follow-btn.following:hover{border-color:var(--error);color:var(--error)}.user-profile-follow-btn:disabled{opacity:.7;cursor:not-allowed}.user-profile-follow-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:var(--radius-full);animation:userProfileSpin .6s linear infinite}@keyframes userProfileSpin{to{transform:rotate(360deg)}}.user-profile-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0;flex-wrap:wrap}.user-profile-friend-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 16px;border:2px solid var(--border);border-radius:var(--radius-lg);background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.user-profile-friend-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.user-profile-friend-btn:disabled{opacity:.7;cursor:not-allowed}.user-profile-friend-btn.pending{border-color:var(--text-muted);color:var(--text-muted)}.user-profile-friend-btn.accept{border-color:var(--success);color:var(--success)}.user-profile-friend-btn.accept:hover:not(:disabled){background:var(--success);color:#fff}.user-profile-friend-btn.reject{border-color:var(--error);color:var(--error);padding:8px 10px}.user-profile-friend-btn.reject:hover:not(:disabled){background:var(--error);color:#fff}.user-profile-friend-btn.friends{border-color:var(--success);color:var(--success)}.user-profile-friend-actions{display:flex;gap:var(--spacing-xs)}.user-profile-plans{padding:var(--spacing-lg) var(--spacing-xl)}.user-profile-plans-title{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.user-profile-plans-empty{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;padding:var(--spacing-lg) 0}.user-profile-plans-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.user-profile-plan-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}.user-profile-plan-card:hover{border-color:var(--accent)}.user-profile-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.user-profile-plan-info{flex:1;min-width:0}.user-profile-plan-name{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-xs)}.user-profile-ai-badge{font-size:9px;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6,#a855f7);padding:1px 5px;border-radius:var(--radius-sm);letter-spacing:.5px}.user-profile-plan-desc{font-size:var(--font-size-xs);color:var(--text-muted);margin:4px 0 0;line-height:1.4}.user-profile-plan-rate-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.user-profile-plan-rate-btn:hover{border-color:var(--accent);color:var(--accent);background:#ff5a1f14}.user-profile-plan-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.user-profile-plan-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-muted)}.user-profile-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.user-profile-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);animation:userProfileSpin .8s linear infinite}@media(max-width:767px){.user-profile-overlay{padding:0;align-items:flex-end}.user-profile-modal{max-height:90vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.user-profile-header{flex-direction:column;text-align:center;gap:var(--spacing-md)}.user-profile-stats{justify-content:center}}.community-plans{display:flex;flex-direction:column;gap:var(--spacing-lg)}.community-plans-header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.community-plans-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em}.community-plans-description{font-size:var(--font-size-md);color:var(--text-muted);margin:0;line-height:1.5}.community-filter-bar{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.community-search{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}.community-search:focus-within{border-color:var(--accent)}.community-search svg{color:var(--text-muted);flex-shrink:0}.community-search-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);outline:none}.community-search-input::placeholder{color:var(--text-muted)}.community-search-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:var(--bg-hover);color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.community-search-clear:hover{background:var(--accent);color:#fff}.community-sort{display:flex;gap:2px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2px}.community-sort-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.community-sort-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.community-sort-btn.active{background:var(--accent);color:#fff}.community-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.community-plan-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);animation:communitySlideUp .4s ease forwards;opacity:0}.community-plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}@keyframes communitySlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.community-plan-user{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:opacity var(--transition-fast)}.community-plan-user:hover{opacity:.8}.community-plan-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--accent);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.community-plan-avatar-img{width:100%;height:100%;object-fit:cover}.community-plan-avatar-initial{font-size:var(--font-size-sm);font-weight:700;color:#fff;line-height:1}.community-plan-username{font-size:var(--font-size-sm);color:var(--accent);font-weight:600}.community-plan-ai-badge{font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6,#a855f7);padding:2px 6px;border-radius:var(--radius-sm);letter-spacing:.5px}.community-plan-name{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;cursor:pointer;transition:color var(--transition-fast)}.community-plan-name:hover{color:var(--accent)}.community-plan-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5;cursor:pointer;transition:color var(--transition-fast)}.community-plan-description:hover{color:var(--text-primary)}.community-plan-rating{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.community-plan-rate-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.community-plan-rate-btn:hover{border-color:var(--accent);color:var(--accent);background:#ff5a1f14}.community-plan-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.community-plan-meta-item{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--text-muted)}.community-plan-meta-item svg{flex-shrink:0;opacity:.7}.community-plan-actions{margin-top:auto;padding-top:var(--spacing-sm)}.community-plan-copy-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.community-plan-copy-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.community-plan-copy-btn:disabled{opacity:.7;cursor:not-allowed}.community-plan-copy-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:communityCopySpin .6s linear infinite}@keyframes communityCopySpin{to{transform:rotate(360deg)}}.community-plans-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) 0}.community-plans-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);animation:communityLoadSpin .8s linear infinite}@keyframes communityLoadSpin{to{transform:rotate(360deg)}}.community-plans-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);gap:var(--spacing-md)}.community-plans-empty-icon{color:var(--text-muted);opacity:.4}.community-plans-empty-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0}.community-plans-empty-message{font-size:var(--font-size-md);color:var(--text-muted);margin:0;max-width:400px;line-height:1.5}@media(max-width:1024px){.community-plans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.community-plans-grid{grid-template-columns:1fr}.community-filter-bar{flex-direction:column;align-items:stretch}.community-search{min-width:unset}.community-sort{justify-content:stretch}.community-sort-btn{flex:1;justify-content:center}}.training-empty-actions-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.exercise-group{border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--spacing-sm)}.exercise-group-header{display:flex;align-items:center;width:100%;background:#ff5a1f0f;border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast)}.exercise-group-header:hover{background:#ff5a1f1a}.exercise-group-toggle{display:flex;align-items:center;justify-content:space-between;flex:1;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;cursor:pointer;color:var(--text-primary);min-width:0}.exercise-group-header-left{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--accent);min-width:0}.exercise-group-name{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exercise-group-count{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:400;flex-shrink:0}.exercise-group-delete{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.exercise-group-delete:hover{background:#ef44441f;color:var(--error)}.exercise-group-body{display:flex;flex-direction:column}@media(max-width:767px){.training-empty-actions-row{flex-direction:column;width:100%}.training-empty-actions-row .training-action-button{width:100%;justify-content:center}.exercise-group-toggle{padding:var(--spacing-sm) var(--spacing-md)}.exercise-group-name{font-size:var(--font-size-sm)}}.import-day-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:importDayFadeIn .2s ease;padding:var(--spacing-md)}@keyframes importDayFadeIn{0%{opacity:0}to{opacity:1}}.import-day-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:importDayModalIn .3s ease}@keyframes importDayModalIn{0%{opacity:0;transform:scale(.95) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.import-day-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);flex-shrink:0}.import-day-header-left{display:flex;flex-direction:column;gap:2px}.import-day-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0}.import-day-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.import-day-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.import-day-close:hover{background:var(--bg-hover);color:var(--text-primary)}.import-day-tabs{display:flex;border-bottom:1px solid var(--border-light);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.import-day-tabs::-webkit-scrollbar{display:none}.import-day-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.import-day-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.import-day-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.import-day-steps{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--border-light);flex-shrink:0}.import-day-step{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.import-day-step.active{color:var(--accent);font-weight:600}.import-day-step.done{color:var(--success)}.import-day-step-divider{color:var(--text-muted);font-size:var(--font-size-xs)}.import-day-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.import-day-body::-webkit-scrollbar{width:6px}.import-day-body::-webkit-scrollbar-track{background:transparent}.import-day-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.import-day-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted);font-size:var(--font-size-md);gap:var(--spacing-sm)}.import-day-hint{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.import-day-target-info{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#ff5a1f14;border:1px solid rgba(255,90,31,.2);border-radius:var(--radius-lg);color:var(--accent);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-md)}.import-day-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted);font-size:var(--font-size-md);gap:var(--spacing-sm);text-align:center}.import-day-plan-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.import-day-plan-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.import-day-plan-card:hover{border-color:var(--accent);background:var(--bg-hover)}.import-day-plan-card-info{flex:1;min-width:0}.import-day-plan-card-name{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-day-plan-card-desc{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.import-day-plan-card-count{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.import-day-plan-card-arrow{color:var(--text-muted);flex-shrink:0}.import-day-day-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.import-day-day-button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-width:80px}.import-day-day-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.import-day-day-button.selected{background:var(--accent);border-color:var(--accent);color:#fff}.import-day-day-button:disabled{opacity:.4;cursor:not-allowed}.import-day-day-count{font-size:var(--font-size-xs);opacity:.8}.import-day-preview{display:flex;flex-direction:column;gap:var(--spacing-sm)}.import-day-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.import-day-preview-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0}.import-day-preview-count{font-size:var(--font-size-xs);color:var(--text-muted)}.import-day-preview-exercise{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg)}.import-day-preview-exercise-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:#ff5a1f1f;color:var(--accent);font-size:var(--font-size-xs);font-weight:700;flex-shrink:0}.import-day-preview-exercise-info{flex:1;min-width:0}.import-day-preview-exercise-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-day-preview-exercise-detail{font-size:var(--font-size-xs);color:var(--text-muted)}.import-day-preview-exercise-muscle{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.import-day-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-light);flex-shrink:0;gap:var(--spacing-sm)}.import-day-back-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.import-day-back-button:hover{border-color:var(--accent);color:var(--accent)}.import-day-import-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.import-day-import-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.import-day-import-button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:767px){.import-day-overlay{padding:0;align-items:flex-end}.import-day-modal{max-width:100%;max-height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.import-day-header,.import-day-body{padding:var(--spacing-md)}.import-day-footer{padding:var(--spacing-sm) var(--spacing-md)}.import-day-day-selector{gap:var(--spacing-xs)}.import-day-day-button{min-width:60px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.import-day-preview-exercise{flex-wrap:wrap}}.plan-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.plan-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-md);transform:translateY(-2px)}.plan-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--border);transition:background var(--transition-fast)}.plan-card.selected:before,.plan-card:hover:before{background:var(--accent)}.plan-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-sm)}.plan-card-badges{display:flex;gap:var(--spacing-xs)}.plan-card-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.plan-card-badge.ai{background:var(--accent-light);color:var(--accent)}.plan-card-badge.active{background:var(--success-light);color:var(--success)}.plan-card-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);opacity:0}.plan-card:hover .plan-card-delete{opacity:1}.plan-card-delete:hover{background:var(--error-light);color:var(--error)}.plan-card-name{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.plan-card-description{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.4;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.plan-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.plan-card-meta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-muted)}.plan-card-date{font-size:var(--font-size-xs);color:var(--text-muted)}@media(max-width:767px){.plan-card{padding:var(--spacing-md)}.plan-card-footer{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.plan-card-delete{opacity:1}}.training-page{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.training-header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.training-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.training-header-title{font-size:36px;font-weight:900;color:var(--text-primary);letter-spacing:-.02em;margin:0;white-space:nowrap}.training-header-description{font-size:var(--font-size-lg);color:var(--text-muted);margin-top:var(--spacing-xs)}.training-header-plan-info{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.training-share-toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:transparent;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.training-share-toggle:hover{border-color:var(--accent);color:var(--accent);background:#ff5a1f14}.training-share-toggle.shared{border-color:var(--success);color:var(--success);background:#28a74514}.training-share-toggle.shared:hover{border-color:var(--error);color:var(--error);background:#dc354514}.training-header-actions{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.training-plan-select{position:relative}.training-plan-select-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);min-width:200px;justify-content:space-between}.training-plan-select-button:hover{border-color:var(--accent);background:var(--bg-hover)}.training-plan-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;overflow:hidden;animation:slideDown .15s ease}.training-plan-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-md);cursor:pointer;transition:background var(--transition-fast);border:none;background:none;width:100%;text-align:left}.training-plan-dropdown-item:hover{background:var(--bg-hover)}.training-plan-dropdown-item.active{background:var(--accent-light);color:var(--accent)}.training-plan-dropdown-item-badges{display:flex;gap:var(--spacing-xs)}.training-start-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.training-start-button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.training-start-button:active{transform:translateY(0)}.training-action-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.training-action-button:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-hover)}.training-action-button.ai{border-color:var(--accent);color:var(--accent)}.training-action-button.ai:hover{background:var(--accent-light)}.training-tabs{display:flex;gap:var(--spacing-xs);background:var(--bg-card);padding:var(--spacing-xs);border-radius:var(--radius-xl);border:1px solid var(--border)}.training-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-lg);background:transparent;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.training-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.training-tab.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.training-week-tabs{display:flex;gap:var(--spacing-xs);background:var(--bg-card);padding:var(--spacing-xs);border-radius:var(--radius-xl);border:1px solid var(--border)}.training-day-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);position:relative}.training-day-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.training-day-tab.active{background:var(--accent);color:#fff}.training-day-tab-name{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.training-day-tab-number{font-size:var(--font-size-lg);font-weight:700}.training-day-tab-dot{width:4px;height:4px;border-radius:var(--radius-full);background:var(--accent);position:absolute;bottom:4px}.training-day-tab.active .training-day-tab-dot{background:#fff}.training-exercises{display:flex;flex-direction:column;gap:var(--spacing-md)}.training-exercises-header{display:flex;align-items:center;justify-content:space-between}.training-exercises-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.training-exercises-count{font-size:var(--font-size-sm);color:var(--text-muted)}.training-exercise-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-fast)}.training-exercise-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-sm)}.training-exercise-main{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer}.training-exercise-image{width:64px;height:64px;border-radius:var(--radius-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fffc;object-fit:cover}.training-exercise-image.chest{background:linear-gradient(135deg,#ff6933,#f85)}.training-exercise-image.back{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.training-exercise-image.shoulders{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.training-exercise-image.biceps{background:linear-gradient(135deg,#ef4444,#f87171)}.training-exercise-image.triceps{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.training-exercise-image.legs{background:linear-gradient(135deg,#10b981,#34d399)}.training-exercise-image.core{background:linear-gradient(135deg,#ec4899,#f472b6)}.training-exercise-image.glutes{background:linear-gradient(135deg,#14b8a6,#2dd4bf)}.training-exercise-image.calves{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.training-exercise-image.forearms{background:linear-gradient(135deg,#d97706,#f59e0b)}.training-exercise-image.full_body{background:linear-gradient(135deg,#6366f1,#818cf8)}.training-exercise-info{flex:1;min-width:0}.training-exercise-name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:2px}.training-exercise-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-muted)}.training-exercise-meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.training-exercise-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.training-exercise-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.training-exercise-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.training-exercise-toggle.expanded{transform:rotate(180deg)}.training-exercise-details-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--accent-light);color:var(--accent);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.training-exercise-details-btn:hover{background:var(--accent);color:#fff}.training-exercise-remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.training-exercise-remove-btn:hover{background:var(--error-light);color:var(--error)}.training-exercise-expanded{padding:0 var(--spacing-md) var(--spacing-md);border-top:1px solid var(--border-light);animation:expandIn .2s ease}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.training-exercise-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);padding-top:var(--spacing-md)}.training-exercise-expanded-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.training-exercise-expanded-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.training-exercise-expanded-text{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.5}.training-insight{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md)}.training-insight-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.training-insight-content{flex:1}.training-insight-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.training-insight-text{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6}.training-insight-stats{display:flex;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.training-insight-stat{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--accent);font-weight:600}@media(max-width:767px){.training-insight-stats{gap:var(--spacing-md);flex-wrap:wrap}}.training-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;gap:var(--spacing-md)}.training-empty-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center}.training-empty-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.training-empty-text{font-size:var(--font-size-md);color:var(--text-muted);max-width:400px}.training-empty-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.training-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.training-badge.ai{background:var(--accent-light);color:var(--accent)}.training-badge.active{background:var(--success-light);color:var(--success)}.training-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted);font-size:var(--font-size-md);gap:var(--spacing-sm)}.training-loading-spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin .8s linear infinite}.training-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.training-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:90%;max-width:560px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:modalIn .25s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.training-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.training-modal-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.training-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.training-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.training-modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.training-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-light)}.training-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.training-form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.training-form-input{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);transition:border-color var(--transition-fast)}.training-form-input:focus{outline:none;border-color:var(--border-focus)}.training-form-input::placeholder{color:var(--text-muted)}.training-form-textarea{resize:vertical;min-height:80px}.training-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.training-active-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--accent-light);border:1px solid var(--accent);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);animation:bannerPulse 2s ease-in-out infinite}.training-active-banner:hover{background:var(--accent);color:#fff}.training-active-banner:hover .training-active-banner-title,.training-active-banner:hover .training-active-banner-action{color:#fff}@keyframes bannerPulse{0%,to{box-shadow:0 0 #ff69334d}50%{box-shadow:0 0 0 8px #ff693300}}.training-active-banner-icon{width:40px;height:40px;border-radius:var(--radius-full);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:iconPulse 1.5s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.training-active-banner-text{flex:1;display:flex;flex-direction:column}.training-active-banner-title{font-size:var(--font-size-lg);font-weight:700;color:var(--accent)}.training-active-banner-action{font-size:var(--font-size-sm);color:var(--text-secondary)}.training-completed-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#28a74514;border:1px solid var(--success);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.training-completed-banner-icon{width:40px;height:40px;border-radius:var(--radius-full);background:var(--success);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.training-completed-banner-text{flex:1;display:flex;flex-direction:column}.training-completed-banner-title{font-size:var(--font-size-lg);font-weight:700;color:var(--success)}.training-completed-banner-desc{font-size:var(--font-size-sm);color:var(--text-secondary)}.training-plan-actions{display:flex;gap:var(--spacing-sm);align-items:center}.training-delete-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:transparent;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.training-delete-button:hover{border-color:var(--error);color:var(--error);background:#dc354514}.training-delete-confirm-text{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.6;margin-bottom:var(--spacing-md)}.training-delete-confirm-plan-name{font-weight:700;color:var(--text-primary);font-size:var(--font-size-lg);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-hover);border-radius:var(--radius-md)}.training-delete-confirm-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--error);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.training-delete-confirm-button:hover{opacity:.9;transform:translateY(-1px)}.training-delete-confirm-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.training-assign-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.training-assign-days{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.training-assign-day-btn{flex:1;padding:var(--spacing-sm) var(--spacing-xs);border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.training-assign-day-btn:hover{border-color:var(--accent);background:#ff5a1f0f}.training-assign-day-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.training-assign-exercises{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:240px;overflow-y:auto}.training-assign-exercise{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.training-assign-exercise-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.training-assign-exercise-detail{font-size:var(--font-size-xs);color:var(--text-muted)}.training-modal-wide{max-width:640px}.training-form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.ai-form-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-md);line-height:1.6}.ai-toggle-group{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ai-toggle-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-input);border:none;border-right:1px solid var(--border);color:var(--text-secondary);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.ai-toggle-btn:last-child{border-right:none}.ai-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.ai-toggle-btn.active{background:var(--accent);color:#fff}.ai-days-group{display:flex;gap:var(--spacing-sm)}.ai-day-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-input);color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.ai-day-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-hover)}.ai-day-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ai-equipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.ai-equipment-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.ai-equipment-item:hover{border-color:var(--accent);background:var(--bg-hover)}.ai-equipment-item:has(.ai-equipment-checkbox:checked){border-color:var(--accent);background:var(--accent-light)}.ai-equipment-checkbox{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.ai-equipment-label{font-size:var(--font-size-md);color:var(--text-primary);cursor:pointer}.ai-optional-label{font-weight:400;color:var(--text-muted);margin-left:var(--spacing-xs);font-size:var(--font-size-xs)}.training-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.training-plans-add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:180px;background:transparent;border:2px dashed var(--border);border-radius:var(--radius-xl);color:var(--text-muted);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.training-plans-add-card:hover{border-color:var(--accent);color:var(--accent);background:#ff5a1f0a}@media(max-width:1024px){.training-header-actions{flex-wrap:wrap}.training-plans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.training-plans-grid{grid-template-columns:1fr}.training-plan-select-button{min-width:0}.training-tabs{padding:2px;gap:2px;flex-wrap:nowrap}.training-tab{flex:0 0 auto;padding:var(--spacing-sm) var(--spacing-md)}.training-header-plan-info{flex-wrap:wrap;gap:var(--spacing-xs)}.training-header-description{font-size:var(--font-size-sm)}.training-day-tab{min-width:44px;padding:var(--spacing-xs) var(--spacing-sm)}.training-exercise-main{flex-wrap:wrap}.training-exercise-image{width:48px;height:48px}.training-exercise-expanded-grid{grid-template-columns:1fr}.training-insight{flex-direction:column}.training-insight-stats{gap:var(--spacing-md);flex-wrap:wrap}.training-active-banner,.training-completed-banner{padding:var(--spacing-sm) var(--spacing-md)}.training-plan-actions{flex-wrap:wrap}.training-empty-actions{flex-direction:column;width:100%}.training-empty-actions>*{width:100%;justify-content:center}.training-form-row{grid-template-columns:1fr}.training-modal{width:100%;height:100%;max-height:100%;border-radius:0;padding-top:env(safe-area-inset-top)}.training-modal-footer{padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}.ai-equipment-grid{grid-template-columns:1fr}.ai-toggle-group{flex-direction:column}.ai-toggle-btn{border-right:none;border-bottom:1px solid var(--border)}.ai-toggle-btn:last-child{border-bottom:none}.ai-days-group{flex-wrap:wrap}}.session-timer{position:relative;display:flex;align-items:center;justify-content:center}.session-timer.large{width:200px;height:200px}.session-timer.small{width:64px;height:64px}.session-timer-svg{position:absolute;top:0;left:0}.session-timer-progress{transition:stroke-dashoffset 1s linear,stroke .3s ease}.session-timer-display{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px}.session-timer-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.session-timer.small .session-timer-label{display:none}.session-timer-time{font-size:var(--font-size-3xl);font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.session-timer.small .session-timer-time{font-size:var(--font-size-md);font-weight:700}.session-timer-time.urgent{color:var(--error)}.session-timer.blinking .session-timer-time{animation:timerBlink .5s ease-in-out infinite}.session-timer.blinking .session-timer-svg circle:last-child{animation:timerPulse .5s ease-in-out infinite}@keyframes timerBlink{0%,to{opacity:1;color:var(--accent)}50%{opacity:.3;color:var(--error)}}@keyframes timerPulse{0%,to{stroke:var(--accent);stroke-width:6}50%{stroke:var(--error);stroke-width:8}}@media(max-width:767px){.session-timer.large{width:160px;height:160px}.session-timer.large .session-timer-time{font-size:var(--font-size-2xl)}}.set-tracker{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.set-tracker-header{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-hover);border-bottom:1px solid var(--border-light);gap:var(--spacing-xs)}.set-tracker-header .set-tracker-col{font-size:var(--font-size-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-label-short{display:none}.set-label-full{display:inline}.set-tracker-col{display:flex;align-items:center}.set-col-number{width:40px;justify-content:center;font-weight:700;color:var(--text-muted)}.set-col-target{flex:1;font-size:var(--font-size-sm);color:var(--text-secondary)}.set-target-weight{color:var(--text-muted);font-size:var(--font-size-xs)}.set-col-actual{width:100px}.set-col-weight{width:110px}.set-col-rpe{width:52px;justify-content:center}.set-col-action{width:44px;justify-content:center}.set-tracker-row{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-light);transition:all var(--transition-fast);gap:var(--spacing-xs)}.set-tracker-row:last-child{border-bottom:none}.set-tracker-row.current{background:var(--accent-light);border-left:3px solid var(--accent)}.set-tracker-row.completed{opacity:.6}.set-tracker-row.completed .set-col-number{color:var(--success)}.set-tracker-row.upcoming{opacity:.5}.set-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--success-light);color:var(--success)}.set-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;text-align:center;font-variant-numeric:tabular-nums;transition:border-color var(--transition-fast);-moz-appearance:textfield}.set-input::-webkit-outer-spin-button,.set-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.set-input:focus{outline:none;border-color:var(--accent)}.set-input:disabled{opacity:.5;cursor:not-allowed}.set-input::placeholder{color:var(--text-muted);font-weight:400}.set-input-wrapper{position:relative;display:flex;align-items:center}.set-input-wrapper .set-input{padding-right:28px}.set-input-unit{position:absolute;right:6px;font-size:var(--font-size-xs);color:var(--text-muted);pointer-events:none}.set-input-rpe{width:44px}.set-rpe-button{width:36px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.set-rpe-button:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary)}.set-rpe-button.has-value{color:var(--accent);border-color:var(--accent-light)}.set-rpe-button:disabled{opacity:.5;cursor:not-allowed}.set-complete-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.set-complete-button:hover{background:var(--accent-hover);transform:scale(1.1)}.set-complete-button:active{transform:scale(.95)}@media(max-width:767px){.set-tracker-header{padding:var(--spacing-xs) var(--spacing-sm)}.set-tracker-header .set-tracker-col{font-size:9px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-label-full{display:none}.set-label-short{display:inline}.set-tracker-row{padding:var(--spacing-xs) var(--spacing-sm)}.set-col-number{width:28px}.set-col-target{font-size:var(--font-size-xs)}.set-col-actual{width:56px}.set-col-weight{width:76px}.set-col-rpe,.set-col-action{width:36px}.set-input{font-size:var(--font-size-sm);padding:3px var(--spacing-xs)}.set-rpe-button{width:28px;height:24px;font-size:var(--font-size-xs)}.set-complete-button{width:30px;height:30px}}.session-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);text-align:center;gap:var(--spacing-lg);background:var(--bg-primary)}.session-summary-icon{width:96px;height:96px;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;animation:summaryPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes summaryPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.session-summary-title{font-size:var(--font-size-3xl);font-weight:900;color:var(--text-primary);letter-spacing:-.02em}.session-summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);width:100%;max-width:600px}.session-summary-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);animation:statSlideUp .5s ease forwards;opacity:0}.session-summary-stat:nth-child(1){animation-delay:.1s}.session-summary-stat:nth-child(2){animation-delay:.2s}.session-summary-stat:nth-child(3){animation-delay:.3s}.session-summary-stat:nth-child(4){animation-delay:.4s}@keyframes statSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.session-summary-stat-icon{color:var(--accent)}.session-summary-stat-value{font-size:var(--font-size-xl);font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.session-summary-stat-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.session-summary-points{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--accent-light);border:1px solid var(--accent);border-radius:var(--radius-full);color:var(--accent);font-size:var(--font-size-lg);font-weight:700;animation:pointsGlow 2s ease-in-out infinite alternate}@keyframes pointsGlow{0%{box-shadow:0 0 8px #ff693333}to{box-shadow:0 0 20px #ff693366}}.session-summary-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.session-summary-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-card);color:var(--text-primary)}.session-summary-button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.session-summary-button.primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(max-width:767px){.session-summary{padding:var(--spacing-lg)}.session-summary-title{font-size:var(--font-size-2xl)}.session-summary-stats{grid-template-columns:repeat(2,1fr)}.session-summary-stat-value{font-size:var(--font-size-lg)}}.exercise-guide-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:exerciseGuideFadeIn .2s ease;padding:var(--spacing-md)}@keyframes exerciseGuideFadeIn{0%{opacity:0}to{opacity:1}}.exercise-guide-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:exerciseGuideSlideUp .35s cubic-bezier(.34,1.2,.64,1)}@keyframes exerciseGuideSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.exercise-guide-header{position:relative;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);color:#fff;flex-shrink:0}.exercise-guide-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#0003;color:#fff;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exercise-guide-close:hover{background:#0006}.exercise-guide-name{font-size:var(--font-size-2xl);font-weight:800;margin:0 0 var(--spacing-sm) 0;letter-spacing:-.01em;text-shadow:0 1px 4px rgba(0,0,0,.15)}.exercise-guide-meta{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.exercise-guide-badge{display:inline-flex;align-items:center;padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.exercise-guide-badge.muscle{background:#ffffff40;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exercise-guide-badge.equipment{background:#0003;color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exercise-guide-body{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.exercise-guide-body::-webkit-scrollbar{width:6px}.exercise-guide-body::-webkit-scrollbar-track{background:transparent}.exercise-guide-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.exercise-guide-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.exercise-guide-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted);font-size:var(--font-size-md);gap:var(--spacing-md);text-align:center}.exercise-guide-section{animation:exerciseGuideSectionIn .4s ease forwards;opacity:0}@keyframes exerciseGuideSectionIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.exercise-guide-section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--accent)}.exercise-guide-section-header h3{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary);margin:0}.exercise-guide-section-subheader{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.exercise-guide-section-text{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6;margin:0}.exercise-guide-muscles{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.exercise-guide-muscle-chip{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;border:1px solid transparent}.exercise-guide-muscle-chip.primary{font-size:var(--font-size-sm);font-weight:700;padding:var(--spacing-xs) var(--spacing-md)}.exercise-guide-muscle-chip.chest{background:#ff693326;color:#ff6933}.exercise-guide-muscle-chip.back{background:#3b82f626;color:#3b82f6}.exercise-guide-muscle-chip.shoulders{background:#8b5cf626;color:#8b5cf6}.exercise-guide-muscle-chip.biceps{background:#ef444426;color:#ef4444}.exercise-guide-muscle-chip.triceps{background:#f59e0b26;color:#f59e0b}.exercise-guide-muscle-chip.legs{background:#10b98126;color:#10b981}.exercise-guide-muscle-chip.core{background:#ec489926;color:#ec4899}.exercise-guide-muscle-chip.glutes{background:#14b8a626;color:#14b8a6}.exercise-guide-muscle-chip.calves{background:#06b6d426;color:#06b6d4}.exercise-guide-muscle-chip.forearms{background:#d9770626;color:#d97706}.exercise-guide-muscle-chip.full_body{background:#6366f126;color:#6366f1}.exercise-guide-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.exercise-guide-step{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.exercise-guide-step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent);font-size:var(--font-size-xs);font-weight:700}.exercise-guide-step-text{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6;padding-top:3px}.exercise-guide-tips{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.exercise-guide-tip{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6}.exercise-guide-tip-icon{color:var(--accent);flex-shrink:0;margin-top:4px}.exercise-guide-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-light);display:flex;justify-content:center;flex-shrink:0}.exercise-guide-footer-button{padding:var(--spacing-sm) var(--spacing-xl);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.exercise-guide-footer-button:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:767px){.exercise-guide-overlay{padding:0;align-items:flex-end}.exercise-guide-modal{max-width:100%;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.exercise-guide-header{padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md)}.exercise-guide-name{font-size:var(--font-size-xl)}.exercise-guide-body{padding:var(--spacing-md);gap:var(--spacing-md)}.exercise-guide-footer{padding:var(--spacing-sm) var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px))}}.active-session{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:200;display:flex;flex-direction:column;overflow:hidden}.active-session-loading{display:flex;align-items:center;justify-content:center;flex:1;gap:var(--spacing-sm);color:var(--text-muted);font-size:var(--font-size-md)}.active-session-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0}.active-session-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.active-session-header-center{display:flex;align-items:center}.active-session-header-right{display:flex;align-items:center;gap:var(--spacing-xs)}.active-session-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--bg-hover);color:var(--text-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.active-session-back:hover{background:var(--bg-active)}.active-session-timer-small{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-md);font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.active-session-exercise-counter{font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted)}.active-session-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);background:transparent;color:var(--text-muted);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.active-session-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.active-session-toggle.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.active-session-progress{height:3px;background:var(--border);flex-shrink:0}.active-session-progress-bar{height:100%;background:var(--accent);transition:width .5s ease;border-radius:0 2px 2px 0}.active-session-rest-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:210;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.active-session-rest-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.active-session-skip-rest{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.active-session-skip-rest:hover{background:#ffffff1a;border-color:#ffffff80}.active-session-body{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:800px;margin:0 auto;width:100%}.active-session-exercise{display:flex;align-items:center;gap:var(--spacing-lg)}.active-session-exercise-image{width:100px;height:100px;border-radius:var(--radius-xl);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fffc;overflow:hidden;position:relative}.active-session-exercise-img{width:100%;height:100%;object-fit:cover}.active-session-exercise-image.chest{background:linear-gradient(135deg,#ff6933,#f85)}.active-session-exercise-image.back{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.active-session-exercise-image.shoulders{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.active-session-exercise-image.biceps{background:linear-gradient(135deg,#ef4444,#f87171)}.active-session-exercise-image.triceps{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.active-session-exercise-image.legs{background:linear-gradient(135deg,#10b981,#34d399)}.active-session-exercise-image.core{background:linear-gradient(135deg,#ec4899,#f472b6)}.active-session-exercise-image.glutes{background:linear-gradient(135deg,#14b8a6,#2dd4bf)}.active-session-exercise-image.calves{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.active-session-exercise-image.forearms{background:linear-gradient(135deg,#d97706,#f59e0b)}.active-session-exercise-image.full_body{background:linear-gradient(135deg,#6366f1,#818cf8)}.active-session-exercise-details{flex:1;min-width:0}.active-session-exercise-name-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.active-session-exercise-name{font-size:var(--font-size-2xl);font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.01em}.active-session-info-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.active-session-info-button:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.active-session-exercise-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.active-session-muscle-badge{display:inline-flex;align-items:center;padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;background:var(--accent-light);color:var(--accent)}.active-session-equipment{font-size:var(--font-size-sm);color:var(--text-muted)}.active-session-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.active-session-nav-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.active-session-nav-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.active-session-nav-button:disabled{opacity:.3;cursor:not-allowed}.active-session-skip-button{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.active-session-skip-button:hover{border-color:var(--warning);color:var(--warning)}.active-session-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border);flex-shrink:0;display:flex;justify-content:center}.active-session-complete-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:700;cursor:pointer;transition:all var(--transition-fast);width:100%;max-width:400px;justify-content:center}.active-session-complete-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.active-session-complete-button:active{transform:translateY(0)}@media(max-width:767px){.active-session-body{padding:var(--spacing-md);gap:var(--spacing-md)}.active-session-exercise{flex-direction:column;text-align:center}.active-session-exercise-image{width:80px;height:80px}.active-session-exercise-name{font-size:var(--font-size-xl)}.active-session-exercise-meta{justify-content:center}.active-session-nav{flex-wrap:wrap}.active-session-nav-button{flex:1;justify-content:center;font-size:var(--font-size-xs);padding:var(--spacing-sm)}.active-session-skip-button{order:3;width:100%;text-align:center}.active-session-footer{padding:var(--spacing-sm) var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px))}.active-session-complete-button{font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-lg)}}.macro-chart{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.macro-chart-ring{position:relative;display:flex;align-items:center;justify-content:center}.macro-chart-svg{transform:rotate(-90deg)}.macro-chart-progress{transition:stroke-dashoffset .8s ease}.macro-chart-center{position:absolute;display:flex;align-items:center;justify-content:center}.macro-chart-percentage{font-size:var(--font-size-lg);font-weight:900;color:var(--text-primary)}.macro-chart-label{font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary);margin-top:var(--spacing-xs)}.macro-chart-value{font-size:var(--font-size-xs);font-weight:500;color:var(--text-muted)}.food-search{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.food-search-input-wrapper{position:relative;display:flex;align-items:center}.food-search-icon{position:absolute;left:var(--spacing-md);color:var(--text-muted);pointer-events:none}.food-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 42px;background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-size-md);font-family:var(--font-family);color:var(--text-primary);transition:border-color var(--transition-fast)}.food-search-input:focus{outline:none;border-color:var(--border-focus)}.food-search-input::placeholder{color:var(--text-muted)}.food-search-results{max-height:300px;overflow-y:auto;border:1px solid var(--border-light);border-radius:var(--radius-lg);background-color:var(--bg-card)}.food-search-results::-webkit-scrollbar{width:6px}.food-search-results::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-full)}.food-search-results::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.food-search-results::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.food-search-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-light);cursor:pointer;transition:background-color var(--transition-fast)}.food-search-item:last-child{border-bottom:none}.food-search-item:hover{background-color:var(--bg-hover)}.food-search-item-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.food-search-item-name{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.food-search-item-portion{font-size:var(--font-size-xs);color:var(--text-muted)}.food-search-item-right{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.food-search-item-nutrition{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.food-search-item-calories{font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary)}.food-search-item-macros{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500}.food-search-macro-protein{color:#60a5fa}.food-search-macro-carbs{color:var(--accent)}.food-search-macro-fat{color:#fbbf24}.food-search-multiplier{display:flex;gap:var(--spacing-xs);margin-left:auto}.food-search-multiplier-btn{padding:2px 8px;border-radius:var(--radius-md);font-size:11px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);background:none;border:1px solid var(--border);color:var(--text-muted)}.food-search-multiplier-btn:hover{border-color:var(--accent);color:var(--accent)}.food-search-multiplier-btn-active{background-color:var(--accent);border-color:var(--accent);color:#fff}.food-search-multiplier-btn-active:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.food-search-empty{text-align:center;padding:var(--spacing-lg);color:var(--text-muted);font-size:var(--font-size-sm)}.food-search-empty p{margin:0 0 var(--spacing-sm) 0}.food-search-add-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--accent);background:none;border:none;font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;text-decoration:none;transition:color var(--transition-fast)}.food-search-add-link:hover{color:var(--accent-hover);text-decoration:underline}@media(max-width:767px){.food-search{padding:var(--spacing-sm)}.food-search-item{flex-wrap:wrap;gap:var(--spacing-xs)}.food-search-item-right{gap:var(--spacing-sm)}.food-search-multiplier{margin-left:0}}.barcode-scanner{padding:var(--spacing-md) var(--spacing-lg)}.barcode-scanner-camera{display:flex;flex-direction:column;gap:var(--spacing-sm)}.barcode-scanner-hint{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.barcode-scanner-video-wrapper{position:relative;border-radius:var(--radius-lg);overflow:hidden;background-color:#000;aspect-ratio:4 / 3;max-height:300px}.barcode-scanner-video{width:100%;height:100%;object-fit:cover;display:block}.barcode-scanner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.barcode-scanner-scan-area{width:80%;height:40%;border:2px solid var(--accent);border-radius:var(--radius-md);position:relative;overflow:hidden;box-shadow:0 0 0 9999px #0006}.barcode-scanner-scan-line{position:absolute;left:0;right:0;height:2px;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:barcode-scan-line 2s ease-in-out infinite}@keyframes barcode-scan-line{0%,to{top:10%}50%{top:90%}}.barcode-scanner-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-md)}.barcode-scanner-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:barcode-spin .8s linear infinite}@keyframes barcode-spin{to{transform:rotate(360deg)}}.barcode-scanner-result{display:flex;flex-direction:column;gap:var(--spacing-md)}.barcode-scanner-result-header{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--success);font-weight:600;font-size:var(--font-size-md)}.barcode-scanner-product{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.barcode-scanner-product-image{flex-shrink:0;width:120px;height:120px;border-radius:var(--radius-md);overflow:hidden;background-color:var(--bg-primary)}.barcode-scanner-product-image img{width:100%;height:100%;object-fit:contain}.barcode-scanner-product-info{display:flex;flex-direction:column;gap:2px;min-width:0}.barcode-scanner-product-name{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barcode-scanner-product-brand,.barcode-scanner-product-portion{font-size:var(--font-size-xs);color:var(--text-muted)}.barcode-scanner-amount{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.barcode-scanner-mode-toggle{display:flex;gap:var(--spacing-xs)}.barcode-scanner-mode-btn{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:none;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.barcode-scanner-mode-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.barcode-scanner-mode-btn-active{background-color:var(--accent);border-color:var(--accent);color:#fff}.barcode-scanner-mode-btn-active:hover{background-color:var(--accent-hover);color:#fff}.barcode-scanner-amount-calc{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500}.barcode-scanner-amount-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.barcode-scanner-amount-row{display:flex;align-items:center;gap:var(--spacing-sm)}.barcode-scanner-amount-input{width:100px;background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--text-primary);font-family:var(--font-family);text-align:center;transition:border-color var(--transition-fast)}.barcode-scanner-amount-input:focus{outline:none;border-color:var(--border-focus)}.barcode-scanner-amount-unit{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:600}.barcode-scanner-amount-presets{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.barcode-scanner-amount-preset{padding:var(--spacing-xs) var(--spacing-sm);background:none;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-xs);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.barcode-scanner-amount-preset:hover{background-color:var(--bg-hover);color:var(--text-primary)}.barcode-scanner-amount-preset-active{background-color:var(--accent);border-color:var(--accent);color:#fff}.barcode-scanner-amount-preset-active:hover{background-color:var(--accent-hover);color:#fff}.barcode-scanner-macros{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.barcode-scanner-macro{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.barcode-scanner-macro-value{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.barcode-scanner-macro-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;font-weight:600}.barcode-scanner-per100g{display:flex;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-muted);padding:var(--spacing-xs) 0}.barcode-scanner-per100g-label{font-weight:600}.barcode-scanner-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.barcode-scanner-btn-retry{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast)}.barcode-scanner-btn-retry:hover{background-color:var(--bg-hover);color:var(--text-primary)}.barcode-scanner-btn-apply{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast)}.barcode-scanner-btn-apply:hover{background-color:var(--accent-hover)}.barcode-scanner-not-found,.barcode-scanner-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-md);text-align:center;color:var(--text-secondary)}.barcode-scanner-not-found p,.barcode-scanner-error p{margin:0;font-size:var(--font-size-sm);max-width:300px}@media(max-width:767px){.barcode-scanner{padding:var(--spacing-md)}.barcode-scanner-macros{grid-template-columns:repeat(2,1fr)}.barcode-scanner-product{flex-direction:column;align-items:center;text-align:center}.barcode-scanner-product-name{white-space:normal}.barcode-scanner-actions{flex-direction:column}.barcode-scanner-btn-apply,.barcode-scanner-btn-retry{justify-content:center}.barcode-scanner-per100g{flex-direction:column;align-items:center}.barcode-scanner-amount-input{font-size:16px}}.photo-recognition{padding:var(--spacing-md) var(--spacing-lg)}.photo-recognition-hint{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.photo-recognition-idle{display:flex;flex-direction:column;gap:var(--spacing-md)}.photo-recognition-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.photo-recognition-btn-capture,.photo-recognition-btn-gallery{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-md);border:2px dashed var(--border);border-radius:var(--radius-lg);background:none;color:var(--text-muted);font-size:var(--font-size-sm);font-family:var(--font-family);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.photo-recognition-btn-capture:hover,.photo-recognition-btn-gallery:hover{border-color:var(--accent);color:var(--accent);background-color:var(--bg-hover)}.photo-recognition-image-container{position:relative;border-radius:var(--radius-lg);overflow:hidden}.photo-recognition-image-container img{width:100%;max-height:300px;object-fit:cover;display:block;border-radius:var(--radius-lg)}.photo-recognition-image-small img{max-height:150px}.photo-recognition-image-dimmed img{filter:brightness(.5)}.photo-recognition-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:#fff;font-size:var(--font-size-md);font-weight:600}.photo-recognition-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:photo-spin .8s linear infinite}@keyframes photo-spin{to{transform:rotate(360deg)}}.photo-recognition-preview{display:flex;flex-direction:column;gap:var(--spacing-md)}.photo-recognition-preview-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.photo-recognition-analyzing{display:flex;flex-direction:column}.photo-recognition-result{display:flex;flex-direction:column;gap:var(--spacing-md)}.photo-recognition-result-header{display:flex;justify-content:space-between;align-items:center}.photo-recognition-result-title{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;font-size:var(--font-size-md);color:var(--text-primary)}.photo-recognition-confidence{font-size:var(--font-size-xs);font-weight:700;padding:2px var(--spacing-sm);border-radius:var(--radius-md);text-transform:uppercase}.photo-confidence-high{background-color:var(--success);color:#fff}.photo-confidence-medium{background-color:var(--warning);color:#1a1a1a}.photo-confidence-low{background-color:var(--error);color:#fff}.photo-recognition-food-name{display:flex;flex-direction:column;gap:4px}.photo-recognition-food-name h3{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.photo-recognition-food-name p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.photo-recognition-portion{font-size:var(--font-size-xs);color:var(--text-muted)}.photo-recognition-macros{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.photo-recognition-macro{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.photo-recognition-macro-value{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.photo-recognition-macro-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;font-weight:600}.photo-recognition-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.photo-recognition-items-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.photo-recognition-items-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.photo-recognition-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.photo-recognition-item-name{flex:1;color:var(--text-primary);font-weight:500}.photo-recognition-item-amount{color:var(--text-muted);font-size:var(--font-size-xs)}.photo-recognition-item-cal{color:var(--text-secondary);font-weight:600;font-size:var(--font-size-xs)}.photo-recognition-disclaimer{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:var(--radius-lg);color:var(--warning);font-size:var(--font-size-xs);line-height:1.5}.photo-recognition-disclaimer svg{flex-shrink:0;margin-top:1px}.photo-recognition-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.photo-recognition-btn-retry{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast)}.photo-recognition-btn-retry:hover{background-color:var(--bg-hover);color:var(--text-primary)}.photo-recognition-btn-analyze{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast)}.photo-recognition-btn-analyze:hover{background-color:var(--accent-hover)}.photo-recognition-btn-apply{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast)}.photo-recognition-btn-apply:hover{background-color:var(--accent-hover)}.photo-recognition-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-md);text-align:center;color:var(--text-secondary)}.photo-recognition-error p{margin:0;font-size:var(--font-size-sm);max-width:300px}@media(max-width:767px){.photo-recognition{padding:var(--spacing-md)}.photo-recognition-buttons{grid-template-columns:1fr}.photo-recognition-macros{grid-template-columns:repeat(2,1fr)}.photo-recognition-actions,.photo-recognition-preview-actions{flex-direction:column}.photo-recognition-btn-apply,.photo-recognition-btn-analyze,.photo-recognition-btn-retry{justify-content:center}}.meal-logger-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-md)}.meal-logger-modal{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.meal-logger-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.meal-logger-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.meal-logger-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.meal-logger-close:hover{color:var(--text-primary);background-color:var(--bg-hover)}.meal-logger-tabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light)}.meal-logger-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:none;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.meal-logger-tab:hover{background-color:var(--bg-hover);color:var(--text-primary)}.meal-logger-tab-active{background-color:var(--accent);border-color:var(--accent);color:#fff}.meal-logger-tab-active:hover{background-color:var(--accent-hover);color:#fff}.meal-logger-input-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light)}.meal-logger-input-tab{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xs);background:none;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast);white-space:nowrap}.meal-logger-input-tab:hover{color:var(--text-secondary);background-color:var(--bg-hover)}.meal-logger-input-tab-active{color:var(--accent);border-color:var(--accent);background-color:#ff5a1f14}.meal-logger-search-tab{padding:var(--spacing-md) var(--spacing-lg);max-height:400px;overflow-y:auto}.meal-logger-form{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.meal-logger-field{display:flex;flex-direction:column;gap:var(--spacing-xs);position:relative}.meal-logger-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.meal-logger-input{background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--text-primary);font-family:var(--font-family);transition:border-color var(--transition-fast)}.meal-logger-input:focus{outline:none;border-color:var(--border-focus)}.meal-logger-input::placeholder{color:var(--text-muted)}.meal-logger-unit{position:absolute;right:var(--spacing-md);bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted);pointer-events:none}.meal-logger-macros-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.meal-logger-textarea{resize:vertical;min-height:60px;line-height:1.5}.meal-logger-image-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:2px dashed var(--border);border-radius:var(--radius-lg);background:none;color:var(--text-muted);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);width:100%}.meal-logger-image-upload:hover{border-color:var(--accent);color:var(--accent);background-color:var(--bg-hover)}.meal-logger-image-preview{position:relative;border-radius:var(--radius-lg);overflow:hidden}.meal-logger-image-preview img{width:100%;max-height:200px;object-fit:cover;display:block;border-radius:var(--radius-lg)}.meal-logger-image-remove{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.meal-logger-image-remove:hover{background-color:var(--error)}.meal-logger-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--error-light);border-radius:var(--radius-lg);color:var(--error);font-size:var(--font-size-sm)}.meal-logger-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.meal-logger-btn-cancel{padding:var(--spacing-sm) var(--spacing-lg);background:none;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-md);font-weight:600;cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast)}.meal-logger-btn-cancel:hover{background-color:var(--bg-hover);color:var(--text-primary)}.meal-logger-btn-save{padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-md);font-weight:700;cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast)}.meal-logger-btn-save:hover{background-color:var(--accent-hover)}.meal-logger-btn-save:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.meal-logger-modal{max-width:480px}}@media(max-width:767px){.meal-logger-overlay{align-items:stretch;padding:0}.meal-logger-modal{max-width:none;max-height:none;height:100%;border-radius:0;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.meal-logger-header{flex-shrink:0;position:sticky;top:0;z-index:10;background-color:var(--bg-card)}.meal-logger-tabs{flex-wrap:wrap;flex-shrink:0}.meal-logger-input-tabs{grid-template-columns:repeat(2,1fr);flex-shrink:0}.meal-logger-form{padding:var(--spacing-md);flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.meal-logger-search-tab{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.meal-logger-actions{flex-shrink:0;position:sticky;bottom:0;z-index:10;background-color:var(--bg-card);border-top:1px solid var(--border-light)}.meal-logger-macros-grid{grid-template-columns:1fr}.meal-logger-form input,.meal-logger-form select,.meal-logger-form textarea{font-size:16px}}.daily-overview{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.daily-overview-calories{display:flex;align-items:baseline;gap:var(--spacing-sm)}.daily-overview-calories-value{font-size:var(--font-size-4xl);font-weight:900;color:var(--text-primary);letter-spacing:-.02em;line-height:1}.daily-overview-calories-target{font-size:var(--font-size-md);font-weight:600;color:var(--text-muted)}.daily-overview-calorie-bar{width:100%;height:8px;background-color:var(--bg-primary);border-radius:var(--radius-full);overflow:hidden}.daily-overview-calorie-bar-fill{height:100%;background-color:var(--accent);border-radius:var(--radius-full);transition:width .6s ease}.daily-overview-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);width:fit-content}.daily-overview-status-dot{width:8px;height:8px;border-radius:var(--radius-full)}.daily-overview-status-label{font-size:var(--font-size-sm);font-weight:600}.daily-overview-status-on-track{background-color:var(--success-light)}.daily-overview-status-on-track .daily-overview-status-dot{background-color:var(--success)}.daily-overview-status-on-track .daily-overview-status-label{color:var(--success)}.daily-overview-status-under{background-color:var(--warning-light)}.daily-overview-status-under .daily-overview-status-dot{background-color:var(--warning)}.daily-overview-status-under .daily-overview-status-label{color:var(--warning)}.daily-overview-status-over{background-color:var(--error-light)}.daily-overview-status-over .daily-overview-status-dot{background-color:var(--error)}.daily-overview-status-over .daily-overview-status-label{color:var(--error)}.daily-overview-macros{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.daily-overview-macro{display:flex;flex-direction:column;gap:var(--spacing-xs)}.daily-overview-macro-header{display:flex;justify-content:space-between;align-items:center}.daily-overview-macro-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.daily-overview-macro-value{font-size:var(--font-size-xs);font-weight:500;color:var(--text-muted)}.daily-overview-macro-bar{width:100%;height:6px;background-color:var(--bg-primary);border-radius:var(--radius-full);overflow:hidden}.daily-overview-macro-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s ease}.daily-overview-macro-protein{background-color:#60a5fa}.daily-overview-macro-carbs{background-color:var(--accent)}.daily-overview-macro-fat{background-color:#fbbf24}.date-navigator{display:flex;align-items:center;gap:var(--spacing-md)}.date-navigator-btn{width:36px;height:36px;border-radius:var(--radius-lg);border:1px solid var(--border);background:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-family:var(--font-family)}.date-navigator-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.date-navigator-center{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);min-width:200px}.date-navigator-date{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);text-align:center}.date-navigator-today{padding:2px var(--spacing-sm);background-color:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;font-family:var(--font-family);transition:background-color var(--transition-fast)}.date-navigator-today:hover{background-color:var(--accent-hover)}@media(max-width:767px){.date-navigator-center{min-width:auto}.date-navigator-date{font-size:var(--font-size-sm)}}.edit-goals-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.edit-goals-modal{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:440px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.edit-goals-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border)}.edit-goals-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.edit-goals-close{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.edit-goals-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.edit-goals-description{padding:var(--spacing-md) var(--spacing-lg) 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.edit-goals-form{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.edit-goals-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.edit-goals-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.edit-goals-input-wrapper{position:relative}.edit-goals-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:50px;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);transition:border-color var(--transition-fast);box-sizing:border-box}.edit-goals-input:focus{outline:none;border-color:var(--accent)}.edit-goals-unit{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted)}.edit-goals-error{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:#ff453a1a;border-radius:var(--radius-md);color:var(--error);font-size:var(--font-size-sm)}.edit-goals-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border)}.edit-goals-btn-cancel{padding:var(--spacing-sm) var(--spacing-lg);background:none;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast)}.edit-goals-btn-cancel:hover{background-color:var(--bg-hover);color:var(--text-primary)}.edit-goals-btn-save{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;font-family:var(--font-family);transition:background-color var(--transition-fast)}.edit-goals-btn-save:hover{background-color:var(--accent-hover)}.edit-goals-btn-save:disabled{opacity:.6;cursor:not-allowed}@media(max-width:767px){.edit-goals-overlay{align-items:flex-end;padding:0;z-index:1000}.edit-goals-modal{max-width:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85vh;margin-bottom:var(--bottom-nav-height)}.edit-goals-form input{font-size:16px}}.meal-timeline{display:flex;flex-direction:column;gap:var(--spacing-lg);padding-bottom:var(--spacing-xl)}.meal-timeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-md);color:var(--text-muted);font-size:var(--font-size-sm);text-align:center}.meal-timeline-group{position:relative;display:flex;flex-direction:column;gap:var(--spacing-sm)}.meal-timeline-line{position:absolute;left:20px;top:40px;bottom:0;width:2px;background-color:var(--border)}.meal-timeline-group-header{display:flex;align-items:center;gap:var(--spacing-md);position:relative;z-index:1}.meal-timeline-icon-circle{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-card);border:2px solid var(--border);border-radius:50%;color:var(--accent)}.meal-timeline-group-label{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.meal-timeline-card{position:relative;margin-left:48px;width:calc(100% - 48px);background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.meal-timeline-card:active{transform:scale(.98)}.meal-timeline-card-image{width:100%;max-height:140px;overflow:hidden}.meal-timeline-card-image img{width:100%;height:140px;object-fit:cover;display:block}.meal-timeline-card-body{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.meal-timeline-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.meal-timeline-card-name{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);line-height:1.3}.meal-timeline-menu{position:relative;flex-shrink:0}.meal-timeline-menu-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.meal-timeline-menu-btn:hover{color:var(--text-primary);background-color:var(--bg-hover)}.meal-timeline-action-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-overlay);z-index:9999;display:flex;align-items:flex-end;justify-content:center}.meal-timeline-action-sheet{width:100%;max-width:500px;background-color:var(--bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--spacing-sm);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--spacing-xs)}.meal-timeline-action-sheet-header{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);text-align:center;border-bottom:1px solid var(--border);margin-bottom:var(--spacing-xs)}.meal-timeline-action-sheet-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted)}.meal-timeline-action-sheet-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:none;border:none;border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.meal-timeline-action-sheet-item:active{background-color:var(--bg-hover)}.meal-timeline-action-sheet-item-danger{color:var(--error)}.meal-timeline-action-sheet-cancel{width:100%;padding:var(--spacing-md);background-color:var(--bg-secondary);border:none;border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;font-family:var(--font-family);cursor:pointer;margin-top:var(--spacing-xs);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.meal-timeline-action-sheet-cancel:active{background-color:var(--bg-hover)}.meal-timeline-card-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.meal-timeline-time{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--text-muted)}.meal-timeline-kcal-badge{display:inline-flex;align-items:center;background-color:var(--accent);color:#fff;padding:2px 8px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:700;line-height:1.4}.meal-timeline-kcal-badge-planned{background-color:var(--bg-primary);color:var(--text-secondary)}.meal-timeline-macros{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.meal-timeline-macro{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--text-muted)}.meal-timeline-macro-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.meal-timeline-macro-protein .meal-timeline-macro-dot{background-color:#60a5fa}.meal-timeline-macro-carbs .meal-timeline-macro-dot{background-color:var(--accent)}.meal-timeline-macro-fat .meal-timeline-macro-dot{background-color:#fbbf24}.meal-timeline-card-planned{border-style:dashed;opacity:.8}.meal-timeline-planned-label{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.meal-timeline-track-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm);margin-top:var(--spacing-xs);background-color:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.meal-timeline-track-btn:hover{background-color:var(--accent-hover)}.meal-timeline-track-btn:active{transform:scale(.97)}@media(max-width:767px){.meal-timeline{gap:var(--spacing-md);padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px))}.meal-timeline-group{padding-right:0}.meal-timeline-card{margin-left:44px;width:calc(100% - 44px)}.meal-timeline-icon-circle{width:36px;height:36px;min-width:36px}.meal-timeline-icon-circle svg{width:16px;height:16px}.meal-timeline-line{left:18px}.meal-timeline-group-label{font-size:var(--font-size-sm)}.meal-timeline-card-body{padding:var(--spacing-sm);gap:var(--spacing-xs)}.meal-timeline-card-name{font-size:var(--font-size-sm)}.meal-timeline-card-image{max-height:120px}.meal-timeline-card-image img{height:120px}.meal-timeline-macros{display:flex;flex-direction:row;gap:var(--spacing-sm);flex-wrap:nowrap}.meal-timeline-macro{font-size:12px;white-space:nowrap}.meal-timeline-track-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.meal-timeline-planned-label{font-size:11px}}@media(max-width:480px){.meal-timeline-card{margin-left:36px;width:calc(100% - 36px)}.meal-timeline-icon-circle{width:28px;height:28px;min-width:28px}.meal-timeline-icon-circle svg{width:14px;height:14px}.meal-timeline-line{left:14px}.meal-timeline-card-image{max-height:100px}.meal-timeline-card-image img{height:100px}.meal-timeline-macro{font-size:11px}}.body-calculators{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.body-calc-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.body-calc-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.body-calc-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.body-calc-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.body-calc-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.body-calc-input{background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--text-primary);font-family:var(--font-family);transition:border-color var(--transition-fast);width:100%;box-sizing:border-box}.body-calc-input:focus{outline:none;border-color:var(--border-focus)}.body-calc-input::placeholder{color:var(--text-muted)}.body-calc-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.body-calc-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-md);font-weight:700;cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast);width:100%}.body-calc-btn:hover{background-color:var(--accent-hover)}.body-calc-result{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.body-calc-result-value{font-size:var(--font-size-2xl);font-weight:900;color:var(--text-primary);line-height:1}.body-calc-category-badge{padding:4px 12px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600}.body-calc-scale{width:100%;position:relative;margin-top:var(--spacing-sm);padding:2px 0}.body-calc-scale-bar{height:8px;border-radius:var(--radius-full);background:linear-gradient(to right,#64d2ff,#30d158,#ffd60a 60%,#ff453a)}.body-calc-scale-bar-bf{background:linear-gradient(to right,#64d2ff,#30d158,#48d597 40%,#ffd60a 65%,#ff453a)}.body-calc-scale-indicator{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;border:2px solid #ffffff;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d;transition:left var(--transition-normal)}.body-calc-gender-toggle{display:flex;gap:var(--spacing-sm)}.body-calc-gender-btn{flex:1;padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:none;color:var(--text-secondary);font-size:var(--font-size-md);font-weight:600;cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast)}.body-calc-gender-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.body-calc-gender-btn-active{background-color:var(--accent);border-color:var(--accent);color:#fff}.body-calc-gender-btn-active:hover{background-color:var(--accent-hover);color:#fff}@media(max-width:1024px){.body-calculators{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}}@media(max-width:767px){.body-calculators,.body-calc-row{grid-template-columns:1fr}.body-calc-card{padding:var(--spacing-md)}.body-calc-input,.body-calc-select{font-size:16px}}.image-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.image-editor-modal{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.image-editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.image-editor-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.image-editor-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.image-editor-close:hover{background:var(--bg-hover);color:var(--text-primary)}.image-editor-body{padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.image-editor-preview{width:200px;height:200px;border-radius:50%;overflow:hidden;border:2px solid var(--accent);cursor:grab;position:relative;-webkit-user-select:none;user-select:none;touch-action:none}.image-editor-preview-square{border-radius:var(--radius-lg)}.image-editor-preview:active{cursor:grabbing}.image-editor-image{width:100%;height:100%;object-fit:cover;pointer-events:none;transform-origin:center center}.image-editor-controls{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;max-width:280px;color:var(--text-secondary)}.image-editor-range{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.image-editor-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-card);box-shadow:0 1px 3px #0000004d;transition:transform var(--transition-fast)}.image-editor-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.image-editor-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-card);box-shadow:0 1px 3px #0000004d}.image-editor-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-light)}.image-editor-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;border:none;cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast)}.image-editor-btn:disabled{opacity:.6;cursor:not-allowed}.image-editor-btn-primary{background:var(--accent);color:#fff}.image-editor-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.image-editor-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.image-editor-btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.meal-placeholder{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0}.meal-placeholder-small{width:60px;height:60px}.meal-placeholder-medium{width:80px;height:80px}.meal-placeholder-large{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.meal-placeholder-svg{width:55%;height:55%}.meal-placeholder-large .meal-placeholder-svg{width:30%;height:60%}.meal-placeholder-breakfast{background:linear-gradient(135deg,#f59e0b,#ea580c,#dc2626)}.meal-placeholder-lunch{background:linear-gradient(135deg,#10b981,#0d9488,#0891b2)}.meal-placeholder-dinner{background:linear-gradient(135deg,#6366f1,#7c3aed,#9333ea)}.meal-placeholder-snack{background:linear-gradient(135deg,#f472b6,#e879f9,#c084fc)}@media(max-width:767px){.meal-placeholder-medium{width:60px;height:60px}.meal-placeholder-small{width:48px;height:48px}}@media(max-width:480px){.meal-placeholder-medium{width:48px;height:48px}.meal-placeholder-small{width:40px;height:40px}}.nutrition-plan-view{display:flex;flex-direction:column;gap:var(--spacing-md)}.nutrition-plan-tabs{display:flex;gap:var(--spacing-xs);background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xs)}.nutrition-plan-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.nutrition-plan-tab:hover{color:var(--text-primary)}.nutrition-plan-tab.active{background:var(--accent);color:#fff}.nutrition-plan-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.nutrition-plan-select{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);cursor:pointer;transition:border-color var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23B8A99C' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.nutrition-plan-select:focus{outline:none;border-color:var(--border-focus)}.nutrition-plan-select:disabled{opacity:.5;cursor:not-allowed}.nutrition-plan-generate-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.nutrition-plan-generate-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.nutrition-plan-header{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.nutrition-plan-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.nutrition-plan-name{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0}.nutrition-plan-description{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5;margin:0}.nutrition-plan-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.nutrition-plan-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px 10px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap}.nutrition-plan-badge.ai{background:var(--accent-light);color:var(--accent)}.nutrition-plan-badge.public{background:var(--success-light);color:var(--success)}.nutrition-plan-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.nutrition-plan-delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-muted);transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.nutrition-plan-delete-btn:hover{background:#dc35451f;color:var(--error)}.nutrition-plan-delete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.nutrition-plan-delete-modal{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-xl);color:var(--error)}.nutrition-plan-delete-modal h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.nutrition-plan-delete-modal p{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.5}.nutrition-plan-delete-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.nutrition-plan-delete-cancel{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast)}.nutrition-plan-delete-cancel:hover{background:var(--bg-hover)}.nutrition-plan-delete-confirm{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;background:#dc35451f;color:var(--error);cursor:pointer;transition:background var(--transition-fast)}.nutrition-plan-delete-confirm:hover{background:#dc354533}.nutrition-plan-delete-confirm:disabled,.nutrition-plan-delete-cancel:disabled{opacity:.5;cursor:not-allowed}.nutrition-plan-macro-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.nutrition-plan-macro-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.nutrition-plan-macro-badge.calories{background:#ff69331f;color:var(--accent)}.nutrition-plan-macro-badge.protein{background:#60a5fa26;color:#60a5fa}.nutrition-plan-macro-badge.carbs{background:#ff693314;color:var(--accent)}.nutrition-plan-macro-badge.fat{background:#fbbf2426;color:#fbbf24}.nutrition-plan-science-wrapper{margin-top:var(--spacing-xs)}.nutrition-plan-science-toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;background:none;border:none;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:color var(--transition-fast)}.nutrition-plan-science-toggle:hover{color:var(--accent)}.nutrition-plan-science{margin-top:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-primary);border-left:3px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic;line-height:1.6;animation:slideDown .2s ease}.nutrition-plan-weekdays{display:flex;gap:var(--spacing-xs);overflow-x:auto;padding-bottom:var(--spacing-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none}.nutrition-plan-weekdays::-webkit-scrollbar{display:none}.nutrition-plan-weekday{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-lg);background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-width:56px}.nutrition-plan-weekday:hover{border-color:var(--accent);color:var(--text-primary)}.nutrition-plan-weekday.active{background:var(--accent);border-color:var(--accent);color:#fff}.nutrition-plan-weekday-short{font-weight:700;font-size:var(--font-size-sm)}.nutrition-plan-weekday-long{font-size:var(--font-size-xs);opacity:.8;display:none}.nutrition-plan-meals{display:flex;flex-direction:column;gap:var(--spacing-md)}.nutrition-plan-meal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:border-color var(--transition-fast)}.nutrition-plan-meal-card:hover{border-color:var(--border-focus)}.nutrition-plan-meal-image-container{position:relative;flex-shrink:0}.nutrition-plan-meal-image-wrapper{position:relative;width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-md);cursor:pointer;overflow:hidden}.nutrition-plan-meal-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius-md)}.nutrition-plan-meal-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:var(--radius-md);opacity:0;transition:opacity var(--transition-fast);color:#fff}.nutrition-plan-meal-image-wrapper:hover .nutrition-plan-meal-image-overlay{opacity:1}.nutrition-plan-meal-image-wrapper.uploading{pointer-events:none;opacity:.7}.nutrition-plan-meal-image-loading{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:var(--radius-md)}.nutrition-plan-meal-image-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:50;min-width:160px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.nutrition-plan-meal-image-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}.nutrition-plan-meal-image-menu-item:hover{background:var(--bg-hover)}.nutrition-plan-meal-image-menu-item--danger{color:var(--error)}.nutrition-plan-meal-image-menu-item--danger:hover{background:#dc35451a}.nutrition-plan-meal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-md);gap:var(--spacing-md)}.nutrition-plan-meal-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.nutrition-plan-meal-name{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0}.nutrition-plan-meal-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.nutrition-plan-meal-type-badge{display:inline-flex;align-items:center;padding:2px 8px;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.nutrition-plan-meal-time{display:inline-flex;align-items:center;gap:3px;font-size:var(--font-size-xs);color:var(--text-muted)}.nutrition-plan-meal-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.nutrition-plan-meal-kcal{font-size:var(--font-size-md);font-weight:700;color:var(--accent);white-space:nowrap}.nutrition-plan-meal-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);opacity:0}.nutrition-plan-meal-card:hover .nutrition-plan-meal-delete{opacity:1}.nutrition-plan-meal-delete:hover{background:var(--error-light);color:var(--error)}.nutrition-plan-meal-items{padding:0 var(--spacing-md) var(--spacing-md)}.nutrition-plan-meal-items-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-xs)}.nutrition-plan-meal-items-labels{display:grid;grid-template-columns:40px 32px 32px 32px;gap:var(--spacing-xs);text-align:right}.nutrition-plan-meal-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.nutrition-plan-meal-item.even{background:var(--bg-primary)}.nutrition-plan-meal-item.odd{background:transparent}.nutrition-plan-meal-item-name{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.nutrition-plan-meal-item-name>span:first-child{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nutrition-plan-meal-item-amount{font-size:var(--font-size-xs);color:var(--text-muted)}.nutrition-plan-meal-item-macros{display:grid;grid-template-columns:40px 32px 32px 32px;gap:var(--spacing-xs);text-align:right;font-size:var(--font-size-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums}.nutrition-plan-meal-total{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-sm);border-top:1px solid var(--border);margin-top:var(--spacing-xs);font-weight:700;font-size:var(--font-size-sm);color:var(--text-primary)}.nutrition-plan-meal-total .nutrition-plan-meal-item-macros{font-weight:700;color:var(--text-primary)}.nutrition-plan-meal-instructions-wrapper{padding:0 var(--spacing-md) var(--spacing-md)}.nutrition-plan-meal-instructions-toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;background:none;border:none;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:color var(--transition-fast)}.nutrition-plan-meal-instructions-toggle:hover{color:var(--accent)}.nutrition-plan-meal-instructions{margin-top:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-primary);border-left:3px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic;line-height:1.6;white-space:pre-wrap;animation:slideDown .2s ease}.nutrition-plan-add-meal{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:2px dashed var(--border);border-radius:var(--radius-xl);background:transparent;color:var(--text-muted);font-size:var(--font-size-md);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.nutrition-plan-add-meal:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.nutrition-plan-add-meal-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);animation:slideDown .2s ease}.nutrition-plan-add-meal-header{display:flex;align-items:center;justify-content:space-between}.nutrition-plan-add-meal-header h4{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0}.nutrition-plan-add-meal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nutrition-plan-add-meal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.nutrition-plan-add-meal-submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);align-self:flex-start}.nutrition-plan-add-meal-submit:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.nutrition-plan-add-meal-submit:disabled{opacity:.5;cursor:not-allowed}.nutrition-plan-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.nutrition-plan-form-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.nutrition-plan-input{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);transition:border-color var(--transition-fast)}.nutrition-plan-input:focus{outline:none;border-color:var(--border-focus)}.nutrition-plan-input::placeholder{color:var(--text-muted)}.nutrition-plan-textarea{padding:var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);min-height:100px;resize:vertical;transition:border-color var(--transition-fast)}.nutrition-plan-textarea:focus{outline:none;border-color:var(--border-focus)}.nutrition-plan-textarea::placeholder{color:var(--text-muted)}.nutrition-plan-select-small{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);cursor:pointer;transition:border-color var(--transition-fast)}.nutrition-plan-select-small:focus{outline:none;border-color:var(--border-focus)}.nutrition-plan-generate{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);animation:slideDown .2s ease}.nutrition-plan-generate-header{display:flex;align-items:center;justify-content:space-between}.nutrition-plan-generate-header h3{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0}.nutrition-plan-generate-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nutrition-plan-generate-close:hover{background:var(--bg-hover);color:var(--text-primary)}.nutrition-plan-generate-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5;margin:0}.nutrition-plan-diet-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.nutrition-plan-diet-chip{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.nutrition-plan-diet-chip:hover{border-color:var(--accent);color:var(--text-primary)}.nutrition-plan-diet-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.nutrition-plan-generate-submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);align-self:flex-start}.nutrition-plan-generate-submit:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.nutrition-plan-generate-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.nutrition-plan-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;gap:var(--spacing-md)}.nutrition-plan-empty-icon{color:var(--text-muted);opacity:.5}.nutrition-plan-empty h3{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0}.nutrition-plan-empty p{font-size:var(--font-size-sm);color:var(--text-muted);max-width:400px;line-height:1.5;margin:0}.nutrition-plan-no-meals{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-muted);gap:var(--spacing-sm);opacity:.6}.nutrition-plan-no-meals p{font-size:var(--font-size-sm);margin:0}.nutrition-plan-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);color:var(--text-muted);font-size:var(--font-size-sm)}.nutrition-plan-spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.nutrition-plan-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.nutrition-plan-community{display:flex;flex-direction:column;gap:var(--spacing-md)}.nutrition-plan-community-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;gap:var(--spacing-md);color:var(--text-muted)}.nutrition-plan-community-empty h3{font-size:var(--font-size-lg);font-weight:600;margin:0}.nutrition-plan-community-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.nutrition-plan-community-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:all var(--transition-fast)}.nutrition-plan-community-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-md)}.nutrition-plan-community-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.nutrition-plan-community-card-name{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0}.nutrition-plan-community-user{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-muted)}.nutrition-plan-community-avatar{width:24px;height:24px;border-radius:var(--radius-full);object-fit:cover}.nutrition-plan-community-avatar-placeholder{width:24px;height:24px;border-radius:var(--radius-full);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.nutrition-plan-community-desc{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.nutrition-plan-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);margin-top:auto}.nutrition-plan-copy-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.nutrition-plan-copy-btn.copied{background:var(--success);cursor:default}.nutrition-plan-copy-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1025px){.nutrition-plan-weekday-long{display:block}}@media(max-width:1024px){.nutrition-plan-community-grid{grid-template-columns:1fr 1fr}}@media(max-width:767px){.nutrition-plan-selector{flex-direction:column}.nutrition-plan-select{width:100%}.nutrition-plan-generate-btn{width:100%;justify-content:center}.nutrition-plan-header{padding:var(--spacing-md)}.nutrition-plan-header-top{flex-direction:column;gap:var(--spacing-sm)}.nutrition-plan-name{font-size:var(--font-size-lg)}.nutrition-plan-weekday{min-width:44px;padding:var(--spacing-xs) var(--spacing-sm)}.nutrition-plan-meal-header{flex-direction:column;gap:var(--spacing-sm)}.nutrition-plan-meal-actions{width:100%;justify-content:space-between}.nutrition-plan-meal-delete{opacity:1}.nutrition-plan-meal-items-labels,.nutrition-plan-meal-item-macros{grid-template-columns:36px 28px 28px 28px;gap:2px}.nutrition-plan-community-grid{grid-template-columns:1fr}.nutrition-plan-generate{padding:var(--spacing-md)}.nutrition-plan-generate-submit,.nutrition-plan-add-meal-submit{width:100%;justify-content:center}.nutrition-plan-generate-textarea,.nutrition-plan-add-meal-form input,.nutrition-plan-add-meal-form select{font-size:16px}.nutrition-plan-weekdays{-webkit-overflow-scrolling:touch;scrollbar-width:none}.nutrition-plan-weekdays::-webkit-scrollbar{display:none}.nutrition-plan-meal-header .meal-placeholder{width:48px!important;height:48px!important}}@media(max-width:480px){.nutrition-plan-meal-items-labels,.nutrition-plan-meal-item-macros{grid-template-columns:32px 24px 24px 24px;font-size:10px}.nutrition-plan-meal-item-name{font-size:var(--font-size-xs)}.nutrition-plan-meal-item-amount{font-size:10px}.nutrition-plan-meal-name,.nutrition-plan-header-top h2{font-size:var(--font-size-md)}}.nutrition-page{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}.nutrition-page-tabs{display:flex;gap:var(--spacing-xs);background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xs)}.nutrition-page-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast)}.nutrition-page-tab:hover{color:var(--text-secondary);background-color:var(--bg-hover)}.nutrition-page-tab-active{color:#fff;background-color:var(--accent)}.nutrition-page-tab-active:hover{color:#fff;background-color:var(--accent-hover)}.nutrition-mobile-timeline{display:none}.nutrition-header{display:flex;justify-content:space-between;align-items:flex-start}.nutrition-header-left{display:flex;flex-direction:column;gap:var(--spacing-xs)}.nutrition-title{font-size:36px;font-weight:900;color:var(--text-primary);letter-spacing:-.02em}.nutrition-date{font-size:var(--font-size-md);color:var(--text-muted);font-weight:500}.nutrition-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.nutrition-btn-edit-goals{padding:var(--spacing-sm) var(--spacing-md);background:none;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;font-family:var(--font-family);display:flex;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-fast)}.nutrition-btn-edit-goals:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.nutrition-btn-log-meal{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;font-family:var(--font-family);display:flex;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-fast)}.nutrition-btn-log-meal:hover{background-color:var(--accent-hover)}.nutrition-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.nutrition-summary-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);transition:border-color var(--transition-fast)}.nutrition-summary-card:hover{border-color:var(--text-muted)}.nutrition-energy-card{justify-content:center}.nutrition-energy-ring{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:120px}.nutrition-energy-svg{transform:rotate(-90deg)}.nutrition-energy-progress{transition:stroke-dashoffset .8s ease}.nutrition-energy-center{position:absolute;display:flex;flex-direction:column;align-items:center}.nutrition-energy-value{font-size:var(--font-size-2xl);font-weight:900;color:var(--text-primary)}.nutrition-energy-unit{font-size:var(--font-size-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase}.nutrition-energy-label{font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary)}.nutrition-energy-target{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.nutrition-daily-section{display:grid;grid-template-columns:1fr 340px;gap:var(--spacing-lg)}.nutrition-meals-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.nutrition-meals-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.nutrition-meals-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.nutrition-meal-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-md);display:flex;gap:var(--spacing-md);transition:all var(--transition-fast);position:relative}.nutrition-meal-card:hover{border-color:var(--text-muted)}.nutrition-meal-image{width:80px;height:80px;border-radius:var(--radius-lg);background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0;overflow:hidden}.nutrition-meal-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.nutrition-meal-image-container{position:relative;flex-shrink:0}.nutrition-meal-image-wrapper{position:relative;width:80px;height:80px;flex-shrink:0;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden}.nutrition-meal-image-wrapper .nutrition-meal-image{width:100%;height:100%}.nutrition-meal-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:var(--radius-lg);opacity:0;transition:opacity var(--transition-fast);color:#fff}.nutrition-meal-image-wrapper:hover .nutrition-meal-image-overlay{opacity:1}.nutrition-meal-image-wrapper.uploading{pointer-events:none;opacity:.7}.nutrition-meal-image-loading{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:var(--radius-lg)}.nutrition-spinner-small{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.nutrition-meal-image-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:50;min-width:160px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.nutrition-meal-image-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}.nutrition-meal-image-menu-item:hover{background:var(--bg-hover)}.nutrition-meal-image-menu-item--danger{color:var(--error)}.nutrition-meal-image-menu-item--danger:hover{background:#dc35451a}.nutrition-meal-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.nutrition-meal-header{display:flex;justify-content:space-between;align-items:flex-start}.nutrition-meal-name{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary)}.nutrition-meal-kcal{font-size:var(--font-size-md);font-weight:700;color:var(--accent);white-space:nowrap}.nutrition-meal-type{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.nutrition-meal-macros{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.nutrition-meal-macro{display:flex;align-items:center;gap:var(--spacing-sm)}.nutrition-meal-macro-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);width:50px;flex-shrink:0}.nutrition-meal-macro-bar{flex:1;height:4px;background-color:var(--bg-primary);border-radius:var(--radius-full);overflow:hidden}.nutrition-meal-macro-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s ease}.nutrition-meal-macro-protein .nutrition-meal-macro-bar-fill{background-color:#60a5fa}.nutrition-meal-macro-carbs .nutrition-meal-macro-bar-fill{background-color:var(--accent)}.nutrition-meal-macro-fat .nutrition-meal-macro-bar-fill{background-color:#fbbf24}.nutrition-meal-macro-value{font-size:var(--font-size-xs);font-weight:500;color:var(--text-muted);width:30px;text-align:right;flex-shrink:0}.nutrition-meal-menu-wrapper{position:relative;-webkit-user-select:none;user-select:none}.nutrition-meal-menu-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nutrition-meal-menu-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nutrition-meal-menu{position:absolute;bottom:100%;right:0;margin-bottom:var(--spacing-xs);background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xs);min-width:160px;box-shadow:0 -4px 12px #0000004d;z-index:200;-webkit-user-select:none;user-select:none}.nutrition-meal-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nutrition-meal-menu-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nutrition-meal-menu-item-danger{color:var(--error)}.nutrition-meal-menu-item-danger:hover{background-color:color-mix(in srgb,var(--error),transparent 90%);color:var(--error)}.nutrition-planned-section{margin-top:var(--spacing-lg)}.nutrition-planned-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.nutrition-planned-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.nutrition-planned-card{background-color:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-xl);padding:var(--spacing-md);display:flex;gap:var(--spacing-md);transition:all var(--transition-fast);position:relative;overflow:hidden;opacity:.8}.nutrition-planned-card:hover{opacity:1;border-color:var(--accent)}.nutrition-planned-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background-color:color-mix(in srgb,var(--accent),transparent 85%);color:var(--accent);font-size:var(--font-size-xs);font-weight:600;padding:2px var(--spacing-sm);border-radius:var(--radius-md)}.nutrition-planned-time{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.nutrition-track-btn{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-xs);font-weight:700;cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast)}.nutrition-track-btn:hover{background-color:var(--accent-hover)}.nutrition-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-overlay);z-index:9999;display:flex;align-items:center;justify-content:center}.nutrition-confirm-dialog{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:400px;width:90%}.nutrition-confirm-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.nutrition-confirm-text{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.nutrition-confirm-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.nutrition-confirm-btn-cancel{padding:var(--spacing-sm) var(--spacing-md);background:none;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;font-family:var(--font-family);display:flex;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-fast)}.nutrition-confirm-btn-cancel:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.nutrition-confirm-btn-delete{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--error);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;font-family:var(--font-family);display:flex;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-fast)}.nutrition-confirm-btn-delete:hover{filter:brightness(1.1)}.nutrition-meals-empty{background-color:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--text-muted);text-align:center}.nutrition-meals-empty-icon{color:var(--text-muted);opacity:.5}.nutrition-meals-empty-text{font-size:var(--font-size-md);font-weight:500}.nutrition-pro-tip{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md)}.nutrition-pro-tip-icon{color:var(--warning);flex-shrink:0;margin-top:2px}.nutrition-pro-tip-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.nutrition-pro-tip-label{font-size:var(--font-size-sm);font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.nutrition-pro-tip-text{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6}.nutrition-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted);font-size:var(--font-size-md)}@media(max-width:1024px){.nutrition-summary-grid{grid-template-columns:repeat(2,1fr)}.nutrition-daily-section{grid-template-columns:1fr}}@media(max-width:767px){.nutrition-btn-log-meal{display:none}.nutrition-page-tab svg{display:none}.nutrition-page-tab{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-xs)}.nutrition-summary-grid{grid-template-columns:1fr}.nutrition-page{gap:var(--spacing-lg)}.nutrition-mobile-timeline{display:block}.nutrition-daily-section{display:none}}.nutrition-action-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-overlay);z-index:9999;display:flex;align-items:flex-end;justify-content:center}.nutrition-action-sheet{width:100%;max-width:500px;background-color:var(--bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--spacing-sm);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--spacing-xs)}.nutrition-action-sheet-header{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);text-align:center;border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-xs)}.nutrition-action-sheet-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted)}.nutrition-action-sheet-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:none;border:none;border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nutrition-action-sheet-item:active{background-color:var(--bg-hover)}.nutrition-action-sheet-item-danger{color:var(--error)}.nutrition-action-sheet-cancel{width:100%;padding:var(--spacing-md);background-color:var(--bg-secondary);border:none;border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;font-family:var(--font-family);cursor:pointer;margin-top:var(--spacing-xs);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nutrition-action-sheet-cancel:active{background-color:var(--bg-hover)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .25s ease forwards}.leaderboard{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);overflow:hidden}.leaderboard-table-wrapper{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table thead{border-bottom:1px solid var(--border)}.leaderboard-table th{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap}.leaderboard-table th:first-child{width:60px;text-align:center}.leaderboard-table th:last-child{text-align:right}.leaderboard-table tbody tr{border-bottom:1px solid var(--border-light);transition:background var(--transition-fast);cursor:pointer}.leaderboard-table tbody tr:last-child{border-bottom:none}.leaderboard-table tbody tr:hover{background:var(--bg-hover)}.leaderboard-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);color:var(--text-primary);vertical-align:middle}.leaderboard-table td:first-child{text-align:center}.leaderboard-rank{font-weight:700;font-size:var(--font-size-lg);color:var(--text-secondary);min-width:32px;display:inline-block}.leaderboard-user{display:flex;align-items:center;gap:var(--spacing-md)}.leaderboard-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md);font-weight:700;color:var(--text-muted);flex-shrink:0;overflow:hidden}.leaderboard-avatar img{width:100%;height:100%;object-fit:cover}.leaderboard-user-info{display:flex;flex-direction:column;gap:2px}.leaderboard-username{font-weight:600;color:var(--text-primary)}.leaderboard-user-level{font-size:var(--font-size-xs);color:var(--text-muted)}.leaderboard-score{font-weight:800;color:var(--accent);font-size:var(--font-size-lg);text-align:right}.leaderboard-location{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.leaderboard-trend{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;justify-content:flex-end}.leaderboard-trend.trend-up{color:var(--success)}.leaderboard-trend.trend-down{color:var(--error)}.leaderboard-trend.trend-neutral{color:var(--text-muted)}.leaderboard-trend-arrow{display:flex;align-items:center}.leaderboard-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted);font-size:var(--font-size-sm)}.leaderboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-sm);color:var(--text-muted);font-size:var(--font-size-sm)}@media(max-width:1024px){.leaderboard-table th:nth-child(5),.leaderboard-table td:nth-child(5){display:none}.leaderboard-table th,.leaderboard-table td{padding:var(--spacing-sm) var(--spacing-md)}}@media(max-width:767px){.leaderboard-table th,.leaderboard-table td{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.leaderboard-table th:nth-child(4),.leaderboard-table td:nth-child(4){display:none}.leaderboard-avatar{width:32px;height:32px;font-size:var(--font-size-sm)}.leaderboard-user{gap:var(--spacing-sm)}}.ranking-page{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl);padding-bottom:100px}.ranking-header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ranking-title{font-size:var(--font-size-4xl);font-weight:900;font-style:italic;text-transform:uppercase;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1}.ranking-subtitle{font-size:var(--font-size-lg);color:var(--text-muted)}.ranking-tabs{display:flex;gap:0;border-bottom:1px solid var(--border)}.ranking-tab{padding:var(--spacing-sm) var(--spacing-xl);border:none;background:transparent;color:var(--text-muted);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:color var(--transition-fast);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.ranking-tab:hover{color:var(--text-primary)}.ranking-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.ranking-podium{display:flex;align-items:flex-end;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-xl) 0}.podium-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-radius:var(--radius-xl);padding:var(--spacing-lg);position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal);width:220px;gap:var(--spacing-xs)}.podium-card:hover{transform:translateY(-4px)}.podium-card.podium-1{min-height:320px;background:linear-gradient(180deg,#ffd7001f,#ffd70008);border:2px solid rgba(255,215,0,.35);box-shadow:0 8px 32px #ffd7001f;order:2}.podium-card.podium-1:hover{box-shadow:0 12px 40px #ffd70033}.podium-card.podium-2{min-height:260px;background:linear-gradient(180deg,#c0c0c01f,#c0c0c008);border:1px solid rgba(192,192,192,.25);box-shadow:0 8px 32px #c0c0c014;order:1}.podium-card.podium-2:hover{box-shadow:0 12px 40px #c0c0c026}.podium-card.podium-3{min-height:240px;background:linear-gradient(180deg,#cd7f321f,#cd7f3208);border:1px solid rgba(205,127,50,.25);box-shadow:0 8px 32px #cd7f3214;order:3}.podium-card.podium-3:hover{box-shadow:0 12px 40px #cd7f3226}.podium-crown{color:gold;margin-bottom:var(--spacing-xs)}.podium-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:700;color:var(--text-muted);margin-bottom:var(--spacing-sm);overflow:visible;flex-shrink:0;position:relative}.podium-1 .podium-avatar{width:96px;height:96px;border:3px solid var(--accent)}.podium-2 .podium-avatar{border:3px solid rgba(192,192,192,.5)}.podium-3 .podium-avatar{border:3px solid rgba(205,127,50,.5)}.podium-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.podium-rank-badge{position:absolute;bottom:-4px;right:-4px;min-width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:800;color:#fff;padding:0 6px}.podium-1 .podium-rank-badge{background:var(--accent)}.podium-2 .podium-rank-badge{background:#7a7a7a}.podium-3 .podium-rank-badge{background:#a0652e}.podium-medal-label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.podium-1 .podium-medal-label{color:var(--accent)}.podium-2 .podium-medal-label{color:silver}.podium-3 .podium-medal-label{color:#cd7f32}.podium-name{font-size:var(--font-size-md);font-weight:800;font-style:italic;color:var(--text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.podium-points{font-size:var(--font-size-xl);font-weight:800;font-style:italic;text-align:center}.podium-1 .podium-points{color:var(--accent)}.podium-2 .podium-points{color:silver}.podium-3 .podium-points{color:#cd7f32}.ranking-bottom-bar{position:fixed;bottom:var(--spacing-md);left:calc(var(--sidebar-width) + var(--spacing-md));right:var(--spacing-md);background:linear-gradient(135deg,var(--accent) 0%,#e04a12 100%);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);z-index:100;border-radius:var(--radius-xl);box-shadow:0 8px 32px #ff5a1f4d,0 4px 16px #0003;transition:left var(--transition-normal)}.sidebar-collapsed .ranking-bottom-bar{left:calc(var(--sidebar-width-collapsed) + var(--spacing-md))}.bottom-bar-rank{font-size:var(--font-size-xl);font-weight:900;font-style:italic;color:#ffffffe6;min-width:40px;flex-shrink:0}.bottom-bar-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:700;color:#fff;flex-shrink:0;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.bottom-bar-avatar img{width:100%;height:100%;object-fit:cover}.bottom-bar-user{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.bottom-bar-label{font-size:10px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.bottom-bar-name{font-size:var(--font-size-md);font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-bar-score{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex-shrink:0}.bottom-bar-score-label{font-size:10px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.bottom-bar-points{font-size:var(--font-size-xl);font-weight:800;color:#fff}.bottom-bar-trend{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--font-size-sm);font-weight:700;color:var(--accent);background:#ffffffe6;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);min-width:40px;flex-shrink:0}.ranking-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md);color:var(--text-muted)}.ranking-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md);color:var(--error);text-align:center}.ranking-error-retry{padding:var(--spacing-sm) var(--spacing-lg);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.ranking-error-retry:hover{background:var(--accent-hover)}[data-theme=light] .podium-card.podium-1{background:linear-gradient(180deg,#ffd70040,#ffd70014);border:1px solid rgba(200,170,0,.45);box-shadow:0 8px 32px #ffd70026}[data-theme=light] .podium-card.podium-2{background:linear-gradient(180deg,#96969640,#96969614);border-color:#96969680;box-shadow:0 8px 32px #9696961f}[data-theme=light] .podium-card.podium-3{background:linear-gradient(180deg,#cd7f3240,#cd7f3214);border-color:#cd7f3280;box-shadow:0 8px 32px #cd7f321f}[data-theme=light] .podium-2 .podium-medal-label,[data-theme=light] .podium-2 .podium-points{color:#8a8a8a}[data-theme=light] .podium-3 .podium-medal-label,[data-theme=light] .podium-3 .podium-points{color:#a0652e}[data-theme=light] .podium-2 .podium-avatar{border-color:#96969699}[data-theme=light] .podium-3 .podium-avatar{border-color:#cd7f3299}@media(max-width:1024px){.podium-card{width:180px}.podium-card.podium-1{min-height:280px}.podium-card.podium-2{min-height:230px}.podium-card.podium-3{min-height:210px}.ranking-bottom-bar{left:calc(var(--sidebar-width-collapsed) + var(--spacing-md))}}@media(max-width:767px){.ranking-page{padding-bottom:calc(100px + var(--bottom-nav-height))}.ranking-podium{gap:var(--spacing-sm);padding:var(--spacing-md) 0}.podium-card{width:110px;padding:var(--spacing-md) var(--spacing-sm)}.podium-card.podium-1{min-height:220px}.podium-card.podium-2{min-height:190px}.podium-card.podium-3{min-height:170px}.podium-avatar{width:56px;height:56px;font-size:var(--font-size-lg)}.podium-1 .podium-avatar{width:64px;height:64px}.podium-rank-badge{min-width:22px;height:22px;font-size:10px}.podium-name{font-size:var(--font-size-sm)}.podium-points{font-size:var(--font-size-lg)}.podium-crown{display:none}.ranking-bottom-bar{left:var(--spacing-sm);right:var(--spacing-sm);bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + var(--spacing-sm));padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.bottom-bar-rank{font-size:var(--font-size-lg);min-width:32px}.bottom-bar-avatar{width:32px;height:32px}.bottom-bar-points{font-size:var(--font-size-lg)}.bottom-bar-trend{display:none}}.conversation-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:background var(--transition-fast);position:relative}.conversation-item+.conversation-item{border-top:1px solid var(--border)}.conversation-item:hover{background:var(--bg-hover)}.conversation-item.active{background:var(--bg-active)}.conversation-avatar{position:relative;flex-shrink:0}.conversation-avatar-img{width:48px;height:48px;border-radius:var(--radius-full);background:var(--accent-light);display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:600;font-size:var(--font-size-lg);overflow:hidden}.conversation-avatar-img img{width:100%;height:100%;object-fit:cover}.conversation-online-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:var(--radius-full);background:var(--success);border:2px solid var(--bg-secondary)}.conversation-item.active .conversation-online-dot{border-color:var(--bg-active)}.conversation-group-indicator{position:absolute;bottom:0;left:0;width:18px;height:18px;border-radius:var(--radius-full);background:var(--bg-primary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-secondary)}.conversation-item.active .conversation-group-indicator{border-color:var(--bg-active)}.conversation-member-count{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1}.conversation-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.conversation-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.conversation-name{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-header-right{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.conversation-time{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.conversation-muted-icon{color:var(--text-muted);display:flex;align-items:center;flex-shrink:0}.conversation-preview{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.conversation-last-message{font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.conversation-typing{font-size:var(--font-size-sm);color:var(--accent);font-style:italic}.conversation-unread-badge{background:var(--accent);color:#fff;font-size:var(--font-size-xs);font-weight:700;min-width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 6px;flex-shrink:0}.conversation-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--text-muted);text-align:center;gap:var(--spacing-sm)}.conversation-list-empty-icon{opacity:.4}.conversation-list-empty-text{font-size:var(--font-size-sm)}@media(max-width:767px){.conversation-item{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.conversation-avatar-img{width:40px;height:40px}.conversation-online-dot{width:10px;height:10px}}.voice-player{display:flex;align-items:center;gap:var(--spacing-sm);min-width:200px;max-width:280px;padding:var(--spacing-xs) 0}.voice-player-btn{background:#fff3;border:none;color:inherit;cursor:pointer;width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.message-row.other .voice-player-btn{background:var(--bg-hover)}.voice-player-speed{background:#ffffff26;border:none;color:inherit;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0;transition:all var(--transition-fast)}.message-row.other .voice-player-speed{background:var(--bg-hover);color:var(--accent)}.voice-player-waveform{flex:1;display:flex;align-items:center;justify-content:space-between;height:24px;position:relative;cursor:pointer;gap:1px}.voice-player-bar{width:2.5px;min-height:3px;border-radius:1.5px;background:currentColor;opacity:.3;flex-shrink:0;transition:opacity .1s ease}.voice-player-bar--played{opacity:.85}.message-row.other .voice-player-bar--played{background:var(--accent);opacity:.85}.voice-player-dot{position:absolute;width:8px;height:8px;border-radius:var(--radius-full);background:currentColor;top:50%;transform:translateY(-50%);pointer-events:none;transition:left .1s linear}.message-row.other .voice-player-dot{background:var(--accent)}.voice-player-time{font-size:11px;opacity:.7;font-variant-numeric:tabular-nums;min-width:28px;text-align:right;flex-shrink:0}@media(hover:hover){.voice-player-btn:hover{background:#ffffff4d;transform:scale(1.05)}.message-row.other .voice-player-btn:hover{background:var(--accent-light, rgba(255, 90, 31, .15));color:var(--accent)}.voice-player-speed:hover{background:#ffffff40}.message-row.other .voice-player-speed:hover{background:var(--accent-light, rgba(255, 90, 31, .15))}}.training-plan-card{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);min-width:220px;max-width:280px}.message-row.other .training-plan-card{background:var(--bg-hover);border-color:var(--border)}.training-plan-card:hover{background:#ffffff1f}.message-row.other .training-plan-card:hover{background:var(--bg-tertiary)}.training-plan-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.training-plan-card-title{font-size:var(--font-size-md);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-plan-card-desc{font-size:var(--font-size-sm);opacity:.7;margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.training-plan-card-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.training-plan-card-exercises{font-size:var(--font-size-xs);opacity:.6}.training-plan-card-ai-badge{font-size:10px;font-weight:700;background:var(--accent);color:#fff;padding:1px 6px;border-radius:var(--radius-sm)}.training-plan-card-copy{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.training-plan-card-copy:hover{background:var(--accent-hover)}.message-row{display:flex;gap:var(--spacing-sm);max-width:75%;animation:messageAppear .2s ease}.message-row.own{margin-left:auto;flex-direction:row-reverse}.message-row.other{align-self:flex-start}.message-bubble{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xl);position:relative;word-break:break-word}.message-row.own .message-bubble{background:#ff693340;color:var(--text-primary);border-bottom-right-radius:var(--radius-sm)}.message-row.other .message-bubble{background:var(--bg-tertiary);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm)}.message-text{font-size:var(--font-size-md);line-height:1.5}.message-image{max-width:280px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-xs)}.message-image img{width:100%;height:auto;display:block;cursor:pointer}@media(hover:hover){.message-image img{transition:opacity var(--transition-fast)}.message-image img:hover{opacity:.9}}.message-video{max-width:320px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-xs)}.message-video video{width:100%;height:auto;display:block;border-radius:var(--radius-lg)}.message-footer{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:2px}.message-row.own .message-footer{justify-content:flex-end}.message-time{font-size:10px;opacity:.7}.message-row.own .message-time,.message-row.other .message-time{color:var(--text-muted)}.message-read-status{display:flex;align-items:center}.message-read-icon{color:var(--text-muted)}.message-read-icon.read{color:var(--accent)}.message-sender-name{font-size:var(--font-size-xs);font-weight:600;color:var(--accent);margin-bottom:2px}.message-more-btn{position:absolute;top:4px;right:4px;background:none;border:none;color:inherit;opacity:0;cursor:pointer;padding:2px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;pointer-events:none}@media(hover:hover){.message-more-btn{transition:opacity var(--transition-fast)}.message-bubble:hover .message-more-btn{opacity:.6;pointer-events:auto}.message-more-btn:hover{opacity:1!important}}.message-pin-indicator{display:flex;align-items:center;opacity:.7}.message-context-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.message-context-menu{position:fixed;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:160px;padding:var(--spacing-xs);z-index:1001;animation:contextMenuAppear .15s ease}.message-context-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast)}.message-context-item:hover{background:var(--bg-hover)}.message-context-item--danger{color:var(--error)}.message-context-item--danger:hover{background:#ff453a1a}.message-bubble-redacted{font-style:italic;color:var(--text-muted);font-size:var(--font-size-sm)}@keyframes contextMenuAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes messageAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.voice-recorder{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);animation:voiceRecorderAppear .2s ease}.voice-recorder--error{flex-direction:row;align-items:center;background:var(--error-light, rgba(255, 69, 58, .1));border-radius:var(--radius-xl);padding:var(--spacing-sm) var(--spacing-md)}.voice-recorder-error-text{flex:1;font-size:var(--font-size-sm);color:var(--error)}.voice-recorder-display{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-xl);padding:var(--spacing-sm) var(--spacing-md);min-height:48px}.voice-recorder-rec-indicator{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.voice-recorder-dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--error);animation:voiceRecDotPulse 1s ease-in-out infinite;flex-shrink:0}.voice-recorder-timer{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;min-width:40px}.voice-recorder-waveform{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:2px;height:28px;overflow:hidden}.voice-recorder-waveform--review{justify-content:flex-start}.voice-recorder-bar{width:2.5px;min-height:3px;border-radius:1.5px;background:var(--accent);opacity:.6;flex-shrink:0}.voice-recorder-duration{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:36px;text-align:right;flex-shrink:0}.voice-recorder-preview-btn{width:32px;height:32px;border-radius:var(--radius-full);background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.voice-recorder-preview-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.voice-recorder-actions{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-sm)}.voice-recorder-action{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast)}.voice-recorder-action--delete{background:transparent;color:var(--text-muted);width:44px;height:44px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast)}.voice-recorder-action--delete:hover{color:var(--error);background:var(--error-light, rgba(255, 69, 58, .1))}.voice-recorder-action--center{width:48px;height:48px;background:var(--error-light, rgba(255, 69, 58, .15));color:var(--error)}.voice-recorder-action--center:hover{background:#ff453a40;transform:scale(1.05)}.voice-recorder-action--send{width:40px;height:40px;background:var(--accent);color:#fff}.voice-recorder-action--send:hover{background:var(--accent-hover);transform:scale(1.05)}@keyframes voiceRecorderAppear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes voiceRecDotPulse{0%,to{opacity:1}50%{opacity:.3}}.emoji-picker{position:absolute;bottom:100%;right:0;margin-bottom:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006;width:320px;z-index:20;animation:emojiPickerAppear .15s ease;overflow:hidden}.emoji-picker-tabs{display:flex;gap:2px;padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.emoji-picker-tabs::-webkit-scrollbar{display:none}.emoji-picker-tab{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);font-size:18px;line-height:1;transition:background var(--transition-fast);flex-shrink:0;opacity:.6}.emoji-picker-tab:hover,.emoji-picker-tab.active{background:var(--bg-hover);opacity:1}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:var(--spacing-sm);max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.emoji-picker-grid::-webkit-scrollbar{width:4px}.emoji-picker-grid::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.emoji-picker-emoji{background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--radius-md);font-size:22px;line-height:1;text-align:center;transition:all var(--transition-fast)}.emoji-picker-emoji:hover{background:var(--bg-hover);transform:scale(1.15)}@keyframes emojiPickerAppear{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:767px){.emoji-picker{width:calc(100vw - 32px);right:-16px}}.plan-selector-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;animation:planSelectorFadeIn .2s ease}.plan-selector{background:var(--bg-secondary);border-radius:var(--radius-xl);width:90%;max-width:400px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006;animation:planSelectorSlideUp .2s ease}.plan-selector-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border)}.plan-selector-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.plan-selector-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.plan-selector-close:hover{background:var(--bg-hover);color:var(--text-primary)}.plan-selector-list{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.plan-selector-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.plan-selector-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);font-size:var(--font-size-sm)}.plan-selector-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast);color:var(--text-muted)}.plan-selector-item:hover{background:var(--bg-hover);color:var(--accent)}.plan-selector-item-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.plan-selector-item-info{flex:1;min-width:0}.plan-selector-item-name{display:block;font-size:var(--font-size-md);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-selector-item-meta{font-size:var(--font-size-xs);color:var(--text-muted)}@keyframes planSelectorFadeIn{0%{opacity:0}to{opacity:1}}@keyframes planSelectorSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.message-input-container{display:flex;align-items:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.message-input-actions-left{display:flex;gap:var(--spacing-xs);padding-bottom:4px}.message-input-wrapper{flex:1;position:relative;display:flex;align-items:flex-end}.message-emoji-wrapper{position:relative;padding-bottom:4px}.message-emoji-btn{padding:var(--spacing-xs)!important}.message-input-field{width:100%;min-height:40px;max-height:120px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);outline:none;resize:none;line-height:1.5;transition:border-color var(--transition-fast);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.message-input-field::placeholder{color:var(--text-muted)}.message-input-field:focus{border-color:var(--border-focus)}.message-input-field::-webkit-scrollbar{width:4px}.message-input-field::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.message-input-actions-right{display:flex;gap:var(--spacing-xs);padding-bottom:4px}.message-input-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.message-input-btn:hover{background:var(--bg-hover);color:var(--accent)}.message-send-btn{background:var(--accent);border:none;color:#fff;cursor:pointer;width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.message-send-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.message-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.message-file-input{display:none}.message-image-preview{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-tertiary);border-top:1px solid var(--border);flex-shrink:0}.message-image-preview-img{width:60px;height:60px;border-radius:var(--radius-lg);object-fit:cover}.message-image-preview-name{flex:1;font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-image-preview-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.message-image-preview-remove:hover{background:var(--error-light);color:var(--error)}.message-attach-wrapper{position:relative}.message-attach-menu{position:absolute;bottom:100%;left:0;margin-bottom:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000004d;overflow:hidden;min-width:180px;z-index:10;animation:attachMenuAppear .15s ease}.message-attach-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast)}.message-attach-option:hover{background:var(--bg-hover);color:var(--accent)}@keyframes attachMenuAppear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.message-mic-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.message-mic-btn:hover{background:var(--bg-hover);color:var(--accent)}.message-input-voice-container{border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.message-video-preview-thumb{width:60px;height:60px;border-radius:var(--radius-lg);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.message-upload-progress{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-tertiary);border-top:1px solid var(--border);flex-shrink:0}.message-upload-progress-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.message-upload-progress-name{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-upload-progress-percent{font-size:var(--font-size-xs);color:var(--accent);font-weight:600}.message-upload-progress-bar{height:3px;background:var(--border);border-radius:var(--radius-full);overflow:hidden}.message-upload-progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .2s ease}@media(max-width:767px){.message-input-container,.message-image-preview{padding:var(--spacing-sm) var(--spacing-md)}.message-image-preview-img{width:48px;height:48px}.message-upload-progress{padding:var(--spacing-sm) var(--spacing-md)}}.group-info-panel{position:absolute;top:0;right:0;bottom:0;width:340px;background:var(--bg-secondary);border-left:1px solid var(--border);z-index:50;overflow-y:auto;display:flex;flex-direction:column;animation:slideInRight .25s ease;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.group-info-panel::-webkit-scrollbar{width:6px}.group-info-panel::-webkit-scrollbar-track{background:var(--scrollbar-track)}.group-info-panel::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.group-info-panel::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.group-info-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border);flex-shrink:0}.group-info-header-back{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.group-info-header-back:hover{background:var(--bg-hover);color:var(--accent)}.group-info-header-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.group-info-profile{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-sm)}.group-info-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:var(--accent-light);display:flex;align-items:center;justify-content:center;color:var(--accent);border:2px solid var(--accent);overflow:hidden;flex-shrink:0}.group-info-avatar img{width:100%;height:100%;object-fit:cover}.group-info-name{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);text-align:center;word-break:break-word}.group-info-subtitle{font-size:var(--font-size-sm);color:var(--text-muted)}.group-info-section{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border)}.group-info-section-title{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.group-info-member{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}.group-info-member:hover{background:var(--bg-hover)}.group-info-member--self{cursor:default}.group-info-member--self:hover{background:transparent}.group-info-member-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--accent-light);display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:600;font-size:var(--font-size-sm);overflow:hidden;flex-shrink:0}.group-info-member-avatar img{width:100%;height:100%;object-fit:cover}.group-info-member-info{display:flex;flex-direction:column;flex:1;min-width:0}.group-info-member-name{font-size:var(--font-size-md);font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.group-info-member-badge{display:inline-flex;align-items:center;padding:1px 6px;background:var(--accent-light);color:var(--accent);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.group-info-member-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-muted)}.group-info-member-status-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;flex-shrink:0}.group-info-member-status--online{color:var(--success)}.group-info-created{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;padding:var(--spacing-lg)}.group-info-member-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:60;animation:fadeIn .15s ease}.group-info-member-modal{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-xl);width:280px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);position:relative}.group-info-member-modal-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.group-info-member-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.group-info-member-modal-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:var(--accent-light);display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700;font-size:var(--font-size-xl);overflow:hidden}.group-info-member-modal-avatar img{width:100%;height:100%;object-fit:cover}.group-info-member-modal-name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);text-align:center}.group-info-member-modal-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-muted)}.group-info-member-modal-status--online{color:var(--success)}.group-info-member-modal-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast)}.group-info-member-modal-btn:hover{background:var(--accent-hover)}@media(max-width:1024px){.group-info-panel{width:100%}}@media(max-width:767px){.group-info-panel{width:100%}}.media-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000f2;display:flex;flex-direction:column;animation:media-viewer-fade-in .2s ease}@keyframes media-viewer-fade-in{0%{opacity:0}to{opacity:1}}.media-viewer-header{display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-shrink:0}.media-viewer-back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:#ffffff1a;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;transition:background .15s ease}.media-viewer-back:hover{background:#fff3}.media-viewer-info{display:flex;flex-direction:column;gap:2px;min-width:0}.media-viewer-sender{color:#fff;font-size:15px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-viewer-time{color:#fff9;font-size:13px;line-height:1.3}.media-viewer-body{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;min-height:0}.media-viewer-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;user-select:none;-webkit-user-select:none}.media-gallery-panel{position:absolute;top:0;right:0;bottom:0;width:340px;background:var(--bg-secondary);border-left:1px solid var(--border);z-index:50;overflow-y:auto;display:flex;flex-direction:column;animation:slideInRight .25s ease;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.media-gallery-panel::-webkit-scrollbar{width:6px}.media-gallery-panel::-webkit-scrollbar-track{background:var(--scrollbar-track)}.media-gallery-panel::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.media-gallery-panel::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.media-gallery-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border);flex-shrink:0}.media-gallery-header-back{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.media-gallery-header-back:hover{background:var(--bg-hover);color:var(--accent)}.media-gallery-header-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.media-gallery-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.media-gallery-tab{flex:1;padding:var(--spacing-sm) var(--spacing-xs);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);transition:all var(--transition-fast)}.media-gallery-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.media-gallery-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.media-gallery-tab-count{font-size:var(--font-size-xs);background:var(--bg-hover);color:var(--text-muted);padding:1px 6px;border-radius:var(--radius-full)}.media-gallery-tab--active .media-gallery-tab-count{background:var(--accent-light);color:var(--accent)}.media-gallery-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.media-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs)}.media-gallery-item{aspect-ratio:1;overflow:hidden;border-radius:var(--radius-md);cursor:pointer;position:relative;transition:transform var(--transition-fast),opacity var(--transition-fast);border:none;background:none;padding:0;display:block}.media-gallery-item:hover{transform:scale(1.03);opacity:.9}.media-gallery-item img{width:100%;height:100%;object-fit:cover}.media-gallery-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.media-gallery-video-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:background var(--transition-fast)}.media-gallery-video-item:hover{background:var(--bg-hover)}.media-gallery-video-thumb{width:64px;height:48px;border-radius:var(--radius-md);background:var(--bg-primary);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0;color:var(--text-muted)}.media-gallery-video-thumb img{width:100%;height:100%;object-fit:cover}.media-gallery-video-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff}.media-gallery-video-info{display:flex;flex-direction:column;flex:1;min-width:0}.media-gallery-video-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-gallery-video-duration{font-size:var(--font-size-xs);color:var(--text-muted)}.media-gallery-voice-item{padding:var(--spacing-xs) 0}.media-gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--text-muted);text-align:center;gap:var(--spacing-md);opacity:.6}.media-gallery-empty p{font-size:var(--font-size-sm);margin:0}@media(max-width:1024px){.media-gallery-panel{width:100%}}@media(max-width:767px){.media-gallery-panel{width:100%}}.chat-content-wrapper{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.chat-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.chat-header-back{display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);align-items:center;justify-content:center;transition:all var(--transition-fast)}.chat-header-back:hover{background:var(--bg-hover);color:var(--accent)}.chat-header-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--accent-light);display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:600;font-size:var(--font-size-md);overflow:hidden;flex-shrink:0}.chat-header-avatar img{width:100%;height:100%;object-fit:cover}.chat-header-avatar--group{background:var(--accent-light);color:var(--accent)}.chat-header-avatar--clickable{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.chat-header-avatar--clickable:hover{transform:scale(1.08);box-shadow:0 0 12px #ff5a1f4d}.chat-header-avatar-container{position:relative;flex-shrink:0}.chat-avatar-menu{position:absolute;top:calc(100% + var(--spacing-sm));left:0;min-width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100}.chat-avatar-menu-item:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.chat-avatar-menu-item:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.chat-avatar-menu-item:only-child{border-radius:var(--radius-lg)}.chat-avatar-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast);text-align:left}.chat-avatar-menu-item:hover{background:var(--bg-hover)}.chat-avatar-menu-item--danger{color:var(--error)}.chat-avatar-menu-item--danger:hover{background:#ff453a1a}.chat-header-members{font-size:var(--font-size-xs);color:var(--text-muted)}.chat-header-info{flex:1;min-width:0}.chat-header-name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-status{font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.chat-header-status.online{color:var(--success)}.chat-header-status.offline{color:var(--text-muted)}.chat-header-status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:currentColor}.chat-header-actions{display:flex;gap:var(--spacing-sm);position:relative}.chat-options-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);min-width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100}.chat-options-item:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.chat-options-item:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.chat-options-item:only-child{border-radius:var(--radius-lg)}.chat-options-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast)}.chat-options-item:hover{background:var(--bg-hover)}.chat-options-item--danger{color:var(--error)}.chat-options-item--danger:hover{background:#ff453a1a}.chat-delete-confirm-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:60;animation:fadeIn .15s ease}.chat-delete-confirm-dialog{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-xl);width:320px;max-width:90%;display:flex;flex-direction:column;gap:var(--spacing-lg)}.chat-delete-confirm-text{font-size:var(--font-size-md);color:var(--text-primary);line-height:1.5;margin:0;text-align:center}.chat-delete-confirm-actions{display:flex;gap:var(--spacing-sm)}.chat-delete-confirm-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast)}.chat-delete-confirm-btn--cancel{background:var(--bg-hover);color:var(--text-primary)}.chat-delete-confirm-btn--cancel:hover{background:var(--bg-active)}.chat-delete-confirm-btn--danger{background:var(--error);color:#fff}.chat-delete-confirm-btn--danger:hover{opacity:.9}.chat-delete-confirm-btn--secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.chat-delete-confirm-btn--secondary:hover{background:var(--bg-hover)}.chat-delete-confirm-actions--col{flex-direction:column}.chat-header-action-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.chat-header-action-btn:hover{background:var(--bg-hover);color:var(--accent)}.chat-pinned-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast);flex-shrink:0}.chat-pinned-banner:hover{background:var(--bg-hover)}.chat-pinned-banner-icon{color:var(--accent);flex-shrink:0;display:flex;align-items:center}.chat-pinned-banner-content{display:flex;flex-direction:column;flex:1;min-width:0}.chat-pinned-banner-label{font-size:var(--font-size-xs);font-weight:600;color:var(--accent)}.chat-pinned-banner-text{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-pinned-banner-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.chat-pinned-banner-close:hover{background:var(--bg-active);color:var(--text-primary)}.message-highlight .message-bubble{box-shadow:0 0 0 2px var(--accent);transition:box-shadow .3s ease}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--scrollbar-track)}.chat-messages::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.chat-load-more{display:flex;justify-content:center;padding:var(--spacing-sm)}.chat-load-more-btn{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.chat-load-more-btn:hover{background:var(--bg-active);color:var(--text-primary)}.chat-typing-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic}.chat-typing-dots{display:flex;gap:3px}.chat-typing-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--text-muted);animation:typingBounce 1.4s infinite ease-in-out}.chat-typing-dot:nth-child(2){animation-delay:.2s}.chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-date-separator{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-md) 0}.chat-date-separator-line{flex:1;height:1px;background:var(--border)}.chat-date-separator-text{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.chat-messages-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.chat-messages-loading-spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin .8s linear infinite}@media(max-width:1024px){.chat-messages{padding:var(--spacing-md)}.chat-header{padding:var(--spacing-sm) var(--spacing-md)}}@media(max-width:767px){.chat-header-back{display:flex}.chat-messages{padding:var(--spacing-sm)}}.friends-list{display:flex;flex-direction:column;height:100%;overflow-y:auto}.friends-list-section{padding:var(--spacing-sm)}.friends-list-section-title{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xs);margin:0}.friends-list-request{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.friends-list-request:hover{background-color:var(--bg-hover)}.friends-list-request-info{flex:1;min-width:0;display:flex;flex-direction:column}.friends-list-request-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.friends-list-accept-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-full);background-color:var(--success);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.friends-list-accept-btn:hover{opacity:.85;transform:scale(1.05)}.friends-list-reject-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-full);background-color:var(--bg-hover);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.friends-list-reject-btn:hover{background-color:var(--error);color:#fff}.friends-list-block-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-full);background-color:var(--bg-hover);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.friends-list-block-btn:hover{background-color:var(--error);color:#fff}.friends-list-avatar{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--accent);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.friends-list-avatar img{width:100%;height:100%;object-fit:cover}.friends-list-avatar-initials{font-size:var(--font-size-sm);font-weight:700;color:#fff}.friends-list-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-list-username,.friends-list-meta{font-size:var(--font-size-xs);color:var(--text-muted)}.friends-list-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.friends-list-item:hover{background-color:var(--bg-hover)}.friends-list-item-info{flex:1;min-width:0;display:flex;flex-direction:column}.friends-list-item-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.friends-list-message-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.friends-list-message-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#ff5a1f14}.friends-list-message-btn:disabled{opacity:.4;cursor:not-allowed}.friends-list-remove-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.friends-list-remove-btn:hover{border-color:var(--error);color:var(--error);background:#dc354514}.friends-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.friends-list-empty-icon{width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--bg-hover);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:var(--spacing-md)}.friends-list-empty p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.friends-list-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.friends-list-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);animation:friendsListSpin .8s linear infinite}@keyframes friendsListSpin{to{transform:rotate(360deg)}}.all-users-list{display:flex;flex-direction:column;height:100%;overflow-y:auto}.all-users-search{padding:var(--spacing-sm);flex-shrink:0}.all-users-search-wrapper{position:relative;display:flex;align-items:center}.all-users-search-icon{position:absolute;left:10px;color:var(--text-muted);display:flex;align-items:center}.all-users-search-input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-fast)}.all-users-search-input:focus{border-color:var(--accent)}.all-users-search-input::placeholder{color:var(--text-muted)}.all-users-section{padding:var(--spacing-sm);padding-bottom:72px;flex:1}.all-users-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.all-users-item:hover{background-color:var(--bg-hover)}.all-users-avatar{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--accent);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.all-users-avatar img{width:100%;height:100%;object-fit:cover}.all-users-avatar-initials{font-size:var(--font-size-sm);font-weight:700;color:#fff}.all-users-item-info{flex:1;min-width:0;display:flex;flex-direction:column}.all-users-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all-users-username{font-size:var(--font-size-xs);color:var(--text-muted)}.all-users-item-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0;align-items:center}.all-users-message-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.all-users-message-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#ff5a1f14}.all-users-message-btn:disabled{opacity:.4;cursor:not-allowed}.all-users-add-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.all-users-add-btn:hover{border-color:var(--accent);color:var(--accent);background:#ff5a1f14}.all-users-accept-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-full);background-color:var(--success);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.all-users-accept-btn:hover{opacity:.85;transform:scale(1.05)}.all-users-reject-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-full);background-color:var(--bg-hover);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.all-users-reject-btn:hover{background-color:var(--error);color:#fff}.all-users-block-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-full);background-color:var(--bg-hover);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.all-users-block-btn:hover{background-color:var(--error);color:#fff}.all-users-status-badge{font-size:var(--font-size-xs);color:var(--text-muted);padding:4px 10px;background-color:var(--bg-hover);border-radius:var(--radius-full);white-space:nowrap}.all-users-load-more{display:block;width:calc(100% - var(--spacing-md));margin:var(--spacing-sm) auto;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-lg);background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.all-users-load-more:hover{border-color:var(--accent);color:var(--accent)}.all-users-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.all-users-empty-icon{width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--bg-hover);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:var(--spacing-md)}.all-users-empty p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.all-users-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.all-users-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);animation:allUsersSpin .8s linear infinite}@keyframes allUsersSpin{to{transform:rotate(360deg)}}.messenger{display:flex;height:calc(100vh - var(--header-height) - var(--spacing-lg) * 2);background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border)}.messenger-sidebar{width:320px;min-width:320px;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--bg-secondary)}.messenger-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border)}.messenger-sidebar-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.messenger-sidebar-actions{display:flex;gap:var(--spacing-sm)}.messenger-action-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.messenger-action-btn:hover{background:var(--bg-hover);color:var(--accent)}.messenger-search{padding:var(--spacing-sm) var(--spacing-lg)}.messenger-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:40px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);outline:none;transition:border-color var(--transition-fast)}.messenger-search-input::placeholder{color:var(--text-muted)}.messenger-search-input:focus{border-color:var(--border-focus)}.messenger-search-wrapper{position:relative}.messenger-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.messenger-tabs{display:flex;border-bottom:1px solid var(--border)}.messenger-tab{flex:1;padding:var(--spacing-sm) var(--spacing-xs);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-family);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;transition:all var(--transition-fast)}.messenger-tab:hover{color:var(--text-secondary)}.messenger-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.messenger-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.messenger-list::-webkit-scrollbar{width:6px}.messenger-list::-webkit-scrollbar-track{background:var(--scrollbar-track)}.messenger-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.messenger-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.messenger-fab{position:absolute;bottom:var(--spacing-lg);right:var(--spacing-lg);width:48px;height:48px;border-radius:var(--radius-full);background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--transition-fast);z-index:10}.messenger-fab:hover{background:var(--accent-hover);transform:scale(1.05);box-shadow:var(--shadow-lg)}.messenger-sidebar-container{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden}.messenger-content{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.messenger-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--text-muted)}.messenger-empty-icon{color:var(--text-muted);opacity:.4}.messenger-empty-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-secondary)}.messenger-empty-text{font-size:var(--font-size-md);color:var(--text-muted)}.messenger-loading{flex:1;display:flex;align-items:center;justify-content:center}.messenger-loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin .8s linear infinite}.messenger-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.messenger-modal{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);width:400px;max-width:90vw;box-shadow:var(--shadow-xl);animation:slideUp .3s ease}.messenger-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border)}.messenger-modal-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.messenger-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.messenger-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.messenger-modal-body{padding:var(--spacing-lg)}.messenger-modal-search{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);outline:none;margin-bottom:var(--spacing-md);transition:border-color var(--transition-fast)}.messenger-modal-search:focus{border-color:var(--border-focus)}.messenger-modal-search::placeholder{color:var(--text-muted)}.messenger-modal-results{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-xs)}.messenger-modal-user{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}.messenger-modal-user:hover{background:var(--bg-hover)}.messenger-modal-user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--accent-light);display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:600;font-size:var(--font-size-md);overflow:hidden;flex-shrink:0}.messenger-modal-user-avatar img{width:100%;height:100%;object-fit:cover}.messenger-modal-user-info{display:flex;flex-direction:column}.messenger-modal-user-name{font-size:var(--font-size-md);font-weight:500;color:var(--text-primary)}.messenger-modal-user-username{font-size:var(--font-size-sm);color:var(--text-muted)}.messenger-modal-empty{text-align:center;padding:var(--spacing-lg);color:var(--text-muted);font-size:var(--font-size-sm)}.messenger-modal-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.messenger-modal-tab{flex:1;padding:var(--spacing-sm);background:none;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.messenger-modal-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.messenger-modal-tab:not(.active):hover{background:var(--bg-hover)}.messenger-modal-group-avatar-section{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.messenger-modal-group-avatar{width:72px;height:72px;border-radius:var(--radius-full);border:2px dashed var(--border);background:var(--bg-input);display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;overflow:hidden;transition:all var(--transition-fast)}.messenger-modal-group-avatar:hover{border-color:var(--accent);color:var(--accent)}.messenger-modal-group-avatar img{width:100%;height:100%;object-fit:cover}.messenger-modal-group-avatar-wrapper{position:relative;display:inline-block}.messenger-modal-group-avatar-remove{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:var(--radius-full);background:var(--error);color:#fff;border:2px solid var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast);z-index:1}.messenger-modal-group-avatar-remove:hover{transform:scale(1.15);background:#ff2d20}.messenger-modal-selected{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.messenger-modal-selected-chip{display:flex;align-items:center;gap:4px;padding:2px 8px 2px 10px;background:var(--accent);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs)}.messenger-modal-selected-chip button{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:2px;display:flex;align-items:center}.messenger-modal-selected-chip button:hover{color:#fff}.messenger-modal-user.selected{background:var(--bg-hover);color:var(--accent)}.messenger-modal-create-group{width:100%;padding:var(--spacing-md);background:var(--accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-md)}.messenger-modal-create-group:hover{background:var(--accent-hover)}.messenger-offline-banner{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--error);color:#fff;font-size:var(--font-size-sm);font-weight:500;z-index:10;animation:offlineBannerSlide .3s ease}@keyframes offlineBannerSlide{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.messenger-friends-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--text-muted);text-align:center;gap:var(--spacing-sm)}.messenger-friends-empty-icon{opacity:.4}.messenger-settings-wrapper{position:relative}.messenger-settings-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:220px;z-index:100;animation:fadeIn .15s ease}.messenger-settings-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);gap:var(--spacing-md)}.messenger-settings-label{font-size:var(--font-size-md);color:var(--text-primary);white-space:nowrap}.messenger-toggle{position:relative;width:40px;height:22px;background:var(--border);border:none;border-radius:11px;cursor:pointer;padding:0;flex-shrink:0;transition:background var(--transition-normal)}.messenger-toggle.active{background:var(--accent)}.messenger-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-normal);pointer-events:none}.messenger-toggle.active .messenger-toggle-knob{transform:translate(18px)}@media(max-width:1024px){.messenger-sidebar{width:280px;min-width:280px}}@media(max-width:767px){.messenger{position:fixed;top:calc(var(--header-height) + env(safe-area-inset-top,0px));bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));left:0;right:0;height:auto;margin:0;border-radius:0;border:none;z-index:10}.messenger-sidebar{width:100%;min-width:100%}.messenger.chat-open .messenger-sidebar{display:none}.messenger:not(.chat-open) .messenger-content{display:none}.messenger.chat-open .messenger-content{width:100%}}.profile{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl);padding-bottom:var(--spacing-2xl)}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-lg)}.profile-avatar-wrapper{position:relative;width:120px;height:120px;border-radius:var(--radius-full);cursor:pointer;border:2px solid var(--accent);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.profile-avatar-wrapper:hover{transform:scale(1.04);box-shadow:0 0 20px #ff69334d}.profile-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-muted);border-radius:var(--radius-full)}.profile-avatar-overlay{position:absolute;bottom:0;left:0;right:0;height:36px;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;opacity:0;transition:opacity var(--transition-fast)}.profile-avatar-wrapper:hover .profile-avatar-overlay,.profile-avatar-overlay.is-uploading{opacity:1}.profile-avatar-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.profile-avatar-container{position:relative}.profile-avatar-menu{position:absolute;top:calc(100% + var(--spacing-sm));left:50%;transform:translate(-50%);min-width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:20}.profile-avatar-menu-item:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.profile-avatar-menu-item:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.profile-avatar-menu-item:only-child{border-radius:var(--radius-lg)}.profile-avatar-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast);text-align:left}.profile-avatar-menu-item:hover{background:var(--bg-hover)}.profile-avatar-menu-item--danger{color:var(--error)}.profile-avatar-menu-item--danger:hover{background:#ff453a1a}.profile-username{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin-top:var(--spacing-sm)}.profile-bio{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;max-width:320px;line-height:1.5}.profile-edit-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);margin-top:var(--spacing-xs)}.profile-edit-btn:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.profile-since{font-size:var(--font-size-xs);font-weight:600;color:var(--accent);letter-spacing:.15em;text-transform:uppercase}.profile-stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.profile-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-stat-card-large{background:linear-gradient(135deg,#ff5a1f,#7c2d12,#451a03);border:none;padding:var(--spacing-xl) var(--spacing-lg);position:relative;overflow:hidden}.profile-stat-card-large:before{content:"";position:absolute;top:-30%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.profile-stat-card-large .profile-stat-label{color:#fffc}.profile-stat-icon-wrapper{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.profile-stat-icon-large{width:48px;height:48px;background:#ffffff26;color:#fff}.profile-stat-icon-streak{width:40px;height:40px;background:var(--accent-light);color:var(--accent)}.profile-stat-icon-rank{width:40px;height:40px;background:#ffd60a1f;color:var(--warning)}.profile-stat-value-large{font-size:var(--font-size-4xl);font-weight:800;color:#fff;line-height:1}.profile-stat-value-small{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);line-height:1}.profile-stat-unit{font-size:var(--font-size-sm);font-weight:500;color:var(--text-muted)}.profile-stat-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);text-align:center}.profile-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.profile-stat-skeleton{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) 0}.profile-section{display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.profile-section-header{display:flex;align-items:center;justify-content:space-between}.profile-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.profile-section-edit{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;color:var(--accent);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast)}.profile-section-edit:hover{background:var(--accent-light)}.profile-section-hint{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.profile-modal{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.profile-modal-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.profile-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-muted);transition:background var(--transition-fast),color var(--transition-fast)}.profile-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-modal-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.profile-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.profile-form-row-3{grid-template-columns:1fr 1fr 1fr}.profile-form-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.profile-chip{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.profile-chip:hover{border-color:var(--accent);color:var(--accent)}.profile-chip-active{background:var(--accent);border-color:var(--accent);color:#fff}.profile-chip-active:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.profile-modal-wide{max-width:560px}.profile-modal-wide .profile-modal-body{max-height:60vh;overflow-y:auto}.profile-modal-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) 0}.profile-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-light)}.profile-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;transition:background var(--transition-fast),opacity var(--transition-fast);cursor:pointer}.profile-btn:disabled{opacity:.6;cursor:not-allowed}.profile-btn-primary{background:var(--accent);color:#fff}.profile-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.profile-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.profile-btn-secondary:hover:not(:disabled){background:var(--bg-hover)}@media(max-width:1024px){.profile{max-width:520px;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}@media(max-width:767px){.profile{max-width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-lg))}.profile-username{font-size:var(--font-size-xl)}.profile-stat-value-large{font-size:var(--font-size-3xl)}.profile-stat-value-small{font-size:var(--font-size-xl)}}@media(max-width:480px){.profile-stats-row{grid-template-columns:1fr}.profile-avatar-wrapper{width:100px;height:100px}.profile-form-row,.profile-form-row-3{grid-template-columns:1fr}.profile-modal-wide{max-width:100%}}.settings{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl);padding-bottom:var(--spacing-2xl)}.settings-page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.settings-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.settings-item:hover{background:var(--bg-hover);border-color:var(--border)}.settings-item-left{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-md);font-weight:500}.settings-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-lg);background:var(--accent-light);color:var(--accent);flex-shrink:0}.settings-item-text{display:flex;flex-direction:column;gap:2px}.settings-item-value{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:400}.settings-arrow{color:var(--text-muted);flex-shrink:0;transition:transform var(--transition-fast)}.settings-item:hover .settings-arrow{transform:translate(2px);color:var(--accent)}.settings-toggle{width:48px;height:28px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border);position:relative;flex-shrink:0;transition:background var(--transition-fast),border-color var(--transition-fast)}.settings-toggle-active{background:var(--accent);border-color:var(--accent)}.settings-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.settings-toggle-active .settings-toggle-knob{transform:translate(20px)}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.settings-modal{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.settings-modal-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.settings-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-muted);transition:background var(--transition-fast),color var(--transition-fast)}.settings-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-modal-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.settings-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.settings-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-light)}.settings-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;transition:background var(--transition-fast),opacity var(--transition-fast);cursor:pointer}.settings-btn:disabled{opacity:.6;cursor:not-allowed}.settings-btn-primary{background:var(--accent);color:#fff}.settings-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.settings-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.settings-btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.settings-btn-danger{background:var(--error);color:#fff}.settings-btn-danger:hover:not(:disabled){background:#c0392b}.settings-item-danger,.settings-item-danger:hover{border-color:var(--error)}.settings-icon-danger{background:#dc354526;color:var(--error)}.settings-delete-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:var(--radius-md);color:var(--error);font-size:var(--font-size-sm);line-height:1.5}.settings-delete-warning svg{flex-shrink:0;margin-top:1px}@media(max-width:1024px){.settings{max-width:520px;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}@media(max-width:767px){.settings{max-width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-lg))}.settings-page-title{font-size:var(--font-size-xl)}}.diary-page{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.diary-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.diary-header-text h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.diary-header-text p{font-size:var(--font-size-md);color:var(--text-secondary);margin:0}.diary-header-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.diary-btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.diary-btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.diary-btn-primary:disabled{opacity:.5;cursor:not-allowed}.diary-btn-secondary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.diary-btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent)}.diary-btn-cancel{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.diary-btn-cancel:hover{background:var(--bg-hover)}.diary-btn-delete{padding:var(--spacing-sm) var(--spacing-md);background:var(--error);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.diary-btn-delete:hover{opacity:.9}.diary-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:diary-spin .6s linear infinite}@keyframes diary-spin{to{transform:rotate(360deg)}}.diary-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.diary-view-tabs,.diary-filter-tabs{display:flex;gap:var(--spacing-xs);background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xs)}.diary-view-tab,.diary-filter-tab{padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.diary-view-tab.active,.diary-filter-tab.active{background:var(--accent);color:#fff}.diary-view-tab:hover:not(.active),.diary-filter-tab:hover:not(.active){color:var(--text-primary);background:var(--bg-hover)}.diary-loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl)}.diary-loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:diary-spin .8s linear infinite}.diary-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.diary-empty-icon{color:var(--text-muted);margin-bottom:var(--spacing-md);opacity:.5}.diary-empty h3{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.diary-empty p{font-size:var(--font-size-md);color:var(--text-secondary);margin:0}.diary-daily{position:relative;padding-left:var(--spacing-lg)}.diary-daily:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--border)}.diary-day-group{margin-bottom:var(--spacing-xl)}.diary-day-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);position:relative}.diary-day-dot{width:12px;height:12px;background:var(--accent);border-radius:50%;position:absolute;left:calc(-1 * var(--spacing-lg) + 2px);border:2px solid var(--bg-primary)}.diary-day-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.diary-day-entries{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.diary-entry-card{background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);transition:all var(--transition-normal);position:relative}.diary-entry-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 20px #ff69331a}.diary-entry-card.compact{max-width:200px}.diary-entry-media{position:relative;cursor:pointer;aspect-ratio:4 / 3;overflow:hidden}.diary-entry-media img,.diary-entry-media video{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-normal)}.diary-entry-media:hover img,.diary-entry-media:hover video{transform:scale(1.03)}.diary-entry-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:#fff;transition:background var(--transition-fast)}.diary-entry-media:hover .diary-entry-play-overlay{background:#0006}.diary-entry-text-content{padding:var(--spacing-md);display:flex;gap:var(--spacing-sm)}.diary-entry-text-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.diary-entry-text-content p{font-size:var(--font-size-md);color:var(--text-primary);line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.diary-entry-edit-textarea{flex:1;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm);font-size:var(--font-size-md);font-family:var(--font-family);resize:vertical;min-height:80px}.diary-entry-footer{padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-xs);border-top:1px solid var(--border-light)}.diary-entry-date{font-size:var(--font-size-xs);color:var(--text-muted)}.diary-entry-note{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;flex:1 1 100%;line-height:1.4;padding-top:var(--spacing-xs)}.diary-entry-actions{display:flex;gap:var(--spacing-xs)}.diary-entry-action-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center}.diary-entry-action-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.diary-entry-action-btn.delete:hover{color:var(--error)}.diary-entry-action-btn.save{color:var(--success)}.diary-delete-confirm{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-xl)}.diary-delete-confirm p{color:var(--text-primary);font-size:var(--font-size-md);text-align:center;margin:0}.diary-delete-confirm-actions{display:flex;gap:var(--spacing-sm)}.diary-weekly{display:flex;flex-direction:column;gap:var(--spacing-xl)}.diary-week-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.diary-week-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.diary-week-count{font-size:var(--font-size-sm);color:var(--text-muted)}.diary-week-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-sm)}.diary-monthly{max-width:800px;margin:0 auto}.diary-month-nav{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.diary-month-nav h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0;min-width:200px;text-align:center}.diary-month-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-lg);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center}.diary-month-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.diary-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.diary-calendar-header{text-align:center;font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);padding:var(--spacing-sm);text-transform:uppercase}.diary-calendar-day{aspect-ratio:1;background:var(--bg-card);border-radius:var(--radius-md);position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:80px}.diary-calendar-day.empty{background:transparent}.diary-calendar-day.has-entries{border:1px solid var(--accent);border-radius:var(--radius-md)}.diary-calendar-day-num{font-size:var(--font-size-xs);color:var(--text-secondary);padding:var(--spacing-xs);position:relative;z-index:1}.diary-calendar-thumb{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.diary-calendar-thumb img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity var(--transition-fast)}.diary-calendar-thumb:hover img{opacity:1}.diary-calendar-indicator{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);background:var(--accent);color:#fff;font-size:var(--font-size-xs);font-weight:600;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.diary-yearly{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.diary-year-card{background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:all var(--transition-normal)}.diary-year-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 20px #ff69331a}.diary-year-card-thumb{aspect-ratio:16 / 9;overflow:hidden}.diary-year-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.diary-year-card:hover .diary-year-card-thumb img{transform:scale(1.05)}.diary-year-card-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-muted)}.diary-year-card-info{padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.diary-year-card-month{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.diary-year-card-count{font-size:var(--font-size-xs);color:var(--text-muted)}.diary-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:diary-fade-in .2s ease}@keyframes diary-fade-in{0%{opacity:0}to{opacity:1}}.diary-modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:diary-slide-up .25s ease}@keyframes diary-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.diary-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border)}.diary-modal-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.diary-modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex}.diary-modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.diary-modal-tabs{display:flex;border-bottom:1px solid var(--border)}.diary-modal-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--text-secondary);border:none;border-bottom:2px solid transparent;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.diary-modal-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.diary-modal-tab:hover:not(.active){color:var(--text-primary)}.diary-modal-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.diary-upload-zone{border:2px dashed var(--border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted)}.diary-upload-zone:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.diary-upload-zone p{font-size:var(--font-size-sm);margin:0}.diary-upload-preview{position:relative;border-radius:var(--radius-lg);overflow:hidden}.diary-upload-preview img,.diary-upload-preview video{width:100%;max-height:300px;object-fit:contain;display:block;background:var(--bg-secondary)}.diary-upload-remove{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:#0009;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.diary-upload-remove:hover{background:var(--error)}.diary-upload-text{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-family:var(--font-family);resize:vertical;transition:border-color var(--transition-fast)}.diary-upload-text:focus{outline:none;border-color:var(--accent)}.diary-upload-text::placeholder{color:var(--text-muted)}.diary-upload-date{display:flex;align-items:center;gap:var(--spacing-sm)}.diary-upload-date label{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.diary-upload-date input[type=date]{flex:1;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-family:var(--font-family);color-scheme:dark}.diary-upload-date input[type=date]:focus{outline:none;border-color:var(--accent)}.diary-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border)}.diary-compare-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.diary-compare-header h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0}.diary-compare-info{margin-bottom:var(--spacing-lg)}.diary-compare-info p{font-size:var(--font-size-md);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.diary-compare-selected{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-lg);padding:var(--spacing-xs) var(--spacing-sm)}.diary-compare-selected img{width:40px;height:40px;object-fit:cover;border-radius:var(--radius-sm)}.diary-compare-selected span{font-size:var(--font-size-sm);color:var(--text-primary)}.diary-compare-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}.diary-compare-thumb{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast)}.diary-compare-thumb:hover{border-color:var(--accent)}.diary-compare-thumb.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.diary-compare-thumb img{width:100%;height:100%;object-fit:cover}.diary-compare-thumb-date{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.diary-compare-slider{position:relative;width:100%;max-width:800px;max-height:60vh;margin:0 auto;border-radius:var(--radius-xl);overflow:hidden;cursor:ew-resize;-webkit-user-select:none;user-select:none;background:var(--bg-secondary)}.diary-compare-img-wrapper{width:100%;max-height:60vh}.diary-compare-img-wrapper img{width:100%;max-height:60vh;object-fit:contain;display:block}.diary-compare-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.diary-compare-img-overlay img{width:100%;height:100%;object-fit:contain}.diary-compare-slider-line{position:absolute;top:0;bottom:0;width:4px;background:#fff;transform:translate(-50%);cursor:ew-resize;z-index:10}.diary-compare-slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;color:var(--bg-primary)}.diary-compare-labels{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);display:flex;justify-content:space-between;z-index:5}.diary-compare-labels span{background:#0009;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.diary-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:diary-fade-in .2s ease}.diary-lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.diary-lightbox-img{max-width:90vw;max-height:75vh;object-fit:contain;border-radius:var(--radius-lg)}.diary-lightbox-video{max-width:90vw;max-height:75vh;border-radius:var(--radius-lg)}.diary-lightbox-close{position:fixed;top:var(--spacing-md);right:var(--spacing-md);background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:var(--spacing-sm);border-radius:50%;transition:background var(--transition-fast);z-index:10;display:flex}.diary-lightbox-close:hover{background:#fff3}.diary-lightbox-prev,.diary-lightbox-next{position:fixed;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:var(--spacing-sm);border-radius:50%;transition:background var(--transition-fast);z-index:10;display:flex}.diary-lightbox-prev{left:var(--spacing-md)}.diary-lightbox-next{right:var(--spacing-md)}.diary-lightbox-prev:hover,.diary-lightbox-next:hover{background:#fff3}.diary-lightbox-info{margin-top:var(--spacing-md);text-align:center;max-width:600px}.diary-lightbox-date{font-size:var(--font-size-sm);color:#ffffffb3}.diary-lightbox-text{font-size:var(--font-size-md);color:#fff;margin:var(--spacing-sm) 0 0 0;line-height:1.5}.diary-lightbox-delete{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-md);background:#ff453a33;color:var(--error);border:1px solid rgba(255,69,58,.3);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.diary-lightbox-delete:hover{background:#ff453a4d}.diary-lightbox-delete-confirm{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);z-index:15;text-align:center}.diary-lightbox-delete-confirm p{color:var(--text-primary);font-size:var(--font-size-md);margin:0 0 var(--spacing-md) 0}.diary-btn-video{background:var(--bg-tertiary);border:1px solid var(--accent);color:var(--accent)}.diary-btn-video:hover:not(:disabled){background:var(--accent);color:#fff}.diary-entry-card.placeholder{opacity:.7;border-style:dashed}.diary-entry-card.placeholder:hover{opacity:.85;transform:none;box-shadow:none}.diary-placeholder-media{cursor:default}.diary-placeholder-img{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--bg-tertiary);color:var(--text-muted);min-height:180px}.diary-placeholder-img span{font-size:var(--font-size-sm);font-weight:500}.diary-placeholder-overlay{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:#00000080;color:#ffffffb3;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.diary-entry-card.placeholder .diary-entry-play-overlay{background:#00000026}.diary-placeholder-badge{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-tertiary);padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.diary-placeholder-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--info-light);color:var(--info);border:1px solid rgba(100,210,255,.2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.diary-placeholder-banner svg{flex-shrink:0}@media(max-width:768px){.diary-page{padding:var(--spacing-md)}.diary-header-actions .diary-btn-primary,.diary-header-actions .diary-btn-secondary{flex:1;justify-content:center}.diary-header-actions span{display:none}.diary-controls{flex-direction:column;align-items:stretch}.diary-day-entries{grid-template-columns:1fr}.diary-week-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.diary-calendar-day{min-height:48px}.diary-yearly{grid-template-columns:repeat(2,1fr)}.diary-compare-grid{grid-template-columns:repeat(3,1fr)}.diary-modal{max-width:100%;max-height:100vh;border-radius:var(--radius-lg)}}@media(max-width:480px){.diary-view-tab,.diary-filter-tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.diary-yearly{grid-template-columns:1fr}.diary-compare-grid{grid-template-columns:repeat(2,1fr)}}[data-theme=light] .diary-upload-date input[type=date]{color-scheme:light}.admin{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl);padding-bottom:var(--spacing-2xl)}.admin-page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.admin-no-access{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--text-muted);text-align:center}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.admin-stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);flex-shrink:0}.admin-stat-icon-users{background:var(--accent-light);color:var(--accent)}.admin-stat-icon-active{background:#28a7451f;color:var(--success)}.admin-stat-icon-workouts{background:#ffc1071f;color:var(--warning)}.admin-stat-icon-studios{background:#17a2b81f;color:var(--info)}.admin-stat-info{display:flex;flex-direction:column;gap:2px}.admin-stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);line-height:1}.admin-stat-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.admin-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.admin-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.admin-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-muted);min-width:250px}.admin-search input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-md);outline:none}.admin-search input::placeholder{color:var(--text-muted)}.admin-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.admin-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.admin-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted)}.admin-table-wrapper{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--border-light)}.admin-table{width:100%;border-collapse:collapse;background:var(--bg-card)}.admin-table th{text-align:left;padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-light);white-space:nowrap}.admin-table td{padding:var(--spacing-md);font-size:var(--font-size-md);color:var(--text-primary);border-bottom:1px solid var(--border-light);vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--bg-hover)}.admin-row-inactive{opacity:.6}.admin-user-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.admin-user-avatar{width:36px;height:36px;border-radius:var(--radius-full);overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.admin-user-avatar img{width:100%;height:100%;object-fit:cover}.admin-user-info{display:flex;flex-direction:column;gap:1px}.admin-user-name{font-weight:500;font-size:var(--font-size-md);color:var(--text-primary)}.admin-user-username{font-size:var(--font-size-xs);color:var(--text-muted)}.admin-email-cell{font-size:var(--font-size-sm);color:var(--text-secondary)}.admin-role-select{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;outline:none}.admin-role-select:disabled{opacity:.5;cursor:not-allowed}.admin-role-admin{border-color:var(--accent);color:var(--accent)}.admin-role-moderator{border-color:var(--warning);color:var(--warning)}.admin-role-tag{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600}.admin-status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;border:none;cursor:pointer;transition:opacity var(--transition-fast)}.admin-status-badge:hover:not(:disabled){opacity:.8}.admin-status-badge:disabled{cursor:not-allowed;opacity:.5}.admin-status-active{background:#28a7451f;color:var(--success)}.admin-status-inactive{background:#dc35451f;color:var(--error)}.admin-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.admin-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-muted);transition:background var(--transition-fast),color var(--transition-fast)}.admin-action-btn:hover{background:var(--accent-light);color:var(--accent)}.admin-action-delete:hover{background:#dc35451f;color:var(--error)}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding-top:var(--spacing-md)}.admin-pagination-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-light);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.admin-pagination-btn:hover:not(:disabled){background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.admin-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.admin-pagination-active{background:var(--accent);color:#fff;border-color:var(--accent)}.admin-pagination-active:hover:not(:disabled){background:var(--accent-hover);color:#fff}.admin-pagination-dots{color:var(--text-muted);padding:0 var(--spacing-xs)}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.admin-modal{width:100%;max-width:560px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.admin-modal-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.admin-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-muted);transition:background var(--transition-fast),color var(--transition-fast)}.admin-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-modal-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);max-height:70vh;overflow-y:auto}.admin-detail-header{display:flex;align-items:center;gap:var(--spacing-md)}.admin-detail-avatar{width:64px;height:64px;border-radius:var(--radius-full);overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.admin-detail-avatar img{width:100%;height:100%;object-fit:cover}.admin-detail-info{display:flex;flex-direction:column;gap:2px}.admin-detail-info h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.admin-detail-username{font-size:var(--font-size-sm);color:var(--text-muted)}.admin-detail-email{font-size:var(--font-size-sm);color:var(--text-secondary)}.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.admin-detail-item{display:flex;flex-direction:column;gap:2px}.admin-detail-label{font-size:var(--font-size-xs);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.admin-detail-value{font-size:var(--font-size-md);font-weight:500;color:var(--text-primary)}.admin-detail-stats{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.admin-detail-stats h5{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.admin-detail-actions{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light);flex-wrap:wrap}.admin-text-success{color:var(--success)}.admin-text-error{color:var(--error)}.admin-btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast)}.admin-btn-secondary:hover{background:var(--bg-hover)}.admin-btn-danger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;background:#dc35451f;color:var(--error);cursor:pointer;transition:background var(--transition-fast)}.admin-btn-danger:hover{background:#dc354533}.admin-confirm-modal{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-xl)}.admin-confirm-icon{color:var(--error)}.admin-confirm-modal h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.admin-confirm-modal p{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.5}.admin-confirm-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.admin-section-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.admin-btn-primary{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),transform var(--transition-fast)}.admin-btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.admin-btn-primary:disabled{opacity:.6;cursor:not-allowed}.admin-status-cell{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.admin-verify-badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.admin-verify-verified{background:#28a7451f;color:var(--success)}.admin-verify-unverified{background:#ffc1071f;color:var(--warning)}.admin-action-verify:hover{background:#28a7451f;color:var(--success)}.admin-btn-verify{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;background:#28a7451f;color:var(--success);cursor:pointer;transition:background var(--transition-fast)}.admin-btn-verify:hover{background:#28a74533}.admin-create-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-create-row{display:flex;gap:var(--spacing-md)}.admin-create-row .admin-create-field{flex:1}.admin-create-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-create-field label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.admin-create-field input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);font-size:var(--font-size-md);outline:none;transition:border-color var(--transition-fast)}.admin-create-field input:focus{border-color:var(--accent)}.admin-create-field input::placeholder{color:var(--text-muted)}.admin-create-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}@media(max-width:1024px){.admin{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.admin{padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-lg))}.admin-stats-grid{grid-template-columns:1fr}.admin-search{min-width:unset}.admin-create-row{flex-direction:column}.admin-table th:nth-child(2),.admin-table td:nth-child(2),.admin-table th:nth-child(3),.admin-table td:nth-child(3){display:none}.admin-table th,.admin-table td{padding:var(--spacing-xs);font-size:var(--font-size-sm)}.admin-user-avatar{width:28px;height:28px}.admin-user-name{font-size:var(--font-size-sm)}.admin-action-btn{width:28px;height:28px}.admin-detail-grid{grid-template-columns:1fr}}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px}.toast{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);background-color:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:toastSlideIn var(--transition-normal) forwards;min-width:280px}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full)}.toast-message{flex:1;font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.4}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--text-muted);transition:color var(--transition-fast),background-color var(--transition-fast)}.toast-close:hover{color:var(--text-primary);background-color:var(--bg-hover)}.toast-success .toast-icon{color:var(--success);background-color:var(--success-light)}.toast-error .toast-icon{color:var(--error);background-color:var(--error-light)}.toast-warning .toast-icon{color:var(--warning);background-color:var(--warning-light)}.toast-info .toast-icon{color:var(--info);background-color:var(--info-light)}@media(max-width:767px){.toast-container{left:var(--spacing-md);right:var(--spacing-md);max-width:none}}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--sidebar-width: 260px;--sidebar-width-collapsed: 72px;--header-height: 64px;--bottom-nav-height: 64px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .25);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .3)}[data-theme=dark]{--bg-primary: #23140f;--bg-secondary: #2d1b15;--bg-tertiary: #3a2519;--bg-sidebar: #1c0f0a;--bg-card: #2d1b15;--bg-input: #1c0f0a;--bg-hover: #3a2519;--bg-active: #4a3222;--bg-overlay: rgba(10, 5, 2, .85);--text-primary: #F5EDE8;--text-secondary: #B8A99C;--text-muted: #ce9e8d;--text-inverse: #23140f;--accent: #ff6933;--accent-hover: #ff8855;--accent-light: rgba(255, 105, 51, .12);--accent-dark: #e04d15;--success: #30D158;--success-light: rgba(48, 209, 88, .15);--warning: #FFD60A;--warning-light: rgba(255, 214, 10, .15);--error: #FF453A;--error-light: rgba(255, 69, 58, .15);--info: #64D2FF;--info-light: rgba(100, 210, 255, .15);--border: rgba(255, 105, 51, .15);--border-light: rgba(255, 105, 51, .08);--border-focus: #ff6933;--scrollbar-track: #23140f;--scrollbar-thumb: #3a2519;--scrollbar-thumb-hover: #4a3222}[data-theme=light]{--bg-primary: #e5e0da;--bg-secondary: #e8e2dc;--bg-tertiary: #dfd8d1;--bg-sidebar: #e0dbd5;--bg-card: #f5f2ee;--bg-input: #e8e2dc;--bg-hover: #e2dbd4;--bg-active: #d9d1c9;--bg-overlay: rgba(26, 14, 7, .5);--text-primary: #2c1a10;--text-secondary: #5C4A3D;--text-muted: #8E7D70;--text-inverse: #F5EDE8;--accent: #ff6933;--accent-hover: #e04d15;--accent-light: rgba(255, 105, 51, .1);--accent-dark: #cc4818;--success: #28A745;--success-light: rgba(40, 167, 69, .1);--warning: #E6A800;--warning-light: rgba(230, 168, 0, .1);--error: #DC3545;--error-light: rgba(220, 53, 69, .1);--info: #17A2B8;--info-light: rgba(23, 162, 184, .1);--border: rgba(0, 0, 0, .1);--border-light: rgba(0, 0, 0, .06);--border-focus: #ff6933;--scrollbar-track: #e8e2dc;--scrollbar-thumb: #cfc5bb;--scrollbar-thumb-hover: #beb2a6}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;min-width:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;overscroll-behavior-x:none}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;overflow-x:hidden;overscroll-behavior-x:none;overflow-wrap:break-word;-webkit-text-size-adjust:100%;transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none;font-family:var(--font-family);font-size:var(--font-size-md);color:inherit;outline:none;max-width:100%}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%;max-width:100%}pre,code{overflow-x:auto;max-width:100%}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-light)}input::placeholder,textarea::placeholder{color:var(--text-muted)}::selection{background-color:var(--accent);color:#fff}#root{min-height:100vh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-primary)}.app-loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@supports (padding-bottom: env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}}.scroll-row{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.scroll-row::-webkit-scrollbar{display:none}.scroll-row>*{flex-shrink:0}.tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tab-bar::-webkit-scrollbar{display:none}.tab-bar>*{min-width:max-content;white-space:nowrap}.filter-row{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.filter-row::-webkit-scrollbar{display:none}.filter-row>*{min-width:max-content;white-space:nowrap}@media(max-width:1024px){.page-header-row{flex-wrap:wrap;gap:var(--spacing-sm)}}@media(max-width:767px){.page-header-row{flex-direction:column!important;align-items:flex-start!important;gap:var(--spacing-sm)}.page-title{font-size:var(--font-size-xl)!important}.page-actions{width:100%;display:flex!important;gap:var(--spacing-xs);flex-wrap:wrap!important}.page-actions>*{white-space:nowrap}.page-actions button,.page-actions a{padding:var(--spacing-xs) var(--spacing-sm)!important;font-size:var(--font-size-sm)!important}.tab-bar{flex-wrap:nowrap!important;scroll-padding-right:var(--spacing-xs)}.tab-bar>* svg,.tab-bar>* img:not([alt]){display:none}.tab-bar>*{padding:var(--spacing-xs) 6px;font-size:var(--font-size-sm)}.filter-row{flex-wrap:wrap!important;gap:var(--spacing-xs)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-slide-up{animation:slideUp var(--transition-normal) forwards}.animate-slide-in-right{animation:slideInRight var(--transition-normal) forwards}.animate-scale-in{animation:scaleIn var(--transition-normal) forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}