.iphone .photo-plein{width:100%;height:100%;position:relative}.iphone .photo-plein img{object-fit:cover}.iphone .vue-camera{background:#2a1b10;flex:1;position:relative}.iphone .cadre-viseur{z-index:3;position:absolute;inset:20% 7% 30%}.iphone .cadre-viseur .viseur i{width:26px;height:26px}.iphone .fermer-camera{z-index:4;color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;display:grid;position:absolute;top:50px;left:14px}.iphone .analyse{z-index:4;color:var(--blanc);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:10px;display:flex;position:absolute;bottom:116px;left:50%;transform:translate(-50%)}.iphone .analyse .rond-anime{border:2px solid var(--orange);border-top-color:#0000;border-radius:50%;width:9px;height:9px;animation:1s linear infinite tourne}@keyframes tourne{to{transform:rotate(360deg)}}.iphone .commandes-camera{z-index:4;justify-content:center;display:flex;position:absolute;bottom:34px;left:0;right:0}.iphone .declencheur{border:4px solid #fff;border-radius:50%;place-items:center;width:62px;height:62px;display:grid}.iphone .declencheur:after{content:"";background:var(--orange);border-radius:50%;width:48px;height:48px}.iphone .photo-haut{flex-shrink:0;height:34%;position:relative}.iphone .photo-haut .boutons{z-index:3;position:absolute;top:50px;left:14px}.iphone .rond{background:var(--blanc);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.iphone .feuille{z-index:2;background:#f4f2ee;border-radius:20px 20px 0 0;flex-direction:column;flex:1;gap:8px;margin-top:-20px;padding:14px 12px 26px;display:flex;position:relative}.iphone .tete-resultat{color:var(--gris);justify-content:space-between;align-items:center;font-size:11px;display:flex}.iphone .tete-resultat i{color:var(--orange-fonce);background:var(--orange-pale);border-radius:99px;padding:3px 8px;font-size:10px;font-style:normal;font-weight:600}.iphone .total{align-items:baseline;gap:4px;display:flex}.iphone .total b{letter-spacing:-.03em;color:var(--noir);font-size:38px;font-weight:800;line-height:1}.iphone .total span{color:var(--gris);font-size:12px}.iphone .tuiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.iphone .tuile{background:var(--blanc);border-radius:10px;gap:1px;min-width:0;padding:7px 8px;display:grid}.iphone .tuile span{color:var(--gris);font-size:9px}.iphone .tuile b{font-size:14px;font-weight:700}.iphone .portions{background:var(--blanc);border-radius:12px;gap:9px;padding:8px 9px;display:grid}.iphone .portions>div{gap:5px;display:grid}.iphone .portions>div+div{border-top:1px solid var(--ligne);padding-top:8px}.iphone .portions p{justify-content:space-between;align-items:baseline;margin:0;font-size:11px;display:flex}.iphone .portions small{color:var(--gris);font-size:9.5px}.iphone .tailles{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.iphone .tailles span{text-align:center;background:var(--fond-doux);color:var(--gris);border-radius:7px;padding:5px 0;font-size:9.5px}.iphone .tailles span.actif{background:var(--noir);color:var(--blanc);font-weight:600}.iphone .ajouter-repas{background:var(--noir);color:var(--blanc);text-align:center;border-radius:12px;margin-top:auto;padding:11px;font-size:12px;font-weight:700}.iphone .accueil-maquette,.iphone .repas-maquette,.iphone .coach-maquette{background:#f4f2ee;flex-direction:column;flex:1;gap:8px;padding:2px 12px 70px;display:flex;position:relative}.iphone .tete-maquette{justify-content:space-between;align-items:center;display:flex}.iphone .tete-maquette small{color:var(--gris);font-size:10px;display:block}.iphone .tete-maquette b{letter-spacing:-.02em;font-size:19px;font-weight:800}.iphone .avatar-maquette{background:var(--noir);width:28px;height:28px;color:var(--blanc);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.iphone .lien-maquette{color:var(--orange-fonce);font-size:10.5px;font-weight:600}.iphone .carte-blanche{background:var(--blanc);border-radius:14px;gap:6px;padding:9px 10px;display:grid}.iphone .carte-blanche>p{justify-content:space-between;align-items:baseline;margin:0;font-size:11.5px;display:flex}.iphone .carte-blanche>p span{color:var(--orange-fonce);font-size:10px;font-weight:600}.iphone .carte-blanche small{color:var(--gris);font-size:9.5px}.iphone .carte-noire{background:var(--noir);color:var(--blanc);border-radius:16px;padding:12px}.iphone .vignette{border-radius:8px;flex-shrink:0;width:30px;height:30px;position:relative;overflow:hidden}.iphone .vignette img{object-fit:cover}.iphone .onglets-maquette{background:var(--blanc);border-top:1px solid var(--ligne);z-index:5;grid-template-columns:repeat(5,1fr);align-items:center;height:58px;padding:0 6px 12px;display:grid;position:absolute;bottom:0;left:0;right:0}.iphone .onglets-maquette>span{color:var(--gris-doux);justify-items:center;gap:1px;font-size:7.5px;display:grid}.iphone .onglets-maquette>span.actif{color:var(--noir);font-weight:700}.iphone .onglets-maquette svg{width:16px;height:16px}.iphone .onglets-maquette .scan-maquette{background:var(--orange);width:42px;height:42px;color:var(--noir);border-radius:50%;place-items:center;margin:-22px auto 0;display:grid;box-shadow:0 8px 18px -6px #c2410c99}.iphone .onglets-maquette .scan-maquette svg{width:20px;height:20px}.iphone .carte-noire:not(.seance){grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.iphone .anneau-jour{width:84px;height:84px;position:relative}.iphone .anneau-jour .anneau{width:84px;height:84px}.iphone .anneau-jour div{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.iphone .anneau-jour b{font-size:20px;font-weight:800;line-height:1}.iphone .anneau-jour small{color:#bdbdbd;font-size:7.5px}.iphone .barres-jour{gap:6px;display:grid}.iphone .barres-jour>small{color:#9a9a9a;font-size:9px}.iphone .barres-jour p{justify-content:space-between;margin:0 0 3px;font-size:9px;display:flex}.iphone .barres-jour p span:first-child{font-weight:700}.iphone .barres-jour .barre{background:#2b2b2b;border-radius:4px;height:4px;display:block;overflow:hidden}.iphone .barres-jour .barre i{background:var(--orange);border-radius:4px;width:0;height:100%;transition:width 1.4s cubic-bezier(.2,.8,.2,1);display:block}.iphone .deux-cartes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.iphone .deux-cartes b{letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1}.iphone .deux-cartes b i{color:var(--gris);margin-left:2px;font-size:10px;font-style:normal;font-weight:500}.iphone .verres{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.iphone .verres span{background:#e4ecf5;border-radius:3px;height:16px}.iphone .verres span.plein{background:#6ea8e0}.iphone .plan-jour>div,.iphone .moment>div{align-items:center;gap:8px;font-size:10.5px;display:flex}.iphone .plan-jour>div b,.iphone .moment>div b{flex:1;font-size:10.5px}.iphone .plan-jour>div small{color:var(--noir);font-size:10px;font-weight:600}.iphone .plan-jour .prevu,.iphone .moment .prevu{opacity:.5}.iphone .jours-maquette{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.iphone .jours-maquette span{background:var(--blanc);color:var(--gris);border-radius:10px;justify-items:center;padding:5px 0;font-size:8.5px;display:grid}.iphone .jours-maquette b{color:var(--noir);font-size:12px}.iphone .jours-maquette .auj{background:var(--noir);color:#bdbdbd}.iphone .jours-maquette .auj b{color:var(--blanc)}.iphone .recherche-maquette{background:var(--blanc);color:var(--gris);border-radius:10px;padding:8px 10px;font-size:10px}.iphone .moment>div>span:not(.vignette){flex:1;display:grid}.iphone .moment>div em{font-size:10.5px;font-style:normal;font-weight:700}.iphone .ajouter-moment{border:1px dashed var(--ligne-forte);text-align:center;color:var(--gris);border-radius:9px;padding:6px;font-size:9.5px}.iphone .seance{gap:3px;display:grid}.iphone .seance small{color:#bdbdbd;font-size:9.5px}.iphone .seance b{letter-spacing:-.02em;font-size:17px;font-weight:800}.iphone .seance .commencer{background:var(--orange);color:var(--noir);text-align:center;border-radius:10px;margin-top:6px;padding:8px;font-size:11px;font-weight:700}.iphone .semaine>div{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.iphone .semaine>div span{color:var(--gris);background:#f4f2ee;border-radius:9px;justify-items:center;gap:1px;padding:5px 0;font-size:8.5px;display:grid}.iphone .semaine>div i{color:var(--noir);font-size:9px;font-style:normal}.iphone .semaine>div .fait{background:var(--noir);color:#bdbdbd}.iphone .semaine>div .fait i{color:var(--orange)}.iphone .semaine>div .auj{outline:1.5px solid var(--orange)}.iphone .mot-coach{background:var(--orange-pale);border-radius:14px;gap:4px;padding:10px;display:grid}.iphone .mot-coach b{font-size:11px}.iphone .mot-coach p{color:var(--encre);margin:0;font-size:10px;line-height:1.45}.iphone .programme>div{border-top:1px solid var(--ligne);justify-content:space-between;padding-top:5px;font-size:10px;display:flex}.iphone .programme>div span:last-child{color:var(--gris)}.iphone .objectif{background:#f4f2ee;flex-direction:column;flex:1;gap:10px;padding:4px 16px 28px;display:flex}.iphone .objectif .progression{background:var(--ligne);border-radius:4px;height:4px}.iphone .objectif .progression i{background:var(--orange);border-radius:4px;width:100%;height:100%;display:block}.iphone .surtitre-maquette{color:var(--orange-fonce);margin-top:4px;font-size:9.5px}.iphone .objectif h4{letter-spacing:-.02em;font-size:21px;line-height:1.08}.iphone .courbe-maquette{background:var(--blanc);border-radius:14px;padding:10px 8px 6px}.iphone .courbe-maquette svg{width:100%;height:auto;display:block;overflow:visible}.iphone .courbe-maquette line{stroke:var(--ligne-forte);stroke-dasharray:3 5}.iphone .courbe-maquette .trait{fill:none;stroke:var(--orange);stroke-width:4px;stroke-linecap:round}.iphone .courbe-maquette circle{stroke:var(--noir);stroke-width:3px;fill:var(--blanc)}.iphone .courbe-maquette circle.arrivee{fill:var(--orange)}.iphone .courbe-maquette text{fill:var(--gris);font-size:13px;font-weight:600}.iphone .courbe-maquette text.fort{fill:var(--noir);font-size:15px;font-weight:800}.iphone .courbe-maquette p{color:var(--gris);justify-content:space-between;margin:4px 6px 0;font-size:8.5px;display:flex}.iphone .objectif .grosse{background:var(--orange);color:var(--noir);border-radius:14px;gap:2px;padding:12px 14px;display:grid}.iphone .objectif .grosse b{letter-spacing:-.03em;font-size:40px;line-height:1.05}.iphone .objectif .grosse small{font-size:10.5px}.iphone .objectif .bouton{margin-top:auto;padding:13px;font-size:14px}.iphone .anneau circle{fill:none;stroke-width:8px}.iphone .anneau .fond-anneau{stroke:#ececec}.iphone .anneau .plein{transform-origin:50%;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.8,.2,1);transform:rotate(-90deg)}
.iphone{--l:290px;--titane-1:#d8d4cc;--titane-2:#9c978d;--titane-3:#f1eee8;--titane-4:#7d786f;width:var(--l);aspect-ratio:71.6/146.6;border-radius:calc(var(--l) * .165);padding:calc(var(--l) * .014);background:linear-gradient(90deg, var(--titane-2), var(--titane-1) 6%, var(--titane-3) 12%, var(--titane-1) 30%, var(--titane-2) 50%, var(--titane-1) 70%, var(--titane-3) 88%, var(--titane-1) 94%, var(--titane-2));box-shadow:inset 0 0 0 1px #ffffff8c, inset 0 0 calc(var(--l) * .008) calc(var(--l) * .002) #00000059, 0 calc(var(--l) * .2) calc(var(--l) * .36) calc(var(--l) * -.1) #0006, 0 calc(var(--l) * .06) calc(var(--l) * .12) calc(var(--l) * -.04) #00000059;flex-shrink:0;position:relative}.iphone.noir{--titane-1:#4a4a4c;--titane-2:#2a2a2c;--titane-3:#6e6e72;--titane-4:#1d1d1f}.iphone.desert{--titane-1:#cbb59a;--titane-2:#9d8467;--titane-3:#e7d6bf;--titane-4:#85704f}.iphone .tranche{width:calc(var(--l) * .012);background:linear-gradient(90deg, var(--titane-4), var(--titane-1) 60%, var(--titane-2));border-radius:2px;position:absolute}.iphone .tranche.action{left:calc(var(--l) * -.009);height:4.6%;top:18%}.iphone .tranche.vol-plus{left:calc(var(--l) * -.009);height:9%;top:26%}.iphone .tranche.vol-moins{left:calc(var(--l) * -.009);height:9%;top:37%}.iphone .tranche.cote{right:calc(var(--l) * -.009);background:linear-gradient(270deg, var(--titane-4), var(--titane-1) 60%, var(--titane-2));height:14%;top:29%}.iphone .lunette{border-radius:calc(var(--l) * .152);width:100%;height:100%;padding:calc(var(--l) * .03);box-shadow:inset 0 0 0 1px #1a1a1a, inset 0 0 0 calc(var(--l) * .006) #0b0b0b;background:#050505}.iphone .ecran{border-radius:calc(var(--l) * .122);background:var(--blanc);isolation:isolate;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.iphone .reflet{z-index:20;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#fff3 0%,#ffffff12 22%,#fff0 38%),linear-gradient(300deg,#ffffff0d 0%,#fff0 20%);position:absolute;inset:0}.iphone .ile{z-index:15;left:50%;top:calc(var(--l) * .034);width:calc(var(--l) * .31);height:calc(var(--l) * .09);background:#000;border-radius:999px;position:absolute;transform:translate(-50%)}.iphone .ile:after{content:"";width:calc(var(--l) * .03);height:calc(var(--l) * .03);background:radial-gradient(circle at 35% 35%,#3a4a6a 0 18%,#11141c 40%,#050505 70%);border-radius:50%;position:absolute;top:50%;right:16%;transform:translateY(-50%);box-shadow:0 0 0 1px #0d0d0d}.iphone .barre-etat{z-index:14;height:calc(var(--l) * .155);padding:calc(var(--l) * .02) calc(var(--l) * .085) 0;font:600 calc(var(--l) * .05) var(--texte);letter-spacing:-.01em;color:var(--noir);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.iphone .barre-etat.claire{color:var(--blanc)}.iphone .barre-etat .icones{align-items:center;gap:calc(var(--l) * .016);display:flex}.iphone .barre-etat svg{height:calc(var(--l) * .038);width:auto;display:block}.iphone .sous-barre{margin-top:calc(var(--l) * -.155)}.iphone .accueil{z-index:15;bottom:calc(var(--l) * .024);width:36%;height:calc(var(--l) * .016);background:#111;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.iphone .accueil.claire{background:#ffffffe6}