@layer components{.dv-page,.dv-jetons{--font-sans:var(--font-inter), ui-sans-serif, system-ui, sans-serif;--font-display:var(--font-inter), ui-sans-serif, system-ui, sans-serif;--color-brand:#6366f1;--color-brand-2:#7c7cff;--color-brand-dark:#4f46e5;--color-brand-soft:#eef0ff;--color-brand-ink:#6366f1;--color-on-brand:#fff;--color-ink:#111;--color-ink-muted:#4a4a55;--color-ink-subtle:#7a7a86;--color-canvas:#f8f9ff;--color-cream:#f3f4fb;--color-line:#e7e8f1;--radius-card:18px;--radius-field:12px;--radius-badge:10px;--dv-verre:#ffffffd1;--dv-verre-plein:#ffffffe6;--dv-verre-bord:#ffffffe6;--dv-verre-ombre:0 2px 8px #1111110a;--dv-verre-ombre-haute:0 6px 18px #1111110f;--dv-filet:#1111110f;--dv-tache:#6366f126;--dv-tache-2:#7c7cff26;font-family:var(--font-sans)}.dv-page{background:var(--color-canvas)}.dark .dv-page,.dark .dv-jetons{--color-brand:#818cf8;--color-brand-2:#a5a5ff;--color-brand-dark:#6366f1;--color-brand-soft:#262846;--color-brand-ink:#a5b4fc;--color-on-brand:#111;--color-ink:#f2f2f7;--color-ink-muted:#b4b4c2;--color-ink-subtle:#8a8a9a;--color-canvas:#101018;--color-surface:#1c1c28;--color-cream:#1f1f2c;--color-line:#2e2e3f;--dv-verre:#1c1c28d1;--dv-verre-plein:#1c1c28e6;--dv-verre-bord:#ffffff12;--dv-verre-ombre:0 2px 8px #00000040;--dv-verre-ombre-haute:0 6px 18px #00000059;--dv-filet:#ffffff12;--dv-tache:#6366f129;--dv-tache-2:#7c7cff14}.dv-verre{background:var(--dv-verre);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--dv-verre-bord);box-shadow:var(--dv-verre-ombre)}.dv-barre{-webkit-backdrop-filter:blur(32px)saturate(180%);backdrop-filter:blur(32px)saturate(180%);border-right:1px solid var(--dv-filet);background:#ffffffe0}.dark .dv-barre{background:#1c1c28e0}.dv-bande{-webkit-backdrop-filter:blur(32px)saturate(180%);backdrop-filter:blur(32px)saturate(180%);border-bottom:1px solid var(--dv-filet);background:#ffffffeb}.dark .dv-bande{background:#1c1c28eb}.dv-actif{background:linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-2) 100%);box-shadow:0 4px 12px #6366f138}.dv-survol{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.dv-survol:hover{box-shadow:var(--dv-verre-ombre-haute);transform:translateY(-3px)}}.dv-recherche{background:var(--dv-verre);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--dv-verre-bord);box-shadow:var(--dv-verre-ombre);border-radius:14px}.dv-recherche:focus,.dv-recherche:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 3px #6366f126, var(--dv-verre-ombre)}.dv-capsule{-webkit-backdrop-filter:blur(32px)saturate(180%);backdrop-filter:blur(32px)saturate(180%);background:#ffffffe6;border:1px solid #ffffffe6;box-shadow:0 6px 22px #11111114}.dark .dv-capsule{background:#1c1c28e6;border-color:#ffffff14}.dv-tache{background:radial-gradient(circle, var(--dv-tache) 0%, transparent 68%);will-change:transform;border-radius:9999px;position:absolute}.dv-tache-2{background:radial-gradient(circle, var(--dv-tache-2) 0%, transparent 68%)}.dv-page .dv-pastille{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffffb3;box-shadow:inset 0 1px #fff9}.dark .dv-page .dv-pastille{box-shadow:none;border-color:#ffffff14}}:is(.dv-page,.dv-jetons) .verre.from-brand{background-image:linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-2) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 14px #6366f140,inset 0 1px #fff6}.dark :is(.dv-page,.dv-jetons) .verre.from-brand{box-shadow:0 4px 14px #00000059,inset 0 1px #ffffff40}.dv-page .dv-rond{background:var(--color-cream);width:40px;height:40px;color:var(--color-ink-muted);border-radius:9999px;flex:none;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}@media (hover:hover){.dv-page .dv-rond:hover{color:var(--color-ink);background:#6366f11f}}.dv-page .dv-rond>button,.dv-page .dv-rond>div>button{width:100%;height:100%;color:inherit;background:0 0;border-radius:9999px}.feuille{animation:.28s cubic-bezier(.22,.61,.36,1) both feuille-monte}@keyframes feuille-monte{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (min-width:640px){.feuille{animation-name:feuille-pose}@keyframes feuille-pose{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.feuille{animation:none}}@property --brillance-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.brillance{isolation:isolate;position:relative}.brillance:after{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--brillance-angle), transparent 0deg, #fffffff2 22deg, #ffffff40 48deg, transparent 96deg, transparent 360deg);-webkit-mask-composite:xor;pointer-events:none;padding:2px;animation:3.4s linear infinite brillance-tourne;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes brillance-tourne{to{--brillance-angle:360deg}}@media (prefers-reduced-motion:reduce){.brillance:after{opacity:.35;animation:none}}