@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_5f76795-module__2BUCnW__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_5f76795-module__2BUCnW__variable{--font-outfit:"Outfit", "Outfit Fallback"}
:root{--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--green:#58cc02;--green-shadow:#46a302;--blue:#1cb0f6;--blue-shadow:#1899d6;--orange:#ff9600;--orange-shadow:#e67e00;--purple:#a527fa;--purple-shadow:#821ec7;--red:#ff4b4b;--red-shadow:#ea2b2b;--yellow:#ffc800;--yellow-shadow:#e6a500;--bg-primary:#fff;--bg-secondary:#f7f7f7;--bg-card:#fff;--border-color:#e5e5e5;--text-primary:#3c3c3c;--text-secondary:#777;--text-light:#afafaf;--sidebar-width:256px}:root.font-outfit{--font-sans:var(--font-outfit), system-ui, -apple-system, sans-serif}:root.font-inter{--font-sans:"Inter", system-ui, -apple-system, sans-serif}:root.font-lexend{--font-sans:"Lexend", system-ui, -apple-system, sans-serif}:root.font-playfair{--font-sans:"Playfair Display", Georgia, serif}:root.font-mono{--font-sans:"JetBrains Mono", monospace}:root.theme-light{--bg-primary:#fff;--bg-secondary:#f7f7f7;--bg-card:#fff;--border-color:#e5e5e5;--text-primary:#3c3c3c;--text-secondary:#777;--text-light:#afafaf;--sidebar-border:#e5e5e5}:root.theme-dark{--bg-primary:#131f24;--bg-secondary:#1a262c;--bg-card:#202f36;--border-color:#38464f;--text-primary:#f1f7fb;--text-secondary:#afc2cb;--text-light:#61737e;--sidebar-border:#38464f}:root.theme-forest{--bg-primary:#0c1510;--bg-secondary:#132018;--bg-card:#1a2920;--border-color:#273d31;--text-primary:#eaf5ee;--text-secondary:#a3cfa2;--text-light:#5b826b;--sidebar-border:#273d31}:root.theme-ocean{--bg-primary:#0a1128;--bg-secondary:#132247;--bg-card:#1c3166;--border-color:#2e4d9c;--text-primary:#edf2f4;--text-secondary:#90a4ae;--text-light:#4c66a8;--sidebar-border:#2e4d9c}:root.theme-sunset{--bg-primary:#1e0f09;--bg-secondary:#2c1a12;--bg-card:#3b251b;--border-color:#593b2e;--text-primary:#fff2ea;--text-secondary:#ffab40;--text-light:#9e7565;--sidebar-border:#593b2e}:root.theme-cyberpunk{--bg-primary:#080510;--bg-secondary:#120e22;--bg-card:#1b1531;--border-color:#3f2e6b;--text-primary:#f5f0ff;--text-secondary:#d480ff;--text-light:#8e7aa8;--sidebar-border:#3f2e6b}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}.btn-3d{text-transform:uppercase;letter-spacing:.8px;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--bg-card);color:var(--text-primary);border:2px solid #0000;border-color:var(--border-color);border-bottom:5px solid var(--border-color);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:700;transition:filter .1s,transform .1s;display:inline-flex;position:relative}.btn-3d:hover{filter:brightness(1.05)}.btn-3d:active{border-bottom-width:1px;margin-bottom:4px;transform:translateY(4px)}.btn-green{background-color:var(--green);color:#fff;border-bottom:5px solid var(--green-shadow)}.btn-green:active{border-bottom-width:1px}.btn-green-outline{color:var(--green);border-color:var(--green);border-bottom:5px solid var(--green-shadow);background-color:#0000}.btn-green-outline:hover{background-color:#58cc0214}.btn-green-outline:active{border-bottom-width:1px}.btn-blue{background-color:var(--blue);color:#fff;border-bottom:5px solid var(--blue-shadow)}.btn-blue:active{border-bottom-width:1px}.btn-orange{background-color:var(--orange);color:#fff;border-bottom:5px solid var(--orange-shadow)}.btn-orange:active{border-bottom-width:1px}.btn-purple{background-color:var(--purple);color:#fff;border-bottom:5px solid var(--purple-shadow)}.btn-purple:active{border-bottom-width:1px}.btn-red{background-color:var(--red);color:#fff;border-bottom:5px solid var(--red-shadow)}.btn-red:active{border-bottom-width:1px}.btn-yellow{background-color:var(--yellow);color:#3c3c3c;border-bottom:5px solid var(--yellow-shadow)}.btn-yellow:active{border-bottom-width:1px}.icon-action-btn{border:1px solid var(--border-color);min-width:32px;min-height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:6px;transition:transform .15s,background-color .15s,border-color .15s,color .15s;display:inline-flex}.icon-action-btn:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--text-light);transform:translateY(-1px)}.icon-action-btn:disabled{opacity:.45;cursor:not-allowed}.icon-edit-btn{color:var(--blue);border-color:color-mix(in srgb, var(--blue) 35%, var(--border-color))}.icon-edit-btn:hover:not(:disabled){background-color:color-mix(in srgb, var(--blue) 14%, var(--bg-secondary));border-color:color-mix(in srgb, var(--blue) 60%, var(--border-color))}.icon-approve-btn{color:var(--green);border-color:color-mix(in srgb, var(--green) 35%, var(--border-color))}.icon-approve-btn:hover:not(:disabled){background-color:color-mix(in srgb, var(--green) 14%, var(--bg-secondary));border-color:color-mix(in srgb, var(--green) 60%, var(--border-color))}.icon-save-btn{color:var(--blue);border-color:color-mix(in srgb, var(--blue) 35%, var(--border-color))}.icon-save-btn:hover:not(:disabled){background-color:color-mix(in srgb, var(--blue) 14%, var(--bg-secondary));border-color:color-mix(in srgb, var(--blue) 60%, var(--border-color))}.icon-delete-btn{color:var(--red);border-color:color-mix(in srgb, var(--red) 35%, var(--border-color))}.icon-delete-btn:hover:not(:disabled){background-color:color-mix(in srgb, var(--red) 14%, var(--bg-secondary));border-color:color-mix(in srgb, var(--red) 60%, var(--border-color))}.icon-neutral-btn{color:var(--text-secondary);border-color:var(--border-color)}.card-3d{background-color:var(--bg-card);border:2px solid var(--border-color);border-bottom:6px solid var(--border-color);border-radius:20px;padding:20px;transition:transform .15s,border-color .15s}.card-3d:hover{transform:translateY(-2px)}.dashboard-layout{min-height:100vh;display:flex}.dashboard-content{margin-left:var(--sidebar-width);background-color:var(--bg-primary);flex-grow:1;min-height:100vh;padding:40px}@media (max-width:768px){.dashboard-layout{flex-direction:column-reverse}.dashboard-content{margin-bottom:72px;margin-left:0;padding:20px 16px}}.text-gradient-green{background:linear-gradient(135deg, var(--green), var(--green-shadow));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.xp-bar-container{background-color:var(--border-color);border-radius:8px;width:100%;height:16px;position:relative;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg, var(--green), #7be312);border-radius:8px;height:100%;transition:width .4s}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-secondary);font-weight:700}.form-input{border:2px solid var(--border-color);background-color:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:16px;outline:none;padding:14px 16px;font-weight:500;transition:border-color .2s}.form-input:focus{border-color:var(--blue)}.section-title{align-items:center;gap:8px;display:flex}.section-title svg{flex-shrink:0;width:20px;height:20px}.ingredients-grid-layout{grid-template-columns:1fr 1fr;gap:30px;display:grid}@media (max-width:900px){.ingredients-grid-layout{grid-template-columns:1fr}}.badge{text-transform:uppercase;border-radius:12px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-green{color:var(--green);background:#e8f9e6}.badge-blue{color:var(--blue);background:#ddf4ff}.badge-orange{color:var(--orange);background:#fff3e0}.badge-red{color:var(--red);background:#ffe6e6}.badge-purple{color:var(--purple);background:#f3e5f5}:root.theme-dark .badge-green,:root.theme-forest .badge-green,:root.theme-ocean .badge-green,:root.theme-sunset .badge-green,:root.theme-cyberpunk .badge-green{color:#7be312;background:#1a331a}:root.theme-dark .badge-blue,:root.theme-forest .badge-blue,:root.theme-ocean .badge-blue,:root.theme-sunset .badge-blue,:root.theme-cyberpunk .badge-blue{color:#5bc0f8;background:#152d3a}:root.theme-dark .badge-orange,:root.theme-forest .badge-orange,:root.theme-ocean .badge-orange,:root.theme-sunset .badge-orange,:root.theme-cyberpunk .badge-orange{color:#ffab40;background:#352c1a}:root.theme-dark .badge-red,:root.theme-forest .badge-red,:root.theme-ocean .badge-red,:root.theme-sunset .badge-red,:root.theme-cyberpunk .badge-red{color:#ff6e6e;background:#331a1a}:root.theme-dark .badge-purple,:root.theme-forest .badge-purple,:root.theme-ocean .badge-purple,:root.theme-sunset .badge-purple,:root.theme-cyberpunk .badge-purple{color:#ce93d8;background:#2b1a38}@media (prefers-color-scheme:dark){.badge-green{color:#7be312;background:#1a331a}.badge-blue{color:#5bc0f8;background:#152d3a}.badge-orange{color:#ffab40;background:#352c1a}.badge-red{color:#ff6e6e;background:#331a1a}.badge-purple{color:#ce93d8;background:#2b1a38}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border:2px solid var(--bg-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary)}.dashboard-day-navigation,.train-day-navigation,.eat-day-navigation{z-index:100!important;background-color:var(--bg-card)!important;justify-content:center!important;align-items:center!important;margin-bottom:0!important;padding:16px 24px!important;display:flex!important;position:sticky!important;top:0!important;box-shadow:0 10px 15px -3px #0000001a!important}.dashboard-day-navigation .day-nav-controls,.train-day-navigation .day-nav-controls,.eat-day-navigation .day-nav-controls{align-items:center!important;gap:16px!important;display:flex!important}.dashboard-day-navigation .day-nav-controls h3,.train-day-navigation .day-nav-controls h3,.eat-day-navigation .day-nav-controls h3{justify-content:center!important;align-items:center!important;gap:8px!important;min-width:180px!important;margin:0!important;font-size:20px!important;font-weight:800!important;display:flex!important}.dashboard-day-navigation .day-nav-controls h3 span,.train-day-navigation .day-nav-controls h3 span,.eat-day-navigation .day-nav-controls h3 span{font-size:14px!important;font-weight:700!important}@media (max-width:768px){.dashboard-day-navigation,.train-day-navigation{z-index:1000!important;border:none!important;border-bottom:2px solid var(--border-color)!important;border-radius:0!important;height:60px!important;margin:0!important;padding:12px 16px!important;position:fixed!important;top:0!important;left:0!important;right:0!important;box-shadow:0 4px 10px #00000014!important}.dashboard-main-content,.train-main-content{margin-top:80px!important}.eat-mobile-floating-header{z-index:1000!important;border:none!important;border-bottom:2px solid var(--border-color)!important;border-radius:0!important;margin:0!important;position:fixed!important;top:0!important;left:0!important;right:0!important;box-shadow:0 4px 10px #00000014!important}.meals-page.mode-eat-mobile .eat-tab-container{margin-top:170px!important}}.item-xp-reward{color:var(--green);white-space:nowrap;margin-left:auto;padding-left:14px;font-size:15px;font-weight:800}.page-tab-bar{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.page-tab-btn{white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:6px;min-width:120px;padding:10px 16px;font-size:13px;display:flex}@keyframes bubbleRise{0%{opacity:0;transform:translateY(120%)}20%{opacity:.6}80%{opacity:.6}to{opacity:0;transform:translateY(-200%)}}.sys-hydration{position:relative;overflow:hidden}.sys-hydration:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0096ff26 0%,#0096ff05 100%);position:absolute;inset:0}.sys-hydration:after{content:"";z-index:0;pointer-events:none;background:#0096ff80;border-radius:50%;width:10px;height:10px;animation:3s ease-in infinite bubbleRise;position:absolute;bottom:0;left:10%;box-shadow:30px 15px 0 -2px #0096ff66,70px -10px 0 -3px #0096ff4d,110px 20px 0 2px #0096ff80,150px -5px 0 -1px #0096ff66,190px 10px 0 1px #0096ff80,240px -15px 0 -2px #0096ff66,290px 5px 0 3px #0096ff99,340px 20px 0 -2px #0096ff4d}.sys-calories{position:relative;overflow:hidden}.sys-calories:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#ff6b0026 0%,#ff6b0005 100%);position:absolute;inset:0}.sys-hydration>*,.sys-calories>*{z-index:1;position:relative}.wizard-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.wizard-card{background-color:var(--bg-card);border:3px solid var(--border-color);border-bottom:8px solid var(--border-color);border-radius:24px;flex-direction:column;gap:20px;width:100%;max-width:550px;padding:30px;display:flex;position:relative;box-shadow:0 20px 25px -5px #00000040}.wizard-header{text-align:center}.wizard-title{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:800}.wizard-subtitle{color:var(--text-secondary);font-size:14px}.wizard-progress-bar{justify-content:space-between;gap:8px;margin-bottom:10px;display:flex}.wizard-progress-dot{background-color:var(--border-color);border-radius:4px;flex:1;height:8px;transition:background-color .3s}.wizard-progress-dot.active{background-color:var(--blue)}.wizard-step-content{flex-direction:column;justify-content:center;gap:16px;min-height:200px;display:flex}.wizard-input-label{color:var(--text-secondary);margin-bottom:6px;font-size:14px;font-weight:700;display:block}.wizard-footer{justify-content:space-between;gap:12px;margin-top:10px;display:flex}
.desktop-sidebar{width:var(--sidebar-width);border-right:2px solid var(--sidebar-border);background-color:var(--bg-card);z-index:100;flex-direction:column;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{margin-bottom:24px;padding:0 8px}.logo-text{color:var(--text-primary);letter-spacing:-.5px;font-size:26px;font-weight:800}.logo-text span{color:var(--green)}.server-time{color:var(--text-secondary);background-color:var(--bg-secondary);border:1.5px solid var(--border-color);font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;gap:6px;width:fit-content;margin-top:8px;padding:4px 8px;font-size:13px;font-weight:700;display:flex}.sidebar-profile-card{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;margin-bottom:24px;padding:14px}.profile-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.profile-name{color:var(--text-primary);font-size:15px;font-weight:700}.stats-row{gap:8px;margin-bottom:12px;display:flex}.stat-pill{border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:flex}.streak-pill{color:var(--orange);background-color:#fff3e0;border:2px solid #ffe0b2}.xp-pill{color:var(--green);background-color:#e8f9e6;border:2px solid #c8e6c9}.xp-container{flex-direction:column;gap:4px;display:flex}.xp-label{color:var(--text-secondary);justify-content:space-between;font-size:12px;font-weight:700;display:flex}.xp-sub{color:var(--text-light);font-size:10px;font-weight:600}.sidebar-nav{flex-direction:column;flex-grow:1;gap:8px;display:flex}.nav-link-3d{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border:2px solid #0000;border-radius:16px;align-items:center;gap:16px;padding:14px 16px;font-size:16px;font-weight:700;transition:all .15s;display:flex}.nav-link-3d:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.nav-link-3d.active{color:var(--blue);border:2px solid var(--blue);background-color:#e6f6ff;border-bottom-width:4px}.logout-btn{text-align:left;cursor:pointer;background:0 0;width:100%}.logout-btn:hover{color:var(--red);background-color:#ffebee}.mobile-bottom-nav{background-color:var(--bg-card);border-top:2px solid var(--border-color);z-index:100;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:center;height:64px;padding:0 4px;display:none;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.mobile-bottom-nav::-webkit-scrollbar{display:none}.mobile-nav-link{color:var(--text-secondary);background:0 0;border:none;flex-direction:column;flex:0 0 72px;justify-content:center;align-items:center;gap:3px;min-width:72px;height:100%;display:flex}.mobile-nav-link.active{color:var(--blue)}.mobile-nav-link.active.active-meals{color:var(--orange)}.mobile-nav-link.active.active-habits{color:var(--yellow)}.mobile-nav-link.active.active-health{color:var(--red)}.mobile-nav-link.active.active-beauty{color:var(--purple)}.mobile-nav-link.active.active-tasks{color:var(--green)}.mobile-nav-link.active.active-admin{color:var(--blue)}.mobile-back-btn{font-weight:800;color:var(--red)!important}.mobile-nav-text{white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;max-width:100%;font-size:9px;font-weight:700;overflow:hidden}.mobile-logout-btn:hover{color:var(--red)}@media (max-width:768px){.desktop-sidebar{display:none}.mobile-bottom-nav{display:flex}.tab-buttons{display:none!important}}@media (prefers-color-scheme:dark){.nav-link-3d.active{background-color:#12242e}.streak-pill{background-color:#352c1a;border-color:#4b3d22}.xp-pill{background-color:#1a331a;border-color:#274b27}.logout-btn:hover{background-color:#331a1a}}.friends-page{flex-direction:column;gap:10px;display:flex}.friends-grid{grid-template-columns:1fr 1.5fr;gap:30px;display:grid}@media (max-width:900px){.friends-grid{grid-template-columns:1fr}}.social-side-panel{flex-direction:column;gap:30px;display:flex}.search-form{gap:10px;display:flex}.search-btn{aspect-ratio:1;padding:12px}.requests-list{flex-direction:column;gap:10px;display:flex}.request-item-custom{border:2px solid var(--border-color);background-color:var(--bg-secondary);border-radius:16px;justify-content:space-between;align-items:center;padding:12px;display:flex}.req-user{font-size:14px;font-weight:700}.action-buttons{gap:6px;display:flex}.btn-circle{border-radius:50%;padding:8px}.friends-list-items{flex-direction:column;gap:12px;display:flex}.friend-card-item{border:2px solid var(--border-color);background-color:var(--bg-secondary);border-radius:16px;align-items:center;padding:14px;display:flex}.friend-avatar{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-right:14px;font-size:20px;display:flex}.friend-details{flex-direction:column;flex-grow:1;display:flex}.friend-name{font-size:16px;font-weight:700}.friend-stats-row{gap:6px;margin-top:4px;display:flex}@media (prefers-color-scheme:dark){.delete-btn:hover{background-color:#331a1a}}.dashboard-grid{grid-template-columns:2fr 1fr;gap:30px;display:grid}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.main-section,.side-section{flex-direction:column;gap:30px;display:flex}.welcome-banner{color:#fff;background:linear-gradient(135deg,#1cb0f6,#007bb5);border-color:#007bb5;justify-content:space-between;align-items:center;display:flex}.welcome-text h2{margin-bottom:8px;font-size:28px;font-weight:800}.welcome-text p{opacity:.9;max-width:480px;font-size:15px;font-weight:500}.streak-badge-large{background-color:#ffffff26;border-radius:20px;flex-direction:column;align-items:center;min-width:130px;padding:16px 20px;display:flex}.streak-num{color:var(--yellow);margin-top:4px;font-size:32px;font-weight:900;line-height:1}.streak-lbl{letter-spacing:.5px;color:#fffc;margin-top:2px;font-size:9px;font-weight:800}.section-card{padding:24px}.section-title{border-bottom:2px solid var(--border-color);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;font-size:20px;font-weight:800;display:flex}.title-icon{flex-shrink:0}.add-habit-form{gap:12px;margin-bottom:20px;display:flex}.select-input{max-width:140px}.add-btn{aspect-ratio:1;padding:12px}.error-text{color:var(--red);margin-bottom:12px;font-size:14px;font-weight:700}.habits-list{flex-direction:column;gap:12px;display:flex}.empty-text{color:var(--text-light);text-align:center;padding:30px 0;font-weight:600}.habit-item{border:2px solid var(--border-color);background-color:var(--bg-primary);border-radius:16px;align-items:center;padding:14px;transition:background-color .2s;display:flex;position:relative;overflow:hidden}.habit-item.completed{background-color:#f1fbe7;border-color:#c8e6c9}.habit-info{flex-direction:column;flex-grow:1;display:flex}.habit-title{font-size:16px;font-weight:700}.habit-freq{color:var(--text-light);text-transform:uppercase;font-size:12px;font-weight:700}.difficulty-badge-sm{border:1px solid #0000;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.difficulty-badge-sm.difficulty-easy{color:#2e7d32;background:#e8f5e9;border-color:#a5d6a7}.difficulty-badge-sm.difficulty-medium{color:#e65100;background:#fff8e1;border-color:#ffcc80}.difficulty-badge-sm.difficulty-hard{color:#b71c1c;background:#fce4ec;border-color:#ef9a9a}.habit-item.completed .habit-title{color:var(--text-secondary);text-decoration:line-through}.quest-list{flex-direction:column;gap:12px;display:flex}.quest-item{border:2px solid var(--border-color);background-color:var(--bg-primary);border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.quest-item.done{background-color:#fffde7;border-color:#fff9c4}.quest-status-icon{background-color:var(--bg-secondary);width:32px;height:32px;color:var(--yellow);border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;display:flex}.quest-item.done .quest-status-icon{background-color:var(--yellow);border-color:var(--yellow-shadow);color:#fff}.quest-details{flex-direction:column;flex-grow:1;display:flex}.quest-name{font-size:14px;font-weight:700}.quest-progress{color:var(--text-light);font-size:11px;font-weight:700}.leaderboard-list{flex-direction:column;gap:10px;display:flex}.leaderboard-item{background-color:var(--bg-secondary);border:2px solid #0000;border-radius:16px;align-items:center;padding:12px 14px;display:flex}.leaderboard-item.current-user{border-color:var(--blue);background-color:#e6f6ff}.rank-num{text-align:center;width:30px;margin-right:10px;font-size:18px;font-weight:800}.user-info{flex-direction:column;flex-grow:1;display:flex}.user-username{font-size:14px;font-weight:700}.me-badge{color:var(--blue);text-transform:uppercase;font-size:10px;font-weight:800}.user-level{color:var(--text-light);font-size:11px;font-weight:700}.user-xp{color:var(--green);font-weight:800}.leaderboard-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.leaderboard-streak{color:#ff9600;font-size:12px;font-weight:700}.streak-splash-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.streak-splash-modal{background:var(--bg-primary);border:1px solid var(--border);text-align:center;border-radius:24px;width:90%;max-width:400px;padding:48px 40px;animation:.3s cubic-bezier(.34,1.56,.64,1) popIn;box-shadow:0 20px 60px #0006}.splash-emoji{margin-bottom:12px;font-size:72px;animation:1s infinite alternate pulse}.splash-title{color:var(--text-primary);margin-bottom:12px;font-size:28px;font-weight:900}.splash-subtitle{color:var(--text-light);margin-bottom:28px;font-size:15px;line-height:1.6}.splash-subtitle strong{color:#ff9600}.splash-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark,#5b3fbf));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 36px;font-size:16px;font-weight:700;transition:transform .1s}.splash-btn:hover{transform:scale(1.04)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}@media (prefers-color-scheme:dark){.habit-item.completed{background-color:#1a2f1c;border-color:#274b27}.leaderboard-item.current-user{background-color:#12242e}.quest-item.done{background-color:#2c2a1a;border-color:#4b4422}.checkbox-3d{background-color:var(--bg-secondary)}.delete-btn:hover{background-color:#331a1a}}:root.theme-dark .habit-item.completed,:root.theme-forest .habit-item.completed,:root.theme-ocean .habit-item.completed,:root.theme-sunset .habit-item.completed,:root.theme-cyberpunk .habit-item.completed{background-color:#1a2f1c;border-color:#274b27}:root.theme-dark .quest-item.done,:root.theme-forest .quest-item.done,:root.theme-ocean .quest-item.done,:root.theme-sunset .quest-item.done,:root.theme-cyberpunk .quest-item.done{background-color:#2c2a1a;border-color:#4b4422}:root.theme-dark .leaderboard-item.current-user,:root.theme-forest .leaderboard-item.current-user,:root.theme-ocean .leaderboard-item.current-user,:root.theme-sunset .leaderboard-item.current-user,:root.theme-cyberpunk .leaderboard-item.current-user{background-color:#12242e}:root.theme-dark .checkbox-3d,:root.theme-forest .checkbox-3d,:root.theme-ocean .checkbox-3d,:root.theme-sunset .checkbox-3d,:root.theme-cyberpunk .checkbox-3d{background-color:var(--bg-secondary)}.habits-container{flex-direction:column;gap:10px;animation:.4s fadeIn;display:flex}.header-section h2{align-items:center;gap:12px;margin:0;font-size:28px;font-weight:800;display:flex}.tab-menu-mobile{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px;display:none}@media (max-width:768px){.tab-menu-mobile{display:grid}.header-section,.hide-on-mobile-train{display:none!important}}.tab-btn-mobile{padding:10px;font-size:13px}.tab-btn-mobile span{margin-left:6px}@media (max-width:480px){.tab-btn-mobile span{display:none}}.habits-grid{grid-template-columns:2fr 1fr;gap:30px;display:grid}.habits-grid.full-width{grid-template-columns:1fr}@media (max-width:1024px){.habits-grid{grid-template-columns:1fr}}.habits-main-column,.habits-side-column{flex-direction:column;gap:30px;display:flex}.habits-header{background:linear-gradient(135deg, var(--yellow), var(--yellow-shadow));border-color:var(--yellow-shadow);color:#3c3c3c;justify-content:space-between;align-items:center;padding:24px 30px;display:flex}@media (max-width:600px){.habits-header{flex-direction:column;align-items:flex-start;gap:20px}}.header-info h2{margin:4px 0;font-size:26px;font-weight:800}.header-info p{opacity:.85;max-width:420px;font-size:14px;font-weight:600}.header-date{text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-size:11px;font-weight:800}.progress-widget{flex-direction:column;align-items:center;gap:8px;min-width:150px;display:flex}@media (max-width:600px){.progress-widget{width:100%}}.progress-circle-meta{flex-direction:column;align-items:center;line-height:1.1;display:flex}.percentage-num{font-size:24px;font-weight:900}.percentage-lbl{text-transform:uppercase;opacity:.7;font-size:9px;font-weight:800}.habits-list-card{padding:24px}.habits-list-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.habits-list-header h3{font-size:18px;font-weight:800}.habits-items-wrapper{flex-direction:column;gap:12px;display:flex}.habit-row{border:2px solid var(--border-color);background-color:var(--bg-primary);border-radius:18px;align-items:center;padding:16px 20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.habit-row.completed{background-color:#f1fbe7;border-color:#c8e6c9}.habit-fazer-container{align-items:center;gap:8px;margin-right:18px;display:flex}.fazer-btn-3d{border:2px solid var(--border-color);background-color:var(--bg-card);cursor:pointer;color:var(--text-primary);border-bottom-width:4px;border-radius:8px;justify-content:center;align-items:center;padding:6px 12px;font-size:13px;font-weight:700;transition:all .1s;display:flex}.fazer-btn-3d:active{border-bottom-width:1px;transform:translateY(2px)}.fazer-btn-3d:hover{background-color:var(--bg-secondary)}.fazer-count{color:var(--text-light);text-align:center;min-width:28px;font-size:14px;font-weight:800}.fazer-count.active{color:var(--green)}.habit-row-details{flex-direction:column;flex-grow:1;gap:4px;display:flex}.habit-row-title{color:var(--text-primary);font-size:16px;font-weight:800;transition:-webkit-text-decoration .2s,text-decoration .2s}.completed .habit-row-title{color:var(--text-secondary);text-decoration:line-through}.habit-row-meta{align-items:center;gap:10px;display:flex}.streak-badge{color:var(--orange);background-color:#fff3e0;border-radius:8px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-flex}.difficulty-badge{border:1px solid #0000;border-radius:8px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.difficulty-badge.difficulty-easy{color:#2e7d32;background:#e8f5e9;border-color:#a5d6a7}.difficulty-badge.difficulty-medium{color:#e65100;background:#fff8e1;border-color:#ffcc80}.difficulty-badge.difficulty-hard{color:#b71c1c;background:#fce4ec;border-color:#ef9a9a}.difficulty-buttons{gap:8px;display:flex}.difficulty-btn{cursor:pointer;background:var(--bg-secondary);color:var(--text-primary);border:2px solid #0000;border-radius:10px;flex:1;padding:8px 4px;font-size:12px;font-weight:700;transition:all .15s}.difficulty-btn.easy{color:#2e7d32;border-color:#a5d6a7}.difficulty-btn.easy.active,.difficulty-btn.easy:hover{background:#e8f5e9;border-color:#2e7d32}.difficulty-btn.medium{color:#e65100;border-color:#ffcc80}.difficulty-btn.medium.active,.difficulty-btn.medium:hover{background:#fff8e1;border-color:#e65100}.difficulty-btn.hard{color:#b71c1c;border-color:#ef9a9a}.difficulty-btn.hard.active,.difficulty-btn.hard:hover{background:#fce4ec;border-color:#b71c1c}.add-habit-card{padding:24px}.add-habit-card h3{align-items:center;gap:8px;margin-bottom:18px;font-size:18px;font-weight:800;display:flex}.create-habit-form{flex-direction:column;gap:16px;display:flex}.submit-create-btn{width:100%;padding:12px}.motivation-card{background-color:var(--bg-secondary);flex-direction:column;align-items:flex-start;gap:8px;padding:20px;display:flex}.motivation-card h4{font-size:15px;font-weight:800}.motivation-card p{color:var(--text-secondary);font-size:13px;font-weight:600;line-height:1.4}.history-tab-content{padding:30px}.history-header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.history-header h2{font-size:22px;font-weight:800}.history-desc{color:var(--text-secondary);margin-bottom:24px;font-size:14px;font-weight:600}.history-grids-wrapper{flex-direction:column;gap:20px;display:flex}.habit-history-row{border-bottom:1px solid var(--border-color);flex-direction:column;gap:8px;padding-bottom:16px;display:flex}.habit-history-info{justify-content:space-between;align-items:center;display:flex}.habit-history-name{font-size:15px;font-weight:800}.habit-history-rate{color:var(--blue);font-size:12px;font-weight:700}.contribution-grid-scroll{padding-bottom:4px;overflow-x:auto}.contribution-grid{gap:5px;min-width:max-content;display:flex}.contribution-cell{background-color:var(--border-color);cursor:pointer;border:1px solid #0000;border-radius:4px;width:16px;height:16px;transition:background-color .1s}.contribution-cell.completed{background-color:var(--green)}.contribution-cell:hover{filter:brightness(.9)}.history-legend{color:var(--text-secondary);justify-content:flex-end;align-items:center;gap:6px;margin-top:20px;font-size:11px;font-weight:700;display:flex}.legend-cell{border-radius:3px;width:12px;height:12px}.legend-cell.empty{background-color:var(--border-color)}.legend-cell.completed{background-color:var(--green)}.stats-summary-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}@media (max-width:768px){.stats-summary-grid{grid-template-columns:1fr}}.stat-card{flex-direction:column;gap:6px;padding:24px;display:flex}.stat-card-header{text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.stat-value{font-size:28px;font-weight:900;line-height:1.2}.stat-sub{color:var(--text-light);font-size:11px;font-weight:700}.stats-breakdown-card{padding:24px}.stats-breakdown-card h3{border-bottom:2px solid var(--border-color);margin-bottom:20px;padding-bottom:10px;font-size:18px;font-weight:800}.stats-table-wrapper{overflow-x:auto}.stats-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.stats-table th,.stats-table td{border-bottom:1px solid var(--border-color);padding:12px 16px}.stats-table th{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:800}.stats-table td{font-weight:600}.table-streak{color:var(--orange);align-items:center;gap:6px;font-weight:700;display:flex}.table-consistency{align-items:center;gap:10px;display:flex}.table-bar{flex-shrink:0;width:80px;margin:0}@media (prefers-color-scheme:dark){.habit-row.completed{background-color:#1a2f1c;border-color:#274b27}.streak-badge{background-color:#382412}.alert-error{background-color:#331a1a}.alert-success{background-color:#1a2f1c}.motivation-card,.check-btn-3d{background-color:var(--bg-secondary)}}:root.theme-dark .habit-row.completed,:root.theme-forest .habit-row.completed,:root.theme-ocean .habit-row.completed,:root.theme-sunset .habit-row.completed,:root.theme-cyberpunk .habit-row.completed{background-color:#1a2f1c;border-color:#274b27}:root.theme-dark .streak-badge,:root.theme-forest .streak-badge,:root.theme-ocean .streak-badge,:root.theme-sunset .streak-badge,:root.theme-cyberpunk .streak-badge{background-color:#382412}.day-btn.active{background-color:var(--blue);border-color:var(--blue);border-bottom-style:solid;border-bottom-width:4px;border-bottom-color:var(--blue-shadow);color:#fff}.exercises-page{flex-direction:column;gap:10px;display:flex}@media (max-width:900px){.history-grid{grid-template-columns:1fr}}.workouts-history-list{flex-direction:column;gap:12px;max-height:480px;display:flex;overflow-y:auto}.workout-history-item{border:2px solid var(--border-color);background-color:var(--bg-secondary);border-radius:16px;justify-content:space-between;align-items:center;padding:14px;display:flex}.delete-history-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;padding:6px;transition:color .15s,background .15s;display:flex}.delete-history-btn:hover{color:#ef4444;background:#ef44441a}.w-image-container{border:2px solid var(--border-color);background:var(--bg-card);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;margin-right:14px;display:flex;overflow:hidden}.w-item-image{object-fit:cover;width:100%;height:100%}.w-details{flex-direction:column;flex-grow:1;display:flex}.w-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.w-item-title{font-size:16px;font-weight:700}.w-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.w-date{color:var(--text-light);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}@media (max-width:900px){.groups-grid{grid-template-columns:1fr}}.group-tab-btn.active{background-color:var(--blue);color:#fff}.feed-post-card{border:2px solid var(--border-color);background-color:var(--bg-secondary);border-radius:16px;gap:12px;padding:12px;display:flex}.post-avatar{background-color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.post-body{flex-direction:column;flex-grow:1;display:flex}.post-header{justify-content:space-between;align-items:center;display:flex}.post-content{margin-top:4px;font-size:14px;font-weight:500}.days-selector{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.day-btn{background-color:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;text-align:center;min-width:45px;color:var(--text-secondary);border-bottom-width:4px;border-radius:12px;flex:1;padding:8px 4px;font-size:12px;font-weight:700;transition:all .1s}.day-btn:active{border-bottom-width:2px;transform:translateY(2px)}.day-btn.active{background-color:var(--blue);border-color:var(--blue);border-bottom:4px solid var(--blue-shadow);color:#fff}.day-routine-section{margin-bottom:24px}.day-routine-title{color:var(--text-primary);border-bottom:2px solid var(--border-color);margin-bottom:10px;padding-bottom:6px;font-size:16px;font-weight:800}.day-routine-empty{color:var(--text-light);margin-bottom:10px;margin-left:10px;font-size:13px;font-style:italic}.day-routine-list{flex-direction:column;gap:10px;display:flex}.relative-container{position:relative}.card-actions-container{align-items:center;gap:8px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.reorder-btn,.delete-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.reorder-btn:hover:not(:disabled){color:var(--blue);background-color:#e6f6ff}.reorder-btn:disabled{opacity:.3;cursor:not-allowed}@media (max-width:768px){.train-tab-container{padding-bottom:80px}}.success-toast{z-index:9999;justify-content:space-between;align-items:center;width:90%;max-width:400px;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideDown;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.toast-close-btn{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1;transition:opacity .2s}.toast-close-btn:hover{opacity:1}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.train-day-navigation{z-index:100;background-color:var(--bg-card);justify-content:space-between;align-items:center;margin-bottom:0;padding:16px 24px;display:flex;position:sticky;top:0;box-shadow:0 10px 15px -3px #0000001a}.train-day-navigation h3{align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800;display:flex}.train-day-navigation h3 span{color:var(--green);font-size:14px}.train-day-navigation .btn-red{padding:10px 24px;font-weight:700}@media (max-width:600px){.train-day-navigation{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.day-nav-controls{justify-content:space-between;width:100%}.train-day-navigation h3{font-size:16px}.train-day-navigation h3 span{font-size:12px}.train-day-navigation .btn-red{text-align:center;width:100%;padding:12px}}.train-tab-container{flex-direction:column;gap:16px;display:flex}.train-day-selector{padding:20px}.train-days-buttons{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.train-step-grid{grid-template-columns:1.2fr 1fr;gap:30px;display:grid}.train-exercise-title{color:var(--text-primary);margin:0;font-size:28px;font-weight:800;line-height:1.2;display:inline-block}.train-exercise-title .badge-purple{padding:4px 8px;font-size:13px}.train-exercise-meta-text{text-align:center;color:var(--text-secondary);font-size:20px;font-weight:700;line-height:1.1}.train-nav-btn{padding:12px;font-size:18px;font-weight:700}.train-nav-btn-green{font-weight:800}@media (max-width:768px){.hide-on-mobile-train{display:none!important}.train-step-grid{grid-template-columns:1fr}.train-exercise-title{font-size:20px}.train-exercise-title .badge-purple{padding:2px 6px;font-size:11px}.train-exercise-meta-text{font-size:15px}.train-nav-btn{padding:10px;font-size:15px}}.img-selector{gap:8px;margin-top:6px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.img-opt-btn{background:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:60px;padding:6px;transition:all .2s;display:flex}.img-opt-btn:hover{border-color:var(--text-secondary)}.img-opt-btn.active{border-color:var(--blue);background:var(--bg-primary);box-shadow:0 0 8px #5bc0f833}.img-opt-preview{object-fit:cover;border-radius:8px;width:40px;height:40px}.img-opt-btn span{color:var(--text-secondary);font-size:10px;font-weight:700}.img-opt-btn.active span{color:var(--blue)}.history-grid-single{width:100%}.history-date-group{margin-bottom:20px}.history-date-group:last-child{margin-bottom:0}.history-date-header{background-color:var(--bg-card-hover,#0000000d);border-left:3px solid var(--blue);border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;padding:8px 12px;display:flex}.history-date-header .date-title{color:var(--text-primary);font-size:14px;font-weight:700}.history-date-header .date-summary{color:var(--text-secondary);font-size:12px;font-weight:600}.history-date-items{flex-direction:column;gap:10px;padding-left:4px;display:flex}.days-selector{flex-wrap:wrap;gap:6px;display:flex}.day-btn{border:2px solid var(--border-color);background:var(--bg-card);min-width:40px;color:var(--text-primary);cursor:pointer;border-radius:8px;flex:1;padding:8px 4px;font-size:12px;font-weight:700;transition:all .2s}.day-btn.active{background:var(--orange);color:#fff;border-color:var(--orange)}.progress-bar-container-3d{background-color:var(--bg-secondary);border:2px solid var(--border-color);box-sizing:border-box;border-bottom-width:4px;border-radius:10px;width:100%;height:16px;position:relative;overflow:hidden}.progress-bar-fill-3d{border-radius:6px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-bar-fill-3d.success{background:linear-gradient(90deg,#4caf50,#66bb6a);border-bottom:2px solid #388e3c}.progress-bar-fill-3d.warning{background:linear-gradient(90deg,#ff9800,#ffa726);border-bottom:2px solid #f57c00}.progress-bar-fill-3d.danger{background:linear-gradient(90deg,#f44336,#ef5350);border-bottom:2px solid #d32f2f}.eat-mobile-progress-section{flex-direction:column;gap:4px;width:100%;margin:4px 0 6px;display:flex}.progress-bar-info{justify-content:space-between;font-size:14px;font-weight:750;display:flex}.progress-label{color:var(--text-secondary)}.progress-val{color:var(--green)}.progress-val.text-danger{color:var(--red)}.meals-page{flex-direction:column;gap:10px;display:flex}.success-banner{z-index:9999;background-color:var(--green);color:#fff;border:2px solid var(--green-shadow);text-align:center;border-bottom-width:5px;border-radius:16px;width:450px;max-width:90%;margin:0;padding:16px 24px;font-size:16px;font-weight:700;animation:5s forwards toastFade;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000026}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,20px)scale(.95)}8%{opacity:1;transform:translate(-50%)scale(1)}90%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-20px)scale(.95)}}.cardapio-left-column{flex-direction:column;gap:18px;display:flex}.shopping-toggle-btn{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:700;display:flex}.shopping-toggle-btn:hover{border-color:var(--orange);background:color-mix(in srgb, var(--orange) 8%, var(--bg-secondary))}@media (max-width:900px){.history-grid{grid-template-columns:1fr}}.ingredients-grid{grid-template-columns:1fr 1.2fr;gap:30px;display:grid}@media (max-width:760px){.ingredients-grid{grid-template-columns:1fr}}.form-row{gap:12px;display:flex}.flex-1{flex:1}.calorie-summary{border-top:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:20px;padding-top:14px;font-size:16px;font-weight:800;display:flex}.calorie-summary .summary-val{color:var(--orange)}.meals-history-list{flex-direction:column;gap:12px;display:flex}.meal-history-item{border:2px solid var(--border-color);background-color:var(--bg-secondary);border-radius:16px;align-items:center;padding:14px;display:flex}.m-icon{background-color:var(--orange);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:14px;display:flex}.m-details{flex-direction:column;flex-grow:1;display:flex}.m-item-title{font-size:16px;font-weight:700}.m-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.meta-text{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.m-date{color:var(--text-light);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}@media (max-width:900px){.groups-grid{grid-template-columns:1fr}}.family-invite-actions{gap:8px;width:100%;display:flex}.family-invite-btn{border:1px solid var(--border-color);min-width:0;color:var(--text-primary);cursor:pointer;box-shadow:none;appearance:none;background:0 0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-weight:800;line-height:1;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.family-invite-btn:hover:not(:disabled){box-shadow:none}.family-invite-btn:disabled{opacity:.5;cursor:not-allowed}.family-invite-btn.accept{color:var(--green);border-color:var(--green)}.family-invite-btn.accept:hover:not(:disabled){border-color:var(--green);background:#58cc021a}.family-invite-btn.reject{color:var(--red);border-color:var(--red)}.family-invite-btn.reject:hover:not(:disabled){border-color:var(--red);background:#ff4b4b1a}.family-shopping-panel{background:color-mix(in srgb, var(--orange) 10%, var(--bg-secondary));border:1px solid color-mix(in srgb, var(--orange) 30%, var(--border-color));border-radius:12px;margin-top:12px;padding:12px}.family-shopping-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.family-shopping-total{color:var(--orange);background:color-mix(in srgb, var(--orange) 12%, transparent);border:1px solid color-mix(in srgb, var(--orange) 28%, var(--border-color));border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.family-shopping-list{flex-direction:column;gap:8px;max-height:220px;margin:8px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.family-shopping-item{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.family-shopping-item strong{color:var(--orange);white-space:nowrap;font-size:13px;font-weight:900}.family-shopping-note{color:var(--text-secondary);margin:10px 0 0;font-size:12px;line-height:1.4}.feed-post-card{border:2px solid var(--border-color);background-color:var(--bg-secondary);border-radius:16px;padding:12px;display:flex}.post-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;padding-bottom:6px;display:flex}.post-username{color:var(--orange);font-size:13px;font-weight:700}.post-time{color:var(--text-light);font-size:10px;font-weight:600}.eat-tab-container{flex-direction:column;gap:24px;display:flex}.eat-day-navigation{justify-content:center;align-items:center;padding:16px;display:flex}.day-nav-controls{align-items:center;gap:20px;display:flex}.day-nav-controls h3{justify-content:center;align-items:center;gap:8px;min-width:180px;font-size:20px;font-weight:800;display:flex}.day-nav-controls h3 span{color:var(--orange);font-size:14px;font-weight:700}.eat-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}@media (max-width:900px){.eat-grid{grid-template-columns:1fr}}.planned-meals-list{flex-direction:column;gap:16px;display:flex}.planned-meal-item{border:2px solid var(--border-color);background-color:var(--bg-secondary);border-radius:20px;justify-content:space-between;align-items:center;padding:18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.planned-meal-item:hover{border-color:var(--text-light);transform:translateY(-2px)}.planned-meal-item.consumed-item{border-color:var(--green);opacity:.85;background-color:#58cc0208}.planned-meal-details{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.planned-meal-title{color:var(--text-primary);font-size:16px;font-weight:700}.planned-meal-item.consumed-item .planned-meal-title{color:var(--text-secondary);opacity:.7;text-decoration:line-through}.planned-meal-cal{color:var(--text-secondary);align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.calorie-calculator-preview{background-color:var(--bg-secondary);border:2px dashed var(--border-color);text-align:center;border-radius:16px;flex-direction:column;gap:4px;margin-top:20px;padding:16px;display:flex}.calorie-calculator-preview .calc-label{text-transform:uppercase;color:var(--text-light);letter-spacing:.5px;font-size:11px;font-weight:800}.calorie-calculator-preview .calc-value{color:var(--orange);font-size:26px;font-weight:800}.segmented-control{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;margin-bottom:20px;padding:4px;display:flex}.segmented-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;padding:10px;font-size:14px;font-weight:700;transition:all .2s}.segmented-btn.active{background-color:var(--bg-card);color:var(--orange);box-shadow:0 4px 6px #0000000d}.builder-ingredients-list-container{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;margin-bottom:15px;padding:16px}.builder-ingredients-list{flex-direction:column;gap:8px;max-height:200px;margin-top:8px;display:flex;overflow-y:auto}.builder-ingredient-item{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.builder-ingredient-item .remove-btn{color:var(--red);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:transform .2s;display:flex}.builder-ingredient-item .remove-btn:hover{transform:scale(1.15)}.dishes-list{flex-direction:column;gap:16px;display:flex}.dish-card{border:2px solid var(--border-color);background-color:var(--bg-secondary);border-radius:20px;flex-direction:column;gap:12px;padding:18px;transition:all .2s;display:flex}.dish-card:hover{border-color:var(--text-light);transform:translateY(-2px)}.dish-card-header{justify-content:space-between;align-items:flex-start;display:flex}.dish-card-title{color:var(--text-primary);font-size:16px;font-weight:800}.dish-card-meta{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.dish-ingredients-summary{color:var(--text-secondary);background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;flex-direction:column;gap:4px;padding:10px 14px 10px 28px;font-size:12px;font-weight:600;list-style-type:disc;display:flex}.dish-actions{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.inline-eat-form{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:14px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 12px;display:flex}.eat-mobile-floating-header{display:none}@media (max-width:768px){.meals-page.mode-eat-mobile{gap:0}.meals-page.mode-eat-mobile .header-section,.meals-page.mode-eat-mobile .eat-day-navigation{display:none}.eat-desktop-progress{display:none!important}.eat-mobile-floating-header{z-index:1000;background-color:var(--bg-card);border:2px solid var(--border-color);border-bottom-width:4px;border-radius:16px;flex-direction:column;align-items:stretch;gap:8px;margin-top:4px;margin-bottom:0;padding:12px 18px;display:flex;position:sticky;top:10px;box-shadow:0 8px 16px #0000000d}.day-nav-controls{justify-content:space-between;align-items:center;width:100%;display:flex}.eat-mobile-floating-header h3{color:var(--text-primary);align-items:center;gap:6px;margin:0;font-size:18px;font-weight:800;display:flex}.today-badge{color:var(--green);font-size:13px;font-weight:700}.calorie-badge{color:var(--green);white-space:nowrap;background-color:#e8f9e6;border:2px solid #c8e6c9;border-radius:8px;align-items:center;margin-left:4px;padding:2px 8px;font-size:13px;font-weight:750;display:inline-flex}.eat-mobile-floating-header .btn-red{text-align:center;width:100%;padding:10px 24px;font-size:15px;font-weight:700}}@media (max-width:500px){.eat-mobile-floating-header h3{flex-wrap:wrap;justify-content:center;font-size:15px}}.health-container{flex-direction:column;gap:10px;animation:.4s fadeIn;display:flex}.alert-card{border-radius:16px;align-items:center;gap:12px;padding:14px 20px;font-weight:700;display:flex}.alert-error{border-color:var(--red);border-bottom:5px solid var(--red-shadow);color:var(--red);background-color:#ffe6e6}.alert-success{border-color:var(--green);border-bottom:5px solid var(--green-shadow);color:var(--green);background-color:#f1fbe7}.health-grid{grid-template-columns:2fr 1fr;gap:30px;display:grid}@media (max-width:1024px){.health-grid{grid-template-columns:1fr}}.health-main-column,.health-side-column{flex-direction:column;gap:30px;display:flex}.water-header{color:#1565c0;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#90caf9;justify-content:space-between;align-items:center;padding:24px 30px;display:flex}@media (max-width:600px){.water-header{flex-direction:column;align-items:flex-start;gap:20px}}.health-date{text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-size:11px;font-weight:800}.water-header h2{margin:4px 0;font-size:26px;font-weight:800}.water-header p{opacity:.85;max-width:420px;font-size:14px;font-weight:600}.water-goal-settings{flex-direction:column;gap:4px;min-width:130px;display:flex}.goal-label{text-transform:uppercase;font-size:10px;font-weight:800}.goal-input{color:#1565c0;background-color:#fff;border:2px solid #90caf9;border-radius:10px;outline:none;padding:8px 12px;font-size:16px;font-weight:800}.water-tracker-card{padding:30px}.glass-widget-container{justify-content:center;align-items:center;gap:50px;display:flex}@media (max-width:600px){.glass-widget-container{flex-direction:column;gap:30px}}.water-glass-container{border:4px solid var(--border-color);background-color:#ffffff0d;border-top-width:1px;border-radius:8px 8px 24px 24px;width:140px;height:200px;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #00a2f30d,0 8px 16px #0000000d}.water-fill{background:linear-gradient(#5bc0f8,#00a2f3);width:100%;transition:height .6s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0}.glass-reflection{pointer-events:none;background:linear-gradient(90deg,#ffffff26,#fff0);width:15px;height:100%;position:absolute;top:0;left:10px}.glass-percentage-text{color:var(--text-primary);text-shadow:0 2px 4px #fffc,0 0 10px #00a2f333;pointer-events:none;z-index:5;font-size:28px;font-weight:950;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bubble{background-color:#ffffff4d;border-radius:50%;animation:3s ease-in infinite floatUp;position:absolute;bottom:0}.bubble-1{width:10px;height:10px;animation-duration:2.5s;left:15%}.bubble-2{width:14px;height:14px;animation-duration:3.5s;animation-delay:.5s;left:45%}.bubble-3{width:8px;height:8px;animation-duration:2s;animation-delay:1s;left:70%}.bubble-4{width:12px;height:12px;animation-duration:4s;animation-delay:.2s;left:80%}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(.8)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-160px)scale(1.2)}}.progress-details{flex-direction:column;flex-grow:1;display:flex}.current-amount{color:var(--blue);font-size:36px;font-weight:900;line-height:1.1}.target-amount{color:var(--text-secondary);margin-bottom:20px;font-size:14px;font-weight:700}.quick-add-grid{grid-template-columns:1fr;gap:12px;max-width:280px;display:grid}.quick-add-btn{padding:10px;font-size:13px}.water-logs-card{padding:24px}.water-logs-card h3{border-bottom:2px solid var(--border-color);margin-bottom:16px;padding-bottom:8px;font-size:18px;font-weight:800}.logs-list{flex-direction:column;gap:8px;max-height:250px;display:flex;overflow-y:auto}.log-row{border:2px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.log-info{align-items:center;gap:10px;font-weight:700;display:flex}.log-amount{color:var(--text-primary)}.log-time{color:var(--text-light);font-size:12px}.meds-list-card{padding:24px}.meds-list-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:14px;display:flex}.meds-list-header h2{font-size:20px;font-weight:800}.meds-desc{color:var(--text-secondary);margin-bottom:24px;font-size:14px;font-weight:600}.meds-list-wrapper{flex-direction:column;gap:12px;display:flex}.med-row{border:2px solid var(--border-color);background-color:var(--bg-primary);border-radius:18px;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.med-row.taken{background-color:#f1fbe7;border-color:#c8e6c9}.check-btn-3d{border:2px solid var(--border-color);background-color:var(--bg-card);cursor:pointer;color:#0000;border-bottom-width:4px;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:18px;padding:0;transition:all .1s;display:flex}.check-btn-3d:active{border-bottom-width:1px;transform:translateY(2px)}.check-btn-3d.checked{background-color:var(--green);border-color:var(--green);border-bottom:4px solid var(--green-shadow);color:#fff}.med-row-details{flex-direction:column;flex-grow:1;gap:4px;display:flex}.med-row-name{color:var(--text-primary);font-size:16px;font-weight:850}.taken .med-row-name{color:var(--text-secondary);text-decoration:line-through}.med-row-meta{align-items:center;gap:12px;display:flex}.med-time-schedule{color:var(--text-light);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.add-water-card,.add-meds-card{padding:24px}.add-water-card h3,.add-meds-card h3{margin-bottom:18px;font-size:16px;font-weight:800}.create-med-form,.custom-water-form{flex-direction:column;gap:16px;display:flex}.custom-submit-btn,.submit-create-btn{width:100%;padding:12px}.tips-card{background-color:var(--bg-secondary);flex-direction:column;align-items:flex-start;gap:8px;padding:20px;display:flex}.tips-card h4{font-size:15px;font-weight:800}.tips-card p{color:var(--text-secondary);font-size:13px;font-weight:600;line-height:1.4}.empty-state{text-align:center;color:var(--text-light);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-icon{opacity:.5;margin-bottom:12px}.empty-state p{font-size:16px;font-weight:700}.empty-sub{margin-top:4px;font-size:13px!important}.empty-text{color:var(--text-light);text-align:center;padding:20px;font-size:14px;font-weight:700}.delete-icon-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px;transition:all .2s}.delete-icon-btn:hover{color:var(--red);background-color:#ffe6e6}@media (prefers-color-scheme:dark){.med-row.taken{background-color:#1a2f1c;border-color:#274b27}.alert-error{background-color:#331a1a}.alert-success{background-color:#1a2f1c}.check-btn-3d{background-color:var(--bg-secondary)}.water-header{color:#5bc0f8;background:linear-gradient(135deg,#0d253f,#15395b);border-color:#19456f}.goal-input{background-color:var(--bg-card);color:#5bc0f8;border-color:#19456f}.water-glass-container{background-color:#0003}.glass-percentage-text{text-shadow:0 2px 4px #000c,0 0 10px #00a2f366}}:root.theme-dark .med-row.taken,:root.theme-forest .med-row.taken,:root.theme-ocean .med-row.taken,:root.theme-sunset .med-row.taken,:root.theme-cyberpunk .med-row.taken{background-color:#1a2f1c;border-color:#274b27}:root.theme-dark .water-header,:root.theme-forest .water-header,:root.theme-ocean .water-header,:root.theme-sunset .water-header,:root.theme-cyberpunk .water-header{color:#5bc0f8;background:linear-gradient(135deg,#0d253f,#15395b);border-color:#19456f}:root.theme-dark .goal-input,:root.theme-forest .goal-input,:root.theme-ocean .goal-input,:root.theme-sunset .goal-input,:root.theme-cyberpunk .goal-input{background-color:var(--bg-card);color:#5bc0f8;border-color:#19456f}.tasks-page{flex-direction:column;gap:10px;display:flex}.header-section{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.tab-buttons{gap:10px;display:flex}.error-banner{color:#fff;background-color:var(--red);border:2px solid var(--red-shadow);text-align:center;border-radius:12px;padding:12px;font-weight:700}.success-banner{color:#fff;background-color:var(--green);border:2px solid var(--green-shadow);text-align:center;border-radius:12px;padding:12px;font-weight:700}.history-grid{grid-template-columns:1fr 1.2fr;gap:30px;display:grid}@media (max-width:900px){.history-grid{grid-template-columns:1fr}}.submit-btn{width:100%;margin-top:10px}.tasks-items-list{flex-direction:column;gap:12px;max-height:480px;display:flex;overflow-y:auto}.task-list-item-custom{border:2px solid var(--border-color);background-color:var(--bg-secondary);border-radius:16px;align-items:center;padding:14px;display:flex}.task-list-item-custom.completed{background-color:#f1fbe7;border-color:#c8e6c9}.checkbox-3d{border:2px solid var(--border-color);background-color:var(--bg-card);cursor:pointer;border-bottom-width:4px;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin-right:16px;padding:0;transition:all .1s;display:flex}.checkbox-3d:active{border-bottom-width:1px;transform:translateY(2px)}.checkbox-3d.checked{background-color:var(--green);border-color:var(--green);border-bottom:4px solid var(--green-shadow);color:#fff}.task-custom-details{flex-direction:column;flex-grow:1;display:flex}.t-custom-title{font-size:16px;font-weight:700}.task-list-item-custom.completed .t-custom-title{color:var(--text-secondary);text-decoration:line-through}.t-custom-due{color:var(--text-light);align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:700;display:flex}.delete-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;transition:all .2s}.delete-btn:hover{color:var(--red);background-color:#ffe6e6}.groups-grid{grid-template-columns:1fr 1.5fr;gap:30px;display:grid}@media (max-width:900px){.groups-grid{grid-template-columns:1fr}}.groups-sidebar-panel{flex-direction:column;gap:30px;display:flex}.all-groups-list{flex-direction:column;gap:10px;display:flex}.group-list-item{border:2px solid var(--border-color);border-radius:16px;justify-content:space-between;align-items:center;padding:12px;display:flex}.group-list-info{flex-direction:column;display:flex}.g-list-name{font-size:14px;font-weight:700}.g-list-desc{color:var(--text-secondary);font-size:12px}.g-list-members{color:var(--text-light);margin-top:2px;font-size:10px;font-weight:700}.btn-sm{border-radius:10px;padding:6px 12px;font-size:12px}.group-feed-panel{flex-direction:column;min-height:400px;padding:24px;display:flex}.empty-feed{text-align:center;color:var(--text-light);flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-icon{margin-bottom:16px}.empty-feed h3{color:var(--text-secondary);margin-bottom:8px}.group-tabs{border-bottom:2px solid var(--border-color);gap:6px;margin-bottom:20px;padding-bottom:10px;display:flex;overflow-x:auto}.group-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:8px 16px;font-weight:700;transition:all .2s}.group-tab-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.group-tab-btn.active{color:#fff}.active-group-header{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;margin-bottom:20px;padding:16px}.active-group-header h4{margin-bottom:4px;font-size:18px;font-weight:800}.active-group-header p{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.members-badge{color:var(--text-light);align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.feed-posts-list{flex-direction:column;gap:12px;max-height:400px;display:flex;overflow-y:auto}.feed-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-bottom:6px;font-size:14px;font-weight:800}.share-menu-card{padding:16px}@media (prefers-color-scheme:dark){.task-list-item-custom.completed{background-color:#1a331a;border-color:#274b27}.checkbox-3d{background-color:var(--bg-secondary)}.delete-btn:hover{background-color:#331a1a}}.settings-page{flex-direction:column;gap:10px;display:flex}.header-section{border-bottom:2px solid var(--border-color);padding-bottom:16px}.header-section h2{align-items:center;gap:12px;font-size:28px;font-weight:800;display:flex}.settings-content{padding:30px}.section-title{margin-bottom:6px;font-size:20px;font-weight:800}.section-desc{color:var(--text-secondary);margin-bottom:24px;font-size:15px;font-weight:500}.theme-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}@media (max-width:500px){.theme-options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.theme-card{border:2px solid var(--border-color);cursor:pointer;background-color:var(--bg-secondary);border-radius:20px;flex-direction:column;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.theme-card:hover{border-color:var(--text-light);transform:translateY(-4px);box-shadow:0 8px 16px #0000000d}.theme-card.active{border-color:var(--blue);border-bottom-width:6px;margin-bottom:-4px}.theme-preview{border-bottom:2px solid var(--border-color);justify-content:center;align-items:center;gap:16px;height:120px;padding:20px;transition:background-color .2s;display:flex}.light-preview{background-color:#f7f9fa}.dark-preview{background-color:#15202b}.theme-icon-sun{color:#ff9600;filter:drop-shadow(0 0 8px #ff960066)}.theme-icon-moon{color:#ffc800;filter:drop-shadow(0 0 8px #ffc80066)}.preview-lines{flex-direction:column;flex-grow:1;gap:8px;display:flex}.preview-line-long{border-radius:4px;width:80%;height:8px}.preview-line-short{border-radius:4px;width:50%;height:8px}.light-preview .preview-line-long,.light-preview .preview-line-short{background-color:#e6e9ec}.dark-preview .preview-line-long,.dark-preview .preview-line-short{background-color:#38444d}.theme-label{background-color:var(--bg-card);color:var(--text-primary);justify-content:space-between;align-items:center;padding:16px 20px;font-size:16px;font-weight:700;display:flex}.check-icon{color:var(--blue)}.calorie-form{align-items:center;gap:16px;margin-top:10px;display:flex}.input-group-3d{flex-grow:1;align-items:center;display:flex;position:relative}.input-3d{width:100%;color:var(--text-primary);background-color:var(--bg-secondary);border:2px solid var(--border-color);box-sizing:border-box;border-bottom-width:4px;border-radius:14px;outline:none;padding:12px 100px 12px 16px;font-size:16px;font-weight:700;transition:border-color .2s}.input-3d:focus{border-color:var(--blue)}.input-3d-no-unit{padding-right:16px}.input-unit{color:var(--text-secondary);pointer-events:none;font-size:14px;font-weight:700;position:absolute;right:16px}.form-group-3d{flex-direction:column;gap:8px;display:flex}.form-label-3d{color:var(--text-secondary);font-size:14px;font-weight:700}.error-message{color:var(--red);margin-top:10px;font-size:14px;font-weight:700}.success-message{color:var(--green);margin-top:10px;font-size:14px;font-weight:700}@media (max-width:500px){.calorie-form{flex-direction:column;align-items:stretch}.calorie-form button{width:100%}}.admin-container{flex-direction:column;gap:10px;display:flex}.admin-header{flex-direction:column;gap:8px;display:flex}.tab-buttons{gap:12px;margin-bottom:24px;display:flex}.tab-buttons button{align-items:center;gap:8px;display:flex}.tab-buttons .active{border-bottom-width:1px;transform:translateY(4px)}.header-title-wrapper{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-badge{color:var(--blue);letter-spacing:.5px;background-color:#e3f2fd;border:2px solid #bbdefb;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}@media (prefers-color-scheme:dark){.admin-badge{background-color:#0d273a;border-color:#1a496b}}.admin-header h1{letter-spacing:-1px;font-size:32px;font-weight:800}.admin-subtitle{color:var(--text-secondary);font-size:16px;font-weight:500;line-height:1.5}.admin-grid{grid-template-columns:1fr 1fr;align-items:start;gap:30px;display:grid}@media (max-width:1024px){.admin-grid{grid-template-columns:1fr}}.card-title{letter-spacing:-.5px;margin-bottom:20px;font-size:20px;font-weight:800}.exercise-form{flex-direction:column;gap:16px;display:flex}.form-row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:480px){.form-row-2{grid-template-columns:1fr;gap:16px}}.select-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.icon-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}@media (max-width:600px){.icon-grid{grid-template-columns:repeat(3,1fr)}}.current-photo-preview{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;align-items:center;gap:16px;margin-top:8px;padding:16px;display:flex}.preview-image-wrapper{background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.preview-info{flex-direction:column;gap:4px;display:flex}.preview-label{color:var(--text-primary);font-size:14px;font-weight:800}.preview-filename{color:var(--text-secondary);word-break:break-all;font-size:12px;font-weight:600}.icon-select-btn{cursor:pointer;background:var(--bg-card);border-width:2px 2px 4px;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 4px;display:flex}.icon-select-btn:active{border-bottom-width:2px;transform:translateY(2px)}.icon-select-btn.selected{border-color:var(--blue);border-bottom-color:var(--blue-shadow);background-color:#e6f6ff}@media (prefers-color-scheme:dark){.icon-select-btn.selected{background-color:#12242e}}.icon-label{color:var(--text-secondary);font-size:10px;font-weight:700}.list-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.list-header .card-title{margin-bottom:0}.count-badge{background-color:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-secondary);border-radius:20px;padding:4px 10px;font-size:13px;font-weight:700}.search-wrapper{margin-bottom:20px;position:relative}.search-icon{color:var(--text-light);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{padding-left:44px!important}.table-container{border:2px solid var(--border-color);border-radius:16px;max-height:520px;overflow-y:auto}.workouts-table{border-collapse:collapse;text-align:left;width:100%}.workouts-table th,.workouts-table td{padding:12px 16px;font-size:14px}.workouts-table th{background-color:var(--bg-secondary);color:var(--text-secondary);border-bottom:2px solid var(--border-color);z-index:10;font-weight:700;position:sticky;top:0}.workouts-table td{border-bottom:1px solid var(--border-color);font-weight:600}.workouts-table tr:last-child td{border-bottom:none}.workout-title-cell{align-items:center;gap:10px;display:flex}.workout-icon-wrapper{background-color:var(--bg-secondary);border:2px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;display:flex}.workout-name{color:var(--text-primary);font-weight:700}.calories-cell{color:var(--text-secondary);font-weight:500}.empty-state{text-align:center;color:var(--text-secondary);padding:40px;font-weight:500}.alert-message{border-radius:16px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.alert-error{color:var(--red);background-color:#ffe6e6;border:2px solid #fcc}.alert-success{color:var(--green);background-color:#e8f9e6;border:2px solid #c8e6c9}@media (prefers-color-scheme:dark){.alert-error{background-color:#331a1a;border-color:#4c1a1a}.alert-success{background-color:#1a331a;border-color:#1a4c1a}}.crop-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#000000bf;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.crop-card{background-color:var(--bg-card);border:2px solid var(--border-color);border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:410px;padding:24px;display:flex;position:relative;box-shadow:0 20px 40px #0000004d}.crop-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.crop-header h3{letter-spacing:-.5px;margin:0;font-size:18px;font-weight:800}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.close-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.crop-instruction{color:var(--text-secondary);text-align:center;margin:0 0 16px;font-size:13px;font-weight:500;line-height:1.4}.crop-viewport{border:2px solid var(--border-color);cursor:grab;background-color:#111;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000c}.crop-viewport:active{cursor:grabbing}.crop-grid-overlay{z-index:2;pointer-events:none;border:1px solid #ffffff26;position:absolute;inset:0}.grid-line{background-color:#ffffff40;position:absolute;box-shadow:0 0 1px #00000080}.grid-v1{width:1px;top:0;bottom:0;left:33.33%}.grid-v2{width:1px;top:0;bottom:0;left:66.66%}.grid-h1{height:1px;top:33.33%;left:0;right:0}.grid-h2{height:1px;top:66.66%;left:0;right:0}.drag-indicator{color:#fff;pointer-events:none;z-index:3;opacity:.7;background-color:#0009;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;transition:opacity .2s;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.crop-viewport:hover .drag-indicator{opacity:1}.zoom-controls{align-items:center;gap:12px;width:100%;margin-top:16px;margin-bottom:20px;display:flex}.zoom-icon{color:var(--text-secondary)}.zoom-slider{background-color:var(--border-color);cursor:pointer;-webkit-appearance:none;height:6px;accent-color:var(--blue);border-radius:3px;outline:none;flex:1}.zoom-slider::-webkit-slider-runnable-track{cursor:pointer;width:100%;height:6px}.zoom-value{color:var(--text-secondary);text-align:right;min-width:36px;font-size:12px;font-weight:700}.crop-actions{gap:12px;width:100%;display:flex}.cancel-btn,.confirm-btn{flex:1;justify-content:center;align-items:center;padding:12px;font-size:14px;font-weight:700;display:inline-flex}.landing-container{background-color:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.landing-main{flex-direction:column;gap:60px;width:100%;max-width:1000px;display:flex}.hero-section{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.hero-badge{background-color:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-secondary);border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:800;display:inline-flex}.hero-title{letter-spacing:-1.5px;max-width:750px;font-size:48px;font-weight:800;line-height:1.15}.hero-title span{color:var(--green)}.hero-description{color:var(--text-secondary);max-width:650px;font-size:18px;font-weight:500;line-height:1.5}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;margin-top:10px;display:flex}.hero-btn{min-width:220px;padding:16px 24px}.features-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}@media (max-width:768px){.features-grid{grid-template-columns:1fr}.hero-title{font-size:32px}.hero-description{font-size:16px}}.feature-card{text-align:center;flex-direction:column;align-items:center;padding:30px 20px;display:flex}.feature-card h3{margin-bottom:10px;font-size:18px;font-weight:800}.feature-card p{color:var(--text-secondary);font-size:14px;font-weight:500;line-height:1.4}.feature-icon-container{border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:20px;display:flex;box-shadow:0 4px #0000001a}.bg-green{background-color:var(--green)}.bg-blue{background-color:var(--blue)}.bg-orange{background-color:var(--orange)}.auth-container{background-color:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{text-align:center;width:100%;max-width:440px;padding:40px 30px}.auth-logo{letter-spacing:-1px;margin-bottom:8px;font-size:36px;font-weight:800}.auth-logo span{color:var(--green)}.auth-subtitle{color:var(--text-secondary);margin-bottom:30px;font-size:16px;font-weight:600}.auth-form{text-align:left;margin-bottom:24px}.submit-btn{width:100%;margin-top:10px;padding:14px}.error-message{color:#fff;background-color:var(--red);border:2px solid var(--red-shadow);text-align:center;border-radius:12px;margin-bottom:16px;padding:10px;font-size:14px;font-weight:700}.auth-toggle-text{color:var(--text-secondary);font-size:14px;font-weight:700}.auth-toggle-text a{color:var(--blue);text-decoration:none}.auth-toggle-text a:hover{text-decoration:underline}