:root{--bg:#f0f4f0;--card:#fff;--him:#2d5a1b;--her:#b04060;--accent:#2d5a1b;--text:#1a1a1a;--muted:#888;--border:#e0e8e0;--tag-meat:#fde8e0;--tag-meat-c:#c84030;--tag-dairy:#e8f4ff;--tag-dairy-c:#2060a0;--tag-grain:#fdf4e0;--tag-grain-c:#b07020;--tag-veg:#e8f4e8;--tag-veg-c:#2d6a20;--tag-other:#f0e8f8;--tag-other-c:#6030a0}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);font-family:Inter,sans-serif;color:var(--text);min-height:100vh;background-image:radial-gradient(ellipse at 0 0,rgba(45,90,27,.06) 0,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(176,64,96,.05) 0,transparent 50%)}.top-header{text-align:center;padding:32px 16px 0;animation:fadeDown .7s ease both}.top-header .eyebrow{font-size:.65rem;letter-spacing:4px;text-transform:uppercase;color:var(--him);font-weight:600;margin-bottom:6px}.top-header h1{font-family:Unbounded,sans-serif;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:900;color:var(--text);line-height:1.2}.legend{display:flex;justify-content:center;gap:18px;margin-top:12px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:600;color:var(--muted)}.legend-dot{width:10px;height:10px;border-radius:50%}.dot-him{background:var(--him)}.dot-her{background:var(--her)}.tabs-wrapper{justify-content:center;gap:6px;position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--bg);padding:24px 16px 1px;flex-wrap:wrap}.tab-btn,.tabs-wrapper{display:flex;align-items:center}.tab-btn{font-family:Unbounded,sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:10px 24px;border:2px solid var(--border);border-radius:40px;background:var(--card);color:var(--muted);cursor:pointer;transition:all .2s ease;gap:7px}.tab-btn:hover{border-color:var(--him);color:var(--him)}.tab-btn.active{background:var(--him);border-color:var(--him);color:#fff;box-shadow:0 4px 16px rgba(45,90,27,.25)}.logout-btn{font-family:Unbounded,sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:8px 16px;border:2px solid var(--border);border-radius:40px;background:transparent;color:var(--muted);cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:5px;margin-left:12px}.logout-btn:hover{border-color:var(--her);color:var(--her)}.tab-line{height:2px;background:var(--border)}.tab-content{display:none;padding:28px 16px 40px}.tab-content.active{display:block;animation:fadeUp .4s ease both}.week{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:16px;gap:16px;max-width:1300px;margin:0 auto 28px}.day-card{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:transform .2s,box-shadow .2s}.day-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.08)}.day-header{padding:12px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,rgba(45,90,27,.07),transparent)}.day-name{font-family:Unbounded,sans-serif;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:var(--him)}.day-num{font-size:.65rem;color:var(--muted);font-weight:600;letter-spacing:1px}.meal-block{border-bottom:1px solid var(--border);padding:11px 18px}.meal-block:last-child{border-bottom:none}.meal-type{font-size:.6rem;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:5px}.meal-type.breakfast{color:#b07020}.meal-type.lunch{color:#2060a0}.meal-type.dinner{color:#2d5a1b}.meal-type.snack{color:#a02080}.dish-name{font-size:.83rem;font-weight:600;color:var(--text);margin-bottom:6px}.portions{display:flex;gap:7px;flex-wrap:wrap}.portion{display:flex;align-items:center;gap:5px;font-size:.73rem;padding:3px 9px;border-radius:20px;font-weight:600}.portion-him{background:rgba(45,90,27,.1);color:var(--him)}.portion-her{background:rgba(176,64,96,.1);color:var(--her)}.portion-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px;max-width:1300px;margin:0 auto}.info-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start}.info-icon{font-size:1.3rem;flex-shrink:0}.info-text{font-size:.79rem;line-height:1.5;color:var(--text)}.info-text strong{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:2px}.note-box{max-width:1100px;margin:0 auto 24px;background:#fffbe8;border:1px solid #e8d880;border-radius:14px;padding:14px 18px;font-size:.81rem;color:#7a6020;line-height:1.6}.note-box strong{color:#5a4010}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px;max-width:1100px;margin:0 auto 24px}.category{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.04)}.cat-header{padding:13px 18px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--border)}.cat-icon{font-size:1.3rem}.cat-title{font-family:Unbounded,sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.cat-meat .cat-header{background:linear-gradient(90deg,var(--tag-meat),transparent)}.cat-meat .cat-title{color:var(--tag-meat-c)}.cat-dairy .cat-header{background:linear-gradient(90deg,var(--tag-dairy),transparent)}.cat-dairy .cat-title{color:var(--tag-dairy-c)}.cat-grain .cat-header{background:linear-gradient(90deg,var(--tag-grain),transparent)}.cat-grain .cat-title{color:var(--tag-grain-c)}.cat-veg .cat-header{background:linear-gradient(90deg,var(--tag-veg),transparent)}.cat-veg .cat-title{color:var(--tag-veg-c)}.cat-fruit .cat-header{background:linear-gradient(90deg,#fde8f8,transparent)}.cat-fruit .cat-title{color:#a02080}.cat-other .cat-header{background:linear-gradient(90deg,var(--tag-other),transparent)}.cat-other .cat-title{color:var(--tag-other-c)}.items{padding:6px 0}.item{display:flex;justify-content:space-between;align-items:center;padding:9px 18px;border-bottom:1px solid var(--border);transition:background .15s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.item:last-child{border-bottom:none}.item:hover{background:#f8faf8}.item.checked{opacity:.45}.item.checked .item-name{text-decoration:line-through}.item-left{gap:10px}.item-check,.item-left{display:flex;align-items:center}.item-check{width:18px;height:18px;border:2px solid var(--border);border-radius:5px;flex-shrink:0;justify-content:center;transition:all .15s;font-size:.7rem}.item.checked .item-check{background:var(--him);border-color:var(--him);color:#fff}.item-name{font-size:.83rem;font-weight:500;color:var(--text)}.item-note{font-size:.67rem;color:var(--muted);margin-top:1px}.item-amount{font-size:.82rem;font-weight:700;color:var(--accent);white-space:nowrap;margin-left:12px}.tips-section{max-width:1100px;margin:0 auto;background:var(--him);border-radius:18px;padding:22px 24px;color:#fff}.tips-section h2{font-family:Unbounded,sans-serif;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-bottom:14px}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px;gap:10px}.tip{background:hsla(0,0%,100%,.1);border-radius:10px;padding:11px 13px;font-size:.78rem;line-height:1.5}.tip strong{display:block;font-size:.68rem;opacity:.7;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}.progress-bar-wrap{max-width:1100px;margin:0 auto 20px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:14px}.progress-label{font-size:.8rem;font-weight:600;color:var(--muted);white-space:nowrap}.progress-track{flex:1 1;height:8px;background:var(--border);border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:var(--him);border-radius:10px;transition:width .3s ease}.progress-count{font-size:.8rem;font-weight:700;color:var(--him);white-space:nowrap}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:40px 36px;width:100%;max-width:360px;box-shadow:0 8px 40px rgba(0,0,0,.08);animation:fadeUp .5s ease both}.login-logo{text-align:center;margin-bottom:28px}.login-logo .eyebrow{font-size:.6rem;letter-spacing:4px;text-transform:uppercase;color:var(--him);font-weight:600;margin-bottom:8px}.login-logo h1{font-family:Unbounded,sans-serif;font-size:1.3rem;font-weight:900;color:var(--text);line-height:1.3}.login-label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:8px}.pin-input{width:100%;padding:14px 18px;font-size:1.4rem;letter-spacing:8px;font-family:Unbounded,sans-serif;font-weight:700;border:2px solid var(--border);border-radius:14px;outline:none;color:var(--text);background:var(--bg);text-align:center;transition:border-color .2s;-webkit-text-security:disc}.pin-input:focus{border-color:var(--him)}.pin-input.error{border-color:var(--her)}.login-error{margin-top:10px;font-size:.78rem;color:var(--her);font-weight:600;text-align:center;min-height:20px}.login-btn{margin-top:20px;width:100%;padding:14px;font-family:Unbounded,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:var(--him);color:#fff;border:none;border-radius:14px;cursor:pointer;transition:opacity .2s,transform .1s}.login-btn:hover{opacity:.9}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}