:root{--blanc:#ffffff;--marron:#3b2416;--marron-texte:#2e1c11;--marron-doux:#5a4639;--gris-brun:#6b5a4e;--orange:#b8501a;--orange-clair:#fbefe6;--turquoise:#0f6b6b;--turquoise-fonce:#0a4f4f;--turquoise-clair:#eaf4f3;--bordure:#eadfd5;--bordure-douce:#f0e8e0;--fond-doux:#f7f2ee;--titre:"Cormorant Garamond",Georgia,serif;--lecture:"Lora",Georgia,serif;--texte:"Jost",system-ui,sans-serif;--largeur:560px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--blanc);color:var(--marron);font-family:var(--texte);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--turquoise);text-decoration:none}a:hover{color:var(--turquoise-fonce)}img{max-width:100%;display:block}button{font-family:inherit}.page{max-width:var(--largeur);margin:0 auto;min-height:100vh;padding-bottom:96px}.section{padding:0 20px 28px}.h1{font-size:38px;line-height:1.08}.h1,.h2{font-family:var(--titre);font-weight:700;margin:0}.h2{font-size:27px}.accroche{font-family:var(--titre);font-style:italic;font-size:21px;color:var(--orange);margin:0}.muted{color:var(--gris-brun);font-size:13px}.row-between{align-items:baseline;gap:12px}.header,.row-between{display:flex;justify-content:space-between}.header{padding:10px 16px 8px;border-bottom:1px solid var(--bordure-douce)}.header,.logo{align-items:center}.logo{display:flex;gap:10px}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-small{font-style:italic;font-size:15px;color:var(--gris-brun)}.logo-big,.logo-small{font-family:var(--titre)}.logo-big{font-weight:700;font-size:24px;letter-spacing:6px;color:var(--orange)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 6px}.topbar-label{font-size:12px;letter-spacing:3px;color:var(--turquoise);font-weight:600;text-transform:uppercase}.icon-btn{width:44px;height:44px;display:flex;color:var(--marron);background:none;border:none}.btn,.icon-btn{align-items:center;justify-content:center;cursor:pointer}.btn{display:inline-flex;gap:8px;border-radius:999px;padding:15px 20px;font-size:15px;font-weight:500;border:none;text-align:center}.btn-orange{background:var(--orange);color:var(--blanc)}.btn-orange:hover{background:#9e4416;color:var(--blanc)}.btn-marron{background:var(--marron);color:var(--blanc)}.btn-marron:hover{color:var(--blanc);background:#2a190f}.btn-contour{border:1.5px solid var(--marron);color:var(--marron);background:var(--blanc)}.btn-contour:hover{color:var(--marron);background:var(--fond-doux)}.btn-petit{padding:10px 16px;font-size:13px;border:1px solid #d9ccc0;color:var(--marron);background:var(--blanc)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:default}.tag{font-size:12px;border:1px solid #d9ccc0;border-radius:999px;padding:5px 11px;color:var(--marron);white-space:nowrap}.tag-turquoise{border-color:var(--turquoise);color:var(--turquoise)}.tag-orange{border-color:var(--orange);color:var(--orange)}.pill-gratuit{font-size:12px;color:var(--blanc);background:var(--turquoise);border-radius:999px;padding:4px 10px;font-weight:500;white-space:nowrap}.cover{position:relative;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;text-align:center;color:var(--blanc);overflow:hidden}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-title{font-family:var(--titre);font-style:italic;font-weight:600;line-height:1.1}.cover-author{margin-top:12px;font-size:9px;letter-spacing:3px;opacity:.85}.badge-new{position:absolute;top:10px;left:10px;z-index:1;background:var(--blanc);color:var(--turquoise);font-size:10px;font-weight:600;letter-spacing:1px;padding:4px 8px;border-radius:999px}.carousel{display:flex;gap:14px;overflow-x:auto;padding:0 20px 4px;scroll-snap-type:x mandatory}.carousel-item{flex:none;width:140px;display:flex;flex-direction:column;gap:6px;color:var(--marron);scroll-snap-align:start}.card{background:var(--blanc);border:1px solid var(--bordure);border-radius:18px;padding:14px}.card-shadow{box-shadow:0 6px 20px rgba(59,36,22,.07)}.panel-turquoise{background:var(--turquoise-clair);border-radius:20px;padding:22px 20px;gap:16px}.panel-orange,.panel-turquoise{display:flex;flex-direction:column}.panel-orange{background:var(--orange-clair);border-radius:18px;padding:20px;gap:10px}.step{display:flex;gap:14px;align-items:flex-start}.step-num{flex:none;width:32px;height:32px;border-radius:999px;background:var(--turquoise);color:var(--blanc);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.step-text{font-size:15px;line-height:1.45;padding-top:5px}.progress{background:var(--bordure-douce)}.progress,.progress>div{height:4px;border-radius:4px}.progress>div{background:var(--turquoise)}.list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--bordure-douce);color:var(--marron);min-height:44px}.list-row:hover{color:var(--marron);background:#fffaf6}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#3B2416;box-shadow:0 -4px 14px rgba(59,36,22,.18)}.bottom-nav-inner{max-width:var(--largeur);margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 4px calc(10px + env(safe-area-inset-bottom))}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;color:rgba(255,255,255,.72);font-size:11px}.nav-item.active{color:#F0A27A;font-weight:600}.nav-item:hover{color:#FFFFFF}.form{gap:14px}.field,.form{display:flex;flex-direction:column}.field{gap:6px}.field label{font-size:14px;font-weight:500}.field input,.field select,.field textarea{font:inherit;font-size:16px;padding:13px 14px;border:1px solid #d9ccc0;border-radius:12px;color:var(--marron);background:var(--blanc)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--turquoise);outline-offset:1px;border-color:transparent}.alert{padding:12px 14px;border-radius:12px;font-size:14px}.alert-error{background:#fdecea;color:#8a1c12}.alert-ok{background:var(--turquoise-clair);color:var(--turquoise-fonce)}.plan{text-align:left;color:var(--marron);cursor:pointer;border-radius:18px;padding:18px;background:var(--blanc);border:1px solid var(--bordure);display:flex;flex-direction:column;gap:6px;width:100%}.plan.selected{background:var(--orange-clair);border:2px solid var(--orange);padding:17px}.plan-price{font-family:var(--titre);font-weight:700;font-size:34px;color:var(--orange)}.plan-badge{font-size:11px;font-weight:600;color:var(--blanc);background:var(--turquoise);border-radius:999px;padding:4px 10px}.reader{--foot:68px;position:relative;display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:var(--largeur);margin:0 auto;overflow:hidden}.reader-head{border-bottom:1px solid var(--bordure-douce)}.reader-title{display:flex;flex-direction:column;align-items:center;line-height:1.3;text-align:center;min-width:0}.reader-title-novel{font-family:var(--titre);font-style:italic;font-weight:600;font-size:18px}.reader-title-chap{font-size:11px;letter-spacing:2px;color:var(--gris-brun);text-transform:uppercase}.mode-switch{display:flex;justify-content:center;padding:2px 20px 10px}.mode-switch-inner{display:flex;background:#f5efea;border-radius:999px;padding:3px}.mode-btn{border:none;cursor:pointer;font-size:13px;font-weight:500;padding:9px 16px;border-radius:999px;background:transparent;color:var(--gris-brun)}.mode-btn.on{background:var(--blanc);color:var(--orange);box-shadow:0 1px 3px rgba(59,36,22,.1)}.reader-body{flex:1 1;min-height:0;padding:24px 26px 16px;display:flex;flex-direction:column;gap:18px}.reader-body.scroll{overflow-y:auto}.reader-body.pages{overflow:hidden}.reader-text p{margin:0 0 1em;font-family:var(--lecture);line-height:1.75;color:var(--marron-texte)}.chapter-head{display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:6px}.chapter-num{font-size:12px;letter-spacing:3px;color:var(--orange);font-weight:600}.chapter-title{margin:0;font-family:var(--titre);font-weight:700;font-size:32px;text-align:center}.reader-foot{position:absolute;left:0;right:0;bottom:0;z-index:5;height:calc(var(--foot) + env(safe-area-inset-bottom));box-sizing:border-box;border-top:1px solid var(--bordure-douce);background:rgba(255,255,255,.96);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 -6px 18px rgba(59,36,22,.06);padding:6px 12px env(safe-area-inset-bottom);display:flex;flex-direction:column;gap:4px;transition:transform .25s ease,opacity .25s ease}.reader.bar-hidden .reader-foot{transform:translateY(105%);opacity:0;pointer-events:none}body.reading .bottom-nav{display:none}.page-btn{width:48px;height:48px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center}.page-btn.prev{border:1.5px solid var(--marron);background:var(--blanc);color:var(--marron)}.page-btn.next{border:none;background:var(--orange);color:var(--blanc)}.page-btn:disabled{opacity:.35;cursor:default}.empty{text-align:center;padding:48px 24px;color:var(--gris-brun)}.admin-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 20px 16px}.admin-tab{flex:none;font-size:14px;font-weight:500;padding:9px 14px;border-radius:999px;border:1px solid var(--bordure);color:var(--marron)}.admin-tab.on{background:var(--marron);color:var(--blanc);border-color:var(--marron)}.admin-tab:hover{color:var(--marron)}.admin-tab.on:hover{color:var(--blanc)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.stat{border:1px solid var(--bordure);border-radius:16px;padding:14px 12px;display:flex;flex-direction:column;gap:2px}.stat-num{font-family:var(--titre);font-weight:700;font-size:32px;color:var(--orange);line-height:1}.stat-label{font-size:12px;color:var(--gris-brun)}.check{display:flex;gap:10px;align-items:center;font-size:15px;min-height:44px}.check input{width:20px;height:20px;accent-color:var(--orange)}.hint{font-size:13px;color:var(--gris-brun);margin:0}.field textarea.chapter-text{min-height:360px;font-family:var(--lecture);font-size:16px;line-height:1.7;resize:vertical}.btn-danger{background:var(--blanc);color:#a3271a;border:1.5px solid #e0b3ad}.btn-danger:hover{background:#fdecea;color:#a3271a}.btn-turquoise{background:var(--turquoise);color:var(--blanc)}.btn-turquoise:hover{background:var(--turquoise-fonce);color:var(--blanc)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.file-drop{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;text-align:center;padding:18px;border:1.5px dashed #d9ccc0;border-radius:14px;background:var(--fond-doux);cursor:pointer;font-size:14px}.file-drop input{display:none}.hero-wrap{position:relative}.hero-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:22px;scrollbar-width:none}.hero-track::-webkit-scrollbar{display:none}.hero-banner{position:relative;flex:none;width:100%;aspect-ratio:4/3;scroll-snap-align:start;border-radius:22px;overflow:hidden;background:var(--fond-doux);display:block}.hero-bg{position:absolute;inset:0;object-fit:cover;filter:blur(22px) brightness(.9);transform:scale(1.2)}.hero-bg,.hero-img{width:100%;height:100%}.hero-img{position:relative;object-fit:contain}.hero-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--turquoise-clair);border:1px solid var(--bordure)}.hero-empty-small{font-family:var(--titre);font-style:italic;font-size:22px;color:var(--gris-brun)}.hero-empty-big{font-family:var(--titre);font-weight:700;font-size:54px;letter-spacing:12px;color:var(--orange)}.hero-dots{gap:4px;margin-top:6px}.hero-dot,.hero-dots{display:flex;justify-content:center}.hero-dot{width:24px;height:24px;border:none;background:none;cursor:pointer;padding:0;align-items:center}.hero-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:#d9ccc0}.hero-dot.on:after{background:var(--orange);width:20px;border-radius:4px}.novel-stats{display:flex;gap:14px;flex-wrap:wrap;color:var(--gris-brun);font-size:13px}.novel-stat{display:inline-flex;align-items:center;gap:5px}.novel-stat svg{color:var(--turquoise)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.lib-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:10px 0;min-height:44px;font-family:inherit;font-size:13px;font-weight:500;color:var(--turquoise);cursor:pointer}.lib-btn:hover{color:var(--turquoise-fonce)}.lib-btn.on{color:var(--gris-brun)}.lib-btn:disabled{opacity:.5}body{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}[contenteditable=true],[contenteditable=true] *,input,select,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default}.admin-zone,.admin-zone *{-webkit-user-select:text;-moz-user-select:text;user-select:text}img{-webkit-user-drag:none}@media print{body *{display:none!important}body:after{content:"Impression non autorisée — Les histoires de Nana";display:block;padding:40px;font-size:18px}}.remove-x{width:40px;height:40px;border-radius:999px;border:none;background:transparent;color:var(--gris-brun);cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-x:hover{background:var(--fond-doux);color:#a3271a}.pager-outer{flex:1 1;min-height:0;display:flex;padding:22px 26px 10px}.pager-viewport{flex:1 1;min-width:0;overflow:hidden;position:relative;touch-action:pan-y;cursor:default}.pager-inner{column-fill:auto;will-change:transform}.reader-p{margin:0 0 1em;font-family:var(--lecture);line-height:1.75;color:var(--marron-texte);orphans:2;widows:2}.reader-body .reader-p{page-break-inside:auto;break-inside:auto}.chapter-end{margin-top:12px}.chapter-end,.pager-inner .chapter-head{page-break-inside:avoid;break-inside:avoid}.pager-inner .chapter-head{margin-bottom:18px}.comment-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border:none;background:none;color:var(--turquoise);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.sheet-overlay{position:fixed;inset:0;z-index:50;background:rgba(46,28,17,.35);display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:var(--largeur);max-height:86vh;max-height:86dvh;background:var(--blanc);border-radius:22px 22px 0 0;display:flex;flex-direction:column;box-shadow:0 -8px 30px rgba(46,28,17,.15)}.sheet-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:18px 12px 10px 20px;border-bottom:1px solid var(--bordure-douce)}.sheet-grip{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:40px;height:4px;border-radius:4px;background:var(--bordure)}.sheet-body{flex:1 1;overflow-y:auto;padding:8px 20px}.sheet-foot{border-top:1px solid var(--bordure-douce);padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.comment-thread{padding:12px 0;border-bottom:1px solid var(--bordure-douce)}.comment{display:flex;gap:10px}.comment.reply{margin:10px 0 0 42px}.comment-avatar{flex:none;width:32px;height:32px;border-radius:50%;background:var(--turquoise-clair);color:var(--turquoise);justify-content:center;font-weight:600;font-size:14px}.comment-avatar,.comment-meta{display:flex;align-items:center}.comment-meta{gap:8px;flex-wrap:wrap}.comment-name{font-weight:600;font-size:14px}.comment-badge{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--blanc);background:var(--orange);border-radius:999px;padding:2px 8px}.comment-time{font-size:12px;color:var(--gris-brun)}.comment-text{margin:4px 0 2px;font-size:15px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}.comment-actions{display:flex;gap:14px}.comment-actions button{background:none;border:none;padding:6px 0;font:inherit;font-size:12px;font-weight:600;color:var(--gris-brun);cursor:pointer}.comment-actions button:hover{color:var(--turquoise)}.comment-input{flex:1 1;font:inherit;font-size:16px;padding:12px 14px;border:1px solid #d9ccc0;border-radius:16px;resize:none;max-height:120px;color:var(--marron)}.comment-input:focus{outline:2px solid var(--turquoise);outline-offset:1px;border-color:transparent}.reply-chip{display:flex;align-items:center;justify-content:space-between;font-size:13px;background:var(--turquoise-clair);color:var(--turquoise-fonce);border-radius:10px;padding:6px 10px}.reply-chip button{background:none;border:none;cursor:pointer;color:inherit;font-size:14px;padding:4px 8px}a.plan,a.plan:hover{color:var(--marron)}a.plan:hover{border-color:var(--orange)}.plan-cta{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:14px;font-weight:600;color:var(--orange)}.cover .cover-bg{object-fit:cover;filter:blur(14px) brightness(.9);transform:scale(1.2)}.cover .cover-bg,.cover .cover-img{position:absolute;inset:0;width:100%;height:100%}.cover .cover-img{object-fit:contain}.badge-adult{position:absolute;top:10px;right:10px;z-index:1;background:var(--orange);color:var(--blanc);font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 8px;border-radius:999px}.sub-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px}.sub-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:14px;border:1px solid var(--bordure);background:var(--blanc);color:var(--marron);cursor:pointer;font:inherit;text-align:center}.sub-tab b{font-family:var(--titre);font-size:26px;line-height:1}.sub-tab span{font-size:11px;color:var(--gris-brun);line-height:1.2}.sub-tab.on{border:2px solid var(--orange);background:var(--orange-clair);padding:9px 3px}.sub-table{width:100%;border-collapse:collapse;font-size:14px}.sub-table th{text-align:left;font-size:12px;font-weight:600;color:var(--gris-brun);padding:8px 6px;border-bottom:1px solid var(--bordure)}.sub-table td{padding:10px 6px;border-bottom:1px solid var(--bordure-douce);vertical-align:middle}.sub-table tr.clickable{cursor:pointer}.sub-table tr.clickable:hover td{background:#fffaf6}.table-box{overflow-x:auto;border:1px solid var(--bordure);border-radius:14px}.rte{border:1px solid #d9ccc0;border-radius:12px;overflow:hidden;background:var(--blanc)}.rte-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border-bottom:1px solid var(--bordure);background:var(--fond-doux);position:-webkit-sticky;position:sticky;top:0;z-index:2}.rte-btn{min-width:40px;height:40px;border:1px solid var(--bordure);border-radius:8px;background:var(--blanc);color:var(--marron);font-size:16px;cursor:pointer}.rte-btn:hover{border-color:var(--orange);color:var(--orange)}.rte-area{min-height:360px;max-height:70vh;overflow-y:auto;padding:14px 16px;font-family:var(--lecture);font-size:16px;line-height:1.7;color:var(--marron-texte);outline:none}.rte-area:focus{box-shadow:inset 0 0 0 2px var(--turquoise)}.rte-area:empty:before{content:attr(data-placeholder);color:var(--gris-brun)}.rte-area div,.rte-area p{margin:0 0 .8em}.reader-text blockquote,.reader-text h3,.reader-text p{margin:0 0 1em;font-family:var(--lecture);line-height:1.75;color:var(--marron-texte);orphans:2;widows:2}.reader-text h3{font-family:var(--titre);font-weight:700;font-size:1.3em;text-align:center}.reader-text blockquote{font-style:italic;padding-left:14px;border-left:2px solid var(--bordure)}.reader-text .center,.rte-area .center,.rte-area [style*=center]{text-align:center}.reader-text hr,.rte-area hr{border:none;text-align:center;margin:1.4em 0;height:1em}.reader-text hr:after,.rte-area hr:after{content:"*   *   *";color:var(--orange);font-size:1em;letter-spacing:2px;white-space:pre}.chap-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:6px;gap:6px}.chap-nav-link{font-size:13px;font-weight:600;color:var(--orange);padding:12px 2px;white-space:nowrap}.chap-nav-link.right{text-align:right}.chap-nav-link.off{color:#c9bbb0;font-weight:500}.chap-nav-mid{display:flex;flex-direction:column;align-items:center;font-size:14px;line-height:1.3;text-align:center}.bell{position:relative;color:var(--marron)}.bell-count{position:absolute;top:6px;right:4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#c62828;color:var(--blanc);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.notif{display:flex;gap:12px;align-items:flex-start;padding:14px 10px;border-bottom:1px solid var(--bordure-douce);color:var(--marron);border-radius:12px}.notif:hover{color:var(--marron);background:#fffaf6}.notif.unread{background:var(--turquoise-clair)}.notif-icon{flex:none;width:36px;height:36px;border-radius:50%;background:var(--blanc);border:1px solid var(--bordure);display:flex;align-items:center;justify-content:center;font-size:17px}.reactions{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px}.reaction{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:2px 9px;border-radius:999px;border:1px solid var(--bordure);background:var(--blanc);font:inherit;font-size:13px;cursor:pointer;color:var(--marron)}.reaction.mine{border-color:var(--orange);background:var(--orange-clair)}.reaction-picker{display:flex;gap:2px;padding:4px;border-radius:999px;background:var(--blanc);border:1px solid var(--bordure);box-shadow:0 4px 14px rgba(59,36,22,.12);width:max-content;margin-top:6px}.reaction-picker button{width:38px;height:38px;border:none;background:none;font-size:20px;cursor:pointer;border-radius:50%}.reaction-picker button:hover{background:var(--fond-doux)}.pw-wrap{position:relative;display:flex}.pw-wrap input{flex:1 1;padding-right:52px}.pw-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;background:none;color:var(--gris-brun);cursor:pointer;display:flex;align-items:center;justify-content:center}.pw-eye:hover{color:var(--turquoise)}.phone-row{display:grid;grid-template-columns:84px minmax(0,1fr);grid-gap:8px;gap:8px}.phone-row .dial{border:1px solid #d9ccc0;border-radius:12px;background:var(--fond-doux);font-size:16px}.avatar,.phone-row .dial{display:flex;align-items:center;justify-content:center}.avatar{position:relative;width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--turquoise-clair);border:2px solid var(--bordure);cursor:pointer}.avatar img{width:100%;height:100%;object-fit:cover}.avatar input{display:none}.avatar-initial{font-family:var(--titre);font-weight:700;font-size:40px;color:var(--turquoise)}.avatar-cam{position:absolute;bottom:0;left:0;right:0;height:28px;background:rgba(46,28,17,.55);color:var(--blanc);display:flex;align-items:center;justify-content:center}.pay-sheet{max-width:480px}.pay-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.pay-method{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 6px;min-height:120px;border:1.5px solid var(--bordure);border-radius:16px;background:var(--blanc);color:var(--marron);font-size:13px;font-weight:600;text-align:center}.pay-method:hover{border-color:var(--orange);color:var(--marron);background:var(--orange-clair)}.pay-method img{width:64px;height:64px;object-fit:contain}.pay-other{width:64px;height:64px;border-radius:50%;background:var(--fond-doux);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gris-brun);letter-spacing:2px}button.plan{cursor:pointer}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:22px 16px;gap:22px 16px}.admin-grid-item{display:flex;flex-direction:column;gap:6px;color:var(--marron)}.admin-grid-item .cover{width:100%!important;height:auto!important;aspect-ratio:7/10}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table td,.admin-table th{text-align:left;padding:9px 6px;border-bottom:1px solid var(--bordure-douce);vertical-align:top}.admin-table th{font-weight:600;color:var(--gris-brun);font-size:12px}.table-scroll{overflow-x:auto}.reader .pager-outer{padding:18px 24px calc(var(--foot) + env(safe-area-inset-bottom) + 8px)}.reader .pager-inner{position:relative}.reader .reader-body.scroll{position:relative;padding-bottom:calc(var(--foot) + env(safe-area-inset-bottom) + 24px)}.reader-foot .chap-nav-link{padding:8px 2px}.reader-foot .chap-nav-mid{gap:4px;font-size:13px}.reader-foot .mode-switch-inner{padding:2px}.reader-foot .mode-btn{font-size:11px;padding:4px 10px}.reader .pager-outer{position:relative}.reader-mark{position:absolute;inset:0;pointer-events:none;z-index:1}.continue-btn{flex-direction:column;gap:2px;padding:14px 18px}.continue-sub{font-size:12px;font-weight:400;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.country-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.country-chip{font:inherit;font-size:14px;padding:12px 10px;border-radius:12px;border:1px solid #d9ccc0;background:var(--blanc);color:var(--marron);cursor:pointer}.country-chip.on{border-color:var(--orange);background:#fbefe7;color:var(--orange);font-weight:600}.logo-img{height:60px;width:auto;display:block}.admin-pill{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:999px;background:#3B2416;color:#fff;font-size:12px;font-weight:600;letter-spacing:.4px;box-shadow:0 2px 8px rgba(59,36,22,.25)}.admin-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#F0A27A}.admin-pill:hover{color:#fff;background:#4d2105}.splash{position:fixed;inset:0;z-index:100;background:#FFFFFF;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:24px;transition:opacity .42s ease}html.no-splash .splash{display:none}.splash-out{opacity:0;pointer-events:none}.splash-art{position:relative;width:min(92vw,560px);aspect-ratio:1100/502}.sp{position:absolute;inset:0;width:100%;height:100%}.sp-ill{-webkit-clip-path:polygon(0 0,37.5% 0,37.5% 50%,40.8% 50%,40.8% 70%,44% 70%,44% 100%,0 100%);clip-path:polygon(0 0,37.5% 0,37.5% 50%,40.8% 50%,40.8% 70%,44% 70%,44% 100%,0 100%);animation:sp-ill 1.1s cubic-bezier(.2,.7,.3,1) 1.5s both;transform-origin:22% 60%}.sp-title{-webkit-clip-path:inset(0 0 18.2% 37.5%);clip-path:inset(0 0 18.2% 37.5%);animation:sp-write 1.5s cubic-bezier(.55,.1,.3,1) 2.15s both}.sp-tag{-webkit-clip-path:inset(82% 0 0 44%);clip-path:inset(82% 0 0 44%);animation:sp-rise .8s ease-out 3.55s both}.splash-btn{min-width:200px;animation:sp-rise .6s ease-out 4.1s both;box-shadow:0 8px 22px rgba(184,80,26,.28)}@keyframes sp-ill{0%{opacity:0;transform:scale(.94) translateX(-10px)}to{opacity:1;transform:none}}@keyframes sp-write{0%{-webkit-clip-path:inset(0 62.5% 18.2% 37.5%);clip-path:inset(0 62.5% 18.2% 37.5%)}to{-webkit-clip-path:inset(0 0 18.2% 37.5%);clip-path:inset(0 0 18.2% 37.5%)}}@keyframes sp-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.splash-n{position:absolute;left:50%;top:50%;width:min(34vw,150px);height:auto;margin:calc(min(34vw, 150px) / -2) 0 0 calc(min(34vw, 150px) / -2);border-radius:22%;box-shadow:0 14px 34px rgba(59,36,22,.28);animation:sp-n 1.6s ease both;pointer-events:none}@keyframes sp-n{0%{opacity:0;transform:scale(.82)}25%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.sp,.splash-btn{animation:none!important}.splash-n{display:none}}