
/* section: legacy-1 */
:root{--bg:#0b0f14;--card:#151b23;--card2:#1c2430;--text:#f4f7fa;--muted:#8d99a8;--green:#49df87;--blue:#64a8ff;--yellow:#f5c451;--red:#ff7188;--border:#2b3542}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}.wrap{max-width:1220px;margin:auto;padding:26px 16px 50px}
header{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:18px}h1{margin:0;font-size:29px}.sub,.muted{color:var(--muted)}.controls,.actions{display:flex;gap:8px;flex-wrap:wrap}
button,select,input{font:inherit;background:var(--card2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px}button{cursor:pointer}.primary{background:var(--green);color:#06130b;border:0;font-weight:800}.blue{background:var(--blue);color:#07101b;border:0;font-weight:750}
.grid{display:grid;grid-template-columns:1.18fr .82fr;gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:19px}.hero{display:grid;grid-template-columns:1fr 185px;align-items:center;gap:18px}.kcal{font-size:50px;font-weight:850;line-height:1}.label{font-size:11px;color:var(--muted);letter-spacing:.08em;margin-bottom:8px}.remain{margin-top:8px;color:var(--muted)}
.ring{width:178px;height:178px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--green) 0deg,#27313d 0)}.ring:after{content:"";position:absolute;width:136px;height:136px;border-radius:50%;background:var(--card)}.ringin{z-index:1;text-align:center;font-size:27px;font-weight:800}.ringin small{display:block;font-size:11px;color:var(--muted);font-weight:500}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.stat{padding:12px;background:var(--card2);border-radius:12px}.stat b{font-size:20px;display:block}.stat span{font-size:12px;color:var(--muted)}
h2{font-size:18px;margin:0 0 14px}.adder{background:var(--card2);padding:14px;border-radius:14px;margin-bottom:14px}.addergrid{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(90px,.38fr) 1fr;gap:8px;margin-top:10px}.preview{margin-top:9px;color:var(--muted);font-size:13px;line-height:1.5}.preview b{color:var(--text)}.quick{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.quick button{font-size:12px;padding:7px 9px}
.searchrow{display:grid;grid-template-columns:1fr auto;gap:8px}.food-results{display:grid;gap:7px;margin-top:10px;max-height:330px;overflow:auto}.food-result{width:100%;text-align:left;padding:11px 12px;background:#10171a;border:1px solid var(--border);border-radius:12px;color:var(--text)}.food-result:hover{border-color:#586e72}.food-result strong{display:block;font-size:14px}.result-brand{color:var(--green);font-weight:900}.food-result small{display:block;color:var(--muted);margin-top:3px}.source-badge{display:inline-block;font-size:9px;letter-spacing:.08em;font-weight:800;border:1px solid #415256;border-radius:999px;padding:3px 6px;margin-right:6px;color:#b8c9cc}.selected-food{display:none;margin-top:10px;padding:11px 12px;border-radius:12px;border:1px solid rgba(185,154,85,.45);background:rgba(185,154,85,.08)}.selected-food.active{display:block}.selected-food b{display:block}.selected-food small{color:var(--muted)}.searchstatus{font-size:12px;color:var(--muted);min-height:18px;margin-top:7px}.more-results{display:none;width:100%;margin-top:8px;background:transparent;border:1px solid #415256;color:#c9d2d2;font-weight:800}.more-results.active{display:block}.macroline{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.macroline span{font-size:12px;color:#c9d2d2}.macroline b{display:inline;color:var(--text)}
.manual-open{margin-top:10px;width:100%;background:transparent;border:1px dashed #586e72;color:#d7e0df;font-weight:750}
.manual-form{display:none;margin-top:10px;padding:14px;border:1px solid rgba(185,154,85,.45);border-radius:14px;background:rgba(185,154,85,.07)}
.manual-form.active{display:block}
.manual-form h3{margin:0 0 5px;font-size:16px}.manual-form p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.4}
.manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.manual-grid .wide{grid-column:1/-1}
.manual-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.manual-actions button{flex:1}
.manual-status{min-height:18px;margin-top:8px;font-size:12px;color:var(--muted)}
.cloudstatus{margin-top:10px;min-height:18px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.cloudstatus:before{content:"";width:8px;height:8px;border-radius:50%;background:#6d7779;flex:0 0 auto}.cloudstatus.ok{color:var(--green)}.cloudstatus.ok:before{background:var(--green)}.cloudstatus.busy{color:var(--blue)}.cloudstatus.busy:before{background:var(--blue);box-shadow:0 0 0 4px rgba(100,168,255,.10)}.cloudstatus.err{color:var(--red)}.cloudstatus.err:before{background:var(--red)}
.itemmacros{display:block!important;margin-top:4px;color:#c9d2d2!important}

.item{display:grid;grid-template-columns:1fr auto auto 34px;gap:12px;align-items:center;border-top:1px solid var(--border);padding:11px 0}.foodname b{display:block}.foodname small,.macro small{color:var(--muted)}.macro{text-align:right;min-width:65px}.macro b{display:block}.x{padding:6px 9px;background:transparent}
.days{height:190px;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end}.day{text-align:center;font-size:10px}.barbox{height:125px;background:#10161d;border-radius:7px;display:flex;align-items:flex-end;overflow:hidden;margin:5px 0}.bar{width:100%;background:var(--blue);min-height:2px}
.weekgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.weekbox{background:var(--card2);padding:12px;border-radius:12px}.weekbox b{display:block;font-size:19px}.weekbox span{font-size:11px;color:var(--muted)}.note{font-size:12px;line-height:1.5;color:var(--muted);margin-top:11px}.fileinput{display:none}
.export-ai{display:grid;gap:10px}.export-ai-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:end}.export-ai-row label{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:6px}.export-ai-row select{width:100%}}.status{font-size:12px;color:var(--green);margin-top:8px;min-height:18px}


/* section: legacy-2 */
:root{--bg:#080b0d!important;--card:#11171a!important;--card2:#182126!important;--text:#edf2f1!important;--muted:#8f9b9c!important;--green:#c61b22!important;--blue:#b8c2c6!important;--yellow:#d5b76c!important;--red:#b96767!important;--border:#2a3537!important}
body{background:radial-gradient(circle at 85% -10%,rgba(184,194,198,.10),transparent 30%),#080b0d!important}
.card,.exercise,.session-btn{box-shadow:0 12px 35px rgba(0,0,0,.18)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif!important;letter-spacing:.01em!important}
.primary{background:#c61b22!important;color:#0a0d0e!important}.blue{background:#b8c2c6!important;color:#071012!important}
.warmup{background:#d9d4c5!important}.eyebrow,.session-title span,.warmup span{color:#c61b22!important}

/* BERSERKR V12 */
:root{--bg:#070809!important;--card:#0e1113!important;--card2:#14181b!important;--text:#f2f3f3!important;--muted:#91979a!important;--green:#c61b22!important;--blue:#b8c2c6!important;--yellow:#d89b3d!important;--red:#e32b32!important;--border:#292f32!important}
body{background:#070809!important}
.card,.exercise,.session-btn,.session-card{border-radius:8px!important;border-color:#292f32!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important}
button,select,input{border-radius:6px!important}
.primary{background:linear-gradient(180deg,#d4242b,#a81116)!important;color:#fff!important}
.blue{background:#171b1e!important;color:#edf0f1!important;border:1px solid #363c3f!important}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif!important}


/* BERSERKR V18 — harmonisation des fonctions V16 avec la DA rouge */
.result-brand{color:#e23a40!important}
.selected-food,.manual-form{border-color:rgba(198,27,34,.46)!important;background:rgba(198,27,34,.075)!important}
.manual-open:hover,.more-results:hover{border-color:rgba(198,27,34,.55)!important;color:#fff!important}
.food-result:hover{border-color:rgba(198,27,34,.42)!important;background:#121617!important}
.cloudstatus.ok{color:#77c98d!important}.cloudstatus.ok:before{background:#77c98d!important}
.cloudstatus.busy{color:#b8c2c6!important}.cloudstatus.busy:before{background:#b8c2c6!important}
.searchrow input:focus,.manual-grid input:focus{border-color:#c61b22!important;outline:none;box-shadow:0 0 0 2px rgba(198,27,34,.10)!important}

/* section: berserkr-mobile-scale-v1822 */


/* section: berserkr-mobile-type-v1826 */



/* section: berserkr-nutrition-mobile-v1828 */




/* section: berserkr-data-page-v1830 */
.data-page-head{display:none}
body:not(.data-mode) .data-card{display:none!important}

body.data-mode{
  min-height:100vh;
  background:#070809!important;
}
body.data-mode .wrap{
  width:100%!important;
  max-width:900px!important;
  margin:0 auto!important;
  padding:26px 16px 60px!important;
}
body.data-mode > .wrap > header,
body.data-mode .grid > main,
body.data-mode .nutrition-only{
  display:none!important;
}
body.data-mode .data-page-head{
  display:block!important;
  margin:4px 0 22px!important;
}
body.data-mode .data-page-head h1{
  margin:5px 0 8px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:46px!important;
  line-height:1!important;
}
body.data-mode .data-page-head p{
  margin:0!important;
  color:#92989c!important;
  font-size:16px!important;
  line-height:1.55!important;
}
body.data-mode .data-eyebrow{
  color:#c61b22!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
}
body.data-mode .grid{
  display:block!important;
}
body.data-mode .grid > aside{
  width:100%!important;
  max-width:none!important;
  display:block!important;
}
body.data-mode .data-card{
  display:block!important;
  width:100%!important;
  padding:22px!important;
  border-radius:10px!important;
}
body.data-mode .data-card h2{
  font-size:26px!important;
  margin-bottom:16px!important;
}
body.data-mode .weight-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
}
body.data-mode .weight-row input,
body.data-mode .weight-row button,
body.data-mode .export-ai-row select,
body.data-mode .export-ai-row button,
body.data-mode .actions button{
  min-height:50px!important;
  font-size:16px!important;
}
body.data-mode .weekgrid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
body.data-mode .weekbox{
  padding:16px!important;
}
body.data-mode .weekbox b{
  font-size:24px!important;
}
body.data-mode .weekbox span{
  font-size:13px!important;
  line-height:1.4!important;
}
body.data-mode .days{
  height:230px!important;
  gap:7px!important;
}
body.data-mode .barbox{
  height:155px!important;
}
body.data-mode .export-ai-row{
  grid-template-columns:minmax(0,1fr) auto!important;
}
body.data-mode .note{
  font-size:14px!important;
  line-height:1.55!important;
}
body.data-mode .actions{
  gap:9px!important;
}





/* section: berserkr-nutrition-centered-v1831 */
body:not(.data-mode) .wrap{
  width:100%!important;
  max-width:980px!important;
  margin:0 auto!important;
  padding-left:18px!important;
  padding-right:18px!important;
}
body:not(.data-mode) header{
  width:100%!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body:not(.data-mode) .grid{
  width:100%!important;
  max-width:900px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
}
body:not(.data-mode) .grid > main,
body:not(.data-mode) .grid > aside{
  width:100%!important;
  max-width:900px!important;
  min-width:0!important;
  margin:0 auto!important;
}
body:not(.data-mode) .grid > aside{
  display:block!important;
}
body:not(.data-mode) .nutrition-only{
  width:100%!important;
  margin-top:18px!important;
}

/* Le contenu principal Nutrition occupe maintenant toute la largeur utile. */
body:not(.data-mode) .card{
  width:100%!important;
}
body:not(.data-mode) .hero{
  width:100%!important;
}

/* Mobile : garde le même centrage avec des marges propres. */



/* section: berserkr-nutrition-mobile-v1832 */




/* section: berserkr-desktop-24-v1834 */
@media(min-width:1200px){
  html,body{font-size:18px!important}

  body:not(.data-mode) .wrap{
    width:min(94vw,1500px)!important;
    max-width:1500px!important;
    padding:36px 28px 70px!important;
  }
  body:not(.data-mode) header,
  body:not(.data-mode) .grid,
  body:not(.data-mode) .grid > main,
  body:not(.data-mode) .grid > aside{
    max-width:1450px!important;
  }

  body:not(.data-mode) header h1{
    font-size:42px!important;
  }
  body:not(.data-mode) .sub{
    font-size:16px!important;
  }
  body:not(.data-mode) .controls input,
  body:not(.data-mode) .controls select{
    min-height:48px!important;
    font-size:16px!important;
  }

  body:not(.data-mode) .card{
    padding:26px!important;
  }
  body:not(.data-mode) .hero{
    grid-template-columns:minmax(0,1fr) 240px!important;
    gap:28px!important;
  }
  body:not(.data-mode) .kcal{
    font-size:68px!important;
  }
  body:not(.data-mode) .label{
    font-size:13px!important;
  }
  body:not(.data-mode) .remain{
    font-size:18px!important;
  }
  body:not(.data-mode) .ring{
    width:225px!important;
    height:225px!important;
  }
  body:not(.data-mode) .ring:after{
    width:170px!important;
    height:170px!important;
  }
  body:not(.data-mode) .ringin{
    font-size:34px!important;
  }

  body:not(.data-mode) .stats{
    gap:12px!important;
  }
  body:not(.data-mode) .stat{
    padding:17px!important;
  }
  body:not(.data-mode) .stat b{
    font-size:26px!important;
  }
  body:not(.data-mode) .stat span{
    font-size:13px!important;
  }

  body:not(.data-mode) h2{
    font-size:29px!important;
  }
  body:not(.data-mode) h3{
    font-size:24px!important;
  }
  body:not(.data-mode) .adder{
    padding:20px!important;
  }
  body:not(.data-mode) input,
  body:not(.data-mode) select,
  body:not(.data-mode) textarea,
  body:not(.data-mode) button{
    min-height:48px!important;
    font-size:16px!important;
  }
  body:not(.data-mode) .food-result{
    padding:15px 16px!important;
  }
  body:not(.data-mode) .food-result strong{
    font-size:17px!important;
  }
  body:not(.data-mode) .food-result small,
  body:not(.data-mode) .preview,
  body:not(.data-mode) .note,
  body:not(.data-mode) .searchstatus{
    font-size:14px!important;
  }
  body:not(.data-mode) .foodname b{
    font-size:18px!important;
  }
  body:not(.data-mode) .foodname small{
    font-size:13px!important;
  }
  body:not(.data-mode) .macro b{
    font-size:20px!important;
  }
}

/* Page Données desktop */
@media(min-width:1200px){
  body.data-mode .wrap{
    width:min(94vw,1300px)!important;
    max-width:1300px!important;
    padding:38px 28px 72px!important;
  }
  body.data-mode .data-page-head h1{
    font-size:54px!important;
  }
  body.data-mode .data-page-head p{
    font-size:18px!important;
  }
  body.data-mode .data-card{
    padding:28px!important;
  }
  body.data-mode .data-card h2{
    font-size:30px!important;
  }
  body.data-mode .weekbox{
    padding:18px!important;
  }
  body.data-mode .weekbox b{
    font-size:28px!important;
  }
  body.data-mode .weekbox span{
    font-size:14px!important;
  }
}

/* section: berserkr-nutrition-mobile-hard-v1843 */

/* ===================== RESPONSIVE NUTRITION ===================== */
@media (max-width:900px){
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    font-size:20px!important;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }

  body:not(.data-mode) .wrap,
  body.data-mode .wrap{
    width:100%!important;
    max-width:760px!important;
    margin:0 auto!important;
    padding:22px 12px 64px!important;
  }

  body:not(.data-mode) header{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:16px!important;
    margin-bottom:20px!important;
  }
  body:not(.data-mode) header h1{
    font-size:54px!important;
    line-height:1!important;
  }
  body:not(.data-mode) .sub{
    font-size:18px!important;
    line-height:1.55!important;
  }

  body:not(.data-mode) .controls{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body:not(.data-mode) .grid{
    width:100%!important;
    max-width:760px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  body:not(.data-mode) .grid > main,
  body:not(.data-mode) .grid > aside{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  body:not(.data-mode) .card,
  body.data-mode .card{
    width:100%!important;
    min-width:0!important;
    padding:22px 18px!important;
    border-radius:12px!important;
  }

  body:not(.data-mode) .hero{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  body:not(.data-mode) .kcal{font-size:62px!important}
  body:not(.data-mode) .label{font-size:14px!important}
  body:not(.data-mode) .remain{
    font-size:19px!important;
    line-height:1.5!important;
  }

  body:not(.data-mode) .ring{
    width:220px!important;
    height:220px!important;
    margin:0 auto!important;
  }
  body:not(.data-mode) .ring:after{
    width:168px!important;
    height:168px!important;
  }
  body:not(.data-mode) .ringin{font-size:35px!important}
  body:not(.data-mode) .ringin small{font-size:14px!important}

  body:not(.data-mode) .stats{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body:not(.data-mode) .stat{padding:17px 14px!important}
  body:not(.data-mode) .stat b{font-size:28px!important}
  body:not(.data-mode) .stat span{font-size:15px!important}

  body:not(.data-mode) h2,
  body.data-mode h2{font-size:32px!important}
  body:not(.data-mode) h3,
  body.data-mode h3{font-size:27px!important}

  body:not(.data-mode) .adder{padding:18px!important}

  body:not(.data-mode) .searchrow,
  body:not(.data-mode) .addergrid,
  body:not(.data-mode) .manual-grid,
  body.data-mode .export-ai-row{
    grid-template-columns:1fr!important;
    gap:11px!important;
  }

  input,select,textarea,button{
    max-width:100%!important;
    min-width:0!important;
    min-height:56px!important;
    font-size:19px!important;
  }

  body:not(.data-mode) .food-result{padding:16px!important}
  body:not(.data-mode) .food-result strong{
    font-size:20px!important;
    line-height:1.35!important;
  }
  body:not(.data-mode) .food-result small,
  body:not(.data-mode) .preview,
  body:not(.data-mode) .note,
  body:not(.data-mode) .searchstatus{
    font-size:15px!important;
    line-height:1.55!important;
  }

  body:not(.data-mode) .item{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:19px 0!important;
  }
  body:not(.data-mode) .foodname{grid-column:auto!important}
  body:not(.data-mode) .foodname b{font-size:21px!important}
  body:not(.data-mode) .foodname small{font-size:15px!important}
  body:not(.data-mode) .macro{
    width:100%!important;
    text-align:left!important;
    padding:12px!important;
  }
  body:not(.data-mode) .macro b{font-size:22px!important}
  body:not(.data-mode) .x{
    width:100%!important;
    min-height:52px!important;
    font-size:24px!important;
  }

  body.data-mode .data-page-head h1{
    font-size:50px!important;
    line-height:1!important;
  }
  body.data-mode .data-page-head p{
    font-size:17px!important;
    line-height:1.55!important;
  }
  body.data-mode .weekgrid{grid-template-columns:1fr!important}
  body.data-mode .weight-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.data-mode .export-ai-row > *{width:100%!important}
}

@media (max-width:430px){
  html,body{font-size:18px!important}

  body:not(.data-mode) header h1{font-size:48px!important}
  body:not(.data-mode) .sub{font-size:16px!important}
  body:not(.data-mode) .kcal{font-size:54px!important}
  body:not(.data-mode) .remain{font-size:17px!important}

  body:not(.data-mode) .ring{
    width:190px!important;
    height:190px!important;
  }
  body:not(.data-mode) .ring:after{
    width:145px!important;
    height:145px!important;
  }

  input,select,textarea,button{
    min-height:52px!important;
    font-size:17px!important;
  }

  body.data-mode .data-page-head h1{font-size:44px!important}
}

/* Grand écran : garde la mise en page desktop, sans classe JS mobile. */
@media (min-width:1200px){
  body:not(.data-mode) .wrap{width:min(94vw,1500px)!important}
}

/* CSP style hardening utilities */
[hidden]{display:none!important}
.u-mt10{margin-top:10px}
.u-mt11{margin-top:11px}
.u-mt14{margin-top:14px}
.u-mt18{margin-top:18px}
.u-flex1{flex:1}
.status-error{color:#d98686!important}

.stats-five{grid-template-columns:repeat(5,1fr)}
.stats-two{grid-template-columns:1fr 1fr}
.nutrition-inline-note{display:block;margin-top:6px}
.nutrition-empty-pad{padding:14px 0}
.ring-color-red{--ring-progress-color:var(--red)}
.ring-color-yellow{--ring-progress-color:var(--yellow)}
.ring-color-green{--ring-progress-color:var(--green)}
.ring-deg-0{background:conic-gradient(var(--ring-progress-color,var(--green)) 0deg,#27313d 0deg)}
.ring-deg-1{background:conic-gradient(var(--ring-progress-color,var(--green)) 1deg,#27313d 1deg)}
.ring-deg-2{background:conic-gradient(var(--ring-progress-color,var(--green)) 2deg,#27313d 2deg)}
.ring-deg-3{background:conic-gradient(var(--ring-progress-color,var(--green)) 3deg,#27313d 3deg)}
.ring-deg-4{background:conic-gradient(var(--ring-progress-color,var(--green)) 4deg,#27313d 4deg)}
.ring-deg-5{background:conic-gradient(var(--ring-progress-color,var(--green)) 5deg,#27313d 5deg)}
.ring-deg-6{background:conic-gradient(var(--ring-progress-color,var(--green)) 6deg,#27313d 6deg)}
.ring-deg-7{background:conic-gradient(var(--ring-progress-color,var(--green)) 7deg,#27313d 7deg)}
.ring-deg-8{background:conic-gradient(var(--ring-progress-color,var(--green)) 8deg,#27313d 8deg)}
.ring-deg-9{background:conic-gradient(var(--ring-progress-color,var(--green)) 9deg,#27313d 9deg)}
.ring-deg-10{background:conic-gradient(var(--ring-progress-color,var(--green)) 10deg,#27313d 10deg)}
.ring-deg-11{background:conic-gradient(var(--ring-progress-color,var(--green)) 11deg,#27313d 11deg)}
.ring-deg-12{background:conic-gradient(var(--ring-progress-color,var(--green)) 12deg,#27313d 12deg)}
.ring-deg-13{background:conic-gradient(var(--ring-progress-color,var(--green)) 13deg,#27313d 13deg)}
.ring-deg-14{background:conic-gradient(var(--ring-progress-color,var(--green)) 14deg,#27313d 14deg)}
.ring-deg-15{background:conic-gradient(var(--ring-progress-color,var(--green)) 15deg,#27313d 15deg)}
.ring-deg-16{background:conic-gradient(var(--ring-progress-color,var(--green)) 16deg,#27313d 16deg)}
.ring-deg-17{background:conic-gradient(var(--ring-progress-color,var(--green)) 17deg,#27313d 17deg)}
.ring-deg-18{background:conic-gradient(var(--ring-progress-color,var(--green)) 18deg,#27313d 18deg)}
.ring-deg-19{background:conic-gradient(var(--ring-progress-color,var(--green)) 19deg,#27313d 19deg)}
.ring-deg-20{background:conic-gradient(var(--ring-progress-color,var(--green)) 20deg,#27313d 20deg)}
.ring-deg-21{background:conic-gradient(var(--ring-progress-color,var(--green)) 21deg,#27313d 21deg)}
.ring-deg-22{background:conic-gradient(var(--ring-progress-color,var(--green)) 22deg,#27313d 22deg)}
.ring-deg-23{background:conic-gradient(var(--ring-progress-color,var(--green)) 23deg,#27313d 23deg)}
.ring-deg-24{background:conic-gradient(var(--ring-progress-color,var(--green)) 24deg,#27313d 24deg)}
.ring-deg-25{background:conic-gradient(var(--ring-progress-color,var(--green)) 25deg,#27313d 25deg)}
.ring-deg-26{background:conic-gradient(var(--ring-progress-color,var(--green)) 26deg,#27313d 26deg)}
.ring-deg-27{background:conic-gradient(var(--ring-progress-color,var(--green)) 27deg,#27313d 27deg)}
.ring-deg-28{background:conic-gradient(var(--ring-progress-color,var(--green)) 28deg,#27313d 28deg)}
.ring-deg-29{background:conic-gradient(var(--ring-progress-color,var(--green)) 29deg,#27313d 29deg)}
.ring-deg-30{background:conic-gradient(var(--ring-progress-color,var(--green)) 30deg,#27313d 30deg)}
.ring-deg-31{background:conic-gradient(var(--ring-progress-color,var(--green)) 31deg,#27313d 31deg)}
.ring-deg-32{background:conic-gradient(var(--ring-progress-color,var(--green)) 32deg,#27313d 32deg)}
.ring-deg-33{background:conic-gradient(var(--ring-progress-color,var(--green)) 33deg,#27313d 33deg)}
.ring-deg-34{background:conic-gradient(var(--ring-progress-color,var(--green)) 34deg,#27313d 34deg)}
.ring-deg-35{background:conic-gradient(var(--ring-progress-color,var(--green)) 35deg,#27313d 35deg)}
.ring-deg-36{background:conic-gradient(var(--ring-progress-color,var(--green)) 36deg,#27313d 36deg)}
.ring-deg-37{background:conic-gradient(var(--ring-progress-color,var(--green)) 37deg,#27313d 37deg)}
.ring-deg-38{background:conic-gradient(var(--ring-progress-color,var(--green)) 38deg,#27313d 38deg)}
.ring-deg-39{background:conic-gradient(var(--ring-progress-color,var(--green)) 39deg,#27313d 39deg)}
.ring-deg-40{background:conic-gradient(var(--ring-progress-color,var(--green)) 40deg,#27313d 40deg)}
.ring-deg-41{background:conic-gradient(var(--ring-progress-color,var(--green)) 41deg,#27313d 41deg)}
.ring-deg-42{background:conic-gradient(var(--ring-progress-color,var(--green)) 42deg,#27313d 42deg)}
.ring-deg-43{background:conic-gradient(var(--ring-progress-color,var(--green)) 43deg,#27313d 43deg)}
.ring-deg-44{background:conic-gradient(var(--ring-progress-color,var(--green)) 44deg,#27313d 44deg)}
.ring-deg-45{background:conic-gradient(var(--ring-progress-color,var(--green)) 45deg,#27313d 45deg)}
.ring-deg-46{background:conic-gradient(var(--ring-progress-color,var(--green)) 46deg,#27313d 46deg)}
.ring-deg-47{background:conic-gradient(var(--ring-progress-color,var(--green)) 47deg,#27313d 47deg)}
.ring-deg-48{background:conic-gradient(var(--ring-progress-color,var(--green)) 48deg,#27313d 48deg)}
.ring-deg-49{background:conic-gradient(var(--ring-progress-color,var(--green)) 49deg,#27313d 49deg)}
.ring-deg-50{background:conic-gradient(var(--ring-progress-color,var(--green)) 50deg,#27313d 50deg)}
.ring-deg-51{background:conic-gradient(var(--ring-progress-color,var(--green)) 51deg,#27313d 51deg)}
.ring-deg-52{background:conic-gradient(var(--ring-progress-color,var(--green)) 52deg,#27313d 52deg)}
.ring-deg-53{background:conic-gradient(var(--ring-progress-color,var(--green)) 53deg,#27313d 53deg)}
.ring-deg-54{background:conic-gradient(var(--ring-progress-color,var(--green)) 54deg,#27313d 54deg)}
.ring-deg-55{background:conic-gradient(var(--ring-progress-color,var(--green)) 55deg,#27313d 55deg)}
.ring-deg-56{background:conic-gradient(var(--ring-progress-color,var(--green)) 56deg,#27313d 56deg)}
.ring-deg-57{background:conic-gradient(var(--ring-progress-color,var(--green)) 57deg,#27313d 57deg)}
.ring-deg-58{background:conic-gradient(var(--ring-progress-color,var(--green)) 58deg,#27313d 58deg)}
.ring-deg-59{background:conic-gradient(var(--ring-progress-color,var(--green)) 59deg,#27313d 59deg)}
.ring-deg-60{background:conic-gradient(var(--ring-progress-color,var(--green)) 60deg,#27313d 60deg)}
.ring-deg-61{background:conic-gradient(var(--ring-progress-color,var(--green)) 61deg,#27313d 61deg)}
.ring-deg-62{background:conic-gradient(var(--ring-progress-color,var(--green)) 62deg,#27313d 62deg)}
.ring-deg-63{background:conic-gradient(var(--ring-progress-color,var(--green)) 63deg,#27313d 63deg)}
.ring-deg-64{background:conic-gradient(var(--ring-progress-color,var(--green)) 64deg,#27313d 64deg)}
.ring-deg-65{background:conic-gradient(var(--ring-progress-color,var(--green)) 65deg,#27313d 65deg)}
.ring-deg-66{background:conic-gradient(var(--ring-progress-color,var(--green)) 66deg,#27313d 66deg)}
.ring-deg-67{background:conic-gradient(var(--ring-progress-color,var(--green)) 67deg,#27313d 67deg)}
.ring-deg-68{background:conic-gradient(var(--ring-progress-color,var(--green)) 68deg,#27313d 68deg)}
.ring-deg-69{background:conic-gradient(var(--ring-progress-color,var(--green)) 69deg,#27313d 69deg)}
.ring-deg-70{background:conic-gradient(var(--ring-progress-color,var(--green)) 70deg,#27313d 70deg)}
.ring-deg-71{background:conic-gradient(var(--ring-progress-color,var(--green)) 71deg,#27313d 71deg)}
.ring-deg-72{background:conic-gradient(var(--ring-progress-color,var(--green)) 72deg,#27313d 72deg)}
.ring-deg-73{background:conic-gradient(var(--ring-progress-color,var(--green)) 73deg,#27313d 73deg)}
.ring-deg-74{background:conic-gradient(var(--ring-progress-color,var(--green)) 74deg,#27313d 74deg)}
.ring-deg-75{background:conic-gradient(var(--ring-progress-color,var(--green)) 75deg,#27313d 75deg)}
.ring-deg-76{background:conic-gradient(var(--ring-progress-color,var(--green)) 76deg,#27313d 76deg)}
.ring-deg-77{background:conic-gradient(var(--ring-progress-color,var(--green)) 77deg,#27313d 77deg)}
.ring-deg-78{background:conic-gradient(var(--ring-progress-color,var(--green)) 78deg,#27313d 78deg)}
.ring-deg-79{background:conic-gradient(var(--ring-progress-color,var(--green)) 79deg,#27313d 79deg)}
.ring-deg-80{background:conic-gradient(var(--ring-progress-color,var(--green)) 80deg,#27313d 80deg)}
.ring-deg-81{background:conic-gradient(var(--ring-progress-color,var(--green)) 81deg,#27313d 81deg)}
.ring-deg-82{background:conic-gradient(var(--ring-progress-color,var(--green)) 82deg,#27313d 82deg)}
.ring-deg-83{background:conic-gradient(var(--ring-progress-color,var(--green)) 83deg,#27313d 83deg)}
.ring-deg-84{background:conic-gradient(var(--ring-progress-color,var(--green)) 84deg,#27313d 84deg)}
.ring-deg-85{background:conic-gradient(var(--ring-progress-color,var(--green)) 85deg,#27313d 85deg)}
.ring-deg-86{background:conic-gradient(var(--ring-progress-color,var(--green)) 86deg,#27313d 86deg)}
.ring-deg-87{background:conic-gradient(var(--ring-progress-color,var(--green)) 87deg,#27313d 87deg)}
.ring-deg-88{background:conic-gradient(var(--ring-progress-color,var(--green)) 88deg,#27313d 88deg)}
.ring-deg-89{background:conic-gradient(var(--ring-progress-color,var(--green)) 89deg,#27313d 89deg)}
.ring-deg-90{background:conic-gradient(var(--ring-progress-color,var(--green)) 90deg,#27313d 90deg)}
.ring-deg-91{background:conic-gradient(var(--ring-progress-color,var(--green)) 91deg,#27313d 91deg)}
.ring-deg-92{background:conic-gradient(var(--ring-progress-color,var(--green)) 92deg,#27313d 92deg)}
.ring-deg-93{background:conic-gradient(var(--ring-progress-color,var(--green)) 93deg,#27313d 93deg)}
.ring-deg-94{background:conic-gradient(var(--ring-progress-color,var(--green)) 94deg,#27313d 94deg)}
.ring-deg-95{background:conic-gradient(var(--ring-progress-color,var(--green)) 95deg,#27313d 95deg)}
.ring-deg-96{background:conic-gradient(var(--ring-progress-color,var(--green)) 96deg,#27313d 96deg)}
.ring-deg-97{background:conic-gradient(var(--ring-progress-color,var(--green)) 97deg,#27313d 97deg)}
.ring-deg-98{background:conic-gradient(var(--ring-progress-color,var(--green)) 98deg,#27313d 98deg)}
.ring-deg-99{background:conic-gradient(var(--ring-progress-color,var(--green)) 99deg,#27313d 99deg)}
.ring-deg-100{background:conic-gradient(var(--ring-progress-color,var(--green)) 100deg,#27313d 100deg)}
.ring-deg-101{background:conic-gradient(var(--ring-progress-color,var(--green)) 101deg,#27313d 101deg)}
.ring-deg-102{background:conic-gradient(var(--ring-progress-color,var(--green)) 102deg,#27313d 102deg)}
.ring-deg-103{background:conic-gradient(var(--ring-progress-color,var(--green)) 103deg,#27313d 103deg)}
.ring-deg-104{background:conic-gradient(var(--ring-progress-color,var(--green)) 104deg,#27313d 104deg)}
.ring-deg-105{background:conic-gradient(var(--ring-progress-color,var(--green)) 105deg,#27313d 105deg)}
.ring-deg-106{background:conic-gradient(var(--ring-progress-color,var(--green)) 106deg,#27313d 106deg)}
.ring-deg-107{background:conic-gradient(var(--ring-progress-color,var(--green)) 107deg,#27313d 107deg)}
.ring-deg-108{background:conic-gradient(var(--ring-progress-color,var(--green)) 108deg,#27313d 108deg)}
.ring-deg-109{background:conic-gradient(var(--ring-progress-color,var(--green)) 109deg,#27313d 109deg)}
.ring-deg-110{background:conic-gradient(var(--ring-progress-color,var(--green)) 110deg,#27313d 110deg)}
.ring-deg-111{background:conic-gradient(var(--ring-progress-color,var(--green)) 111deg,#27313d 111deg)}
.ring-deg-112{background:conic-gradient(var(--ring-progress-color,var(--green)) 112deg,#27313d 112deg)}
.ring-deg-113{background:conic-gradient(var(--ring-progress-color,var(--green)) 113deg,#27313d 113deg)}
.ring-deg-114{background:conic-gradient(var(--ring-progress-color,var(--green)) 114deg,#27313d 114deg)}
.ring-deg-115{background:conic-gradient(var(--ring-progress-color,var(--green)) 115deg,#27313d 115deg)}
.ring-deg-116{background:conic-gradient(var(--ring-progress-color,var(--green)) 116deg,#27313d 116deg)}
.ring-deg-117{background:conic-gradient(var(--ring-progress-color,var(--green)) 117deg,#27313d 117deg)}
.ring-deg-118{background:conic-gradient(var(--ring-progress-color,var(--green)) 118deg,#27313d 118deg)}
.ring-deg-119{background:conic-gradient(var(--ring-progress-color,var(--green)) 119deg,#27313d 119deg)}
.ring-deg-120{background:conic-gradient(var(--ring-progress-color,var(--green)) 120deg,#27313d 120deg)}
.ring-deg-121{background:conic-gradient(var(--ring-progress-color,var(--green)) 121deg,#27313d 121deg)}
.ring-deg-122{background:conic-gradient(var(--ring-progress-color,var(--green)) 122deg,#27313d 122deg)}
.ring-deg-123{background:conic-gradient(var(--ring-progress-color,var(--green)) 123deg,#27313d 123deg)}
.ring-deg-124{background:conic-gradient(var(--ring-progress-color,var(--green)) 124deg,#27313d 124deg)}
.ring-deg-125{background:conic-gradient(var(--ring-progress-color,var(--green)) 125deg,#27313d 125deg)}
.ring-deg-126{background:conic-gradient(var(--ring-progress-color,var(--green)) 126deg,#27313d 126deg)}
.ring-deg-127{background:conic-gradient(var(--ring-progress-color,var(--green)) 127deg,#27313d 127deg)}
.ring-deg-128{background:conic-gradient(var(--ring-progress-color,var(--green)) 128deg,#27313d 128deg)}
.ring-deg-129{background:conic-gradient(var(--ring-progress-color,var(--green)) 129deg,#27313d 129deg)}
.ring-deg-130{background:conic-gradient(var(--ring-progress-color,var(--green)) 130deg,#27313d 130deg)}
.ring-deg-131{background:conic-gradient(var(--ring-progress-color,var(--green)) 131deg,#27313d 131deg)}
.ring-deg-132{background:conic-gradient(var(--ring-progress-color,var(--green)) 132deg,#27313d 132deg)}
.ring-deg-133{background:conic-gradient(var(--ring-progress-color,var(--green)) 133deg,#27313d 133deg)}
.ring-deg-134{background:conic-gradient(var(--ring-progress-color,var(--green)) 134deg,#27313d 134deg)}
.ring-deg-135{background:conic-gradient(var(--ring-progress-color,var(--green)) 135deg,#27313d 135deg)}
.ring-deg-136{background:conic-gradient(var(--ring-progress-color,var(--green)) 136deg,#27313d 136deg)}
.ring-deg-137{background:conic-gradient(var(--ring-progress-color,var(--green)) 137deg,#27313d 137deg)}
.ring-deg-138{background:conic-gradient(var(--ring-progress-color,var(--green)) 138deg,#27313d 138deg)}
.ring-deg-139{background:conic-gradient(var(--ring-progress-color,var(--green)) 139deg,#27313d 139deg)}
.ring-deg-140{background:conic-gradient(var(--ring-progress-color,var(--green)) 140deg,#27313d 140deg)}
.ring-deg-141{background:conic-gradient(var(--ring-progress-color,var(--green)) 141deg,#27313d 141deg)}
.ring-deg-142{background:conic-gradient(var(--ring-progress-color,var(--green)) 142deg,#27313d 142deg)}
.ring-deg-143{background:conic-gradient(var(--ring-progress-color,var(--green)) 143deg,#27313d 143deg)}
.ring-deg-144{background:conic-gradient(var(--ring-progress-color,var(--green)) 144deg,#27313d 144deg)}
.ring-deg-145{background:conic-gradient(var(--ring-progress-color,var(--green)) 145deg,#27313d 145deg)}
.ring-deg-146{background:conic-gradient(var(--ring-progress-color,var(--green)) 146deg,#27313d 146deg)}
.ring-deg-147{background:conic-gradient(var(--ring-progress-color,var(--green)) 147deg,#27313d 147deg)}
.ring-deg-148{background:conic-gradient(var(--ring-progress-color,var(--green)) 148deg,#27313d 148deg)}
.ring-deg-149{background:conic-gradient(var(--ring-progress-color,var(--green)) 149deg,#27313d 149deg)}
.ring-deg-150{background:conic-gradient(var(--ring-progress-color,var(--green)) 150deg,#27313d 150deg)}
.ring-deg-151{background:conic-gradient(var(--ring-progress-color,var(--green)) 151deg,#27313d 151deg)}
.ring-deg-152{background:conic-gradient(var(--ring-progress-color,var(--green)) 152deg,#27313d 152deg)}
.ring-deg-153{background:conic-gradient(var(--ring-progress-color,var(--green)) 153deg,#27313d 153deg)}
.ring-deg-154{background:conic-gradient(var(--ring-progress-color,var(--green)) 154deg,#27313d 154deg)}
.ring-deg-155{background:conic-gradient(var(--ring-progress-color,var(--green)) 155deg,#27313d 155deg)}
.ring-deg-156{background:conic-gradient(var(--ring-progress-color,var(--green)) 156deg,#27313d 156deg)}
.ring-deg-157{background:conic-gradient(var(--ring-progress-color,var(--green)) 157deg,#27313d 157deg)}
.ring-deg-158{background:conic-gradient(var(--ring-progress-color,var(--green)) 158deg,#27313d 158deg)}
.ring-deg-159{background:conic-gradient(var(--ring-progress-color,var(--green)) 159deg,#27313d 159deg)}
.ring-deg-160{background:conic-gradient(var(--ring-progress-color,var(--green)) 160deg,#27313d 160deg)}
.ring-deg-161{background:conic-gradient(var(--ring-progress-color,var(--green)) 161deg,#27313d 161deg)}
.ring-deg-162{background:conic-gradient(var(--ring-progress-color,var(--green)) 162deg,#27313d 162deg)}
.ring-deg-163{background:conic-gradient(var(--ring-progress-color,var(--green)) 163deg,#27313d 163deg)}
.ring-deg-164{background:conic-gradient(var(--ring-progress-color,var(--green)) 164deg,#27313d 164deg)}
.ring-deg-165{background:conic-gradient(var(--ring-progress-color,var(--green)) 165deg,#27313d 165deg)}
.ring-deg-166{background:conic-gradient(var(--ring-progress-color,var(--green)) 166deg,#27313d 166deg)}
.ring-deg-167{background:conic-gradient(var(--ring-progress-color,var(--green)) 167deg,#27313d 167deg)}
.ring-deg-168{background:conic-gradient(var(--ring-progress-color,var(--green)) 168deg,#27313d 168deg)}
.ring-deg-169{background:conic-gradient(var(--ring-progress-color,var(--green)) 169deg,#27313d 169deg)}
.ring-deg-170{background:conic-gradient(var(--ring-progress-color,var(--green)) 170deg,#27313d 170deg)}
.ring-deg-171{background:conic-gradient(var(--ring-progress-color,var(--green)) 171deg,#27313d 171deg)}
.ring-deg-172{background:conic-gradient(var(--ring-progress-color,var(--green)) 172deg,#27313d 172deg)}
.ring-deg-173{background:conic-gradient(var(--ring-progress-color,var(--green)) 173deg,#27313d 173deg)}
.ring-deg-174{background:conic-gradient(var(--ring-progress-color,var(--green)) 174deg,#27313d 174deg)}
.ring-deg-175{background:conic-gradient(var(--ring-progress-color,var(--green)) 175deg,#27313d 175deg)}
.ring-deg-176{background:conic-gradient(var(--ring-progress-color,var(--green)) 176deg,#27313d 176deg)}
.ring-deg-177{background:conic-gradient(var(--ring-progress-color,var(--green)) 177deg,#27313d 177deg)}
.ring-deg-178{background:conic-gradient(var(--ring-progress-color,var(--green)) 178deg,#27313d 178deg)}
.ring-deg-179{background:conic-gradient(var(--ring-progress-color,var(--green)) 179deg,#27313d 179deg)}
.ring-deg-180{background:conic-gradient(var(--ring-progress-color,var(--green)) 180deg,#27313d 180deg)}
.ring-deg-181{background:conic-gradient(var(--ring-progress-color,var(--green)) 181deg,#27313d 181deg)}
.ring-deg-182{background:conic-gradient(var(--ring-progress-color,var(--green)) 182deg,#27313d 182deg)}
.ring-deg-183{background:conic-gradient(var(--ring-progress-color,var(--green)) 183deg,#27313d 183deg)}
.ring-deg-184{background:conic-gradient(var(--ring-progress-color,var(--green)) 184deg,#27313d 184deg)}
.ring-deg-185{background:conic-gradient(var(--ring-progress-color,var(--green)) 185deg,#27313d 185deg)}
.ring-deg-186{background:conic-gradient(var(--ring-progress-color,var(--green)) 186deg,#27313d 186deg)}
.ring-deg-187{background:conic-gradient(var(--ring-progress-color,var(--green)) 187deg,#27313d 187deg)}
.ring-deg-188{background:conic-gradient(var(--ring-progress-color,var(--green)) 188deg,#27313d 188deg)}
.ring-deg-189{background:conic-gradient(var(--ring-progress-color,var(--green)) 189deg,#27313d 189deg)}
.ring-deg-190{background:conic-gradient(var(--ring-progress-color,var(--green)) 190deg,#27313d 190deg)}
.ring-deg-191{background:conic-gradient(var(--ring-progress-color,var(--green)) 191deg,#27313d 191deg)}
.ring-deg-192{background:conic-gradient(var(--ring-progress-color,var(--green)) 192deg,#27313d 192deg)}
.ring-deg-193{background:conic-gradient(var(--ring-progress-color,var(--green)) 193deg,#27313d 193deg)}
.ring-deg-194{background:conic-gradient(var(--ring-progress-color,var(--green)) 194deg,#27313d 194deg)}
.ring-deg-195{background:conic-gradient(var(--ring-progress-color,var(--green)) 195deg,#27313d 195deg)}
.ring-deg-196{background:conic-gradient(var(--ring-progress-color,var(--green)) 196deg,#27313d 196deg)}
.ring-deg-197{background:conic-gradient(var(--ring-progress-color,var(--green)) 197deg,#27313d 197deg)}
.ring-deg-198{background:conic-gradient(var(--ring-progress-color,var(--green)) 198deg,#27313d 198deg)}
.ring-deg-199{background:conic-gradient(var(--ring-progress-color,var(--green)) 199deg,#27313d 199deg)}
.ring-deg-200{background:conic-gradient(var(--ring-progress-color,var(--green)) 200deg,#27313d 200deg)}
.ring-deg-201{background:conic-gradient(var(--ring-progress-color,var(--green)) 201deg,#27313d 201deg)}
.ring-deg-202{background:conic-gradient(var(--ring-progress-color,var(--green)) 202deg,#27313d 202deg)}
.ring-deg-203{background:conic-gradient(var(--ring-progress-color,var(--green)) 203deg,#27313d 203deg)}
.ring-deg-204{background:conic-gradient(var(--ring-progress-color,var(--green)) 204deg,#27313d 204deg)}
.ring-deg-205{background:conic-gradient(var(--ring-progress-color,var(--green)) 205deg,#27313d 205deg)}
.ring-deg-206{background:conic-gradient(var(--ring-progress-color,var(--green)) 206deg,#27313d 206deg)}
.ring-deg-207{background:conic-gradient(var(--ring-progress-color,var(--green)) 207deg,#27313d 207deg)}
.ring-deg-208{background:conic-gradient(var(--ring-progress-color,var(--green)) 208deg,#27313d 208deg)}
.ring-deg-209{background:conic-gradient(var(--ring-progress-color,var(--green)) 209deg,#27313d 209deg)}
.ring-deg-210{background:conic-gradient(var(--ring-progress-color,var(--green)) 210deg,#27313d 210deg)}
.ring-deg-211{background:conic-gradient(var(--ring-progress-color,var(--green)) 211deg,#27313d 211deg)}
.ring-deg-212{background:conic-gradient(var(--ring-progress-color,var(--green)) 212deg,#27313d 212deg)}
.ring-deg-213{background:conic-gradient(var(--ring-progress-color,var(--green)) 213deg,#27313d 213deg)}
.ring-deg-214{background:conic-gradient(var(--ring-progress-color,var(--green)) 214deg,#27313d 214deg)}
.ring-deg-215{background:conic-gradient(var(--ring-progress-color,var(--green)) 215deg,#27313d 215deg)}
.ring-deg-216{background:conic-gradient(var(--ring-progress-color,var(--green)) 216deg,#27313d 216deg)}
.ring-deg-217{background:conic-gradient(var(--ring-progress-color,var(--green)) 217deg,#27313d 217deg)}
.ring-deg-218{background:conic-gradient(var(--ring-progress-color,var(--green)) 218deg,#27313d 218deg)}
.ring-deg-219{background:conic-gradient(var(--ring-progress-color,var(--green)) 219deg,#27313d 219deg)}
.ring-deg-220{background:conic-gradient(var(--ring-progress-color,var(--green)) 220deg,#27313d 220deg)}
.ring-deg-221{background:conic-gradient(var(--ring-progress-color,var(--green)) 221deg,#27313d 221deg)}
.ring-deg-222{background:conic-gradient(var(--ring-progress-color,var(--green)) 222deg,#27313d 222deg)}
.ring-deg-223{background:conic-gradient(var(--ring-progress-color,var(--green)) 223deg,#27313d 223deg)}
.ring-deg-224{background:conic-gradient(var(--ring-progress-color,var(--green)) 224deg,#27313d 224deg)}
.ring-deg-225{background:conic-gradient(var(--ring-progress-color,var(--green)) 225deg,#27313d 225deg)}
.ring-deg-226{background:conic-gradient(var(--ring-progress-color,var(--green)) 226deg,#27313d 226deg)}
.ring-deg-227{background:conic-gradient(var(--ring-progress-color,var(--green)) 227deg,#27313d 227deg)}
.ring-deg-228{background:conic-gradient(var(--ring-progress-color,var(--green)) 228deg,#27313d 228deg)}
.ring-deg-229{background:conic-gradient(var(--ring-progress-color,var(--green)) 229deg,#27313d 229deg)}
.ring-deg-230{background:conic-gradient(var(--ring-progress-color,var(--green)) 230deg,#27313d 230deg)}
.ring-deg-231{background:conic-gradient(var(--ring-progress-color,var(--green)) 231deg,#27313d 231deg)}
.ring-deg-232{background:conic-gradient(var(--ring-progress-color,var(--green)) 232deg,#27313d 232deg)}
.ring-deg-233{background:conic-gradient(var(--ring-progress-color,var(--green)) 233deg,#27313d 233deg)}
.ring-deg-234{background:conic-gradient(var(--ring-progress-color,var(--green)) 234deg,#27313d 234deg)}
.ring-deg-235{background:conic-gradient(var(--ring-progress-color,var(--green)) 235deg,#27313d 235deg)}
.ring-deg-236{background:conic-gradient(var(--ring-progress-color,var(--green)) 236deg,#27313d 236deg)}
.ring-deg-237{background:conic-gradient(var(--ring-progress-color,var(--green)) 237deg,#27313d 237deg)}
.ring-deg-238{background:conic-gradient(var(--ring-progress-color,var(--green)) 238deg,#27313d 238deg)}
.ring-deg-239{background:conic-gradient(var(--ring-progress-color,var(--green)) 239deg,#27313d 239deg)}
.ring-deg-240{background:conic-gradient(var(--ring-progress-color,var(--green)) 240deg,#27313d 240deg)}
.ring-deg-241{background:conic-gradient(var(--ring-progress-color,var(--green)) 241deg,#27313d 241deg)}
.ring-deg-242{background:conic-gradient(var(--ring-progress-color,var(--green)) 242deg,#27313d 242deg)}
.ring-deg-243{background:conic-gradient(var(--ring-progress-color,var(--green)) 243deg,#27313d 243deg)}
.ring-deg-244{background:conic-gradient(var(--ring-progress-color,var(--green)) 244deg,#27313d 244deg)}
.ring-deg-245{background:conic-gradient(var(--ring-progress-color,var(--green)) 245deg,#27313d 245deg)}
.ring-deg-246{background:conic-gradient(var(--ring-progress-color,var(--green)) 246deg,#27313d 246deg)}
.ring-deg-247{background:conic-gradient(var(--ring-progress-color,var(--green)) 247deg,#27313d 247deg)}
.ring-deg-248{background:conic-gradient(var(--ring-progress-color,var(--green)) 248deg,#27313d 248deg)}
.ring-deg-249{background:conic-gradient(var(--ring-progress-color,var(--green)) 249deg,#27313d 249deg)}
.ring-deg-250{background:conic-gradient(var(--ring-progress-color,var(--green)) 250deg,#27313d 250deg)}
.ring-deg-251{background:conic-gradient(var(--ring-progress-color,var(--green)) 251deg,#27313d 251deg)}
.ring-deg-252{background:conic-gradient(var(--ring-progress-color,var(--green)) 252deg,#27313d 252deg)}
.ring-deg-253{background:conic-gradient(var(--ring-progress-color,var(--green)) 253deg,#27313d 253deg)}
.ring-deg-254{background:conic-gradient(var(--ring-progress-color,var(--green)) 254deg,#27313d 254deg)}
.ring-deg-255{background:conic-gradient(var(--ring-progress-color,var(--green)) 255deg,#27313d 255deg)}
.ring-deg-256{background:conic-gradient(var(--ring-progress-color,var(--green)) 256deg,#27313d 256deg)}
.ring-deg-257{background:conic-gradient(var(--ring-progress-color,var(--green)) 257deg,#27313d 257deg)}
.ring-deg-258{background:conic-gradient(var(--ring-progress-color,var(--green)) 258deg,#27313d 258deg)}
.ring-deg-259{background:conic-gradient(var(--ring-progress-color,var(--green)) 259deg,#27313d 259deg)}
.ring-deg-260{background:conic-gradient(var(--ring-progress-color,var(--green)) 260deg,#27313d 260deg)}
.ring-deg-261{background:conic-gradient(var(--ring-progress-color,var(--green)) 261deg,#27313d 261deg)}
.ring-deg-262{background:conic-gradient(var(--ring-progress-color,var(--green)) 262deg,#27313d 262deg)}
.ring-deg-263{background:conic-gradient(var(--ring-progress-color,var(--green)) 263deg,#27313d 263deg)}
.ring-deg-264{background:conic-gradient(var(--ring-progress-color,var(--green)) 264deg,#27313d 264deg)}
.ring-deg-265{background:conic-gradient(var(--ring-progress-color,var(--green)) 265deg,#27313d 265deg)}
.ring-deg-266{background:conic-gradient(var(--ring-progress-color,var(--green)) 266deg,#27313d 266deg)}
.ring-deg-267{background:conic-gradient(var(--ring-progress-color,var(--green)) 267deg,#27313d 267deg)}
.ring-deg-268{background:conic-gradient(var(--ring-progress-color,var(--green)) 268deg,#27313d 268deg)}
.ring-deg-269{background:conic-gradient(var(--ring-progress-color,var(--green)) 269deg,#27313d 269deg)}
.ring-deg-270{background:conic-gradient(var(--ring-progress-color,var(--green)) 270deg,#27313d 270deg)}
.ring-deg-271{background:conic-gradient(var(--ring-progress-color,var(--green)) 271deg,#27313d 271deg)}
.ring-deg-272{background:conic-gradient(var(--ring-progress-color,var(--green)) 272deg,#27313d 272deg)}
.ring-deg-273{background:conic-gradient(var(--ring-progress-color,var(--green)) 273deg,#27313d 273deg)}
.ring-deg-274{background:conic-gradient(var(--ring-progress-color,var(--green)) 274deg,#27313d 274deg)}
.ring-deg-275{background:conic-gradient(var(--ring-progress-color,var(--green)) 275deg,#27313d 275deg)}
.ring-deg-276{background:conic-gradient(var(--ring-progress-color,var(--green)) 276deg,#27313d 276deg)}
.ring-deg-277{background:conic-gradient(var(--ring-progress-color,var(--green)) 277deg,#27313d 277deg)}
.ring-deg-278{background:conic-gradient(var(--ring-progress-color,var(--green)) 278deg,#27313d 278deg)}
.ring-deg-279{background:conic-gradient(var(--ring-progress-color,var(--green)) 279deg,#27313d 279deg)}
.ring-deg-280{background:conic-gradient(var(--ring-progress-color,var(--green)) 280deg,#27313d 280deg)}
.ring-deg-281{background:conic-gradient(var(--ring-progress-color,var(--green)) 281deg,#27313d 281deg)}
.ring-deg-282{background:conic-gradient(var(--ring-progress-color,var(--green)) 282deg,#27313d 282deg)}
.ring-deg-283{background:conic-gradient(var(--ring-progress-color,var(--green)) 283deg,#27313d 283deg)}
.ring-deg-284{background:conic-gradient(var(--ring-progress-color,var(--green)) 284deg,#27313d 284deg)}
.ring-deg-285{background:conic-gradient(var(--ring-progress-color,var(--green)) 285deg,#27313d 285deg)}
.ring-deg-286{background:conic-gradient(var(--ring-progress-color,var(--green)) 286deg,#27313d 286deg)}
.ring-deg-287{background:conic-gradient(var(--ring-progress-color,var(--green)) 287deg,#27313d 287deg)}
.ring-deg-288{background:conic-gradient(var(--ring-progress-color,var(--green)) 288deg,#27313d 288deg)}
.ring-deg-289{background:conic-gradient(var(--ring-progress-color,var(--green)) 289deg,#27313d 289deg)}
.ring-deg-290{background:conic-gradient(var(--ring-progress-color,var(--green)) 290deg,#27313d 290deg)}
.ring-deg-291{background:conic-gradient(var(--ring-progress-color,var(--green)) 291deg,#27313d 291deg)}
.ring-deg-292{background:conic-gradient(var(--ring-progress-color,var(--green)) 292deg,#27313d 292deg)}
.ring-deg-293{background:conic-gradient(var(--ring-progress-color,var(--green)) 293deg,#27313d 293deg)}
.ring-deg-294{background:conic-gradient(var(--ring-progress-color,var(--green)) 294deg,#27313d 294deg)}
.ring-deg-295{background:conic-gradient(var(--ring-progress-color,var(--green)) 295deg,#27313d 295deg)}
.ring-deg-296{background:conic-gradient(var(--ring-progress-color,var(--green)) 296deg,#27313d 296deg)}
.ring-deg-297{background:conic-gradient(var(--ring-progress-color,var(--green)) 297deg,#27313d 297deg)}
.ring-deg-298{background:conic-gradient(var(--ring-progress-color,var(--green)) 298deg,#27313d 298deg)}
.ring-deg-299{background:conic-gradient(var(--ring-progress-color,var(--green)) 299deg,#27313d 299deg)}
.ring-deg-300{background:conic-gradient(var(--ring-progress-color,var(--green)) 300deg,#27313d 300deg)}
.ring-deg-301{background:conic-gradient(var(--ring-progress-color,var(--green)) 301deg,#27313d 301deg)}
.ring-deg-302{background:conic-gradient(var(--ring-progress-color,var(--green)) 302deg,#27313d 302deg)}
.ring-deg-303{background:conic-gradient(var(--ring-progress-color,var(--green)) 303deg,#27313d 303deg)}
.ring-deg-304{background:conic-gradient(var(--ring-progress-color,var(--green)) 304deg,#27313d 304deg)}
.ring-deg-305{background:conic-gradient(var(--ring-progress-color,var(--green)) 305deg,#27313d 305deg)}
.ring-deg-306{background:conic-gradient(var(--ring-progress-color,var(--green)) 306deg,#27313d 306deg)}
.ring-deg-307{background:conic-gradient(var(--ring-progress-color,var(--green)) 307deg,#27313d 307deg)}
.ring-deg-308{background:conic-gradient(var(--ring-progress-color,var(--green)) 308deg,#27313d 308deg)}
.ring-deg-309{background:conic-gradient(var(--ring-progress-color,var(--green)) 309deg,#27313d 309deg)}
.ring-deg-310{background:conic-gradient(var(--ring-progress-color,var(--green)) 310deg,#27313d 310deg)}
.ring-deg-311{background:conic-gradient(var(--ring-progress-color,var(--green)) 311deg,#27313d 311deg)}
.ring-deg-312{background:conic-gradient(var(--ring-progress-color,var(--green)) 312deg,#27313d 312deg)}
.ring-deg-313{background:conic-gradient(var(--ring-progress-color,var(--green)) 313deg,#27313d 313deg)}
.ring-deg-314{background:conic-gradient(var(--ring-progress-color,var(--green)) 314deg,#27313d 314deg)}
.ring-deg-315{background:conic-gradient(var(--ring-progress-color,var(--green)) 315deg,#27313d 315deg)}
.ring-deg-316{background:conic-gradient(var(--ring-progress-color,var(--green)) 316deg,#27313d 316deg)}
.ring-deg-317{background:conic-gradient(var(--ring-progress-color,var(--green)) 317deg,#27313d 317deg)}
.ring-deg-318{background:conic-gradient(var(--ring-progress-color,var(--green)) 318deg,#27313d 318deg)}
.ring-deg-319{background:conic-gradient(var(--ring-progress-color,var(--green)) 319deg,#27313d 319deg)}
.ring-deg-320{background:conic-gradient(var(--ring-progress-color,var(--green)) 320deg,#27313d 320deg)}
.ring-deg-321{background:conic-gradient(var(--ring-progress-color,var(--green)) 321deg,#27313d 321deg)}
.ring-deg-322{background:conic-gradient(var(--ring-progress-color,var(--green)) 322deg,#27313d 322deg)}
.ring-deg-323{background:conic-gradient(var(--ring-progress-color,var(--green)) 323deg,#27313d 323deg)}
.ring-deg-324{background:conic-gradient(var(--ring-progress-color,var(--green)) 324deg,#27313d 324deg)}
.ring-deg-325{background:conic-gradient(var(--ring-progress-color,var(--green)) 325deg,#27313d 325deg)}
.ring-deg-326{background:conic-gradient(var(--ring-progress-color,var(--green)) 326deg,#27313d 326deg)}
.ring-deg-327{background:conic-gradient(var(--ring-progress-color,var(--green)) 327deg,#27313d 327deg)}
.ring-deg-328{background:conic-gradient(var(--ring-progress-color,var(--green)) 328deg,#27313d 328deg)}
.ring-deg-329{background:conic-gradient(var(--ring-progress-color,var(--green)) 329deg,#27313d 329deg)}
.ring-deg-330{background:conic-gradient(var(--ring-progress-color,var(--green)) 330deg,#27313d 330deg)}
.ring-deg-331{background:conic-gradient(var(--ring-progress-color,var(--green)) 331deg,#27313d 331deg)}
.ring-deg-332{background:conic-gradient(var(--ring-progress-color,var(--green)) 332deg,#27313d 332deg)}
.ring-deg-333{background:conic-gradient(var(--ring-progress-color,var(--green)) 333deg,#27313d 333deg)}
.ring-deg-334{background:conic-gradient(var(--ring-progress-color,var(--green)) 334deg,#27313d 334deg)}
.ring-deg-335{background:conic-gradient(var(--ring-progress-color,var(--green)) 335deg,#27313d 335deg)}
.ring-deg-336{background:conic-gradient(var(--ring-progress-color,var(--green)) 336deg,#27313d 336deg)}
.ring-deg-337{background:conic-gradient(var(--ring-progress-color,var(--green)) 337deg,#27313d 337deg)}
.ring-deg-338{background:conic-gradient(var(--ring-progress-color,var(--green)) 338deg,#27313d 338deg)}
.ring-deg-339{background:conic-gradient(var(--ring-progress-color,var(--green)) 339deg,#27313d 339deg)}
.ring-deg-340{background:conic-gradient(var(--ring-progress-color,var(--green)) 340deg,#27313d 340deg)}
.ring-deg-341{background:conic-gradient(var(--ring-progress-color,var(--green)) 341deg,#27313d 341deg)}
.ring-deg-342{background:conic-gradient(var(--ring-progress-color,var(--green)) 342deg,#27313d 342deg)}
.ring-deg-343{background:conic-gradient(var(--ring-progress-color,var(--green)) 343deg,#27313d 343deg)}
.ring-deg-344{background:conic-gradient(var(--ring-progress-color,var(--green)) 344deg,#27313d 344deg)}
.ring-deg-345{background:conic-gradient(var(--ring-progress-color,var(--green)) 345deg,#27313d 345deg)}
.ring-deg-346{background:conic-gradient(var(--ring-progress-color,var(--green)) 346deg,#27313d 346deg)}
.ring-deg-347{background:conic-gradient(var(--ring-progress-color,var(--green)) 347deg,#27313d 347deg)}
.ring-deg-348{background:conic-gradient(var(--ring-progress-color,var(--green)) 348deg,#27313d 348deg)}
.ring-deg-349{background:conic-gradient(var(--ring-progress-color,var(--green)) 349deg,#27313d 349deg)}
.ring-deg-350{background:conic-gradient(var(--ring-progress-color,var(--green)) 350deg,#27313d 350deg)}
.ring-deg-351{background:conic-gradient(var(--ring-progress-color,var(--green)) 351deg,#27313d 351deg)}
.ring-deg-352{background:conic-gradient(var(--ring-progress-color,var(--green)) 352deg,#27313d 352deg)}
.ring-deg-353{background:conic-gradient(var(--ring-progress-color,var(--green)) 353deg,#27313d 353deg)}
.ring-deg-354{background:conic-gradient(var(--ring-progress-color,var(--green)) 354deg,#27313d 354deg)}
.ring-deg-355{background:conic-gradient(var(--ring-progress-color,var(--green)) 355deg,#27313d 355deg)}
.ring-deg-356{background:conic-gradient(var(--ring-progress-color,var(--green)) 356deg,#27313d 356deg)}
.ring-deg-357{background:conic-gradient(var(--ring-progress-color,var(--green)) 357deg,#27313d 357deg)}
.ring-deg-358{background:conic-gradient(var(--ring-progress-color,var(--green)) 358deg,#27313d 358deg)}
.ring-deg-359{background:conic-gradient(var(--ring-progress-color,var(--green)) 359deg,#27313d 359deg)}
.ring-deg-360{background:conic-gradient(var(--ring-progress-color,var(--green)) 360deg,#27313d 360deg)}
.bar-h-2{height:2%}
.bar-h-3{height:3%}
.bar-h-4{height:4%}
.bar-h-5{height:5%}
.bar-h-6{height:6%}
.bar-h-7{height:7%}
.bar-h-8{height:8%}
.bar-h-9{height:9%}
.bar-h-10{height:10%}
.bar-h-11{height:11%}
.bar-h-12{height:12%}
.bar-h-13{height:13%}
.bar-h-14{height:14%}
.bar-h-15{height:15%}
.bar-h-16{height:16%}
.bar-h-17{height:17%}
.bar-h-18{height:18%}
.bar-h-19{height:19%}
.bar-h-20{height:20%}
.bar-h-21{height:21%}
.bar-h-22{height:22%}
.bar-h-23{height:23%}
.bar-h-24{height:24%}
.bar-h-25{height:25%}
.bar-h-26{height:26%}
.bar-h-27{height:27%}
.bar-h-28{height:28%}
.bar-h-29{height:29%}
.bar-h-30{height:30%}
.bar-h-31{height:31%}
.bar-h-32{height:32%}
.bar-h-33{height:33%}
.bar-h-34{height:34%}
.bar-h-35{height:35%}
.bar-h-36{height:36%}
.bar-h-37{height:37%}
.bar-h-38{height:38%}
.bar-h-39{height:39%}
.bar-h-40{height:40%}
.bar-h-41{height:41%}
.bar-h-42{height:42%}
.bar-h-43{height:43%}
.bar-h-44{height:44%}
.bar-h-45{height:45%}
.bar-h-46{height:46%}
.bar-h-47{height:47%}
.bar-h-48{height:48%}
.bar-h-49{height:49%}
.bar-h-50{height:50%}
.bar-h-51{height:51%}
.bar-h-52{height:52%}
.bar-h-53{height:53%}
.bar-h-54{height:54%}
.bar-h-55{height:55%}
.bar-h-56{height:56%}
.bar-h-57{height:57%}
.bar-h-58{height:58%}
.bar-h-59{height:59%}
.bar-h-60{height:60%}
.bar-h-61{height:61%}
.bar-h-62{height:62%}
.bar-h-63{height:63%}
.bar-h-64{height:64%}
.bar-h-65{height:65%}
.bar-h-66{height:66%}
.bar-h-67{height:67%}
.bar-h-68{height:68%}
.bar-h-69{height:69%}
.bar-h-70{height:70%}
.bar-h-71{height:71%}
.bar-h-72{height:72%}
.bar-h-73{height:73%}
.bar-h-74{height:74%}
.bar-h-75{height:75%}
.bar-h-76{height:76%}
.bar-h-77{height:77%}
.bar-h-78{height:78%}
.bar-h-79{height:79%}
.bar-h-80{height:80%}
.bar-h-81{height:81%}
.bar-h-82{height:82%}
.bar-h-83{height:83%}
.bar-h-84{height:84%}
.bar-h-85{height:85%}
.bar-h-86{height:86%}
.bar-h-87{height:87%}
.bar-h-88{height:88%}
.bar-h-89{height:89%}
.bar-h-90{height:90%}
.bar-h-91{height:91%}
.bar-h-92{height:92%}
.bar-h-93{height:93%}
.bar-h-94{height:94%}
.bar-h-95{height:95%}
.bar-h-96{height:96%}
.bar-h-97{height:97%}
.bar-h-98{height:98%}
.bar-h-99{height:99%}
.bar-h-100{height:100%}


/* BERSERKR V1 — Nutrition simple et utile */
body:not(.data-mode){
  background:#070809!important;
}
body:not(.data-mode) .nutrition-v1-wrap{
  width:min(100%,1080px)!important;
  max-width:1080px!important;
  margin:0 auto!important;
  padding:34px 22px 72px!important;
}
.nutrition-v1-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:16px;
}
.nutrition-v1-eyebrow{
  color:#c61b22;
  font-size:11px;
  font-weight:900;
  letter-spacing:.2em;
}
.nutrition-v1-head h1{
  margin:5px 0 0!important;
  font:700 48px/1 Georgia,"Times New Roman",serif!important;
}
.nutrition-v1-date{
  width:auto!important;
  min-height:42px!important;
  padding:9px 12px!important;
  background:#0c1012!important;
  border:1px solid #30363a!important;
  color:#e8ebec!important;
  font-size:14px!important;
}
.nutrition-v1-toggle{
  display:flex;
  gap:7px;
  margin:18px 0;
}
.nutrition-v1-toggle button{
  min-width:84px;
  min-height:38px!important;
  padding:9px 18px!important;
  border:1px solid #30363a;
  background:#101416;
  color:#899296;
  font-weight:900;
  cursor:pointer;
}
.nutrition-v1-toggle button.active{
  border-color:#a91b21;
  background:#281013;
  color:#fff;
  box-shadow:inset 0 -2px #c61b22;
}
.nutrition-type-native{
  display:none!important;
}
.nutrition-v1-summary{
  position:relative;
  padding:24px!important;
  border:1px solid #292f32;
  border-radius:10px;
  background:rgba(12,15,17,.96);
}
.nutrition-v1-kcal-line{
  display:flex;
  align-items:baseline;
  gap:8px;
}
.nutrition-v1-kcal-line strong{
  font:700 clamp(38px,5vw,58px)/1 Georgia,"Times New Roman",serif;
}
.nutrition-v1-kcal-line>span{
  color:#92999d;
  font-size:16px;
}
.nutrition-v1-remaining{
  margin-top:8px;
  color:#92999d;
  font-size:15px;
}
.nutrition-v1-remaining b{
  color:#f0f2f2;
}
.nutrition-v1-macros{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:20px;
}
.nutrition-v1-macros>div{
  padding:14px 15px;
  border:1px solid #252b2e;
  border-radius:8px;
  background:#090c0d;
}
.nutrition-v1-macros b{
  display:block;
  color:#f0f2f2;
  font-size:20px;
}
.nutrition-v1-macros span{
  display:block;
  margin-top:5px;
  color:#858e92;
  font-size:11px;
}
.nutrition-v1-hidden,
body:not(.data-mode) .nutrition-v1-hidden-data{
  display:none!important;
}
.nutrition-v1-add{
  width:100%;
  min-height:48px!important;
  margin:14px 0 30px;
  border:1px solid #aa1c22!important;
  background:linear-gradient(180deg,#d4242b,#a81116)!important;
  color:#fff!important;
  font-weight:900!important;
  cursor:pointer;
}
.nutrition-v1-meals{
  display:grid;
  gap:14px;
}
.nutrition-meal{
  padding:18px 20px;
  border:1px solid #292f32;
  border-radius:9px;
  background:#0c0f11;
}
.nutrition-meal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
}
.nutrition-meal-head h2{
  margin:0!important;
  color:#f0f2f2;
  font:700 20px/1.1 Georgia,"Times New Roman",serif!important;
}
.nutrition-meal-head>strong{
  color:#aeb5b8;
  font-size:13px;
}
.nutrition-meal-list{
  margin-top:8px;
}
.nutrition-meal-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 34px;
  gap:14px;
  align-items:center;
  padding:12px 0;
  border-top:1px solid #22282b;
}
.nutrition-meal-item>div b{
  display:block;
  font-size:14px;
}
.nutrition-meal-item>div small{
  display:block;
  margin-top:3px;
  color:#80898d;
  font-size:11px;
}
.nutrition-meal-item>strong{
  color:#edf0f1;
  font-size:14px;
  white-space:nowrap;
}
.nutrition-meal-item>strong small{
  color:#7d8589;
  font-size:10px;
}
.nutrition-meal-delete{
  min-height:32px!important;
  height:32px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#747d81!important;
  font-size:21px!important;
  cursor:pointer;
}
.nutrition-meal-delete:hover{
  color:#e75b60!important;
}
.nutrition-meal-add{
  min-height:34px!important;
  margin-top:7px;
  padding:5px 0!important;
  border:0!important;
  background:transparent!important;
  color:#cfd4d6!important;
  font-size:12px!important;
  font-weight:800!important;
  cursor:pointer;
}
.nutrition-meal-add:hover{
  color:#e42c33!important;
}
.nutrition-modal[hidden]{
  display:none!important;
}
.nutrition-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:18px;
}
.nutrition-modal-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(0,0,0,.76)!important;
  cursor:default;
}
.nutrition-modal-dialog{
  position:relative;
  z-index:1;
  width:min(100%,720px);
  max-height:min(88dvh,900px);
  overflow:auto;
  border:1px solid #30373a;
  border-radius:12px;
  background:#0b0e10;
  box-shadow:0 30px 90px rgba(0,0,0,.58);
}
.nutrition-modal-head{
  position:sticky;
  top:0;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 20px;
  border-bottom:1px solid #292f32;
  background:rgba(11,14,16,.98);
}
.nutrition-modal-head h2{
  margin:0!important;
  font-size:25px!important;
}
.nutrition-modal-close{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#90999d!important;
  font-size:28px!important;
  line-height:1!important;
  cursor:pointer;
}
.nutrition-modal-close:hover,
.nutrition-modal-close:focus-visible{
  border-color:#343c40!important;
  background:#151a1d!important;
  color:#fff!important;
  outline:none;
}
.nutrition-modal-body{
  margin:0!important;
  padding:20px!important;
  border-radius:0!important;
  background:transparent!important;
}
.nutrition-modal .searchrow{
  grid-template-columns:minmax(0,1fr) auto!important;
}
.nutrition-modal .food-results{
  max-height:310px;
}
.nutrition-modal .selected-food{
  margin-top:14px;
}
.nutrition-modal .addergrid{
  margin-top:12px;
}
.nutrition-modal-add{
  width:100%;
  margin-top:12px;
}
.nutrition-modal .cloudstatus:empty{
  display:none;
}
body.nutrition-modal-open{
  overflow:hidden!important;
}
@media(max-width:700px){
  body:not(.data-mode) .nutrition-v1-wrap{
    padding:24px 12px 58px!important;
  }
  .nutrition-v1-head{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }
  .nutrition-v1-head h1{
    font-size:42px!important;
  }
  .nutrition-v1-date{
    width:100%!important;
  }
  .nutrition-v1-toggle{
    width:100%;
  }
  .nutrition-v1-toggle button{
    flex:1;
  }
  .nutrition-v1-summary{
    padding:18px!important;
  }
  .nutrition-v1-kcal-line strong{
    font-size:38px;
  }
  .nutrition-v1-macros{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .nutrition-v1-macros>div{
    padding:12px 8px;
    text-align:center;
  }
  .nutrition-v1-macros b{
    font-size:17px!important;
  }
  .nutrition-v1-macros span{
    font-size:10px!important;
  }
  .nutrition-meal{
    padding:16px 14px;
  }
  .nutrition-modal{
    padding:8px;
    align-items:end;
  }
  .nutrition-modal-dialog{
    width:100%;
    max-height:94dvh;
    border-radius:14px 14px 8px 8px;
  }
  .nutrition-modal-head{
    padding:15px 16px;
  }
  .nutrition-modal-body{
    padding:16px!important;
  }
  .nutrition-modal .searchrow{
    grid-template-columns:1fr!important;
  }
  .nutrition-modal .addergrid{
    grid-template-columns:1fr 90px!important;
  }
  .nutrition-modal .addergrid #meal{
    grid-column:1/-1;
  }
  .nutrition-modal .manual-grid{
    grid-template-columns:1fr!important;
  }
  .nutrition-modal .manual-grid .wide{
    grid-column:auto!important;
  }
}
