/* Public cream/olive identity carried into the low-light listening experience. */
body.app-page{--paper:#f1eae3;--ink:#f1eae3;--text:#f1eae3;--dim:#b5aaa3;--acid:#c8a176;--gold:#c8a176;--gold-soft:#c8a176;--night:#161414;--bg:#161414;--bg-2:#211c1b;--panel:#26201e;--line:#bba38e28;background:#161414;color:var(--text)}
.app-page .scene-layer{filter:grayscale(1) sepia(1) hue-rotate(20deg) saturate(1.5) brightness(1.08)}
.app-page #sessionList .s-title{color:#f1eae3!important;text-shadow:0 2px 10px #161414}
.app-page #sessionList .session-category{color:#ceb498!important}
.app-page #sessionList .s-meta,.app-page #sessionList .access-tag,.app-page .app-intro p{color:#b9aaa1}
.app-page #sessionList .play-ico{color:#e0c4a7;border-color:#c2a18344}
.app-page .session-filters input,.app-page .session-filters select{color:#f1eae3}
.app-page .streak-chip,.app-page .tab.on{background:#352a25;color:#e5cdb4}
.app-page .tabbar{background:#161414f5;border-top-color:#ceb49828}
.app-page .tab{color:#bca99a}
.app-page .transcript{background:#161414;color:#f1eae3}
.app-page .cap-line .w{font-family:Arial,Helvetica,sans-serif;color:#8e817a;font-weight:400;transition:color .12s ease;text-shadow:none}
.app-page .cap-line .w.active,.app-page .cap-line .w.done{color:#fff5e9;font-weight:400;text-shadow:0 0 12px #fff5e914}
.app-page .player-controls .player-pause,.app-page .tr-stop,.app-page .btn-full{background:#c8a176;color:#201810}
.app-page .player-views button[aria-pressed=true]{background:#3a2c24;color:#f0dcc4}
.app-page .player-views button,.app-page .tr-label,.app-page .player-time{color:#c7b29f}
.app-page .freq,.app-page .mine-card,.app-page .saved-card,.app-page .pw-sheet,.app-page .pw-plan,.app-page textarea,.app-page input,.app-page select{background:#26201e;color:#f1eae3}
.app-page .freq.playing,.app-page .pw-plan.sel{background:#3a2c24;border-color:#c9a378}
.app-page .num-big,.app-page .streak-big b{color:#c8a176}
.app-page #sxt-consent{background:#211c1b!important;color:#f1eae3!important}
.app-page #sxt-consent-yes{background:#c8a176!important;color:#201810!important}
.app-page :focus-visible{outline-color:#c8a176}
/* Keep access-code characters readable against the low-light dialog surface. */
.app-page #pwCodeInput,.app-page #joinCodeInput,.app-page #mineCodeInput{font-size:16px!important;background:#211c1b!important;color:#fff5e9!important;-webkit-text-fill-color:#fff5e9!important;caret-color:#fff5e9;border:1px solid #ab8868}
.app-page #pwCodeInput::placeholder,.app-page #joinCodeInput::placeholder,.app-page #mineCodeInput::placeholder{color:#c1aea0!important;-webkit-text-fill-color:#c1aea0!important;opacity:1}
.app-page #pwCodeInput:focus,.app-page #joinCodeInput:focus,.app-page #mineCodeInput:focus{border-color:#c8a176;outline:2px solid #c8a176;outline-offset:2px}
.app-page .pw-sheet{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
/* Text fields on the low-light surfaces: design.css paints them near-white while the
   app theme makes text cream, so typed text was invisible. Same treatment as the code fields. */
.app-page input[type=text],.app-page input[type=email],.app-page input[type=password],.app-page input[type=time],.app-page input[type=date],.app-page input[type=number],.app-page input:not([type]),.app-page textarea,.app-page select{background:#211c1b!important;color:#fff5e9!important;-webkit-text-fill-color:#fff5e9!important;caret-color:#fff5e9;border:1px solid #ab8868;font-size:16px!important}
.app-page input::placeholder,.app-page textarea::placeholder{color:#c1aea0!important;-webkit-text-fill-color:#c1aea0!important;opacity:1}
.app-page input[type=time]::-webkit-calendar-picker-indicator,.app-page input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}
/* iOS zoome la page quand on touche un champ dont le texte fait moins de 16 px. */
.app-page input[type=time],.app-page input[type=date]{box-sizing:border-box;width:100%;max-width:100%;min-height:48px;-webkit-appearance:none;appearance:none;display:block;text-align:left}

/* Badge « Save 50 % » lisible : texte foncé sur fond clair. */
.app-page .pw-plan .save{color:#161414}