:root{--hv-plate-hero:min(100%, 320px);--hv-plate-tile:112px;--hv-plate-thumb:48px;--hv-plate-stage:transparent}@media (prefers-color-scheme:dark){:root:not([data-theme=day]){--hv-plate-stage:radial-gradient(closest-side, #ffffff24, #fff0 72%)}}:root[data-theme=night]{--hv-plate-stage:radial-gradient(closest-side, #ffffff24, #fff0 72%)}.hv-plate{aspect-ratio:1;inline-size:var(--hv-plate-tile);background:var(--hv-plate-stage);border-radius:var(--radius-s,12px);flex:none;place-items:center;display:inline-grid}.hv-plate--hero{inline-size:var(--hv-plate-hero)}.hv-plate--tile{inline-size:var(--hv-plate-tile)}.hv-plate--thumb{inline-size:var(--hv-plate-thumb)}.hv-plate img{object-fit:contain;block-size:100%;inline-size:100%;display:block;transform:none}.hv-plate--glyph{color:var(--ink-soft);background:var(--glass);border:1px solid var(--glass-edge)}.hv-plate--glyph svg{block-size:40%;inline-size:40%}.hv-plate--thumb.hv-plate--glyph svg{block-size:50%;inline-size:50%}.hv-glyph{flex:none}.hv-chip{background:var(--glass);border:1px solid var(--line);color:var(--ink-soft);letter-spacing:.02em;border-radius:999px;align-items:center;gap:.35rem;margin:0;padding-block:.2rem;padding-inline:.5rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.hv-next{border-radius:var(--radius,22px);flex-direction:column;inline-size:100%;min-inline-size:0;display:flex;overflow:hidden}.hv-next__stage{place-items:center;padding-block:.75rem 0;padding-inline:1rem;display:grid;position:relative}.hv-next__stage .hv-plate--hero{inline-size:min(100%,240px)}.hv-next__ari{position:absolute;inset-block-end:0;inset-inline-end:1rem}.hv-next__body{flex-direction:column;align-items:flex-start;gap:.4rem;min-inline-size:0;padding-block:.75rem 1.1rem;padding-inline:1.1rem;display:flex}.hv-next__title{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:1.35rem;line-height:1.2}.hv-next__meta{color:var(--ink-soft);margin:0;font-size:.9rem}.hv-next__error{color:var(--alert);margin:0;font-size:.9rem}.hv-next__action{align-self:stretch;margin-block-start:.4rem}.hv-next__action.btn-ghost{color:var(--ink);box-shadow:0 4px 0 var(--line-strong,#0000001f);background:#fff}.hv-next__more{color:var(--ink-soft);margin:0;font-size:.9rem}.hv-next__more--row{border:0;border-block-start:1px solid var(--line,#00000014);min-block-size:44px;inline-size:100%;font:inherit;text-align:start;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.9rem;display:flex}@media (min-width:600px){.hv-next{flex-direction:row;align-items:center}.hv-next__stage{flex:0 0 45%;padding:1rem}.hv-next__body{flex:1 1 0}.hv-next__action{align-self:flex-start}}.hv-tiles{grid-template-columns:repeat(2,1fr);gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:600px){.hv-tiles{grid-template-columns:repeat(3,1fr)}}.hv-tiles>li{min-inline-size:0;display:flex}.hv-tile{border-radius:var(--radius,22px);min-block-size:44px;inline-size:100%;min-inline-size:0;color:var(--ink);font:inherit;cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding-block:.75rem;padding-inline:.5rem;font-weight:600;display:flex}.hv-tile .hv-plate--tile{inline-size:min(100%, var(--hv-plate-tile))}.hv-tile__label{overflow-wrap:anywhere}.hv-tile:focus-visible{outline:2px solid var(--ari);outline-offset:2px}.hv-empty{text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding-block:1rem;padding-inline:1rem;display:flex}.hv-empty__title{color:var(--ink);margin:0;font-weight:600}.hv-empty__body{color:var(--ink-soft);max-inline-size:32ch;margin:0;font-size:.9rem}.hv-empty__action{margin-block-start:.5rem}.hv-how{flex-direction:column;gap:.6rem;min-inline-size:0;display:flex}.hv-how__title{color:var(--ink);margin:0;font-weight:600}.hv-how__head{align-items:center;gap:.85rem;min-inline-size:0;display:flex}.hv-how__head-text{justify-items:start;gap:.4rem;min-inline-size:0;display:grid}.hv-how__steps{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;grid-auto-columns:minmax(8.5rem,1fr);grid-auto-flow:column;gap:.6rem;margin:0;padding:0;list-style:none;display:grid;overflow-x:auto}@media (min-width:600px){.hv-how__steps{grid-template-columns:repeat(3,1fr);grid-auto-flow:row;overflow:visible}}.hv-how__step{border-radius:var(--radius-s,12px);background:var(--glass);border:1px solid var(--glass-edge);scroll-snap-align:start;text-align:center;color:var(--ink);flex-direction:column;align-items:center;gap:.35rem;padding:.6rem;font-size:.9rem;display:flex}.hv-how__step .hv-plate--glyph{color:var(--ari)}.hv-how__ok{align-self:flex-start;min-block-size:44px}.hv-how--compact .hv-how__step{text-align:start;flex-direction:row}[data-ground]{--g1:#efe9dc;--g2:#f7f7f9}[data-ground=maths]{--g1:#e8eefc;--g2:#f7f7f9}[data-ground=francais]{--g1:#fde9e4;--g2:#f9f6f5}[data-ground=sciences]{--g1:#e4f4e8;--g2:#f6f9f6}[data-ground=histoire-geo]{--g1:#faefd6;--g2:#f9f7f2}[data-ground=langues]{--g1:#eee8fb;--g2:#f8f7fa}[data-ground=torah]{--g1:#f3ead9;--g2:#f9f7f3}.hv-tile__ground,.pg2-subj__ground,.hv-parcours[data-v2] .hv-parcours__ground,.ob2-plate-ground{background:linear-gradient(135deg, var(--g1), var(--g2));position:relative}.hv-tile__ground:after,.pg2-subj__ground:after,.hv-parcours[data-v2] .hv-parcours__ground:after{content:"";background:radial-gradient(closest-side,#281e0a33,#281e0a00);border-radius:50%;block-size:9px;position:absolute;inset-block-end:6px;inset-inline:30%}.loop-art{aspect-ratio:1;--la-f:linear-gradient(to right, transparent, #000 18%, #000 82%, transparent), linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);inline-size:100%;-webkit-mask-image:var(--la-f);--la-c:source-in, source-over;-webkit-mask-composite:var(--la-c);-webkit-mask-image:var(--la-f);mask-image:var(--la-f);--la-m:intersect;mask-composite:var(--la-m);display:block;position:relative}.loop-art>img,.loop-art>video{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;border:0;block-size:100%;inline-size:100%;position:absolute;inset:0}.loop-art>video{opacity:0;transition:opacity .24s ease-out}.loop-art[data-live]>video{opacity:1}@media (prefers-reduced-motion:reduce){.loop-art>video{display:none}}.hv-plate.hv-loop{background:0 0;position:relative;z-index:auto!important}.hv-loop>img,.hv-loop>video{z-index:1;object-fit:contain;mix-blend-mode:multiply;pointer-events:none;-webkit-user-select:none;user-select:none;border:0;block-size:100%;inline-size:100%;position:absolute;inset:0;transform:none}.hv-loop>video{opacity:0}@supports not (aspect-ratio:1){.loop-art>img,.hv-loop>img{block-size:auto;display:block;position:relative}.loop-art>video,.hv-loop>video{top:0;left:0}}.hv-loop>video,.hv-loop>img{transition:opacity .35s}.hv-loop[data-live]>video{opacity:1}.hv-loop[data-live]>img{opacity:0}.hv-loop[data-idle]:not([data-live])>img{animation:3.6s ease-in-out infinite hv-loop-float;animation-delay:calc(var(--hv-idle-i,0) * -.9s)}@keyframes hv-loop-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.hv-loop>video{display:none}.hv-loop>img{opacity:1!important;animation:none!important}}:root[data-reduced-motion=true] .hv-loop>video{display:none}:root[data-reduced-motion=true] .hv-loop>img{opacity:1!important;animation:none!important}
