:root{--fond:#f7f6f3;--surface:#fff;--surface-2:#f1f0ec;--encre:#1c1d1b;--encre-2:#55584f;--discret:#8a8d84;--trait:#1c1d1b14;--trait-net:#1c1d1b24;--sauge:#7e9680;--sauge-fonce:#63795f;--sauge-clair:#edf1ec;--ciel:#e8f1f8;--ciel-encre:#3c6e93;--alerte:#b4483f;--alerte-clair:#fbedec;--r-s:10px;--r-m:14px;--r-l:20px;--r-pilule:999px;--ombre-carte:0 1px 2px #1c1d1b0a;--ombre-flottante:0 8px 30px -10px #1c1d1b38;--ressort:cubic-bezier(.32, .72, 0, 1);--doux:cubic-bezier(.4, 0, .2, 1);--police:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--nav-h:62px;--large:560px}*{box-sizing:border-box}html,body,#racine{height:100%}body{background:var(--fond);color:var(--encre);font-family:var(--police);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.45}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--sauge-fonce);outline-offset:2px;border-radius:4px}.titre-xl{letter-spacing:-.022em;font-size:clamp(30px,8vw,38px);font-weight:700;line-height:1.1}.titre-l{letter-spacing:-.018em;font-size:24px;font-weight:700}.titre-m{letter-spacing:-.012em;font-size:19px;font-weight:650}.titre-s{letter-spacing:-.008em;font-size:16px;font-weight:650}.libelle{letter-spacing:.04em;text-transform:uppercase;color:var(--discret);font-size:12.5px;font-weight:600}.secondaire{color:var(--encre-2);font-size:14.5px}.discret{color:var(--discret);font-size:13.5px}.ecran{min-height:100%;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 18px)}.colonne{width:min(100% - 32px, var(--large));margin-inline:auto}.pile{flex-direction:column;display:flex}.pile-8>*+*{margin-top:8px}.pile-12>*+*{margin-top:12px}.pile-16>*+*{margin-top:16px}.pile-24>*+*{margin-top:24px}.pile-32>*+*{margin-top:32px}.rang{align-items:center;gap:10px;display:flex}.entre{justify-content:space-between;align-items:center;gap:12px;display:flex}.pousse{margin-left:auto}.carte{background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-l);box-shadow:var(--ombre-carte)}.carte-p{padding:16px}.carte-tapable{transition:transform .18s var(--ressort);text-align:left;width:100%}.carte-tapable:active{transform:scale(.985)}.bouton{border-radius:var(--r-pilule);transition:transform .16s var(--ressort), background-color .16s var(--doux), opacity .16s var(--doux);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:16px;font-weight:600;display:inline-flex}.bouton:active{transform:scale(.97)}.bouton:disabled{opacity:.45;cursor:default;transform:none}.bouton-plein{background:var(--sauge);color:#fff}.bouton-plein:not(:disabled):hover{background:var(--sauge-fonce)}.bouton-doux{background:var(--surface);color:var(--encre);border:1px solid var(--trait-net)}.bouton-doux:not(:disabled):hover{background:var(--surface-2)}.bouton-fantome{color:var(--encre-2);padding:10px 14px}.bouton-danger{color:var(--alerte);background:var(--alerte-clair)}.bouton-large{width:100%}.bouton-petit{padding:9px 14px;font-size:14.5px}.champ{flex-direction:column;gap:7px;display:flex}.champ>label{color:var(--encre-2);font-size:13px;font-weight:600}.saisie{background:var(--surface);border:1px solid var(--trait-net);border-radius:var(--r-m);width:100%;transition:border-color .16s var(--doux), box-shadow .16s var(--doux);padding:13px 15px;font-size:16px}.saisie:focus{border-color:var(--sauge);outline:none;box-shadow:0 0 0 3px #7e968029}.saisie::placeholder{color:var(--discret)}textarea.saisie{resize:vertical;min-height:84px}.choix{flex-wrap:wrap;gap:8px;display:flex}.pastille{border-radius:var(--r-pilule);border:1px solid var(--trait-net);background:var(--surface);color:var(--encre-2);transition:all .16s var(--doux);padding:9px 14px;font-size:14.5px;font-weight:500}.pastille:hover{border-color:var(--discret)}.pastille[aria-pressed=true]{background:var(--sauge);border-color:var(--sauge);color:#fff;font-weight:600}.etiquette{border-radius:var(--r-pilule);background:var(--surface-2);color:var(--encre-2);align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.etiquette-sauge{background:var(--sauge-clair);color:var(--sauge-fonce)}.etiquette-ciel{background:var(--ciel);color:var(--ciel-encre)}.erreur{border-radius:var(--r-m);background:var(--alerte-clair);color:var(--alerte);align-items:flex-start;gap:9px;padding:12px 14px;font-size:14px;font-weight:500;display:flex}.squelette{background:linear-gradient(100deg, var(--surface-2) 30%, #e7e6e1 50%, var(--surface-2) 70%);animation:glisse 1.4s var(--doux) infinite;border-radius:var(--r-m);background-size:220% 100%}@keyframes glisse{0%{background-position:180% 0}to{background-position:-60% 0}}.apparait{animation:apparait .32s var(--ressort) both}@keyframes apparait{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.nav{z-index:40;-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);border-top:1px solid var(--trait);padding-bottom:env(safe-area-inset-bottom);background:#f7f6f3f0;position:fixed;inset:auto 0 0}.nav-liste{width:min(100%, var(--large));grid-template-columns:repeat(4,1fr);margin:0 auto;padding:0;list-style:none;display:grid}.nav-lien{color:var(--discret);letter-spacing:.01em;transition:color .16s var(--doux);flex-direction:column;align-items:center;gap:3px;padding:9px 0 7px;font-size:10.5px;font-weight:550;display:flex}.nav-lien.actif{color:var(--sauge-fonce)}.nav-lien:active{opacity:.6}@media (min-width:900px){.nav{border-top:0;border-right:1px solid var(--trait);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;width:232px;padding:26px 14px;inset:0 auto 0 0}.nav:before{content:"Closet";letter-spacing:-.02em;padding:0 12px 22px;font-size:21px;font-weight:700;display:block}.nav-liste{grid-template-columns:1fr;gap:3px;width:auto}.nav-lien{border-radius:var(--r-m);flex-direction:row;justify-content:flex-start;gap:12px;padding:11px 12px;font-size:15px;font-weight:550}.nav-lien:hover{background:var(--surface-2)}.nav-lien.actif{background:var(--sauge-clair)}.ecran{padding-bottom:40px;padding-left:232px}.colonne{width:min(100% - 64px,720px)}.barre{padding-left:0}}.barre{z-index:30;padding:calc(env(safe-area-inset-top) + 10px) 0 10px;-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);background:#f7f6f3eb;align-items:center;gap:10px;display:flex;position:sticky;top:0}.barre-titre{text-align:center;letter-spacing:-.01em;flex:1;font-size:17px;font-weight:650}.barre-bouton{width:38px;height:38px;color:var(--encre-2);transition:background-color .16s var(--doux);border-radius:50%;place-items:center;display:grid}.barre-bouton:hover{background:var(--surface-2)}.vide{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.vide-icone{background:var(--sauge-clair);width:62px;height:62px;color:var(--sauge-fonce);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.vide .bouton{margin-top:10px}.onboarding{padding-bottom:0}.onboarding-marque{letter-spacing:-.035em;font-size:clamp(44px,13vw,60px);font-weight:300;line-height:1}.onboarding-icone{border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.onboarding-icone.sauge{background:var(--sauge-clair);color:var(--sauge-fonce)}.onboarding-icone.ciel{background:var(--ciel);color:var(--ciel-encre)}.vignette{border-radius:var(--r-s);background:var(--surface-2);flex:none;place-items:center;display:grid;overflow:hidden}.vignette img{object-fit:cover;width:100%;height:100%}.vignette-teinte{width:100%;height:100%;box-shadow:inset 0 0 0 1px #1c1d1b1a}.composition{background:var(--surface-2);border-radius:var(--r-m);scrollbar-width:none;justify-content:center;align-items:center;gap:10px;padding:14px;display:flex;overflow-x:auto}.composition::-webkit-scrollbar{display:none}.composition-piece{flex-direction:column;flex:none;align-items:center;gap:6px;margin:0;display:flex}.composition-piece img,.composition-teinte{aspect-ratio:1;border-radius:var(--r-s);object-fit:cover;background:var(--surface);width:clamp(52px,17vw,76px);box-shadow:inset 0 0 0 1px #1c1d1b1a}.composition-legende{color:var(--discret);font-size:10.5px;font-weight:550}.vide-composition{color:var(--discret)}.carte-meteo{border-radius:var(--r-l);background:var(--ciel);color:var(--encre);align-items:center;gap:16px;padding:18px;display:flex}.carte-meteo-icone{color:var(--ciel-encre);flex:none}.lien-discret{color:var(--sauge-fonce);align-items:center;gap:2px;font-size:14px;font-weight:600;display:inline-flex}.rond-chevron{background:var(--surface-2);width:30px;height:30px;color:var(--encre-2);border-radius:50%;flex:none;place-items:center;display:grid}.carte-pied{justify-content:flex-end;gap:8px;padding:0 12px 12px;display:flex}.grille-ambiances{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;display:grid}.ambiance{border-radius:var(--r-m);background:var(--surface);border:1px solid var(--trait);color:var(--encre-2);transition:transform .18s var(--ressort), border-color .16s var(--doux);flex-direction:column;align-items:center;gap:8px;padding:16px 8px;font-size:13px;font-weight:550;display:flex}.ambiance:active{transform:scale(.96)}.ambiance.ciel{color:var(--ciel-encre);background:var(--ciel);border-color:#0000}.ambiance.or{color:#9a7b2e;background:#faf3e2;border-color:#0000}.ambiance.gris{color:var(--encre-2)}.recherche{border-radius:var(--r-m);background:var(--surface);border:1px solid var(--trait-net);color:var(--discret);align-items:center;gap:9px;padding:11px 14px;display:flex}.recherche-champ{color:var(--encre);background:0 0;border:0;outline:none;flex:1;font-size:16px}.recherche-champ::-webkit-search-cancel-button{-webkit-appearance:none}.liste-vetements{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ligne-vetement{background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-m);transition:transform .18s var(--ressort);align-items:center;gap:13px;padding:10px 12px 10px 10px;display:flex}.ligne-vetement:active{transform:scale(.99)}.ligne-vetement .fleche{color:var(--discret);flex:none}.tronque{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zone-photo{aspect-ratio:4/3;border:1.5px dashed var(--trait-net);border-radius:var(--r-l);background:var(--surface);width:100%;max-height:300px;transition:border-color .16s var(--doux);place-items:center;display:grid;overflow:hidden}.zone-photo:hover{border-color:var(--sauge)}.zone-photo-image{object-fit:cover;width:100%;height:100%}.grille-couleurs{grid-template-columns:repeat(8,1fr);gap:9px;display:grid}.puce{aspect-ratio:1;border:1px solid var(--trait-net);transition:transform .16s var(--ressort), box-shadow .16s var(--doux);border-radius:50%}.puce:active{transform:scale(.9)}.puce.choisie{box-shadow:0 0 0 2px var(--fond), 0 0 0 4px var(--sauge);transform:scale(1.06)}.bascule{border-radius:var(--r-m);background:var(--surface);border:1px solid var(--trait);cursor:pointer;align-items:center;gap:12px;padding:13px 15px;display:flex}.bascule input{width:20px;height:20px;accent-color:var(--sauge);flex:none}.bascule span{flex-direction:column;gap:1px;display:flex}.bascule b{font-size:15px;font-weight:600}.bascule small{color:var(--discret);font-size:13px}.grille-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ic-ciel{color:var(--ciel-encre);flex:none}.ic-sauge{color:var(--sauge-fonce);flex:none}.note-confirmation{color:var(--sauge-fonce);background:var(--sauge-clair);border-radius:var(--r-m);padding:10px 13px;font-size:13.5px}.scene{border-radius:var(--r-l);background:linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);border:1px solid var(--trait);place-items:center;padding:20px;display:grid}.silhouette{width:min(100%,260px);height:auto}.mention-honnete{border-radius:var(--r-m);background:var(--surface-2);color:var(--encre-2);align-items:flex-start;gap:9px;padding:11px 13px;font-size:12.5px;line-height:1.4;display:flex}.mention-honnete svg{color:var(--discret);flex:none;margin-top:1px}.rangee-choix{scrollbar-width:none;gap:9px;padding-bottom:4px;display:flex;overflow-x:auto}.rangee-choix::-webkit-scrollbar{display:none}.choix-piece{border-radius:var(--r-m);background:var(--surface);width:76px;transition:border-color .16s var(--doux), transform .16s var(--ressort);border:1.5px solid #0000;flex-direction:column;flex:none;gap:5px;padding:5px;display:flex}.choix-piece:active{transform:scale(.96)}.choix-piece.actif{border-color:var(--sauge);background:var(--sauge-clair)}.choix-piece img,.choix-teinte{aspect-ratio:1;border-radius:var(--r-s);object-fit:cover;background:var(--surface-2);width:100%;box-shadow:inset 0 0 0 1px #1c1d1b1a}.choix-nom{color:var(--encre-2);text-align:center;font-size:11px}.avatar{background:var(--sauge);color:#fff;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:21px;font-weight:600;display:grid}.note-confirmation{align-items:center;gap:7px;display:flex}