@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap";:root{--primary: #6f87ba;--secondary: #fbf9fa;--accent: #ef233c;--error: #ef233c;--warning: #f4a261;--success: #2a9d8f;--bg-primary: #ffffff;--bg-secondary: #f2f2f2;--bg-tertiary: #e8e8e8;--bg-card: #ffffff;--bg-footer: #272932;--text-primary: #333333;--text-secondary: #555555;--text-muted: #777777;--text-inverse: #ffffff;--text-header: #030000;--border-primary: #dddddd;--border-secondary: #e0e0e0;--border-focus: #6f87ba;--shadow: rgba(0, 0, 0, .1);--shadow-heavy: rgba(0, 0, 0, .2);--overlay: rgba(0, 0, 0, .5);--gray-light: #bfbfbf;--gray-medium: #999999;--gray-dark: #666666;--rating: #ef233c;--none: rgb(104, 104, 75);--alert: #e8e8e8;--black: #272932;--white: #fff;--gray: #bfbfbf;--cream: #f2f2f2;--darkCream: #e8e8e8}[data-theme=dark]{--primary: #8da5d1;--secondary: #2a2a2a;--accent: #ff4757;--error: #ff4757;--warning: #ffa726;--success: #26c6da;--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #3a3a3a;--bg-card: #252525;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #cccccc;--text-inverse: #1a1a1a;--text-header: #ffffff;--border-primary: #444444;--border-secondary: #555555;--border-focus: #8da5d1;--shadow: rgba(0, 0, 0, .3);--shadow-heavy: rgba(0, 0, 0, .5);--overlay: rgba(0, 0, 0, .7);--gray-light: #666666;--gray-medium: #888888;--gray-dark: #aaaaaa;--rating: #ff4757;--none: rgb(150, 150, 120);--alert: #3a3a3a;--black: #0f0f0f;--white: #ffffff;--gray: #666666;--cream: #2a2a2a;--darkCream: #3a3a3a}*{font-family:Barlow,sans-serif}body{background:var(--bg-primary);margin:0;font-family:Barlow,sans-serif;color:var(--text-primary)}h1{font-size:2rem;font-weight:700;margin-bottom:1rem}h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-header)}.header-text{font-size:1rem;font-family:homemade apple;margin-bottom:1rem;color:var(--text-header)}.container{max-width:1200px;margin:0 auto;padding:20px;background:var(--primary)}.error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:30vh}div.error{padding:10px;background:var(--bg-secondary);border:1px solid var(--error);color:var(--error);border-radius:4px;margin:20px 0}input.error{border:1px solid var(--error)}button{background:var(--secondary);border:0;color:var(--primary);font-family:Barlow,sans-serif;border-radius:4px;cursor:pointer;margin-bottom:10px;margin-left:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation}.theme-toggle{background:none;border:1px solid var(--border-primary);color:var(--text-primary);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin:0 10px;padding:0}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--primary);transform:scale(1.05);opacity:1}.theme-toggle:focus{outline:2px solid var(--border-focus);outline-offset:2px}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(15deg)}button:hover{opacity:.8}.error-button{background:var(--error);border:0;color:var(--text-inverse);padding:10px;font-family:Barlow,sans-serif;border-radius:4px;cursor:pointer;margin-bottom:10px}.add-button{background:var(--primary);border:0;color:var(--text-inverse);padding:10px;font-family:Barlow,sans-serif;border-radius:4px;cursor:pointer;margin-bottom:10px;margin-top:40px}.delete-button{justify-content:flex-end;color:var(--alert);cursor:pointer;padding-left:10px}.nav-container{display:flex;align-items:center;justify-content:space-between}.nav-controls{display:flex;align-items:center;gap:10px}.nav-container .nav-links a{text-decoration:none;color:inherit}.nav-links button{background:var(--primary);border:0;color:var(--text-inverse);font-family:Barlow,sans-serif;border-radius:4px;cursor:pointer;width:50%;margin-left:0}.nav-logout{color:var(--primary)}.logo{display:flex;align-items:center}.logo img{max-height:70px;transition:filter .3s ease}[data-theme=dark] .logo img{filter:invert(1)}.pages{max-width:1400px;padding:20px 20px 60px;margin:0}.m-pages{display:flex;align-items:center}.m-pages.show-menu{display:none}.m-pages.show-menu button{display:block}.burger-menu{display:none;cursor:pointer;margin-right:10px;color:var(--text-primary)!important}.logout{margin-left:20px;color:var(--alert);background:var(--bg-card)}.menu-items{display:none;position:absolute;top:33%;right:0;background-color:var(--bg-card);padding:1rem;box-shadow:0 2px 4px var(--shadow-heavy);transform:translateY(-100%);z-index:1}.menu-items.show{display:block}.menu-items a{display:block;margin-bottom:1rem;color:var(--text-primary);text-decoration:none}.menu-items span{color:var(--primary);margin-left:20px}.user-name{color:var(--primary)}@media (max-width: 768px){.m-pages{display:none}.burger-menu{display:flex;flex-direction:column;justify-content:space-between;width:25px;height:20px}.bar{width:100%;height:3px;background-color:var(--text-primary);transition:transform .3s ease-in-out}.bar-open:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.bar-open:nth-child(2){opacity:0}.bar-open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}}@media (max-width: 1000px){.nav-links{display:none}.burger-menu{display:block;cursor:pointer;z-index:2}.nav-controls{display:flex;align-items:center;gap:10px}.fa-trash-alt:before{font-size:1.3rem;color:var(--error);padding:10px;border-radius:4px;cursor:pointer}.fas{font-size:1.3rem;color:var(--primary);padding:10px;border-radius:4px;cursor:pointer}ul{list-style-type:none;padding:0;margin:0}.nav-links.open{display:flex;flex-direction:column;gap:6px;font-size:16px;position:absolute;top:10px;right:0;background-color:var(--bg-tertiary);width:40%;padding-left:6px;padding-top:6px;z-index:1}}@media (min-width: 1001px){.nav-links{display:flex;gap:20px}.burger-menu{display:none}}.list{margin-bottom:40px}.workout-details{background:var(--bg-card);border-radius:4px;margin:20px auto;padding:20px;position:relative;box-shadow:2px 2px 5px var(--shadow)}.workout-info{margin-bottom:40px}.today-details{background:var(--alert);border-radius:4px;margin:10px auto;padding:20px;position:relative;box-shadow:2px 2px 5px #0000000d}.today-details h4{margin:0 0 10px;font-size:1.2em;color:var(--secondary)}.today-details p{margin:0;font-size:.9em;line-height:1.4;color:var(--text-primary)}.today-details .header{display:flex;align-items:center;justify-content:space-between}.today-details .header button{background:none;border:none;cursor:pointer;font-size:1.5rem}.work-towards{font-family:Barlow,sans-serif;font-weight:500;color:var(--secondary)!important}.goal-details h4{margin:0 0 10px;font-size:1.2em;color:var(--alert)}.goal-details h4 span{color:var(--text-primary)}.workout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.workout{display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border-primary);border-radius:8px;padding:15px;box-shadow:0 4px 6px var(--shadow);background:var(--bg-card)}.workout-delete{display:flex;justify-content:flex-end;margin-top:auto}.workout-details h4{margin:0 0 10px;font-size:1.2em;color:var(--primary)}.workout-details p{margin:0;font-size:.9em;color:var(--text-secondary)}.workout-details span{position:absolute;top:20px;right:20px;cursor:pointer;background:var(--bg-secondary);padding:6px;border-radius:100vmax;color:var(--text-muted)}.home{display:block;max-width:500px;border:1px solid var(--border-primary);border-radius:8px;margin-top:20px;padding:15px;box-shadow:0 4px 6px var(--shadow);background:var(--bg-card)}.create{display:block;max-width:500px}label,input,select{display:block;margin-top:15px}input,select{padding:10px;margin-top:10px;margin-bottom:10px;width:100%;border:1px solid var(--border-primary);border-radius:4px;box-sizing:border-box;background:var(--bg-card);color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px}textarea{padding:10px;margin-top:10px;margin-bottom:20px;width:100%;height:120px;border:1px solid var(--border-primary);border-radius:4px;box-sizing:border-box;background:var(--bg-card);color:var(--text-primary)}form button{background:var(--primary);border:0;color:var(--text-inverse);padding:10px;font-family:Barlow,sans-serif;border-radius:4px;cursor:pointer;margin-bottom:10px}footer{display:flex;justify-content:center;align-items:center;margin-top:10px;position:fixed;bottom:0;width:100%;height:30px;color:#fff;background:var(--bg-footer)}.content{margin-left:10px;margin-right:10px;margin-bottom:60px}.phase-heading{font-weight:700;color:var(--text-inverse)}.goalList{background:var(--primary);color:var(--text-inverse);padding:10px;margin-bottom:10px}.rating{color:var(--rating);margin-bottom:10px}.tab-header{color:var(--rating);font-size:1em;margin-left:6px}.benchmark-test-list{padding:20px;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 4px var(--shadow)}.benchmark-test-list h2{margin-top:0}.benchmark-test-list ul{list-style-type:none;padding:0}.benchmark-test-list li{padding:10px;border-bottom:1px solid var(--border-primary)}.benchmark-test-list li:last-child{border-bottom:none}.benchmark-test-list p{margin:5px 0}li{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;padding:15px;box-shadow:0 4px 6px var(--shadow);background:var(--bg-card);margin-bottom:20px}.listing-details{background:var(--bg-tertiary);border-radius:4px;padding:5px 20px 10px;position:left;box-shadow:2px 2px 5px var(--shadow)}.sorted-food-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.sorted-food-list h4{font-size:1em;color:var(--white)}.counter-content{display:flex;justify-content:center;align-items:center}.training-timer .input-container{display:flex;gap:20px;justify-content:space-between}.training-timer .input-container span{display:flex;flex-direction:column}.training-timer .input-container input{margin-top:5px}.training-timer .button-container{display:flex;justify-content:center;gap:20px;margin-top:20px}.training-timer .timer-display{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.counter{display:flex;justify-content:center;align-items:center;background-color:var(--text-secondary);color:var(--text-inverse);padding:10px;border-radius:4px;font-size:1.5em;width:50px}.main-goal{background:var(--gray-light);color:var(--text-inverse);padding:10px;margin-bottom:10px;border-radius:6px}.no-goal{background:var(--none);color:var(--text-inverse);padding:10px;margin-bottom:10px}.today-header{background-color:var(--bg-footer);color:#fff;padding:2px;border-radius:4px;margin-right:4px;box-shadow:0 2px 4px var(--shadow)}.step-number{background-color:var(--bg-footer)!important;color:#fff!important;padding:4px 8px!important;border-radius:4px!important;display:inline-block!important;margin:0 2px!important}.step-tracker-button{display:flex!important;justify-content:center!important;align-items:center!important;background-color:var(--gray-light)!important;color:var(--text-inverse)!important;border:none!important;border-radius:5px!important;cursor:pointer!important;margin:10px auto!important;padding:10px!important}.step-tracker-button:hover{opacity:.9!important}.toggle-button{background:none;border:none;color:var(--primary);cursor:pointer;text-decoration:none;margin-left:5px;padding:0!important}.date-section{margin-bottom:20px;position:relative}.edit-icon{position:absolute;right:10px;top:10px;cursor:pointer;color:var(--gray)}.edit-icon:hover{color:#8394a5}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.image-item{position:relative;border:1px solid var(--border-primary);padding:10px;border-radius:5px;background-color:var(--bg-card)}.image-content img{width:100%;height:auto;border-radius:5px}.image-delete-button{position:absolute;bottom:10px;right:10px;cursor:pointer;color:red}.forgot-button{border:0;color:var(--primary);border-radius:4px;cursor:pointer;margin-bottom:10px;margin-left:10px}.shopping-list{width:100%;max-width:600px;margin:20px auto;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 0 10px var(--shadow)}.shopping-list h2{text-align:center;margin-bottom:20px;color:var(--text-primary)}.add-item{display:flex;margin-bottom:10px}.add-item input{flex:1;padding:10px;border:1px solid var(--border-primary);border-radius:4px;margin-right:10px;background:var(--bg-card);color:var(--text-primary)}.add-item button{font-size:xx-large;padding:10px;background-color:var(--primary);color:var(--text-inverse);border:none;border-radius:4px;cursor:pointer}.item-list{list-style:none;padding:0}.item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid var(--border-secondary)}.item .li{margin-bottom:5px!important}.item:last-child{border-bottom:none}.item-description{flex:1}.item-actions{display:flex;align-items:center}.item-actions button{background:none;border:none;cursor:pointer;margin-left:10px;color:var(--text-muted)}.item-actions button:hover{color:var(--text-primary)}.item.bought .item-description{text-decoration:line-through;color:var(--text-muted)}.toggle-bought{background:none;border:none;cursor:pointer;margin-left:10px;color:var(--primary)!important}.toggle-bought:hover{color:var(--text-primary)}.delete-item{color:var(--alert)!important}.delete-item:hover{color:var(--text-primary)}.bought-icon{color:var(--primary)}.not-bought-icon{color:var(--text-muted)}.image-detail-container{display:flex;flex-direction:column;align-items:center;padding:20px}.responsive-image{max-width:100%;height:auto;object-fit:contain;margin-bottom:10px}.edit-description{display:flex;flex-direction:column;align-items:center;font-size:small}textarea{width:100%;max-width:600px;height:100px;margin-bottom:20px}button{margin:5px}.step-tracker{padding:20px;text-align:center}.step-tracker input{margin:5px;padding:5px}.step-tracker button{margin:10px;padding:10px;background-color:var(--primary);color:var(--text-inverse);border:none;cursor:pointer}.step-tracker button:hover{background-color:var(--primary)}.step-chart{padding:20px;text-align:center}.step-chart input{margin:5px;padding:5px}.step-chart button{margin:10px;padding:10px;background-color:var(--primary);color:var(--text-inverse);border:none;cursor:pointer}.step-chart button:hover{background-color:var(--primary)}.streak{color:var(--rating)}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--bg-primary);color:var(--text-primary);text-align:center}.loading-content{max-width:400px}.spinner{margin:20px auto;width:50px;height:50px;border:5px solid var(--text-primary);border-top:5px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.round-progress{margin-bottom:20px;width:100%;max-width:300px}.round-progress h4{margin:0 0 10px;font-size:1.1em;color:var(--text-muted)}.progress-bar{width:100%;height:8px;background-color:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--success);transition:width .3s ease;border-radius:4px}.completion-message{margin-top:20px;padding:20px;background-color:var(--bg-secondary);border-radius:10px;border:2px solid var(--success)}.completion-message p{margin:5px 0;font-size:1.1em;color:var(--success)}