.stats-card-wrapper{background-color:var(--card-bg,#fff);border-radius:var(--radius-lg,24px);box-shadow:var(--shadow-sm);flex-direction:column;padding:1.5rem;display:flex}.stats-grid{background:0 0;grid-template-columns:repeat(2,1fr);gap:2rem;padding:0;display:grid}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}.stats-card-wrapper{padding:2rem}}.stat-box{flex-direction:column;gap:.5rem;display:flex}.stat-header{justify-content:space-between;align-items:center;display:flex}.stat-label{color:var(--text-primary);text-transform:uppercase;font-size:.875rem;font-weight:700}.stat-percent{font-size:.875rem;font-weight:700}.stat-value{align-items:baseline;gap:6px;line-height:1;display:flex}.value-large{color:var(--text-primary);font-size:1.5rem;font-weight:800}.value-sub{color:var(--text-secondary);font-size:.875rem;font-weight:600}.stat-footer{color:var(--text-secondary);margin:0;font-size:.875rem;font-weight:500}.stat-footer strong{color:var(--text-primary);font-weight:700}@media (max-width:480px){.stats-grid{gap:1.5rem}.value-large{font-size:1.25rem}}
.log-card{background-color:var(--card-bg,#fff);border-radius:var(--radius-lg,24px);z-index:20;padding:1.5rem;position:relative;box-shadow:0 10px 25px #00000008}.log-title{color:var(--accent-indigo,#4f46e5);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.6rem;margin-bottom:1.25rem;font-size:.9rem;font-weight:700;display:flex}.log-form{flex-direction:column;gap:1rem;display:flex}@media (min-width:768px){.log-form{grid-template-columns:140px 1fr 120px 100px;align-items:center;gap:.75rem;display:grid}}.input-select,.input-grams,.search-input-wrapper-main{box-sizing:border-box;background-color:#f2f2f7;border:2px solid #0000;border-radius:14px;outline:none;align-items:center;width:100%;height:52px;padding:0 16px;font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.input-select:focus,.input-grams:focus,.search-input-wrapper-main.active{border-color:var(--accent-indigo,#4f46e5);background-color:#fff;box-shadow:0 0 0 4px #4f46e51a}.search-container{width:100%;position:relative}.search-input-wrapper-main{cursor:text;gap:12px}.search-icon-left{color:#86868b;flex-shrink:0}.search-main-input{color:#1d1d1f;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:1rem;font-weight:500}.search-main-input::placeholder{color:#86868b}.search-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.clear-search-btn{color:#86868b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.clear-search-btn:hover{color:#1d1d1f;background-color:#0000000d}.arrow{color:#86868b;pointer-events:none;transition:transform .2s}.rotated{transform:rotate(180deg)}.search-dropdown-menu{z-index:1000;background:#fff;border:1px solid #0000000d;border-radius:18px;animation:.2s ease-out dropdownIn;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 15px 35px #0000001f}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-results-list{max-height:280px;margin:0;padding:8px 0;list-style:none;overflow-y:auto}.search-item{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.search-item:hover{background-color:#f2f2f7}.item-brand-inline{color:#636366;text-transform:uppercase;background:#e5e5ea;border-radius:4px;margin-right:8px;padding:2px 6px;font-size:.65rem;font-weight:700}.input-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat}.log-btn{color:#fff;cursor:pointer;background-color:#1d1d1f;border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;height:52px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.log-btn:hover{background-color:#000;transform:translateY(-1px)}.no-results{text-align:center;color:#8e8e93;padding:20px}@media (max-width:767px){.log-form{grid-template-columns:1fr}.search-container{order:2}.input-grams{order:3}.log-btn{order:4}}
.lib-card{background-color:var(--card-bg,#fff);border-radius:var(--radius-lg,24px);margin-top:1rem;padding:1.5rem;box-shadow:0 10px 25px #00000008}.lib-header{color:#475569;align-items:center;gap:8px;margin-bottom:1.5rem;display:flex}.lib-header.editing{color:#2563eb}.icon-blue{color:#3b82f6}.lib-title-text{color:var(--text-primary);font-size:1.1rem;font-weight:600}.lib-entry-grid{grid-template-columns:1.2fr 1.8fr 1fr 1fr 1fr 1fr;gap:1rem;width:100%;display:grid}.form-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.form-label{text-transform:uppercase;color:var(--text-secondary,#8e8e93);letter-spacing:.05em;padding-left:4px;font-size:.7rem;font-weight:700}.lib-input{border-radius:var(--radius-md,14px);color:var(--text-primary,#1d1d1f);box-sizing:border-box;background-color:#f2f2f7;border:2px solid #0000;outline:none;width:100%;height:48px;padding:12px 14px;font-size:.9rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.lib-input:focus{border-color:var(--accent-indigo,#4f46e5);background-color:#fff;box-shadow:0 0 0 4px #4f46e51a}.lib-actions-row{grid-column:1/-1;gap:12px;margin-top:1rem;display:flex}.lib-save-btn{color:#fff;border-radius:var(--radius-md,14px);cursor:pointer;white-space:nowrap;border:none;flex:1;justify-content:center;align-items:center;gap:8px;height:48px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.btn-save{background-color:#4f46e5}.btn-update{background-color:#2563eb}.lib-save-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.lib-save-btn:active{transform:translateY(0)}.lib-cancel-btn{color:#64748b;border-radius:var(--radius-md,14px);cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;align-items:center;gap:8px;padding:0 24px;font-weight:600;transition:all .2s;display:flex}.lib-cancel-btn:hover{color:#ef4444;background-color:#fee2e2;border-color:#fecaca}@media (max-width:1024px){.lib-entry-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.lib-entry-grid{grid-template-columns:1fr 1fr;gap:.75rem}.lib-actions-row{flex-direction:column}.lib-cancel-btn{justify-content:center;height:48px}}
.food-log-section{width:100%;margin-top:1.5rem}.meal-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:1.5rem;display:grid}.meal-column{background:#fff;border-radius:24px;flex-direction:column;min-height:220px;padding:1.5rem;display:flex;box-shadow:0 10px 25px #00000008}.meal-header-row{border-bottom:1px solid #f2f2f7;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.meal-title-large{color:#1c1c1e;text-transform:capitalize;margin:0;font-size:1.4rem;font-weight:800}.meal-stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat-box{flex-direction:column;min-width:38px;display:flex}.stat-val{color:#1c1c1e;font-size:.85rem;font-weight:800;line-height:1}.stat-lbl{text-transform:uppercase;color:#aeaeb2;letter-spacing:.02em;margin-top:4px;font-size:.6rem;font-weight:700}.meal-items{flex-direction:column;gap:1rem;display:flex}.compact-log-item{justify-content:space-between;align-items:center;display:flex}.log-text-group{flex-direction:column;display:flex;overflow:hidden}.log-name{color:#1c1c1e;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.log-sub{color:#8e8e93;margin-top:1px;font-size:.75rem}.delete-btn-sm{color:#d1d1d6;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:6px;transition:all .2s}.delete-btn-sm:hover{color:#ff3b30;background:#ff3b300d}.minimal-empty{color:#d1d1d6;text-transform:uppercase;letter-spacing:.05em;text-align:center;border:1px dashed #f2f2f7;border-radius:16px;padding:1.5rem 0;font-size:.75rem;font-weight:600}.log-list-empty{text-align:center;color:#d1d1d6;background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.log-list-empty p{font-size:.9rem;font-weight:600}@media (max-width:1024px){.meal-grid{grid-template-columns:1fr;gap:1rem}.meal-column{min-height:auto}}
.login-overlay{background-color:#f5f5f7;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.login-card{text-align:center;background-color:#fff;border:none;border-radius:28px;width:100%;max-width:400px;padding:3rem 2rem;box-shadow:0 20px 40px #00000014}.login-icon{color:#4f46e5;filter:drop-shadow(0 4px 12px #4f46e533);justify-content:center;margin-bottom:1.5rem;display:flex}.login-title{color:#1d1d1f;letter-spacing:-.04em;margin-bottom:2rem;font-size:1.75rem;font-weight:800}.login-input{color:#1d1d1f;background-color:#f2f2f7;border:2px solid #0000;border-radius:14px;outline:none;width:100%;margin-bottom:.75rem;padding:16px;font-size:1rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.login-input:focus{background-color:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a}.login-input::placeholder{color:#a1a1a6}.login-error{color:#ff3b30;margin-bottom:1.5rem;font-size:.85rem;font-weight:600;animation:.4s ease-in-out shake}.login-submit{color:#fff;cursor:pointer;background-color:#1d1d1f;border:none;border-radius:14px;width:100%;margin-top:.5rem;padding:16px;font-size:1rem;font-weight:700;transition:all .2s}.login-submit:hover{background-color:#000;transform:translateY(-1px)}.login-submit:active{transform:scale(.98)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}
.checkin-card{background-color:var(--card-bg,#fff);border-radius:var(--radius-lg,24px);box-shadow:var(--shadow-sm);flex-direction:column;margin-top:2rem;padding:2rem;display:flex}.checkin-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.header-title-group{gap:.75rem;line-height:1;display:flex}.header-icon{color:var(--accent-indigo,#4f46e5);align-items:center;display:flex}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}@media (min-width:768px){.metrics-grid{grid-template-columns:repeat(5,1fr)}.checkin-card{padding:2rem}}.input-field{flex-direction:column;gap:.5rem;display:flex}.field-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;font-size:.75rem;font-weight:700}.text-input{border-radius:var(--radius-md,14px);width:100%;color:var(--text-primary);background-color:#f8fafc;border:1px solid #e2e8f0;padding:.75rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.text-input:focus{border-color:var(--accent-indigo);background-color:#fff;outline:none;box-shadow:0 0 0 4px #4f46e514}.sleep-input-row{align-items:center;gap:.5rem;display:flex}.center-text{text-align:center}.time-separator{color:#cbd5e1;font-weight:800}.save-button{background-color:var(--text-primary,#1d1d1f);color:#fff;border-radius:var(--radius-md,14px);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:2rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.save-button:hover:not(:disabled){background-color:#000;transform:translateY(-1px)}.save-button:disabled{opacity:.5;cursor:not-allowed}.fetching-loader{color:var(--text-secondary);animation:1s linear infinite spin}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
:root{--app-bg:#f5f5f7;--card-bg:#fff;--text-primary:#1d1d1f;--text-secondary:#86868b;--accent-indigo:#4f46e5;--accent-blue:#2563eb;--radius-lg:24px;--radius-md:14px;--color-success:#22c55e;--color-warning:#eab308;--color-danger:#ef4444;--color-orange:#f97316;--color-muted:#94a3b8;--color-energy:#4f46e5;--color-mental:#2563eb;--color-physical:#16a34a;--border-light:1px solid #e2e8f0;--shadow-sm:0 1px 3px #0000001a}.tracker-container{background-color:var(--app-bg);min-height:100vh;color:var(--text-primary);font-family:var(--font-bricolage),ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;padding:1.5rem}@media (min-width:768px){.tracker-container{padding:3rem 2rem}}.max-width-wrapper{flex-direction:column;gap:2rem;max-width:1100px;margin:0 auto;display:flex}.header-row{justify-content:space-between;align-items:center;padding:0 .5rem;display:flex}.page-title{letter-spacing:-.025em;color:var(--text-primary);margin:0;font-size:2.5rem;font-weight:800}.header-actions{align-items:center;gap:.75rem;display:flex}.refresh-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex}.refresh-btn:hover{color:var(--accent-indigo)}.refreshing{color:#818cf8}.sign-out-btn{color:var(--text-primary);cursor:pointer;background-color:#0000000d;border:none;border-radius:999px;padding:.375rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.sign-out-btn:hover{background-color:#0000001a}.date-navigator{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:center;align-self:center;align-items:center;gap:.75rem;padding:.75rem;display:flex}.date-nav-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:.25rem;transition:color .2s;display:flex}.date-nav-btn:hover{color:var(--text-primary)}.date-display{justify-content:center;align-items:center;gap:.5rem;min-width:140px;display:flex}.date-text{font-size:1rem;font-weight:700}.lib-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:1.5rem;display:flex}.log-list-section{flex-direction:column;gap:1rem;display:flex}.section-heading-text{text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:700;display:flex}.history-header{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-weight:600;display:flex}.library-table-container{border-radius:var(--radius-md);border:var(--border-light);overflow-x:auto}.library-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.library-table th{color:var(--text-secondary);border-bottom:var(--border-light);white-space:nowrap;background-color:#f8fafc;padding:.75rem 1rem;font-weight:600}.library-table td{border-bottom:var(--border-light);color:var(--text-primary);padding:1rem}.library-table tr:last-child td{border-bottom:none}.library-table tr:hover{background-color:#fcfcfd}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-right{text-align:right}.text-indigo{color:var(--accent-indigo)}.margin-bottom-large{margin-bottom:5rem}.color-success{color:var(--color-success)}.color-warning{color:var(--color-warning)}.color-danger{color:var(--color-danger)}.color-orange{color:var(--color-orange)}.color-muted{color:var(--color-muted)}.text-energy{color:var(--color-energy)}.text-mental{color:var(--color-mental)}.text-physical{color:var(--color-physical)}.actions-cell{justify-content:flex-end;gap:.5rem;display:flex}.edit-btn,.delete-btn-action{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:.25rem;transition:color .2s}.edit-btn:hover{color:var(--accent-blue)}.delete-btn-action:hover{color:var(--color-danger)}.empty-cell{text-align:center;color:var(--text-secondary);padding:2.5rem;font-style:italic}.loader-overlay-fullscreen{background-color:var(--app-bg);justify-content:center;align-items:center;height:100vh;display:flex}.error-center-container{text-align:center;background-color:#f8fafc;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:2rem;display:flex}.error-icon{color:var(--color-danger);margin-bottom:1.5rem}.error-title{color:#0f172a;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.error-text{color:var(--text-secondary);max-width:400px;line-height:1.5}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:600px){.date-navigator{justify-content:space-between;gap:.5rem;width:100%}.date-display{min-width:auto}.header-row{text-align:center;flex-direction:column;gap:1.25rem}.library-table th,.library-table td{padding:.75rem .5rem;font-size:.75rem}}