/* public/css/accueil-compte.css — l'accueil (Pierre 15/10/2026) : deux boutons jumeaux « Code » et « Compte » ;
   « Compte » ouvre la connexion habituelle (courriel ou SMS), puis l'espace : Favoris, Séries, Poèmes. Rien d'autre. */
.code-or__duo { display: flex; gap: 8px; }
.code-or__bt { height: 40px; min-width: 112px; padding: 0 18px; border-radius: 22px; border: 1px solid var(--gold-dim); background: transparent;
  color: var(--gold); font-family: var(--ui); font-weight: 300; font-size: .78rem; letter-spacing: .3em; text-indent: .3em; text-transform: uppercase;
  cursor: pointer; transition: border-color .3s ease, box-shadow .3s ease, background .3s ease; }
.code-or__bt:hover, .code-or__bt:focus-visible { border-color: var(--gold); box-shadow: 0 0 14px rgba(201,168,76,.28); outline: none; }
.code-or__bt[aria-pressed="true"] { border-color: var(--gold); background: rgba(201,168,76,.12); }
.code-or__ligne[hidden] { display: none; }

.acc { position: fixed; inset: 0; z-index: 50; display: flex; justify-content: center; background: rgba(6,5,4,.94);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); opacity: 0; visibility: hidden; transition: opacity .35s ease, visibility .35s;
  hyphens: none; -webkit-hyphens: none; }
.acc.est-la { opacity: 1; visibility: visible; }
.acc__p { width: min(720px, 100%); height: 100%; overflow-y: auto; padding: 18px 16px 40px; display: flex; flex-direction: column; gap: 16px; }
.acc__h { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.acc__h h2 { margin: 0; font-family: var(--serif); font-weight: 400; font-size: 1.15rem; letter-spacing: .3em; text-transform: uppercase; color: var(--gold); }
.acc__x { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%; border: 1px solid var(--gold-dim); background: none; color: var(--gold); font-size: 1.4rem; cursor: pointer; }
.acc__form { width: min(420px, 100%); margin: 6vh auto 0; display: flex; flex-direction: column; gap: 12px; font-family: var(--ui); color: var(--text); }
.acc__form h3 { margin: 0; font-family: var(--serif); font-weight: 400; font-size: 1.4rem; color: var(--gold); }
.acc__form p { margin: 0; color: var(--text-dim); font-size: 1rem; line-height: 1.5; text-align: justify; }
.acc__form label { display: block; font-size: .66rem; letter-spacing: .18em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 5px; }
.acc__form input { width: 100%; box-sizing: border-box; background: #0b0908; color: var(--text); border: 1px solid rgba(201,168,76,.28); border-radius: 9px;
  padding: 12px; font-family: var(--ui); font-size: 1.05rem; }
.acc__form input:focus { outline: none; border-color: var(--gold); }
.acc__choix { display: flex; padding: 3px; gap: 3px; border: 1px solid rgba(201,168,76,.32); border-radius: 999px; background: rgba(201,168,76,.05); }
.acc__choix button { flex: 1; border: 0; border-radius: 999px; padding: 10px 0; background: none; color: var(--gold); cursor: pointer;
  font-family: var(--ui); font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; }
.acc__choix button[aria-pressed="true"] { background: linear-gradient(180deg, #d8b85a, #b8923a); color: #14100a; }
.acc__go { height: 46px; border: 0; border-radius: 999px; background: linear-gradient(180deg, #d8b85a, #b8923a); color: #14100a; cursor: pointer;
  font-family: var(--ui); font-size: .8rem; letter-spacing: .22em; text-transform: uppercase; }
.acc__go:disabled { opacity: .55; }
.acc__lien { background: none; border: 0; padding: 0; color: var(--gold); font-family: var(--ui); font-size: .95rem; text-decoration: underline;
  text-underline-offset: 3px; cursor: pointer; text-align: left; }
.acc__err { color: #d98a8a !important; min-height: 1.2em; }
.acc__aide { border-left: 2px solid rgba(201,168,76,.4); padding-left: 10px; }
.acc__id { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; border-bottom: 1px solid rgba(201,168,76,.2); padding-bottom: 10px; }
.acc__id b { font-family: var(--serif); font-weight: 400; font-size: 1.3rem; color: var(--gold); }