:root{--bg:#070a12;--panel:rgba(16,24,39,.72);--line:rgba(255,255,255,.10);--text:#f8fafc;--muted:#94a3b8;--gold:#f7c76b;--blue:#60a5fa;--green:#34d399;--red:#fb7185;--violet:#a78bfa;--aqua:#22d3ee;--amber:#f59e0b}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;font-family:'Segoe UI',Inter,ui-sans-serif,system-ui,-apple-system,Arial;background:radial-gradient(circle at top,#0d1a2e,#06101f 60%);color:var(--text);min-height:100vh;max-width:100vw;overflow-x:hidden}.bg-orb{position:fixed;border-radius:999px;filter:blur(50px);opacity:.22;pointer-events:none}.orb-a{width:320px;height:320px;background:#7c3aed;top:-80px;right:-120px}.orb-b{width:260px;height:260px;background:#06b6d4;bottom:-80px;left:-90px}.app-shell{width:min(1180px,100%);margin:0 auto;padding:18px 18px 40px}
.glass{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid #1e3050;box-shadow:0 24px 80px rgba(0,0,0,.4);backdrop-filter:blur(18px);border-radius:24px}

/* TOPBAR */
.topbar{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.topbar-row1{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:900;flex-shrink:0}
.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#f7c76b,#a78bfa);color:#111827;font-weight:1000;flex-shrink:0}
.brand span:last-child{white-space:nowrap}
.nav-actions{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px}
.nav-actions::-webkit-scrollbar{display:none}
.nav-actions a{color:#fff;text-decoration:none;font-weight:800;font-size:15px;white-space:nowrap;flex-shrink:0;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);transition:background .2s}
.nav-actions a:hover,.nav-actions a:active{background:rgba(196,181,253,.25);border-color:#a78bfa}

/* SUMMARY BOX */
.summary-box{display:flex;gap:16px;padding:18px 22px;margin-bottom:16px;align-items:center}
.summary-col{flex:1}
.summary-label{font-size:17px;font-weight:900;color:#fff;margin-bottom:8px}
.summary-val{font-size:20px;font-weight:900;color:#fff;margin-bottom:6px}
.summary-val span{font-size:13px;font-weight:600;color:#94a3b8}

/* PROGRESS BARS (weekly page etc) */
.prog-wrap{position:relative;height:30px;background:#07101f;border:1px solid #2b405f;border-radius:15px;overflow:hidden}
.prog-bar{height:100%;border-radius:14px;transition:width .5s ease}
.prog-cal{background:linear-gradient(90deg,#1db954,#22c55e 70%,#ffd84d)}
.prog-water{background:linear-gradient(90deg,#2196f3,#4db8ff)}
.prog-pct{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:900;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}

/* RINGS BAR */
.rings-bar{display:flex;align-items:center;justify-content:center;padding:14px 20px;margin-bottom:16px;gap:28px}
.ring-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}
.ring-svg{display:block;overflow:visible}
.ring-label{font-size:13px;font-weight:800;color:#94a3b8;letter-spacing:.02em}
.rings-center{display:flex;flex-direction:column;align-items:center;gap:3px}
.rings-date{font-size:22px;font-weight:900;color:#fff}
.rings-day{font-size:13px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em}

/* THREE COLUMN LAYOUT */
.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}

/* CARDS */
.card{background:linear-gradient(145deg,#0b1426,#0a1324 60%,#07101f);border:1px solid #263853;border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:14px}
.card-title{font-size:17px;font-weight:900;margin:0 0 4px;padding-bottom:12px;border-bottom:1px solid #1e3050}
.green-title{color:#7CFF6B}
.gold-title{color:#FFD84D}
.blue-title{color:#5AB2FF}

/* SCAN FORM */
.scan-form{display:flex;flex-direction:column;gap:12px;flex:1}
.upload-label{display:block;text-align:center;background:#1b2a40;border:1px solid #314763;border-radius:17px;padding:12px;font-weight:900;cursor:pointer;font-size:15px;transition:background .2s}
.upload-label:hover{background:#243a58;border-color:#78b7ff}
#photo-input{display:none}
.photo-preview{background:#07101f;border:1px dashed #3e587a;border-radius:18px;min-height:160px;display:flex;align-items:center;justify-content:center;color:#93a4bb;font-size:15px;font-weight:700;flex:1;overflow:hidden;padding:8px}

/* FORM STACK */
.form-stack{display:flex;flex-direction:column;gap:12px;flex:1}
.form-stack label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:700;color:#b0c4de}
.form-stack input,.form-stack select{background:#07101f;color:#fff;border:1px solid #2c4263;border-radius:15px;padding:10px 14px;font-size:15px;font-family:inherit;min-height:44px}
.form-stack input:focus,.form-stack select:focus{outline:none;border-color:#5ab2ff;background:#0b1426}

/* BUTTONS */
.btn{display:block;width:100%;padding:13px 18px;border-radius:17px;font-weight:900;font-size:15px;font-family:inherit;cursor:pointer;border:none;text-align:center;transition:all .2s}
.scan-btn{background:linear-gradient(90deg,#7c3aed,#5b21b6);border:1px solid #8b5cf6;color:#fff;margin-top:auto}
.scan-btn:hover{background:linear-gradient(90deg,#8b5cf6,#6d28d9)}
.calc-btn{background:linear-gradient(90deg,#ffd84d,#d4a017);border:1px solid #ffe68a;color:#101827;font-size:17px;margin-top:auto}
.calc-btn:hover{background:linear-gradient(90deg,#ffe680,#e6b820)}
.add-btn{background:linear-gradient(90deg,#22c55e,#16a34a);border:1px solid #4ade80;color:#fff;font-size:16px}
.add-btn:hover{background:linear-gradient(90deg,#4ade80,#22c55e)}
.journal-btn{background:linear-gradient(90deg,#26344a,#1c2a3d);border:1px solid #314763;color:#c4d4e8;font-size:14px;padding:10px}
.journal-btn:hover{border-color:#5ab2ff;color:#fff}
.water-btn{background:linear-gradient(90deg,#1d8cff,#1173dc);border:1px solid #56b2ff;color:#fff;font-size:16px}
.water-btn:hover{background:linear-gradient(90deg,#3aa0ff,#1d8cff)}
.reset-btn{background:linear-gradient(90deg,#ef4444,#b91c1c);border:1px solid #f87171;color:#fff;font-size:16px}
.reset-btn:hover{background:linear-gradient(90deg,#f87171,#ef4444)}
.primary{background:linear-gradient(90deg,#ffd84d,#d4a017);color:#101827;border:none}
.amber{background:linear-gradient(90deg,#ffd84d,#d4a017);color:#101827;border:none}
.violet{background:linear-gradient(90deg,#7c3aed,#5b21b6);border:1px solid #8b5cf6;color:#fff}
.aqua{background:linear-gradient(90deg,#1d8cff,#1173dc);border:1px solid #56b2ff;color:#fff}
.ghost{background:#1b2a40;border:1px solid #314763;color:#c4d4e8}

/* ANALYSIS BOX */
.analysis-box{background:#07101f;border:1px solid #2f4868;border-radius:18px;padding:16px;min-height:180px;flex:1;font-size:15px}
.analysis-placeholder{color:#93a4bb;font-size:15px;text-align:center;padding:30px 0}

/* RESULT CARD */
.result-card{color:#f7fbff}
.result-status{color:#4ade80;font-size:14px;font-weight:800;margin-bottom:12px}
.result-name{font-size:17px;font-weight:700;color:#ffffff;margin-bottom:6px;line-height:1.35}
.result-weight{font-size:14px;color:#b9c7da;margin-bottom:14px}
.result-weight b{color:#ffffff}
.result-hint{margin-top:12px;color:#93a4bb;font-size:12px}
.macro-table{width:100%;border-collapse:collapse;border:1px solid #263853;border-radius:12px;overflow:hidden}
.macro-cell{padding:10px 4px;text-align:center;background:#0a1324;border-right:1px solid #263853}
.macro-cell.no-border{border-right:none}
.macro-label{font-size:11px;font-weight:800;margin-bottom:4px}
.macro-value{font-size:22px;font-weight:900;margin:3px 0}
.macro-unit{font-size:11px;color:#dbeafe}
.mlabel-orange,.mval-orange{color:#fb923c}
.mlabel-lime{color:#7CFF6B}
.mlabel-sky{color:#5AB2FF}
.mlabel-purple{color:#c084fc}
.mval-white{color:#ffffff}

/* BOTTOM ROW */
.bottom-row{display:flex;gap:12px;align-items:stretch;margin-bottom:16px}
.bottom-row form{flex:1}
.bottom-row .btn{height:100%;min-height:52px}
.water-badge{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#0b2342,#102f57);border:1px solid #28527f;border-radius:17px;color:#7dd3fc;font-size:15px;font-weight:900;padding:10px 12px;text-align:center;min-height:52px}

/* JOURNAL */
.journal-section{padding:20px;margin-top:0}
.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.panel-head h2{margin:0;font-size:17px;font-weight:900}
.meal-list{display:flex;flex-direction:column;gap:10px}
.meal-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#0a1324;border:1px solid #1e3050;border-radius:16px;gap:10px}
.meal-item div{flex:1;min-width:0}
.meal-item strong{display:block;font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meal-item small{color:var(--muted);font-size:12px}
.meal-item b{font-size:14px;font-weight:900;color:#f7c76b;white-space:nowrap}
.icon-btn{background:none;border:none;color:#fb7185;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:8px;font-weight:900}
.icon-btn:hover{background:#2a1020}

/* FLASH MESSAGES */
.flash-wrap{margin-bottom:14px}
.flash{padding:12px 16px;border-radius:14px;font-weight:700;font-size:14px}
.flash.ok{background:#0a2e1a;border:1px solid #16a34a;color:#4ade80}
.flash.error{background:#2a0f0f;border:1px solid #b91c1c;color:#fca5a5}

/* PROFILE */
.profile-card{max-width:860px;margin:20px auto;padding:28px}
.profile-title{font-size:24px;font-weight:900;margin:0 0 8px}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.profile-group{background:#0a1324;border:1px solid #1e3050;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:14px}
.profile-group-title{font-size:16px;font-weight:900;padding-bottom:10px;border-bottom:1px solid #1e3050}
.profile-group .form-stack label,.profile-group label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700;color:#b0c4de}
.profile-group input,.profile-group select{background:#07101f;color:#fff;border:1px solid #2c4263;border-radius:15px;padding:10px 14px;font-size:15px;font-family:inherit;min-height:44px;width:100%}
.profile-group input:focus,.profile-group select:focus{outline:none;border-color:#5ab2ff}
.profile-result{background:#07101f;border:1px solid #2f4868;border-radius:14px;padding:14px;margin-top:6px}
.profile-result-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:15px}
.profile-result-row strong{font-size:17px;font-weight:900}
.profile-btn{max-width:320px;margin:0 auto;font-size:17px;padding:16px}

/* SETTINGS */
.settings-group{background:#0a1324;border:1px solid #1e3050;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:20px}
.settings-group-title{font-size:18px;font-weight:900;color:#ffffff;padding-bottom:14px;border-bottom:1px solid #1e3050}
.settings-api-form{display:flex;flex-direction:column;gap:16px}
.settings-api-label{display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:700;color:#b0c4de}
.settings-api-label input{background:#07101f;color:#fff;border:1px solid #2c4263;border-radius:15px;padding:12px 16px;font-size:15px;font-family:inherit;min-height:46px;width:100%}
.settings-api-label input:focus{outline:none;border-color:#5ab2ff}
.settings-status{margin:4px 0 0;font-size:14px;font-weight:800;color:#4ade80}
.settings-status.error{color:#fca5a5}
.settings-hint{background:#071b2e;border:1px solid #1e3a5f;border-radius:14px;padding:14px 16px;font-size:13px;color:#8899aa;line-height:1.7}
.settings-hint strong{color:#5ab2ff}
.settings-hint code{background:#0a243f;padding:2px 8px;border-radius:6px;color:#f59e0b;font-size:12px}

/* PRICING */
.pricing-header{text-align:center;padding:24px 0 16px}
.pricing-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:13px;font-weight:900;border-radius:30px;padding:5px 18px;margin-bottom:14px;letter-spacing:1px}
.pricing-title{font-size:32px;font-weight:900;color:#fff;margin:0 0 8px}
.pricing-subtitle{color:#8899aa;font-size:15px;margin:0 0 24px}
.pricing-grid{display:grid;gap:20px;margin-bottom:24px}
.pricing-grid.three-col{grid-template-columns:repeat(3,1fr)}
.plan-period-tag{display:inline-block;background:#1e3050;color:#5ab2ff;font-size:13px;font-weight:800;border-radius:20px;padding:3px 14px;margin-top:2px}
.plan-per-day{font-size:13px;color:#4a5568;margin:0}
.plan-badge-save{display:inline-block;background:linear-gradient(90deg,#16a34a,#15803d);color:#fff;font-size:11px;font-weight:900;border-radius:20px;padding:3px 12px;position:absolute;top:-12px;right:16px}
.plan-name.trial{color:#38bdf8}
.trial-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}
.trial-btn:hover{opacity:.9}
.bimonth-btn{background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff}
.bimonth-btn:hover{opacity:.9}
.pricing-cost-note{padding:14px 20px;border-radius:14px;font-size:13px;color:#8899aa;margin-bottom:16px;border:1px solid #1e3050;text-align:center}
.pricing-cost-note strong{color:#cbd5e1}
.plan-card{padding:24px;border-radius:22px;display:flex;flex-direction:column;gap:14px;position:relative;border:1px solid #1e3050}
.plan-featured{border:2px solid #f59e0b;box-shadow:0 0 32px rgba(245,158,11,.18)}
.plan-badge-top{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#f59e0b,#ef4444);color:#fff;font-size:12px;font-weight:900;border-radius:20px;padding:4px 16px;white-space:nowrap}
.plan-name{font-size:20px;font-weight:900;margin-top:8px}
.plan-name.free{color:#8899aa}
.plan-name.premium{color:#f59e0b}
.plan-name.lifetime{color:#818cf8}
.plan-price-wrap{display:flex;align-items:baseline;gap:4px}
.plan-price{font-size:42px;font-weight:900;color:#fff;line-height:1}
.plan-price sup{font-size:17px;font-weight:700}
.plan-period{font-size:14px;color:#8899aa}
.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;flex:1}
.feat{font-size:14px;color:#cbd5e1}
.feat.no{color:#4a5568}
.plan-btn{width:100%;border-radius:14px;font-size:16px;font-weight:800;padding:14px;cursor:pointer;border:none;transition:opacity .2s}
.free-btn{background:#1e3050;color:#8899aa;cursor:default}
.premium-btn{background:linear-gradient(135deg,#f59e0b,#e67e00);color:#fff}
.premium-btn:hover{opacity:.9}
.lifetime-btn{background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff}
.lifetime-btn:hover{opacity:.9}
.plan-note{text-align:center;font-size:12px;color:#4a5568;margin:0}
.pricing-footer{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:18px 20px;border-radius:16px;margin-bottom:12px;border:1px solid #1e3050}
.pf-item{font-size:13px;color:#8899aa}
.pf-item strong{color:#cbd5e1}

/* PAYMENT RESULT */
.pay-result{max-width:520px;margin:40px auto;padding:40px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;border-radius:24px}
.pay-icon{font-size:60px;line-height:1}
.pay-title{font-size:28px;font-weight:900;margin:0}
.pay-title.success{color:#4ade80}
.pay-title.fail{color:#fca5a5}
.pay-sub{color:#8899aa;font-size:16px;margin:0}
.pay-btn{max-width:280px;font-size:16px;padding:14px 28px}
.premium-active-banner{text-align:center;padding:12px 20px;border-radius:14px;font-size:15px;color:#4ade80;border:1px solid #166534;background:#052e16;margin-bottom:8px}

/* AUTH */
.panel{padding:20px}.settings-card{max-width:540px;margin:30px auto}
.auth-card{max-width:420px;margin:40px auto;padding:32px;text-align:center}
.auth-card .brand-mark{margin:0 auto 16px}
.auth-card h1{font-size:26px;font-weight:900;margin:0 0 6px}
.auth-card p{color:var(--muted);margin:0 0 20px}
.auth-card .form-stack label{text-align:left}
.small-link{margin-top:14px;font-size:14px;color:var(--muted)}
.small-link a{color:#c4b5fd;text-decoration:none;font-weight:800}
.muted{color:var(--muted)}
.wide{width:100%}

/* ===================== BOTTOM NAV — mobilna dostępna nawigacja ===================== */
.bottom-nav{display:none}
.bn-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:#64748b;flex:1;padding:10px 4px 8px;min-height:64px;transition:color .15s;-webkit-tap-highlight-color:transparent;position:relative}
.bn-icon{font-size:26px;line-height:1;display:block}
.bn-label{font-size:12px;font-weight:800;letter-spacing:.01em;white-space:nowrap;line-height:1}
.bn-item:hover,.bn-item:active{color:#a78bfa}
.bn-active{color:#fff !important}
.bn-active .bn-icon{filter:drop-shadow(0 0 6px #a78bfa88)}
.bn-active::after{content:'';position:absolute;top:0;left:20%;right:20%;height:3px;background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:0 0 4px 4px}

/* ===================== LOGOUT LINK ===================== */
.logout-link{font-size:14px;color:#64748b;text-decoration:none;padding:8px 14px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-weight:600}
.logout-link:hover{color:#94a3b8;background:rgba(255,255,255,.07)}

/* ===================== MOBILE ≤640px ===================== */
@media(max-width:640px){
  /* normalna przestrzeń na zawartość */
  .app-shell{padding:10px 12px 24px}

  /* TOP NAV — uproszczony, brand + wyloguj + menu */
  .topbar{margin-bottom:10px}
  .topbar-row1{padding:6px 0}
  .brand{font-size:17px}
  .brand-mark{width:36px;height:36px;font-size:15px}
  .brand span:last-child{font-size:16px;font-weight:900}
  /* pokaż menu górne na mobile */
  .nav-actions{display:flex}

  /* dolna nawigacja — ukryta na mobile */
  .bottom-nav{display:none !important}

  /* RINGS */
  .rings-bar{padding:8px 10px;gap:12px;background:none !important;border:none !important;box-shadow:none !important;backdrop-filter:none !important;margin-bottom:8px}
  .ring-wrap{width:76px;height:76px;overflow:visible}
  .ring-svg{width:76px !important;height:76px !important}
  .ring-inner{width:76px !important;height:76px !important}
  .ring-val{font-size:14px}
  .ring-unit{font-size:9px}
  .ring-goal{font-size:9px}
  .ring-label{font-size:12px;font-weight:900}
  .rings-date{font-size:20px;font-weight:900}
  .rings-day{font-size:12px;font-weight:700}

  /* PROGRESS BARS */
  .prog-wrap{height:30px}
  .prog-pct{font-size:14px;font-weight:900}

  /* GRID */
  .three-col{grid-template-columns:1fr;gap:12px}
  .card{padding:18px;gap:14px;border-radius:20px}
  .card-title{font-size:16px;font-weight:900}

  /* PRZYCISKI — duże, dotykalne */
  .btn{font-size:17px;padding:15px 18px;min-height:56px;border-radius:18px}
  .calc-btn{font-size:18px}
  .upload-label{font-size:16px;padding:16px;min-height:56px}

  /* ZDJĘCIE */
  .photo-preview{min-height:150px;font-size:16px}

  /* BOTTOM ROW */
  .bottom-row{flex-direction:column;gap:12px}
  .water-badge{font-size:16px;font-weight:900;min-height:56px}
  .bottom-row .btn{min-height:56px;font-size:17px}

  /* DZIENNIK */
  .journal-section{padding:16px;border-radius:20px}
  .panel-head h2{font-size:18px}
  .meal-item{padding:14px 16px;border-radius:18px}
  .meal-item strong{font-size:16px;font-weight:900}
  .meal-item small{font-size:13px}
  .meal-item b{font-size:16px;font-weight:900}
  .icon-btn{font-size:22px;padding:6px 10px}

  /* ANALIZA */
  .analysis-box{min-height:130px;padding:14px;font-size:16px}
  .macro-value{font-size:22px;font-weight:900}
  .macro-label{font-size:13px;font-weight:900}
  .macro-unit{font-size:12px}

  /* SUMMARY */
  .summary-label{font-size:18px;font-weight:900}
  .summary-val{font-size:22px;font-weight:900}

  /* PROFIL */
  .profile-card{margin:8px auto;padding:18px}
  .profile-grid{grid-template-columns:1fr;gap:14px;margin-bottom:16px}
  .profile-group{padding:16px}
  .profile-btn{max-width:100%;min-height:56px;font-size:17px}

  /* SETTINGS */
  .settings-card{margin:8px auto}
  .settings-group{padding:18px}

  /* PRICING */
  .pricing-grid.three-col{grid-template-columns:1fr}
  .pricing-title{font-size:26px}
  .pricing-header{padding:16px 0 12px}
  .pricing-footer{gap:14px;padding:14px}

  /* AUTH */
  .auth-card{margin:20px auto;padding:26px 20px}

  /* FLASH */
  .flash{font-size:14px;padding:12px 16px}

  /* KREATOR */
  .creator-grid{grid-template-columns:1fr !important}
  .creator-result{padding:18px !important}

  /* FORM */
  .form-stack input,.form-stack select{font-size:16px;min-height:50px;padding:12px 16px}
  .form-stack label{font-size:15px}
}

/* ===================== MAŁE EKRANY ≤400px — NIE zmniejszamy, zwiększamy ===================== */
@media(max-width:400px){
  /* Nigdy nie zmniejszamy poniżej tych wartości */
  .nav-actions a{font-size:14px;padding:10px 12px}
  .summary-label{font-size:16px}
  .card-title{font-size:15px;font-weight:900}
  .btn{font-size:16px;padding:14px 16px;min-height:54px}
  .ring-label{font-size:12px}
  .rings-date{font-size:18px}
  .meal-item strong{font-size:15px}
  .macro-value{font-size:20px}
}