.compte-page{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:6rem 2rem 6rem}.compte-page-header{margin-bottom:3.5rem;border-bottom:1px solid var(--bordure);padding-bottom:2rem}.compte-page-title{font-family:var(--font-display);font-size:clamp(2.2rem,6vw,4rem);font-weight:400;line-height:1.1;margin-bottom:1.2rem}.compte-page-intro{font-size:0.95rem;line-height:1.8;color:var(--texte-doux);max-width:640px}.compte-section{margin-bottom:3.5rem}.compte-page .compte-section{padding:0}.compte-page--profil{max-width:1120px;padding-top:5.5rem}.compte-page--profil .back-link{margin-bottom:2rem}.profil{display:grid;grid-template-columns:260px minmax(0,1fr);gap:2.5rem;align-items:start}.profil[hidden]{display:none}.profil-cote{position:sticky;top:6rem;padding:1.6rem 1.2rem;border-radius:var(--rayon-l);background:var(--surface);border:1px solid var(--bordure);text-align:center}.profil-avatar{width:84px;height:84px;border-radius:50%;image-rendering:pixelated;background:var(--surface-haute);border:3px solid var(--accent-fort)}.profil-nom{font-family:var(--font-display);font-size:1.5rem;font-weight:400;line-height:1.15;margin:0.8rem 0 0.2rem;overflow-wrap:anywhere}.profil-rang{font-size:0.8rem;color:var(--texte-faible)}.profil-bourse{display:flex;justify-content:center;align-items:center;gap:0.4rem;margin:1.2rem 0;padding:0.7rem;border-radius:var(--rayon);background:var(--fond);color:var(--texte);font-weight:700;transition:box-shadow var(--transition)}.profil-bourse:hover{box-shadow:inset 0 0 0 1px var(--bordure-forte)}.profil-menu{display:flex;flex-direction:column;gap:0.2rem;text-align:left}.profil-menu [role="tab"]{display:flex;justify-content:space-between;align-items:center;font:inherit;font-size:0.9rem;font-weight:600;text-align:left;padding:0.65rem 0.9rem;border:0;border-radius:var(--rayon-s);background:transparent;color:var(--texte-doux);cursor:pointer;transition:background var(--transition),color var(--transition)}.profil-menu [role="tab"]:hover{background:var(--surface-haute);color:var(--texte)}.profil-menu [role="tab"][aria-selected="true"]{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--texte);box-shadow:inset 3px 0 0 var(--accent)}.profil-menu [role="tab"][hidden]{display:none}.profil-menu [role="tab"]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profil-menu small{font-weight:400;color:var(--texte-faible)}.profil-deco{width:100%;margin-top:1rem}.compte-page .profil-vue{padding:0}.profil-titre{font-family:var(--font-display);font-size:1.8rem;font-weight:400;margin-bottom:1.2rem}.profil-lignes{border-top:1px solid var(--bordure)}.profil-lignes>div{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0.2rem;border-bottom:1px solid var(--bordure)}.profil-lignes>div>span:first-child{font-size:0.9rem;color:var(--texte-doux)}.profil-lignes>div>span:last-child{text-align:right;overflow-wrap:anywhere}.profil-lignes .info-valeur--absente{color:var(--texte-faible)}.profil-note{margin-top:1.2rem;font-size:0.85rem;line-height:1.7;color:var(--texte-faible)}.profil-note a{color:var(--texte-doux)}.profil-email{display:inline-flex;align-items:center;gap:0.5rem}.profil-oeil{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--bordure-forte);background:transparent;color:var(--texte-doux);cursor:pointer}.profil-oeil:hover,.profil-oeil[aria-pressed="true"]{color:var(--texte);border-color:var(--accent)}.profil-bientot{font-size:0.7rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:0.25rem 0.55rem;border-radius:4px;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}.garde{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:1.5rem;align-items:center;margin-bottom:2rem}.garde-cases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.8rem 0.5rem}.garde-case{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.3rem;aspect-ratio:1 / 1.1;padding:12% 10%;font:inherit;color:var(--texte-faible);text-align:center;border:0;cursor:pointer;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,var(--surface-haute),var(--fond));transition:background var(--transition),transform var(--transition)}.garde-case:hover{transform:translateY(-3px)}.garde-case img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--c) 55%,transparent))}.garde-case svg{width:18px;height:18px;opacity:0.55}.garde-case--pleine{color:var(--texte-doux);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 45%,var(--surface-haute)),color-mix(in srgb,var(--c) 12%,var(--fond)))}.garde-case[aria-pressed="true"]{background:linear-gradient(160deg,color-mix(in srgb,var(--c,var(--accent)) 72%,#fff 8%),color-mix(in srgb,var(--c,var(--accent)) 26%,var(--fond)))}.garde-case:focus-visible{outline:none;filter:drop-shadow(0 0 0 2px var(--accent)) brightness(1.15)}.garde-case-nom{font-size:0.8rem;font-weight:600;color:var(--texte);line-height:1.2}.garde-case:not(.garde-case--pleine) .garde-case-nom{color:var(--texte-doux)}.garde-case-etat{font-size:0.6rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}.garde-apercu{display:flex;flex-direction:column;align-items:center;gap:0.7rem}.garde-apercu-titre{font-size:0.65rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--texte-faible)}.garde-apercu-zone{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent) 30%,transparent 70%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent),0 0 40px color-mix(in srgb,var(--accent) 25%,transparent)}.garde-toile{width:100%;height:100%;display:block}.garde-icone{width:50%;height:50%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 10px 18px color-mix(in srgb,var(--c) 55%,transparent))}.garde-apercu-vide{font-size:0.82rem;color:var(--texte-faible);text-align:center;padding:1.5rem}.garde-apercu-nom{font-weight:600;font-size:0.95rem;text-align:center;min-height:1.2em}.garde-cases:empty{min-height:270px}#succes-liste:empty{min-height:60vh}.garde-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0.6rem}.garde-objet{display:flex;align-items:center;gap:0.8rem;padding:0.4rem 1rem 0.4rem 0.4rem;font:inherit;text-align:left;color:var(--texte);background:var(--surface);border:1px solid var(--bordure);border-radius:999px;cursor:pointer;transition:border-color var(--transition)}.garde-objet:hover{border-color:var(--bordure-forte)}.garde-objet[aria-pressed="true"]{border-color:color-mix(in srgb,var(--c) 60%,var(--bordure));background:color-mix(in srgb,var(--c) 10%,var(--surface))}.garde-objet img{width:40px;height:40px;padding:4px;border-radius:50%;background:var(--fond);object-fit:contain;image-rendering:pixelated;flex-shrink:0}.garde-objet span{display:flex;flex-direction:column;gap:0.15rem;min-width:0}.garde-objet b{font-size:0.9rem;font-weight:600}.garde-objet small{font-size:0.75rem;color:var(--texte-faible)}.garde-liste a{color:var(--texte-doux)}@media (max-width:1000px){.garde{grid-template-columns:minmax(0,1fr) 180px}}@media (max-width:700px){.garde{grid-template-columns:1fr}.garde-apercu{order:-1}.garde-apercu-zone{max-width:200px}.garde-cases{gap:0.5rem 0.3rem}.garde-case{gap:0.15rem;padding:14% 6%}.garde-case img{width:26px;height:26px}.garde-case svg{width:13px;height:13px}.garde-case-nom{font-size:0.62rem}.garde-case-etat{font-size:0.5rem;letter-spacing:0.02em}}.succes-tete{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.succes-tete p{font-size:0.92rem;color:var(--texte-doux);white-space:nowrap}.succes-tete strong{color:var(--texte);font-size:1.05rem}.succes-barre{flex:1;min-width:160px;height:8px;border-radius:999px;background:var(--surface-haute);overflow:hidden}.succes-barre i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent-fort),var(--rose-clair))}.succes-filtres{display:flex;flex-wrap:wrap;gap:0.4rem;margin:1.4rem 0 1.6rem}.succes-filtres button{font:inherit;font-size:0.82rem;font-weight:600;padding:0.4rem 0.85rem;border-radius:var(--rayon-pilule);border:1px solid var(--bordure);background:transparent;color:var(--texte-doux);cursor:pointer}.succes-filtres button:hover{color:var(--texte);border-color:var(--bordure-forte)}.succes-filtres button[aria-pressed="true"]{background:var(--accent-fort);border-color:var(--accent-fort);color:#fff}.succes-grille{display:grid;gap:0.5rem;margin-bottom:2rem}.succes{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:0.75rem 1rem;border-radius:var(--rayon);background:var(--surface);border:1px solid var(--bordure);border-left:3px solid color-mix(in srgb,var(--c) 35%,var(--bordure))}.succes img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated;filter:grayscale(1) brightness(0.6);opacity:0.55}.succes--ok{border-left-color:var(--c)}.succes--ok img{filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--c) 50%,transparent));opacity:1}.succes-txt{display:flex;flex-direction:column;gap:0.15rem;min-width:0}.succes-txt b{font-size:0.92rem;font-weight:600;color:var(--texte-doux)}.succes--ok .succes-txt b{color:var(--texte)}.succes-txt span{font-size:0.8rem;color:var(--texte-faible)}.succes-droite{display:flex;flex-direction:column;align-items:flex-end;gap:0.3rem;text-align:right}.succes-objectif{font-size:0.82rem;font-weight:600;color:var(--texte-doux);white-space:nowrap}.succes-meta{display:flex;align-items:center;gap:0.5rem;font-size:0.75rem;color:var(--texte-faible);white-space:nowrap}.succes-diff{font-size:0.64rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:0.15rem 0.45rem;border-radius:4px;background:var(--surface-haute);color:var(--texte-doux)}.succes-diff--0{color:#86efac}.succes-diff--1{color:#93c5fd}.succes-diff--2{color:#c4b5fd}.succes-diff--3{color:#f0abfc}.succes-diff--4{color:#f9a8d4}.succes-diff--5{color:#fca5a5}.succes-diff--6{color:#fde68a}@media (max-width:600px){.succes{grid-template-columns:36px minmax(0,1fr)}.succes-droite{grid-column:2;align-items:flex-start;text-align:left}}.profil-categorie + .profil-categorie{margin-top:2.2rem}.profil-categorie-titre{display:flex;align-items:baseline;gap:0.7rem;font-size:0.8rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--texte-doux);padding-bottom:0.7rem;margin-bottom:1rem;border-bottom:1px solid var(--bordure)}.profil-categorie-compte{font-size:0.78rem;font-weight:600;letter-spacing:0;color:var(--texte-faible)}.profil-categorie-vide{font-size:0.9rem;color:var(--texte-faible)}.profil-cosmetiques{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:0.9rem}.profil-cosmetique{display:flex;flex-direction:column;align-items:center;gap:0.35rem;padding:1.4rem 1rem 1.2rem;text-align:center;background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon-l)}.profil-cosmetique img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;margin-bottom:0.4rem;filter:drop-shadow(0 6px 14px color-mix(in srgb,var(--c) 45%,transparent))}.profil-cosmetique-nom{font-weight:600;font-size:0.95rem}.profil-cosmetique-meta{font-size:0.8rem;color:var(--texte-faible)}.profil-cosmetique-etat{margin-top:0.3rem;font-size:0.72rem;font-weight:600;color:var(--texte-doux)}.profil-cosmetique-etat--ok{color:var(--vert)}@media (max-width:860px){.profil{grid-template-columns:1fr;gap:1.8rem}.profil-cote{position:static}.profil-menu{flex-direction:row;overflow-x:auto;scrollbar-width:none}.profil-menu [role="tab"]{flex:0 0 auto;gap:0.5rem}.profil-menu [role="tab"][aria-selected="true"]{box-shadow:inset 0 -3px 0 var(--accent)}}.compte-page--connexion{max-width:520px;padding-top:5.5rem}.compte-page--connexion .back-link{margin-bottom:2.5rem}.compte-section-title{font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2rem);font-weight:400;line-height:1.15;margin-bottom:0.7rem}.compte-section-desc{font-size:0.95rem;line-height:1.75;color:var(--texte-doux);max-width:680px;margin-bottom:1.8rem}.panneau{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon-l);padding:2rem}.panneau + .panneau{margin-top:1.2rem}.panneau-titre{font-size:1.05rem;font-weight:600;margin-bottom:0.5rem}.panneau-texte{font-size:0.9rem;line-height:1.7;color:var(--texte-doux)}.form-champ{margin-bottom:1.3rem}.form-champ label{display:block;font-size:0.8rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--texte-doux);margin-bottom:0.5rem}.form-champ input{width:100%;padding:0.8rem 1rem;font-family:var(--font-body);font-size:0.95rem;color:var(--texte);background:var(--fond);border:1px solid var(--bordure);border-radius:var(--rayon-s);transition:border-color var(--transition)}.form-champ input:hover{border-color:var(--bordure-forte)}.form-champ input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.form-aide{display:block;margin-top:0.4rem;font-size:0.8rem;color:var(--texte-faible)}.form-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.8rem}.message{padding:0.9rem 1.1rem;border-radius:var(--rayon-s);border-left:3px solid var(--bordure-forte);background:var(--surface-haute);font-size:0.9rem;line-height:1.6;margin-bottom:1.5rem}.message[hidden]{display:none}.message--erreur{border-left-color:var(--rouge)}.message--succes{border-left-color:var(--vert)}.onglets{display:flex;gap:0.5rem;margin-bottom:2rem;border-bottom:1px solid var(--bordure)}.onglet{padding:0.8rem 1.2rem;font-family:var(--font-body);font-size:0.95rem;font-weight:600;color:var(--texte-doux);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition),border-color var(--transition)}.onglet:hover{color:var(--texte)}.onglet[aria-selected='true']{color:var(--texte);border-bottom-color:var(--accent)}.fenetre-connexion{margin:auto;width:min(440px,calc(100% - 2rem));padding:0;border:1px solid var(--bordure-forte);border-radius:var(--rayon-l);background:var(--surface);color:var(--texte);box-shadow:var(--ombre-flottante)}.fenetre-connexion::backdrop{background:rgb(4 2 12 / 0.7);backdrop-filter:blur(3px)}.fenetre-connexion[open]{animation:fenetre-entree 0.25s cubic-bezier(0.22,1,0.36,1)}@keyframes fenetre-entree{from{opacity:0;transform:translateY(12px) scale(0.98)}to{opacity:1;transform:none}}.fenetre-contenu{position:relative;padding:1.4rem 1.8rem 1.8rem}.fenetre-connexion{width:min(480px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow-y:auto}.fc-entete{display:flex;align-items:center;gap:0.9rem;margin:0 2.6rem 1.3rem 0}.fc-slime{flex:none;width:64px;height:64px}.fc-titre{font-family:var(--font-display);font-size:1.45rem;line-height:1.2;margin:0}.fc-titre span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.fc-sous-titre{margin-top:0.2rem;font-size:0.88rem;color:var(--texte-doux)}.fc-carte{padding:1.3rem 1.3rem 1.4rem;border:1px solid var(--bordure);border-radius:var(--rayon);background:color-mix(in srgb,var(--fond) 55%,transparent)}.fc-carte-titre{margin:0 0 1rem;font-size:0.8rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase}.fc-carte .form-champ{margin-bottom:1rem}.fc-carte .form-champ label{font-size:0.72rem}.fc-carte .message{margin-bottom:1rem}.message--info{border-left-color:var(--accent)}.message a{color:var(--accent)}.fc-dawnfall{display:flex;align-items:center;justify-content:center;width:100%;padding:0.95rem 1rem;font-weight:700;font-size:1rem;letter-spacing:0.02em;color:#0b1f1c;text-decoration:none;background:linear-gradient(90deg,#3dd3c3,#8ff0b3);border-radius:var(--rayon-s);transition:filter var(--transition),transform var(--transition)}.fc-dawnfall:hover{filter:brightness(1.08);transform:translateY(-1px)}.fc-dawnfall:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.fc-dawnfall--bientot{filter:saturate(0.45) brightness(0.8)}.fc-dawnfall--bientot:hover{filter:saturate(0.55) brightness(0.85);transform:none}.fc-demo{display:block;margin-top:1rem;padding:0.6rem;border:1px dashed var(--bordure-forte);border-radius:var(--rayon-s);text-align:center;font-size:0.85rem;font-weight:600;color:var(--texte-doux)}.fc-demo:hover{color:var(--texte);border-color:var(--accent)}.fc-demo[hidden]{display:none}.fc-explication{margin-top:0.9rem;font-size:0.84rem;line-height:1.55;color:var(--texte-doux);text-align:center}.fc-explication strong{color:var(--texte)}.fc-bas{margin-top:1rem;font-size:0.88rem;color:var(--texte-faible);text-align:center}.fc-bas a{color:var(--texte-doux)}.fc-bas a:hover{color:var(--texte)}@media (max-width:480px){.fenetre-contenu{padding:1.2rem 1.2rem 1.5rem}.fc-carte{padding:1.1rem 1rem 1.2rem}.fc-slime{width:52px;height:52px}.fc-titre{font-size:1.25rem}}.fenetre-fermer{position:absolute;top:1rem;right:1rem;display:grid;place-items:center;width:34px;height:34px;border:none;border-radius:50%;background:color-mix(in srgb,var(--texte) 8%,transparent);color:var(--texte-doux);cursor:pointer;transition:background var(--transition),color var(--transition)}.fenetre-fermer:hover{background:color-mix(in srgb,var(--texte) 16%,transparent);color:var(--texte)}@media (prefers-reduced-motion:reduce){.fenetre-connexion[open]{animation:none}}.info-liste{display:grid;gap:1rem}.info-ligne{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--bordure)}.info-liste .info-ligne:last-child{padding-bottom:0;border-bottom:none}.info-cle{font-size:0.8rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--texte-doux)}.info-valeur{font-size:0.95rem;text-align:right;word-break:break-word}.info-valeur--absente{color:var(--texte-faible)}.code-liaison{display:inline-block;font-family:var(--font-body);font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;letter-spacing:0.35em;text-indent:0.35em;color:var(--accent);background:var(--fond);border:1px solid var(--bordure-accent);border-radius:var(--rayon);padding:0.9rem 1.4rem;margin:1.2rem 0 0.8rem}.code-commande{font-family:var(--font-body);font-size:0.9rem;color:var(--texte);background:var(--fond);border:1px solid var(--bordure);border-radius:var(--rayon-s);padding:0.15rem 0.45rem}.liste-lignes{display:grid;gap:0.8rem}.ligne{display:grid;grid-template-columns:1fr auto;gap:0.3rem 1rem;padding:1rem 1.2rem;background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon)}.ligne-titre{font-size:0.95rem;font-weight:600}.ligne-meta{grid-column:1 / -1;font-size:0.82rem;color:var(--texte-faible)}.etat{align-self:start;font-size:0.75rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;padding:0.3rem 0.7rem;border-radius:var(--rayon-pilule);border:1px solid var(--bordure-forte);color:var(--texte-doux);white-space:nowrap}.etat--paid,.etat--delivered{color:var(--vert);border-color:color-mix(in srgb,var(--vert) 45%,transparent)}.etat--cancelled,.etat--refunded{color:var(--rouge);border-color:color-mix(in srgb,var(--rouge) 45%,transparent)}.etat-vide{padding:2.5rem 2rem;text-align:center;font-size:0.9rem;line-height:1.7;color:var(--texte-faible);background:var(--surface);border:1px dashed var(--bordure);border-radius:var(--rayon-l)}.chargement{font-size:0.9rem;color:var(--texte-faible);padding:1.5rem 0}.produits-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem}.produit{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon-l);padding:1.5rem;transition:border-color var(--transition),transform var(--transition)}.produit:hover{border-color:var(--bordure-forte);transform:translateY(-2px)}.produit-nom{font-size:1.05rem;font-weight:600;margin-bottom:0.5rem}.produit-desc{font-size:0.88rem;line-height:1.65;color:var(--texte-doux);flex:1;margin-bottom:1.3rem}.produit-pied{display:flex;align-items:center;justify-content:space-between;gap:1rem}.produit-prix{font-size:1.15rem;font-weight:700;color:var(--accent)}.note{padding:1.1rem 1.3rem;border:1px solid var(--bordure);border-left:3px solid var(--accent);border-radius:var(--rayon-s);background:var(--surface);font-size:0.88rem;line-height:1.7;color:var(--texte-doux);margin-bottom:2rem}.nav-compte-pseudo{max-width:10ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:600px){.compte-page{padding:6rem 1.2rem 4rem}.panneau{padding:1.4rem}.info-ligne{flex-direction:column;gap:0.3rem}.info-valeur{text-align:left}.ligne{grid-template-columns:1fr}.etat{justify-self:start}}