body{background:#eef2ff}#root{min-height:100dvh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #6366F1;--primary-600: #4F46E5;--accent: #EC4899;--accent-2: #F59E0B;--accent-3: #10B981;--beef: #EF4444;--beef-grad: linear-gradient(135deg, #F87171, #DC2626);--pork: #F97316;--pork-grad: linear-gradient(135deg, #FDBA74, #EA580C);--chicken: #10B981;--chicken-grad: linear-gradient(135deg, #34D399, #059669);--turkey: #A855F7;--turkey-grad: linear-gradient(135deg, #C084FC, #7E22CE);--bg: #0F172A;--surface: rgba(255,255,255,.72);--surface-2: rgba(255,255,255,.55);--card-bg: rgba(255,255,255,.85);--glass-border: rgba(255,255,255,.5);--text: #0F172A;--text-muted: #475569;--text-on-dark: #F8FAFC;--border: rgba(148,163,184,.25);--radius: 18px;--radius-lg: 24px;--shadow-sm: 0 2px 10px rgba(15,23,42,.06);--shadow: 0 10px 30px rgba(15,23,42,.1);--shadow-lg: 0 25px 60px rgba(15,23,42,.25);--ring: 0 0 0 3px rgba(99,102,241,.35);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{min-height:100dvh}body{color:var(--text);min-height:100dvh;background:radial-gradient(1200px 600px at -10% -20%,rgba(236,72,153,.35),transparent 60%),radial-gradient(1000px 700px at 110% 10%,rgba(99,102,241,.4),transparent 55%),radial-gradient(900px 600px at 50% 110%,rgba(16,185,129,.28),transparent 60%),linear-gradient(180deg,#fdf4ff,#eef2ff 40%,#ecfeff);background-attachment:fixed;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;inset:auto;width:520px;height:520px;border-radius:50%;filter:blur(90px);opacity:.55;z-index:-1;pointer-events:none;animation:float 18s ease-in-out infinite}body:before{top:-160px;left:-140px;background:radial-gradient(circle at 30% 30%,#A78BFA,#6366F1 60%,transparent 70%)}body:after{bottom:-200px;right:-160px;background:radial-gradient(circle at 70% 70%,#F472B6,#F59E0B 60%,transparent 70%);animation-delay:-9s}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.08)}}#app{max-width:1100px;margin:0 auto;padding:0 0 3rem}.app-header{position:sticky;top:0;z-index:100;margin:0 auto;padding:1rem 1.25rem;color:var(--text);background:#ffffff8c;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--glass-border)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-left{display:flex;align-items:center;gap:.75rem}.app-icon{font-size:1.35rem;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#6366f1,#ec4899,#f59e0b);color:#fff;box-shadow:0 8px 20px #6366f159}.app-header h1{font-size:1.2rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,#4f46e5,#ec4899 60%,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.header-right{display:flex;gap:.5rem}.icon-btn{background:#ffffffb3;border:1px solid var(--glass-border);border-radius:12px;width:40px;height:40px;cursor:pointer;font-size:1.05rem;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:var(--shadow-sm)}.icon-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 18px #6366f140}.icon-btn:active{transform:translateY(0) scale(.96)}.filter-bar{display:flex;gap:.5rem;padding:1rem 1.25rem;flex-wrap:wrap;justify-content:center}.filter-btn{padding:.5rem 1rem;border:1.5px solid var(--glass-border);border-radius:999px;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;font-size:.85rem;font-weight:600;transition:all .25s ease;color:var(--text);box-shadow:var(--shadow-sm)}.filter-btn:hover{transform:translateY(-1px);background:#fff}.filter-btn.active{color:#fff;border-color:transparent;transform:translateY(-1px);box-shadow:0 10px 22px #6366f159}.filter-btn.active:not(.beef):not(.pork):not(.chicken):not(.groundTurkey){background:linear-gradient(135deg,#6366f1,#8b5cf6)}.filter-btn.beef.active{background:var(--beef-grad);box-shadow:0 10px 22px #ef444466}.filter-btn.pork.active{background:var(--pork-grad);box-shadow:0 10px 22px #f9731666}.filter-btn.chicken.active{background:var(--chicken-grad);box-shadow:0 10px 22px #10b98166}.filter-btn.groundTurkey.active{background:var(--turkey-grad);box-shadow:0 10px 22px #a855f766}.week-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;margin:.5rem 1rem;border-radius:var(--radius);background:#ffffffb3;-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);gap:.75rem;flex-wrap:wrap}.week-info{text-align:center;flex:1}.week-label{display:block;font-weight:800;font-size:1.1rem;letter-spacing:-.01em;background:linear-gradient(90deg,#6366f1,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.week-dates{font-size:.82rem;color:var(--text-muted);margin-top:.15rem}.nav-btn,.today-btn{padding:.55rem 1rem;border:1.5px solid transparent;border-radius:12px;background:#fffc;color:var(--primary-600);cursor:pointer;font-weight:700;font-size:.85rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.nav-btn:hover,.today-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #6366f140}.nav-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.today-btn{background:linear-gradient(135deg,#ec4899,#f59e0b);color:#fff}.today-btn:hover{box-shadow:0 12px 26px #ec489966}.week-jump{display:flex;align-items:center;gap:.5rem;padding:.25rem 1.25rem 1rem;font-size:.85rem;justify-content:center}.week-jump label{color:var(--text-muted);font-weight:600}.week-jump select{padding:.4rem .7rem;border:1px solid var(--glass-border);border-radius:10px;font-size:.85rem;background:#ffffffe6;cursor:pointer;font-weight:600;color:var(--text)}.week-jump select:focus{outline:none;box-shadow:var(--ring)}.week-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.15rem;padding:1rem 1.25rem}.day-card{position:relative;background:var(--card-bg);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);border-radius:var(--radius-lg);border:1px solid var(--glass-border);padding:1.1rem 1.1rem 1rem;cursor:pointer;transition:transform .25s cubic-bezier(.2,.9,.3,1),box-shadow .25s,opacity .25s;box-shadow:var(--shadow);overflow:hidden;isolation:isolate}.day-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#ffffffe6,#ffffff26);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.day-card:after{content:"";position:absolute;top:0;left:0;right:0;height:5px;z-index:2;background:linear-gradient(90deg,#6366f1,#ec4899);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.day-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 30px 60px #0f172a2e}.day-card:focus-visible{outline:none;box-shadow:var(--shadow),var(--ring)}.day-card.dimmed{opacity:.35;filter:saturate(.6)}.day-card.beef:after{background:var(--beef-grad)}.day-card.pork:after{background:var(--pork-grad)}.day-card.chicken:after{background:var(--chicken-grad)}.day-card.groundTurkey:after{background:var(--turkey-grad)}.day-card.beef{box-shadow:0 10px 30px #ef44441f,var(--shadow)}.day-card.pork{box-shadow:0 10px 30px #f973161f,var(--shadow)}.day-card.chicken{box-shadow:0 10px 30px #10b9811f,var(--shadow)}.day-card.groundTurkey{box-shadow:0 10px 30px #a855f71f,var(--shadow)}.day-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.6rem;padding-top:.15rem;position:relative;z-index:2}.day-name{display:block;font-weight:800;font-size:1rem;letter-spacing:-.01em}.day-date{font-size:.78rem;color:var(--text-muted);margin-top:.1rem;font-weight:500}.day-number{font-size:.7rem;font-weight:800;color:var(--text-muted);background:#6366f11a;padding:.25rem .55rem;border-radius:999px;letter-spacing:.03em}.protein-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;padding:.35rem .75rem;border-radius:999px;color:#fff;margin-bottom:.8rem;letter-spacing:.02em;position:relative;z-index:2;box-shadow:0 4px 12px #0f172a1f}.day-card.beef .protein-tag{background:var(--beef-grad)}.day-card.pork .protein-tag{background:var(--pork-grad)}.day-card.chicken .protein-tag{background:var(--chicken-grad)}.day-card.groundTurkey .protein-tag{background:var(--turkey-grad)}.meal-list{list-style:none;display:flex;flex-direction:column;gap:.55rem;position:relative;z-index:2}.meal-list li{display:flex;flex-direction:column;padding:.5rem .65rem;background:#ffffff8c;border-radius:12px;border:1px solid rgba(255,255,255,.7);transition:background .2s,transform .2s}.day-card:hover .meal-list li{background:#ffffffd9}.meal-time{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700}.meal-name{font-size:.88rem;line-height:1.35;font-weight:500;color:var(--text);margin-top:.12rem}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:modalIn .25s ease}@keyframes modalIn{0%{opacity:0}to{opacity:1}}.modal-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0f172a8c,#0f172abf);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-content{position:relative;background:linear-gradient(180deg,#fffffff2,#ffffffe0);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border-radius:var(--radius-lg);border:1px solid var(--glass-border);max-width:520px;width:100%;max-height:92dvh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:popIn .3s cubic-bezier(.2,.9,.3,1.1)}@keyframes popIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.modal-header h2{font-size:1.25rem;font-weight:800;letter-spacing:-.01em;background:linear-gradient(90deg,#6366f1,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.modal-date{font-size:.88rem;color:var(--text-muted);margin-top:.25rem;font-weight:500}.modal-close{background:#0f172a0f;border:none;font-size:1.1rem;cursor:pointer;color:var(--text);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;flex-shrink:0}.modal-close:hover{background:#ef444426;color:#dc2626;transform:rotate(90deg)}.modal-body{padding:1.5rem}.modal-meals{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.75rem}.modal-meals li{display:flex;flex-direction:column;gap:.2rem;padding:.9rem 1rem;background:linear-gradient(135deg,#6366f10f,#ec48990f);border:1px solid var(--glass-border);border-radius:14px;font-size:.95rem;transition:transform .2s}.modal-meals li:hover{transform:translate(4px)}.modal-meals .meal-time{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--primary-600)}.modal-meals .meal-name,.modal-meals li>:not(.meal-time){font-weight:600;color:var(--text)}.qr-section{text-align:center;border-top:1px solid var(--border);padding-top:1.5rem}.qr-section h3{margin-bottom:.35rem;font-size:1.05rem;font-weight:800;letter-spacing:-.01em}.qr-desc{font-size:.82rem;color:var(--text-muted);margin-bottom:1rem}.qr-section canvas{display:block;margin:0 auto 1rem;border-radius:16px;padding:12px;background:#fff;box-shadow:0 15px 40px #0f172a26;border:1px solid var(--glass-border)}.qr-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:center}.btn{padding:.6rem 1.15rem;border-radius:12px;border:none;font-size:.85rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s,filter .2s;letter-spacing:-.005em}.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn:active{transform:translateY(0) scale(.97)}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 8px 20px #6366f159}.btn-secondary{background:#fffc;color:var(--text);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:#fff}.btn-share{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 20px #10b98159}.settings-modal{max-width:420px}.setting-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.setting-group label{font-weight:700;font-size:.92rem}.setting-group input[type=date]{padding:.7rem .85rem;border:1.5px solid var(--glass-border);border-radius:12px;font-size:.95rem;width:100%;background:#ffffffe6;color:var(--text);transition:border-color .2s,box-shadow .2s}.setting-group input[type=date]:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.setting-hint{font-size:.82rem;color:var(--text-muted);line-height:1.5}#toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(120px);background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:.75rem 1.4rem;border-radius:999px;font-size:.88rem;font-weight:600;transition:transform .35s cubic-bezier(.2,.9,.3,1.2);z-index:2000;pointer-events:none;white-space:nowrap;box-shadow:0 15px 40px #0f172a59,inset 0 0 0 1px #ffffff1f}#toast.show{transform:translate(-50%) translateY(0)}@media(max-width:620px){.app-header h1{font-size:1.05rem}.week-view{grid-template-columns:1fr;padding:.75rem}.filter-bar{gap:.35rem;padding:.75rem}.filter-btn{font-size:.78rem;padding:.4rem .8rem}.week-nav{margin:.5rem .75rem;padding:.85rem 1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media print{body:before,body:after{display:none}body{background:#fff}.app-header,.filter-bar,.week-nav,.week-jump{display:none}.week-view{display:block;padding:0}.day-card{page-break-inside:avoid;margin-bottom:1rem;box-shadow:none;border:1px solid #ccc}.day-card:after,.day-card:before{display:none}}