/* ═══════════════════════════════════════════════════════════════════════════
   NOTRE REFUGE · core.css
   Tokens, reset, layout, boutons, formulaires, curseur, ambiance.
   Aucun composant d'univers.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══ TOKENS ═══ */
:root{
  --paper:#f4ede0;--paper-soft:#faf5ea;--paper-warm:#ede4d3;--paper-deep:#e6dcc6;--paper-ink:#d8cdb3;
  --ink:#1f1814;--ink-soft:#41372f;--ink-muted:#6f6154;--ink-faint:#8f7e6c;--ink-ghost:#b9ab99;
  --line:rgba(31,24,20,.12);--line-soft:rgba(31,24,20,.07);--line-strong:rgba(31,24,20,.22);
  --terra:#b8553a;--terra-deep:#8e3f2a;--terra-soft:rgba(184,85,58,.12);--terra-tint:#f0d8ce;
  --sage:#6b8568;--sage-deep:#4a5e48;--sage-soft:rgba(107,133,104,.12);--sage-tint:#dde6d8;
  --gold:#b8893f;--gold-deep:#8a6530;--gold-soft:rgba(184,137,63,.14);
  --wine:#6b2732;--wine-soft:rgba(107,39,50,.12);--wine-tint:#e8d2d4;
  --rose:#c78a95;--rose-soft:rgba(199,138,149,.14);

  --font-display:'Fraunces','Cormorant Garamond',Georgia,serif;
  --font-body:'Manrope',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-accent:'Italiana',Georgia,serif;
  --font-mono:ui-monospace,'SF Mono','JetBrains Mono',Consolas,monospace;

  --r-xs:4px;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;

  --shadow-xs:0 1px 2px rgba(31,24,20,.05);
  --shadow-sm:0 2px 8px rgba(31,24,20,.06);
  --shadow-md:0 8px 24px rgba(31,24,20,.08);
  --shadow-lg:0 20px 60px rgba(31,24,20,.12);
  --shadow-xl:0 40px 100px rgba(31,24,20,.16);

  --ease:cubic-bezier(.22,.9,.28,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-soft:cubic-bezier(.4,0,.2,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);

  --topbar-h:76px;--mobilenav-h:76px;
  --world-max:1540px;--world-gutter:clamp(12px,2vw,28px);
  --hero-max:1500px;--hero-pad:clamp(24px,6vw,92px);

  --action-radius:999px;--action-height:48px;--action-focus:#b8553a;
  --motion-intensity:1;--nr-speed:1;--nr-ambient-opacity:.75;--nr-read-progress:0;

  color-scheme:light only;
}

/* ═══ RESET ═══ */
*,*::before,*::after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{margin:0;padding:0;min-height:100%;background:var(--paper);color:var(--ink);font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;padding:0;width:100%;height:100%;min-height:100dvh;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.65;letter-spacing:.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'kern' 1,'liga' 1,'calt' 1}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90% 55% at 50% 0%,color-mix(in srgb,var(--terra) 5%,transparent),transparent 60%),radial-gradient(ellipse 80% 50% at 50% 100%,color-mix(in srgb,var(--gold) 4%,transparent),transparent 65%)}
h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
img,svg,video,canvas{display:block;max-width:100%;height:auto}
img{border-style:none}
a{color:inherit;text-decoration:none}
button{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;text-align:inherit}
input,textarea,select{font:inherit;color:inherit;margin:0}
textarea{resize:vertical}
table{border-collapse:collapse;border-spacing:0}
hr{border:0;height:1px;background:var(--line);margin:0}
fieldset{border:0;padding:0;margin:0}
::selection{background:var(--terra-soft);color:var(--ink)}
::-moz-selection{background:var(--terra-soft);color:var(--ink)}
:focus{outline:none}
:focus-visible{outline:2px solid var(--terra);outline-offset:3px;border-radius:var(--r-xs)}
button:focus:not(:focus-visible){outline:none}
.is-hidden{display:none!important}
.is-invisible{visibility:hidden!important}

/* ═══ TYPOGRAPHIE ═══ */
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;letter-spacing:-.035em;color:var(--ink);line-height:1.05;font-variation-settings:'SOFT' 50,'WONK' 1}
h1{font-size:clamp(2.6rem,5.6vw,5.6rem);font-weight:300;letter-spacing:-.05em;line-height:1}
h2{font-size:clamp(2rem,3.6vw,3.2rem);font-weight:300;letter-spacing:-.04em}
h3{font-size:clamp(1.4rem,2.2vw,2rem);font-weight:400;letter-spacing:-.03em}
h4{font-size:1.25rem;font-weight:500;letter-spacing:-.02em}
h5{font-size:1.05rem;font-weight:500;letter-spacing:-.015em}
h6{font-size:.9rem;font-weight:600;letter-spacing:-.005em;text-transform:uppercase}
p{font-family:var(--font-body);font-weight:400;line-height:1.7;color:var(--ink-soft)}
small{font-size:.82rem;line-height:1.55;color:var(--ink-muted)}
em,.italic{font-style:italic}
strong{font-weight:600;color:var(--ink)}
.accent{font-family:var(--font-accent);font-style:normal;letter-spacing:.02em;font-weight:400}
.kicker{display:inline-block;font-family:var(--font-body);font-size:.66rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--terra)}
blockquote{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.5;color:var(--ink);letter-spacing:-.02em;padding-left:22px;border-left:3px solid var(--terra)}
code,pre{font-family:var(--font-mono);font-size:.85em;letter-spacing:.01em}
.num{font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}

/* ═══ AMBIANCE (aurora, glow, canvas, petals, cursor) ═══ */
.ambient{position:fixed;inset:0;z-index:6;pointer-events:none;overflow:hidden;isolation:isolate}
.ambient__aurora{position:absolute;inset:-10%;opacity:var(--nr-ambient-opacity,.75);mix-blend-mode:multiply}
.ambient__blob{position:absolute;border-radius:50%;filter:blur(86px);opacity:.68;animation:ambientFloat calc(24s * var(--nr-speed,1)) ease-in-out infinite alternate}
.ambient__blob--1{width:560px;height:560px;left:-160px;top:-120px;background:radial-gradient(circle,color-mix(in srgb,var(--rose) 30%,transparent),transparent 68%)}
.ambient__blob--2{width:480px;height:480px;right:-120px;top:20%;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 26%,transparent),transparent 68%);animation-delay:-8s;animation-duration:calc(28s * var(--nr-speed,1))}
.ambient__blob--3{width:640px;height:640px;left:20%;bottom:-200px;background:radial-gradient(circle,color-mix(in srgb,var(--terra) 20%,transparent),transparent 68%);animation-delay:-16s;animation-duration:calc(32s * var(--nr-speed,1))}
@keyframes ambientFloat{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(40px,-30px,0) scale(1.08)}}
.ambient__glow{position:absolute;top:0;left:0;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 18%,transparent),transparent 65%);opacity:0;transition:opacity .5s;will-change:transform;pointer-events:none;mix-blend-mode:multiply}
.ambient__glow.is-on{opacity:.95}
#ambient-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:1}
.ambient__petals{position:absolute;inset:0;overflow:hidden}
.petal{position:absolute;width:14px;height:21px;border-radius:80% 20% 80% 20%;background:linear-gradient(145deg,color-mix(in srgb,var(--rose) 82%,var(--paper)),color-mix(in srgb,var(--rose) 45%,transparent));opacity:.58;filter:drop-shadow(0 2px 4px rgba(107,39,50,.08));animation:petalFall calc(15s * var(--nr-speed,1)) linear infinite}
.petal--1{left:12%;top:-6%;animation-duration:calc(16s * var(--nr-speed,1))}
.petal--2{left:28%;top:-9%;animation-delay:-4s;animation-duration:calc(20s * var(--nr-speed,1))}
.petal--3{left:48%;top:-8%;animation-delay:-9s;animation-duration:calc(18s * var(--nr-speed,1))}
.petal--4{left:64%;top:-7%;animation-delay:-3s;animation-duration:calc(22s * var(--nr-speed,1))}
.petal--5{left:78%;top:-10%;animation-delay:-12s;animation-duration:calc(19s * var(--nr-speed,1))}
.petal--6{left:35%;top:-5%;animation-delay:-7s;animation-duration:calc(23s * var(--nr-speed,1))}
.petal--7{left:88%;top:-9%;animation-delay:-14s;animation-duration:calc(21s * var(--nr-speed,1))}
.petal--8{left:6%;top:-10%;animation-delay:-10s;animation-duration:calc(24s * var(--nr-speed,1))}
.petal--9{left:57%;top:-11%;animation-delay:-16s;animation-duration:calc(26s * var(--nr-speed,1))}
.petal--10{left:93%;top:-12%;animation-delay:-6s;animation-duration:calc(23s * var(--nr-speed,1))}
@keyframes petalFall{0%{transform:translate3d(0,-8vh,0) rotate(0deg);opacity:0}10%{opacity:.48}72%{opacity:.38}100%{transform:translate3d(7vw,112vh,0) rotate(520deg);opacity:0}}

/* V1.0.4 · arrêt réel du décor flottant : les anciens pétales DOM éventuels sont neutralisés. */
body.ambient-particles-off #ambient-canvas,body.ambient-particles-off .ambient__petals{display:none!important}
body.ambient-particles-off .petal{animation:none!important;opacity:0!important}

/* Curseur personnalisé */
.cursor{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;mix-blend-mode:multiply;opacity:0;transition:opacity .3s}
.cursor.is-visible{opacity:1}
.cursor__dot{position:absolute;top:0;left:0;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--terra);transition:transform .25s var(--ease-spring),background .25s}
.cursor__ring{position:absolute;top:0;left:0;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:1px solid color-mix(in srgb,var(--terra) 45%,transparent);transition:transform .35s var(--ease-out),opacity .25s,border-color .25s}
.cursor.is-hover .cursor__dot{transform:scale(1.8);background:var(--gold)}
.cursor.is-hover .cursor__ring{transform:scale(1.5);border-color:color-mix(in srgb,var(--gold) 60%,transparent)}
.cursor.is-press .cursor__dot{transform:scale(.75)}
.cursor.is-press .cursor__ring{transform:scale(.85)}
body.has-custom-cursor,body.has-custom-cursor *{cursor:none!important}

/* Sillage du curseur */
.cursor-trail{position:fixed;inset:0;z-index:9998;pointer-events:none;mix-blend-mode:multiply}
.cursor-trail__dot{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:radial-gradient(circle,rgba(184,85,58,.55),rgba(184,85,58,0));opacity:.6;will-change:transform}

/* ═══ PRÉLOADEUR ═══ */
.preloader{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;background:var(--paper);transition:opacity .6s var(--ease),visibility .6s}
.preloader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.preloader__inner{display:grid;gap:22px;justify-items:center;text-align:center;padding:32px}
.preloader__mark{width:74px;height:74px;color:var(--terra);animation:preloaderPulse 2.4s ease-in-out infinite}
.preloader__heart{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:280;stroke-dashoffset:280;animation:preloaderDraw 2.4s ease-in-out infinite}
.preloader__word{font-family:var(--font-display);font-size:1.9rem;font-weight:300;letter-spacing:-.04em;color:var(--ink);display:flex;gap:8px;align-items:baseline}
.preloader__word span{color:var(--ink-soft)}
.preloader__word em{font-family:var(--font-accent);font-style:italic;color:var(--terra)}
.preloader__sub{font-family:var(--font-body);font-size:.8rem;color:var(--ink-muted);letter-spacing:.14em;text-transform:uppercase}
@keyframes preloaderDraw{0%{stroke-dashoffset:280}50%{stroke-dashoffset:0}100%{stroke-dashoffset:-280}}
@keyframes preloaderPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* ═══ LAYOUT APP ═══ */
.app{position:fixed;inset:0;width:100%;height:100dvh;display:flex;flex-direction:column;background:var(--paper);isolation:isolate;z-index:1}
.app:not(.is-hidden){animation:shellEnter .9s var(--ease-out) both}
@keyframes shellEnter{from{opacity:0;transform:scale(.995)}to{opacity:1;transform:none}}
body.is-transitioning .app{pointer-events:none}

/* ═══ TOPBAR ═══ */
.topbar{position:relative;z-index:40;flex:0 0 auto;width:100%;height:var(--topbar-h);min-height:var(--topbar-h);padding:0 clamp(18px,3vw,46px);display:grid;grid-template-columns:minmax(180px,auto) minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2vw,28px);background:rgba(249,244,234,.96);border-bottom:1px solid rgba(31,24,20,.09);backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%);overflow:hidden}
.topbar::after{content:"";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%) scaleX(0);width:min(280px,40vw);height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--terra) 55%,transparent),transparent);transition:transform .6s var(--ease-out);pointer-events:none}
.topbar.is-scrolled::after{transform:translateX(-50%) scaleX(1)}
.reading-progress{position:absolute;left:0;bottom:0;height:2px;width:calc(var(--nr-read-progress,0) * 100%);transform-origin:left;background:linear-gradient(90deg,var(--terra),var(--gold),var(--rose));z-index:99;pointer-events:none;opacity:0;transition:width .12s linear,opacity .2s}
.app.nr-reading-visible .reading-progress{opacity:.94}

.brand{display:inline-flex;align-items:center;gap:11px;padding:0;background:transparent;color:var(--ink);cursor:pointer;border-radius:var(--r-pill);transition:transform .3s var(--ease)}
.brand:hover{transform:translateY(-1px)}
.brand__mark{position:relative;width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:50%;background:var(--wine);color:#fff8ef;overflow:hidden;transition:background .35s,transform .45s var(--ease-spring)}
.brand:hover .brand__mark{background:var(--terra);transform:rotate(-6deg)}
.brand__mark svg{width:18px;height:18px}
.brand__copy{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1}
.brand__name{font-family:var(--font-display);font-size:1.05rem;font-weight:500;letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
.brand__copy small{font:600 .58rem/1.1 var(--font-body);letter-spacing:.08em;color:var(--wine);opacity:.72;white-space:nowrap}

.topnav{justify-self:center;align-self:center;display:flex;flex-wrap:nowrap;align-items:center;gap:2px;padding:4px;border:1px solid rgba(31,24,20,.08);border-radius:16px;background:rgba(244,237,224,.72)}
.topnav button{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:9px 12px;border-radius:12px;background:transparent;color:var(--ink-muted);font-family:var(--font-body);font-size:.78rem;font-weight:500;cursor:pointer;transition:color .28s,background .35s,transform .25s}
.topnav button:hover{color:var(--ink);transform:translateY(-1px)}
.topnav button.is-active{background:rgba(255,255,255,.95);color:var(--wine);box-shadow:0 4px 14px rgba(31,24,20,.055)}
.topnav__ic{display:inline-grid;place-items:center;font-size:1rem;line-height:1}
.topnav button.is-active .topnav__ic{color:var(--terra)}

.topbar__end{display:flex;align-items:center;gap:9px;justify-self:end}
.avatar-btn{position:relative;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--paper-warm);color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:border-color .28s,transform .28s,box-shadow .35s}
.avatar-btn:hover{border-color:var(--terra);transform:translateY(-1px);box-shadow:0 8px 22px -12px rgba(184,85,58,.4)}
.avatar-btn__img{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background-size:cover;background-position:center;background-color:var(--terra-tint);color:var(--terra);font-family:var(--font-display);font-size:1rem;font-weight:500;overflow:hidden}

.icon-btn{width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink-muted);cursor:pointer;display:grid;place-items:center;transition:border-color .28s,background .28s,color .28s,transform .28s}
.icon-btn:hover{border-color:var(--terra);background:var(--terra-soft);color:var(--terra);transform:translateY(-1px)}
.icon-btn svg{width:18px;height:18px}
.icon-btn--round{width:40px;height:40px}

.recent-nav{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:var(--r-pill);background:#fff8f0;color:#7b4754;border:1px solid #e4cfc1;white-space:nowrap}
.recent-nav__label{font:700 .68rem var(--font-body)}
.recent-nav__count{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;background:#7b4754;color:#fff9f4;border-radius:99px;font:800 .64rem var(--font-body)}

/* ═══ STAGE & MONDES ═══ */
.stage{position:relative;flex:1 1 auto;width:100%;min-height:0;overflow:hidden;background:var(--paper);z-index:2}
.world{position:absolute;inset:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) scale(.995);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;background:linear-gradient(180deg,rgba(244,237,224,.98),rgba(249,243,234,.98));transition:opacity .5s var(--ease-out),transform .7s var(--ease-out),visibility .5s}
.world.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.world>*{position:relative;z-index:1}

.curtain{position:absolute;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(ellipse 70% 55% at 50% 50%,color-mix(in srgb,var(--terra) 6%,var(--paper)),var(--paper) 70%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s var(--ease-out),visibility .28s}
.curtain.is-on{opacity:1;visibility:visible}
.curtain__orbit{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.curtain__orbit span{position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--terra) 22%,transparent);opacity:0;width:140px;height:140px;animation:curtainRing 1.6s var(--ease-out) infinite}
.curtain__orbit span:nth-child(2){animation-delay:.35s}
.curtain__orbit span:nth-child(3){animation-delay:.7s}
.curtain em{font-family:var(--font-accent);font-style:italic;font-size:clamp(1.6rem,3.4vw,2.2rem);color:var(--terra);letter-spacing:-.01em;animation:curtainLabel .7s var(--ease-out) both}
@keyframes curtainRing{0%{opacity:.5;transform:scale(.5)}70%{opacity:0;transform:scale(2.2)}100%{opacity:0;transform:scale(2.2)}}
@keyframes curtainLabel{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}

/* ═══ NAV MOBILE ═══ */
.mobilenav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:45;height:calc(var(--mobilenav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border-top:1px solid var(--line);box-shadow:0 -18px 40px -32px rgba(31,24,20,.2)}
.mobilenav button{flex:1 1 0%;position:relative;border:0;background:transparent;color:var(--ink-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;cursor:pointer;font-family:inherit;font-size:.66rem;font-weight:600;transition:color .28s}
.mobilenav button.is-active{color:var(--terra)}
.mobilenav button .topnav__ic{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:1.05rem;line-height:1;transition:background .3s,color .3s,transform .35s var(--ease-spring)}
.mobilenav button.is-active .topnav__ic{background:var(--terra-soft);color:var(--terra);transform:translateY(-2px)}
.mobilenav button small{font-size:.66rem;font-weight:600}

.explorer{display:none}

/* ═══ FOOTER ═══ */
.footer{position:relative;z-index:8;flex:0 0 auto;width:100%;min-height:58px;border-top:1px solid rgba(31,24,20,.08);background:rgba(249,244,234,.97);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}
.footer__inner{width:min(100%,1600px);min-height:58px;margin:0 auto;padding:8px clamp(18px,3vw,46px);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px}
.footer__brand{display:flex;align-items:center;gap:10px;min-width:0}
.footer__mark{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:var(--wine);color:#fffaf3}
.footer__brand strong{display:block;font:500 1rem/1.1 var(--font-display);color:var(--ink)}
.footer__brand strong em{font-style:normal;color:var(--wine);margin:0 .18em}
.footer__brand small{display:none;color:var(--ink-muted);font:500 .78rem/1.45 var(--font-body)}
.footer__nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px}
.footer__nav button{min-height:32px;padding:7px 10px;border:0;background:transparent;color:var(--ink-muted);border-radius:var(--r-pill);font:700 .74rem var(--font-body);cursor:pointer}
.footer__nav button:hover{color:var(--wine)}

/* ═══ BOUTONS ═══ */
.btn{appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.65em;max-width:100%;min-height:var(--action-height);padding:12px 24px;border-radius:var(--action-radius);border:1px solid rgba(31,24,20,.22);background:#fffaf3;color:var(--ink);font:650 .875rem/1.3 var(--font-body);letter-spacing:.005em;text-decoration:none;text-align:center;cursor:pointer;user-select:none;touch-action:manipulation;transition:background-color .22s,border-color .22s,color .22s,box-shadow .22s,transform .22s}
.btn:hover:not(:disabled){background:var(--paper);border-color:var(--gold);box-shadow:0 8px 26px rgba(31,24,20,.10);transform:translateY(-1px)}
.btn:active:not(:disabled){transform:translateY(0)}
.btn:focus-visible{outline:3px solid var(--action-focus);outline-offset:3px}
.btn:disabled{cursor:not-allowed;opacity:.47;box-shadow:none}
.btn--primary{background:var(--terra);border-color:var(--terra);color:#fffaf3}
.btn--primary:hover:not(:disabled){background:var(--terra-deep);border-color:var(--terra-deep)}
.btn--secondary{background:var(--paper-warm);border-color:var(--paper-ink);color:var(--ink)}
.btn--secondary:hover:not(:disabled){background:var(--paper-deep)}
.btn--ghost{background:transparent;border-color:rgba(31,24,20,.16);color:var(--ink-soft)}
.btn--gold{background:var(--gold);border-color:var(--gold);color:#fff}
.btn--gold:hover:not(:disabled){background:var(--gold-deep);border-color:var(--gold-deep)}
.btn--danger{background:#fff9f7;border-color:var(--wine);color:var(--wine)}
.btn--danger:hover:not(:disabled){background:var(--wine);color:#fff}
.btn--compact{min-height:40px;padding:9px 16px;font-size:.8125rem}
.btn--large{min-height:56px;padding:15px 32px;font-size:1rem}
.btn--block{width:100%}

.fab{display:none!important}

/* ═══ FORMULAIRES ═══ */
.field{position:relative;min-width:0;display:grid;gap:8px;margin:16px 0}
.field>label{display:flex;align-items:center;gap:8px;font-family:var(--font-body);color:var(--ink-muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.2em;font-weight:800;line-height:1.4;cursor:pointer;transition:color .25s}
.field>label::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--terra);flex:0 0 5px;opacity:.65}
.field:focus-within>label{color:var(--ink)}
.field:focus-within>label::before{opacity:1;transform:scale(1.35)}
.field__hint{color:var(--ink-faint);font-size:.76rem;line-height:1.55;margin-top:2px}
.field__error{color:var(--wine);font-size:.76rem;line-height:1.5;margin-top:2px;font-weight:500}
.field.has-error>label{color:var(--wine)}
.field.has-error>label::before{background:var(--wine);opacity:1}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.field--full{grid-column:1/-1}

.control{display:block;width:100%;min-height:52px;outline:none;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:.94rem;line-height:1.5;padding:14px 16px;box-shadow:0 1px 0 rgba(31,24,20,.02);-webkit-appearance:none;appearance:none;transition:border-color .22s,background .22s,box-shadow .28s,color .22s}
.control:hover{border-color:var(--line-strong);background:var(--paper-soft)}
.control:focus{border-color:var(--terra);background:var(--paper-soft);box-shadow:0 0 0 3px var(--terra-soft)}
.control::placeholder{color:var(--ink-faint);font-style:italic}
.control:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.6)}
.control[readonly]{background:var(--paper-warm);color:var(--ink-soft);cursor:default}
textarea.control{min-height:140px;line-height:1.65;font-family:var(--font-display);font-weight:300;font-size:1rem}
select.control{background-image:linear-gradient(45deg,transparent 50%,var(--ink-muted) 50%),linear-gradient(135deg,var(--ink-muted) 50%,transparent 50%);background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 17px) calc(50% - 3px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:44px;cursor:pointer}
select.control option{background:var(--paper-soft);color:var(--ink);padding:10px}

input[type="checkbox"]:not(.nr-native-enhanced),input[type="radio"]:not(.nr-native-enhanced){appearance:none;-webkit-appearance:none;width:20px;height:20px;min-width:20px;border:1px solid var(--line-strong);background:var(--paper);display:inline-grid;place-items:center;vertical-align:middle;cursor:pointer;flex:0 0 20px;margin:0;position:relative;transition:border-color .22s,background .22s,box-shadow .25s}
input[type="checkbox"]:not(.nr-native-enhanced){border-radius:var(--r-xs)}
input[type="radio"]:not(.nr-native-enhanced){border-radius:50%}
input[type="checkbox"]:not(.nr-native-enhanced):hover,input[type="radio"]:not(.nr-native-enhanced):hover{border-color:var(--terra);background:var(--terra-soft)}
input[type="checkbox"]:not(.nr-native-enhanced):checked,input[type="radio"]:not(.nr-native-enhanced):checked{border-color:var(--terra);background:var(--terra);box-shadow:0 0 0 3px color-mix(in srgb,var(--terra) 12%,transparent)}
input[type="checkbox"]:not(.nr-native-enhanced):checked::after{content:"✓";font-size:13px;line-height:1;color:var(--paper);font-weight:900}
input[type="radio"]:not(.nr-native-enhanced):checked::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--paper)}

.switch{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;cursor:pointer}
.switch>span:first-child{display:grid;gap:2px}
.switch strong{font-family:var(--font-body);font-size:.88rem;font-weight:600;color:var(--ink)}
.switch small{display:block;color:var(--ink-muted);font-size:.76rem;line-height:1.5;margin-top:2px}
.switch input[type="checkbox"]{position:relative;display:block;width:46px;height:26px;min-width:46px;margin:0;border:0;border-radius:var(--r-pill);background:var(--paper-deep);cursor:pointer;-webkit-appearance:none;appearance:none;flex:0 0 auto;transition:background .3s var(--ease)}
.switch input[type="checkbox"]::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--paper);box-shadow:0 2px 6px rgba(31,24,20,.18);transition:transform .35s var(--ease-spring)}
.switch input[type="checkbox"]:checked{background:var(--terra)}
.switch input[type="checkbox"]:checked::after{transform:translateX(20px)}

.check-line{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);font-family:var(--font-body);font-size:.86rem;cursor:pointer;transition:border-color .25s,background .25s}
.check-line:hover{border-color:var(--line-strong);background:var(--paper-soft)}
.check-line:has(input:checked){border-color:var(--terra);background:var(--terra-soft)}
.check-line span{color:var(--ink-soft);font-weight:500}

.check-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.check-card{position:relative}
.check-card input{position:absolute;opacity:0;pointer-events:none}
.check-card label{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);color:var(--ink-muted);cursor:pointer;font-family:var(--font-body);font-size:.82rem;font-weight:500;transition:background .22s,border-color .22s,color .22s}
.check-card input:checked+label{border-color:var(--terra);background:var(--terra-soft);color:var(--ink);font-weight:600}

.input-wrap{position:relative;width:100%}
.input-wrap .control{padding-right:54px}
.reveal{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);color:var(--ink-muted);display:grid;place-items:center;font-size:.95rem;cursor:pointer;transition:background .22s,color .22s}
.reveal:hover{background:var(--paper-warm);color:var(--ink)}

/* ═══ TOAST ═══ */
.toast{position:fixed;left:50%;bottom:calc(32px + env(safe-area-inset-bottom,0px));z-index:900;transform:translate(-50%,22px);opacity:0;visibility:hidden;pointer-events:none;max-width:min(90vw,520px);padding:14px 24px;border-radius:var(--r-pill);background:var(--ink);color:var(--paper);font-family:var(--font-body);font-size:.88rem;font-weight:500;text-align:center;box-shadow:0 18px 40px -14px rgba(31,24,20,.42);transition:opacity .3s var(--ease),transform .35s var(--ease),visibility .3s}
.toast.is-on{opacity:1;visibility:visible;transform:translate(-50%,0)}
.toast.is-error{background:var(--wine)}
.toast.is-success{background:var(--sage-deep)}

/* ═══ SCROLLBARS ═══ */
*{scrollbar-width:thin;scrollbar-color:rgba(31,24,20,.18) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:rgba(31,24,20,.16);border-radius:99px;border:3px solid transparent;background-clip:content-box}

/* ═══ RESPONSIVE : TOPBAR & NAV ═══ */
@media(max-width:1280px) and (min-width:901px){
  .topbar{grid-template-columns:auto minmax(0,1fr) auto;padding-inline:18px}
  .topnav button{padding-inline:9px;font-size:.73rem;gap:5px}
  .topnav__ic{display:none}
  .footer__nav button{padding-inline:7px;font-size:.7rem}
}
@media(max-width:1180px){
  .topnav button{padding:8px 9px}
  .topnav__ic{display:none}
}
@media(max-width:900px){
  .topbar{height:calc(64px + env(safe-area-inset-top,0px));min-height:calc(64px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-inline:14px;grid-template-columns:minmax(0,1fr) auto}
  .topnav{display:none}
  .brand__mark{width:36px;height:36px;flex-basis:36px}
  .brand__name{font-size:.98rem}
  .avatar-btn,.icon-btn{width:38px;height:38px;min-width:38px;min-height:38px}
  .footer{display:none}
  .mobilenav{display:flex}
  .world{padding-bottom:calc(var(--mobilenav-h) + env(safe-area-inset-bottom,0px) + 10px)}
  .explorer{display:block;position:fixed;inset:0;z-index:65;pointer-events:none;visibility:hidden}
  .explorer.is-open{pointer-events:auto;visibility:visible}
  .explorer__shade{position:absolute;inset:0;width:100%;border:0;background:rgba(31,24,20,.35);opacity:0;transition:opacity .25s}
  .explorer.is-open .explorer__shade{opacity:1}
  .explorer__panel{position:absolute;bottom:calc(var(--mobilenav-h) + env(safe-area-inset-bottom,0px));left:0;right:0;border-radius:24px 24px 0 0;background:var(--paper);padding:23px 18px 19px;box-shadow:0 -25px 80px rgba(40,24,21,.14);max-height:min(74dvh,640px);overflow-y:auto;transform:translateY(115%);transition:transform .34s cubic-bezier(.2,.8,.2,1)}
  .explorer.is-open .explorer__panel{transform:translateY(0)}
  .explorer__head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 3px 14px;margin-bottom:8px}
  .explorer__head small{letter-spacing:.24em;color:#9d695b;font-size:.62rem}
  .explorer__head h2{font:400 2rem var(--font-display);margin:7px 0 0}
  .explorer__row{width:100%;display:grid;grid-template-columns:48px 1fr auto;grid-template-rows:1fr 1fr;text-align:left;column-gap:13px;align-items:center;min-height:77px;border:0;border-top:1px solid #e6ddd1;background:transparent;padding:13px 5px;border-radius:16px}
  .explorer__row>span{grid-row:1/3;width:48px;height:48px;border-radius:14px;background:#f1e7dd;display:grid;place-items:center;font-size:1.25rem;color:#9b534d}
  .explorer__row>strong{grid-column:2;grid-row:1;align-self:end;font:600 1rem var(--font-body)}
  .explorer__row>small{grid-column:2;grid-row:2;align-self:start;color:#877467}
  .explorer__row>em{grid-column:3;grid-row:1/3;font-style:normal;color:#ac7468}
}
@media(max-width:640px){
  .toast{left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateY(20px);max-width:none;border-radius:var(--r-md);font-size:.86rem}
  .toast.is-on{transform:translateY(0)}
}


/* Le mode calme coupe les animations de scène, mais conserve la souris si elle est activée. */
body.reduce-motion .ambient__blob{animation:none!important;transform:none!important}
body.reduce-motion #ambient-canvas{opacity:0}
body.reduce-motion .divider::before,body.reduce-motion .divider__glint,body.reduce-motion .divider__orb,body.reduce-motion .divider__petal,body.reduce-motion .divider__line,body.reduce-motion .divider__trace{animation:none!important}

/* ═══ RESPECT DES PRÉFÉRENCES ═══ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .app{animation:none!important}
  .world{transition:opacity .01ms,visibility .01ms!important;transform:none!important}
  .ambient,.cursor,.cursor-trail{display:none!important}
  body.has-custom-cursor,body.has-custom-cursor *{cursor:auto!important}
}
@media(prefers-reduced-transparency:reduce){
  .ambient__aurora,.ambient__glow{display:none}
}
@media(hover:none){
  .cursor,.cursor-trail{display:none!important}
  body.has-custom-cursor,body.has-custom-cursor *{cursor:auto!important}
}
@media print{
  .ambient,.preloader,.cursor,.cursor-trail,.topbar,.mobilenav,.fab,.curtain,.footer,.explorer{display:none!important}
}

/* Theming légère des champs date/heure */
input.control[type="date"],input.control[type="time"]{color-scheme:light;background-image:radial-gradient(circle at 100% 50%,rgba(184,137,63,.12),transparent 36%)}
input.control[type="date"]::-webkit-calendar-picker-indicator,
input.control[type="time"]::-webkit-calendar-picker-indicator{opacity:.78;cursor:pointer;filter:sepia(.35) saturate(1.3) hue-rotate(-10deg)}
input.control[type="date"]::-webkit-datetime-edit,
input.control[type="time"]::-webkit-datetime-edit{color:var(--ink);font-variant-numeric:tabular-nums}

/* Les champs natifs restent accessibles en repli ; l’Atelier possède ses sélecteurs dédiés. */
.studio-datetime{display:grid;position:relative}
.studio-datetime__native{position:absolute;opacity:0;inset:0;pointer-events:none}
.studio-datetime__trigger{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:12px 16px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);font:500 .93rem var(--font-body);cursor:pointer;text-align:left}
.studio-datetime__trigger:hover,.studio-datetime__trigger:focus-visible{border-color:var(--terra);outline:2px solid transparent;box-shadow:0 0 0 3px var(--terra-soft)}
.studio-datetime__trigger>span:last-child{color:var(--terra);font-size:1.3rem}

/* Édition courante visible : aide à détecter un serveur ou cache obsolète. */
.build-chip{align-self:center;flex:none;display:inline-flex;align-items:center;justify-content:center;margin-left:9px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--terra) 30%,transparent);border-radius:999px;color:var(--terra-deep);background:var(--terra-soft);font:750 10px/1.45 var(--font-body);letter-spacing:.05em}
.footer__build{margin-left:8px;white-space:nowrap;color:var(--terra-deep);font-weight:750}

/* V1 stable · correction 5 — confort mobile */
@media(max-width:900px){
  body{overscroll-behavior-y:none}
  .world{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}
  .topbar{backdrop-filter:blur(10px) saturate(110%);-webkit-backdrop-filter:blur(10px) saturate(110%)}
}
@media(max-width:640px){
  :root{--action-height:46px}
  .btn{min-height:46px;padding:11px 18px}
  .icon-btn,.avatar-btn{min-width:44px;min-height:44px;width:44px;height:44px}
  input,textarea,select,button{font-size:max(16px,1em)}
  button,.btn,[role="button"],summary{touch-action:manipulation;-webkit-tap-highlight-color:rgba(184,85,58,.10)}
}


/* V1 stable PWA 23 · lisibilité + fluidité mobile */
@media(max-width:820px), (hover:none) and (pointer:coarse){
  html{scroll-behavior:auto}
  body{font-weight:450;text-rendering:auto}
  .topbar,.mobilenav,.settings__nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .ambient__aurora,.ambient__blob{display:none!important}
  .world{scrollbar-gutter:auto;transition:none!important;transform:none!important}
  .nr-motion-enter,.nr-motion-enter.is-visible{opacity:1!important;transform:none!important;transition:none!important}
  .world-section__head p,.card__text,.envie p,.horizon p,.capsule p,.echo-phrase p,.settings__card p{color:var(--ink-soft)!important}
  small,.meta,.card__meta,.envie__meta,.horizon__meta,.capsule__meta{color:var(--ink-muted)!important}
  .card,.envie,.horizon,.capsule{box-shadow:0 8px 22px rgba(31,24,20,.055)!important}
  .hero__media img{animation:none!important;transform:none!important}
}
.nr-mobile-fast .nr-motion-enter,.nr-mobile-fast .nr-motion-enter.is-visible{opacity:1!important;transform:none!important;transition:none!important}