.cb-wrap{--papier:color-mix(in srgb, var(--bg-surface) 92%, var(--camel) 8%);--encre:var(--ink);--filet:color-mix(in srgb, var(--ink) 14%, transparent)}.cb-cover{border:1px solid var(--gold);background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 60%), var(--bg-elevated,var(--bg-surface));width:min(430px,100%);box-shadow:0 18px 40px -28px color-mix(in srgb, var(--ink) 55%, transparent);cursor:pointer;border-radius:10px;transition:transform .35s,box-shadow .35s}.cb-cover:hover,.cb-cover:focus-visible{box-shadow:0 26px 48px -26px color-mix(in srgb, var(--ink) 60%, transparent);transform:translateY(-3px)}.cb-cover-face{aspect-ratio:2/2.7;text-align:center;border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);border-radius:9px;flex-direction:column;justify-content:space-between;align-items:center;margin:10px;padding:26px 22px;display:flex}.cb-spread{border:1px solid var(--line);background:var(--papier);perspective:1600px;border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:relative;overflow:hidden}.cb-page{background-image:repeating-linear-gradient(180deg, transparent 0 30px, var(--filet) 30px 31px);min-width:0;min-height:420px;padding:22px 26px 40px;position:relative}.cb-page.gauche{box-shadow:inset -26px 0 26px -22px color-mix(in srgb, var(--ink) 22%, transparent)}.cb-page.droite{box-shadow:inset 26px 0 26px -22px color-mix(in srgb, var(--ink) 25%, transparent)}.cb-folio{text-align:center;font-family:var(--font-display,serif);letter-spacing:.3em;color:color-mix(in srgb, var(--ink) 45%, transparent);font-size:13px;position:absolute;bottom:12px;left:0;right:0}.cb-spirale{pointer-events:none;flex-direction:column;justify-content:space-around;align-items:center;width:26px;display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.cb-anneau{border:1px solid color-mix(in srgb, var(--ink) 22%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--bg-canvas) 92%, transparent), color-mix(in srgb, var(--ink) 12%, transparent));border-radius:999px;width:22px;height:9px}.cb-spread.flipF{animation:.55s cbFlipF}.cb-spread.flipB{animation:.55s cbFlipB}@keyframes cbFlipF{0%{opacity:.35;transform:rotateY(-9deg)}to{opacity:1;transform:none}}@keyframes cbFlipB{0%{opacity:.35;transform:rotateY(9deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cb-spread.flipF,.cb-spread.flipB{animation:none}}.cb-planche{background:color-mix(in srgb, var(--bg-canvas) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 18%, transparent);border-radius:3px;padding:16px 14px;position:relative}.cb-planche:before{content:"";border:1px dashed color-mix(in srgb, var(--gold) 55%, transparent);pointer-events:none;border-radius:2px;position:absolute;inset:4px}.cb-planche.scellee{background:color-mix(in srgb, var(--bg-canvas) 45%, transparent)}.cb-sceau{opacity:.9;width:58px;height:58px}.cb-orn{text-align:center;color:var(--gold);letter-spacing:.5em;padding:8px 0 2px;font-size:13px}.cb-label{letter-spacing:.16em;text-transform:uppercase;color:var(--camel);margin-top:12px;font-size:11.5px}.cb-curseur{color:var(--ink);grid-template-columns:1fr 96px 22px;align-items:center;gap:8px;font-size:12.5px;display:grid}.cb-curseur input[type=range]{width:100%;accent-color:var(--gold);height:18px}.cb-curseur input[type=range]:disabled{opacity:.7}.cb-curseur-val{text-align:right;color:var(--ink-soft);font-size:12px}.cb-pied{border-top:1px dashed color-mix(in srgb, var(--gold) 45%, transparent);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:12px;display:flex}.cb-pied-cta{flex:180px;min-width:0}.cb-pied-cta>button,.cb-pied-cta>a{white-space:normal;text-align:center;justify-content:center;width:100%;margin-top:0!important}.cb-planche button,.cb-planche a{max-width:100%}@media (width<=1023px){.cb-spread{grid-template-columns:1fr}.cb-spirale{display:none}.cb-page{min-height:0;padding:16px 14px 34px}.cb-page.gauche,.cb-page.droite{box-shadow:none}}.cb-photo{aspect-ratio:16/9;object-fit:cover;border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:color-mix(in srgb, var(--ink) 5%, transparent);border-radius:3px;width:100%;margin-top:12px;display:block}.cb-invite{border:1px dashed color-mix(in srgb, var(--gold) 55%, transparent);background:color-mix(in srgb, var(--gold) 6%, transparent);border-radius:6px;margin-top:14px;padding:14px}.cb-livre{position:relative}.cb-barre{align-items:center;gap:14px;margin-top:16px;display:flex}.cb-fleche{border:1px solid var(--line);background:var(--bg-surface);width:44px;height:44px;color:var(--ink);box-shadow:0 10px 22px -16px color-mix(in srgb, var(--ink) 60%, transparent);border-radius:999px;flex:none;place-items:center;transition:border-color .2s,color .2s;display:grid}.cb-fleche:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.cb-fleche:disabled{opacity:.3}.cb-glissiere{min-width:0;height:22px;accent-color:var(--gold);cursor:grab;flex:auto}