/* ===== V47 — la barre du bas sur téléphone : opaque, et le « + » au-dessus ===== */
body.h46 .bottom-nav{background:color-mix(in srgb,var(--kd-h2,#13070b) 97%,#000)!important;backdrop-filter:none!important;border-color:color-mix(in srgb,var(--kd-acc,#f1d58e) 28%,transparent)!important}
body.h46 .fab26-btn{bottom:calc(98px + env(safe-area-inset-bottom))!important}
body.h46 #app{padding-bottom:calc(150px + env(safe-area-inset-bottom))}

/* ===== V47 — tablette et ordinateur : trois colonnes ===== */
@media (min-width:1000px){
 body.t47{--t47l:260px;--t47r:310px}
 body.t47 #app{margin-left:var(--t47l)!important;margin-right:var(--t47r)!important;max-width:none!important;padding-left:28px!important;padding-right:28px!important}
 body.t47 .h46-mini{left:var(--t47l);right:var(--t47r)}
 /* la barre des onglets : flottante, au centre de la porte */
 body.t47 .bottom-nav{left:calc(var(--t47l) + 40px)!important;right:calc(var(--t47r) + 40px)!important;max-width:620px;margin:0 auto;bottom:18px!important;border-radius:999px!important;padding:6px 10px!important}
 body.t47 .bottom-nav button{font-size:11px!important}
 body.t47 .fab26-btn{left:auto!important;right:calc(var(--t47r) + 34px)!important;margin-left:0!important;bottom:96px!important}
 /* les deux colonnes */
 .t47-side,.t47-aside{display:none}
 body.t47 .t47-side,body.t47 .t47-aside{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;z-index:40;overflow-y:auto;scrollbar-width:none;padding:24px 16px}
 body.t47 .t47-side{left:0;width:var(--t47l);gap:10px;background:color-mix(in srgb,var(--kd-h2,#13070b) 70%,#000);border-right:1px solid #ffffff14}
 body.t47 .t47-aside{right:0;width:var(--t47r);gap:14px;background:color-mix(in srgb,var(--kd-h2,#13070b) 55%,#000);border-left:1px solid #ffffff14}
 .t47-side::-webkit-scrollbar,.t47-aside::-webkit-scrollbar{display:none}
 .t47-brand{display:flex!important;align-items:center;gap:10px;background:none!important;border:0!important;box-shadow:none!important;padding:0 6px 10px!important;width:auto!important;margin:0!important;color:inherit!important}
 .t47-brand img{width:38px;height:38px;border-radius:11px;box-shadow:0 0 18px #9b102088}
 .t47-brand b{font:800 12.5px 'Manrope',sans-serif;letter-spacing:.3em;color:#f1d58e}
 .t47-side>small,.t47-box>small,.t47-yt small{font:800 10px 'Manrope',sans-serif;letter-spacing:.2em;color:var(--kd-acc,#f1d58e)}
 .t47-side>small{color:#cbbbc0;padding:0 6px}
 .t47-doors{display:grid;gap:6px}
 .t47-door{display:flex!important;align-items:center;gap:12px;width:100%!important;margin:0!important;padding:9px!important;border-radius:16px!important;background:none!important;border:1px solid transparent!important;box-shadow:none!important;text-align:left;color:#f8f1e7!important;cursor:pointer;transition:background .2s}
 .t47-door:hover{background:#ffffff0c!important}
 .t47-door.on{background:color-mix(in srgb,var(--c) 15%,transparent)!important;border-color:color-mix(in srgb,var(--c) 45%,transparent)!important;box-shadow:0 0 22px color-mix(in srgb,var(--c) 22%,transparent)!important;cursor:default}
 .t47-av{flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:21px;background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--c) 55%,#fff),color-mix(in srgb,var(--c) 30%,#1a0a10));box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 60%,transparent)}
 .t47-av img{width:100%;height:100%;object-fit:cover}
 .t47-dt{display:grid;min-width:0}
 .t47-dt b{font:600 19px/1.15 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .t47-dt em{font-style:normal;font-size:11.5px;color:#cbbbc0}
 .t47-add{margin:auto 0 0!important;width:100%!important;background:none!important;border:1px dashed #ffffff33!important;box-shadow:none!important;color:#f1d58e!important;border-radius:16px!important;padding:12px!important;font-size:13px!important}
 .t47-box{border-radius:20px;padding:15px;border:1px solid #ffffff16;background:#ffffff07;display:grid;gap:10px}
 .t47-box p{margin:0;color:#cbbbc0;font-size:13px;line-height:1.5}
 .t47-soft{border-style:dashed}
 .t47-yr{display:grid!important;grid-template-columns:52px minmax(0,1fr);gap:8px 12px;align-items:center;text-align:left;width:100%!important;margin:0!important;padding:15px!important;border-radius:20px!important;color:#f8f1e7!important;cursor:pointer;
  background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--kd-acc,#f1d58e) 26%,transparent),transparent 60%),#ffffff08!important;border:1px solid color-mix(in srgb,var(--kd-acc,#f1d58e) 40%,transparent)!important;box-shadow:none!important}
 .t47-orb{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font:700 22px/1 Georgia,serif;color:#1a0d08;background:radial-gradient(circle at 35% 30%,#fff,var(--kd-acc,#f1d58e) 60%);box-shadow:0 0 22px var(--kd-acc,#f1d58e)}
 .t47-yt{display:grid;gap:2px;min-width:0}
 .t47-yt b{font:600 21px/1.15 Georgia,serif}
 .t47-yt em{font-style:normal;font-size:12px;color:#cbbbc0}
 .t47-ph{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .t47-ph img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}
 .t47-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
 .t47-cal i{aspect-ratio:1;border-radius:8px;display:grid;place-items:center;font:600 11px 'Manrope',sans-serif;font-style:normal;color:#cbbbc0;background:#ffffff08}
 .t47-cal i.h{background:none;font-weight:800;font-size:10px;color:#8f8388}.t47-cal i.e{background:none}
 .t47-cal i.s{background:color-mix(in srgb,var(--kd-acc,#f1d58e) 45%,transparent);color:#fff;box-shadow:0 0 12px color-mix(in srgb,var(--kd-acc,#f1d58e) 45%,transparent)}
 .t47-cal i.t{outline:2px solid var(--kd-acc,#f1d58e);color:#fff}
 .t47-pp{display:flex;align-items:center;gap:10px;font-size:13.5px}
 .t47-pp i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 12px 'Manrope',sans-serif;font-style:normal;color:#1a0d08;background:var(--kd-acc,#f1d58e)}
 /* la porte qui s'ouvre : seulement au centre, les colonnes restent en place */
 body.t47 .k46-door{left:var(--t47l);right:var(--t47r)}
 /* la couverture, plus majestueuse */
 body.t47 .h46-cover{height:340px}
 body.t47 #doorAvatarBtn .door-avatar{width:132px!important;height:132px!important}
 body.t47 #app>header h2{font-size:52px!important}
 body.t47 #k40Year{display:none!important}
}
@media (min-width:1000px){
 body.t47 #today .hero{grid-template-columns:minmax(0,1fr)!important;gap:22px!important;min-height:0!important}
 body.t47 #today .hero .book{max-width:460px;width:100%;margin:0 auto}
}
@media (min-width:1360px){body.t47 #today .hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important}}
@media (min-width:1000px){
 body.t47 .bottom-nav{position:fixed!important;z-index:45!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:auto!important;box-shadow:0 18px 50px #000c!important}
 body.t47 .fab26-btn{bottom:100px!important}
}
