/* ÆNAR-FLUX V15 · Les Portes du Chant. Embellissement progressif, aucune dépendance externe. */
:root{--chant-gold:#f4d89a;--chant-blue:#78d5fb;--chant-violet:#bba0f9;--chant-dark:#030b15}
body{--magic-border:rgba(247,209,129,.42)}
body[data-magic-enabled="true"] .background-sky::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 12%,rgba(109,203,252,.085),transparent 35%),radial-gradient(ellipse at 15% 50%,rgba(236,195,118,.075),transparent 38%);pointer-events:none;animation:chantSky 16s ease-in-out infinite alternate}
@keyframes chantSky{0%{opacity:.5;transform:scale(1)}100%{opacity:1;transform:scale(1.08)}}
.site-head{border-bottom:1px solid rgba(221,185,112,.32)!important;box-shadow:0 10px 42px rgba(0,5,15,.27),inset 0 -1px 0 rgba(248,222,157,.1)}
.identity .sigil{position:relative;box-shadow:0 0 0 5px rgba(247,216,147,.08),0 0 18px rgba(86,184,250,.2)!important}
.identity .sigil::after{content:"";position:absolute;inset:-8px;border:1px dashed rgba(249,212,145,.33);border-radius:50%;pointer-events:none;animation:chantRotate 36s linear infinite}
@keyframes chantRotate{to{transform:rotate(360deg)}}
.head-suffix{display:flex;align-items:center;gap:10px}
.magic-settings-toggle{min-height:41px;border-radius:99px;border:1px solid rgba(243,215,164,.28);background:linear-gradient(130deg,rgba(20,42,59,.8),rgba(11,25,45,.9));padding:8px 13px;color:#e9d9b7;font-size:12px;white-space:nowrap}
.magic-settings-toggle:hover,.magic-settings-toggle:focus-visible{border-color:rgba(251,228,179,.68);box-shadow:0 0 18px rgba(83,190,240,.2)}
.magic-settings-toggle[aria-pressed="false"]{opacity:.8;color:#b7c2cc;border-color:rgba(200,215,225,.15)}
body[data-page="accueil"] .mx13{position:relative;isolation:isolate;overflow:hidden}
body[data-page="accueil"] .mx13::after{content:"";position:absolute;inset:2px;border-radius:12px;pointer-events:none;z-index:0;border:1px solid rgba(252,228,180,.15);box-shadow:inset 0 0 45px rgba(225,183,107,.08)}
body[data-page="accueil"] .mx13>*{position:relative;z-index:1}
.mx13-workspace{position:relative}
.mx13-heading .mx13-overline{letter-spacing:.18em;color:#ffde9a}
.mx13-visual{position:relative;isolation:isolate}
.mx13-visual::after{content:"";position:absolute;inset:2px;border-radius:10px;border:1px solid rgba(242,210,147,.14);box-shadow:inset 0 0 45px rgba(9,139,206,.10);pointer-events:none;z-index:0}
.mx13-visual>*{position:relative;z-index:1}
.mx13-node span{transition:box-shadow .28s,filter .28s,transform .28s!important;animation:chantBreath 5.2s ease-in-out infinite alternate}
.mx13-node:nth-child(3n) span{animation-delay:-1.9s}
.mx13-node:nth-child(3n + 1) span{animation-delay:-3.4s}
.mx13-node.selected span,.mx13-node:hover span,.mx13-node:focus-visible span{filter:brightness(1.28);transform:scale(1.1);box-shadow:0 0 0 8px rgba(6,25,40,.6),0 0 26px var(--node),0 0 56px color-mix(in srgb,var(--node) 65%,transparent),inset 0 0 16px color-mix(in srgb,var(--node) 50%,transparent)}
@keyframes chantBreath{0%{filter:brightness(.88)}100%{filter:brightness(1.13)}}
.mx13-shortcuts button{box-shadow:0 15px 33px rgba(0,8,22,.36),inset 0 0 0 1px rgba(251,235,180,.04)!important}
.mx13-shortcuts button::before{content:"";position:absolute;inset:8px;border:1px solid rgba(247,219,157,.18);z-index:2;border-radius:6px;pointer-events:none;transition:inset .38s,border-color .38s}
.mx13-shortcuts button:hover::before,.mx13-shortcuts button:focus-visible::before{inset:5px;border-color:rgba(255,229,166,.66)}
.mx13-shortcuts button img{transition:transform .65s cubic-bezier(.2,.7,.3,1),filter .55s}
.mx13-shortcuts button:hover img,.mx13-shortcuts button:focus-visible img{transform:scale(1.08);filter:saturate(1.25) brightness(1.13)}
.mx13-shortcuts button:hover,.mx13-shortcuts button:focus-visible{border-color:#f4d89a!important;box-shadow:0 0 0 1px rgba(255,222,149,.3),0 0 35px rgba(69,190,243,.18)!important}
.mx13-side-content,.card,.panel,.detail-panel{transition:box-shadow .28s,border-color .28s}
.mx13-side-content:focus-within,.card:focus-within,.panel:focus-within{box-shadow:0 0 0 1px rgba(243,213,153,.2),0 12px 30px rgba(0,0,0,.22)}
.mx13-pill,.mx13-open,.btn,.nav-btn,.mx13-tabs button{position:relative}
.mx13-pill:hover,.mx13-open:hover,.btn:hover{box-shadow:0 0 20px rgba(104,206,255,.2),inset 0 1px 0 rgba(255,255,255,.16)}
.mx13-core{transition:filter .3s}
.mx13-core:hover{filter:brightness(1.1)}
.mx14-activity{box-shadow:0 8px 30px rgba(0,0,0,.25)}
.mx15-gate-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(245,216,147,.69);border-radius:99px;min-height:43px;padding:8px 15px;background:linear-gradient(110deg,rgba(66,51,36,.85),rgba(36,64,76,.88));color:#fff2d5;font-size:13px;white-space:nowrap;box-shadow:0 0 22px rgba(236,191,116,.12)}
.mx15-gate-trigger:hover,.mx15-gate-trigger:focus-visible{box-shadow:0 0 22px rgba(244,203,113,.26);border-color:#fff2c9}
.mx15-gate-trigger span{color:#f5d694;font-size:1.2em}
.mx15-gate-trigger:focus-visible{outline:2px solid #f5d694;outline-offset:3px}
.magic-veil{position:fixed;inset:0;z-index:80;pointer-events:none;background:radial-gradient(circle at var(--veil-x,50%) var(--veil-y,50%),rgba(245,228,182,.16),rgba(92,182,233,.17) 16%,transparent 45%);opacity:0;transition:opacity .55s}
.magic-veil.is-active{opacity:1}
.magic-particles{position:fixed;inset:0;pointer-events:none;z-index:500;overflow:hidden}
.magic-spark{position:fixed;width:var(--spark-size,5px);height:var(--spark-size,5px);border-radius:50%;background:var(--spark-color,#f5dba4);box-shadow:0 0 12px var(--spark-color,#f5dba4);pointer-events:none;will-change:transform,opacity;animation:chantSpark .8s ease-out forwards}
.magic-ring{position:fixed;width:24px;height:24px;margin:-12px 0 0 -12px;border:1px solid var(--ring-color,#f0d5a0);border-radius:50%;box-shadow:0 0 25px var(--ring-color,#f0d5a0);animation:chantRing .85s ease-out forwards;pointer-events:none}
@keyframes chantSpark{to{opacity:0;transform:translate(var(--tx,0px),var(--ty,0px)) scale(.2)}}
@keyframes chantRing{to{opacity:0;transform:scale(5)}}
.chant-gate{position:fixed;inset:0;max-width:min(920px,calc(100vw - 24px));width:100%;max-height:calc(100dvh - 30px);padding:0;border:1px solid rgba(252,218,148,.72);border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#06182b,#101c2e 60%,#08101e);color:#e9eef1;box-shadow:0 30px 85px #000e,0 0 35px #c1a36c33}
.chant-gate::backdrop{background:rgba(1,5,15,.79);backdrop-filter:blur(8px)}
.chant-gate-art{position:absolute;inset:0;background:linear-gradient(90deg,#020c19e8,#08182dd0 48%,#081225d0),url('assets/cosmos.webp') center/cover;opacity:.88}
.chant-gate-inner{position:relative;z-index:1;padding:clamp(18px,4vw,40px);text-align:center;max-height:calc(100dvh - 34px);overflow-y:auto}
.chant-gate-sigil{width:96px;height:96px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;font-size:60px;color:#ffeab6;background:radial-gradient(circle,#0e7b95b8,#092c4c 55%,#031120 80%);box-shadow:0 0 0 11px #a3dbeb0f,0 0 35px #38cefa44,inset 0 0 20px #e1c08846;border:1px solid #e9c687;animation:chantGateGlow 5s ease-in-out infinite alternate}
@keyframes chantGateGlow{to{box-shadow:0 0 0 15px #a3dbeb10,0 0 58px #38cefa8a,inset 0 0 32px #e1c08875}}
.chant-gate-inner h2{font-size:clamp(1.9rem,4vw,3.4rem);color:#ffe7ad;margin:.1em 0 .28em;line-height:1.08}
.chant-gate-inner>p:not(.eyebrow){max-width:560px;margin:0 auto 24px;color:#c6d9e3}
.chant-gate-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.chant-gate-choices button{display:grid;justify-items:center;gap:8px;text-align:center;min-height:155px;border-radius:14px;border:1px solid rgba(250,220,154,.25);padding:18px 10px;background:linear-gradient(160deg,#1b3a52bb,#071423ec);color:#f1f0e9;transition:background .2s,transform .2s,border .2s,box-shadow .2s}
.chant-gate-choices button:hover,.chant-gate-choices button:focus-visible{transform:translateY(-4px);border-color:#f7dc96;background:linear-gradient(160deg,#275676,#10283b);box-shadow:0 0 30px #45cbf92d}
.chant-gate-choices button>span{font-size:32px;color:#f1d08e}
.chant-gate-choices button b{font:600 22px Georgia,serif}
.chant-gate-choices button small{font-size:12px;color:#b9ccd5}
.chant-gate-close{margin:20px auto 0;padding:9px 15px;border-radius:99px;border:1px solid rgba(207,215,224,.24);background:#0a1a29;color:#cedce4}
body[data-magic-enabled="true"] .magic-reveal:not(.visible){opacity:0;transform:translateY(13px);transition:opacity .6s,transform .6s}
body[data-magic-enabled="true"] .magic-reveal.visible{opacity:1;transform:none}
body[data-magic-enabled="false"] .magic-reveal{opacity:1!important;transform:none!important}
@media(max-width:760px){.toggle-copy{display:none}.head-suffix{gap:5px}.magic-settings-toggle{width:40px;padding:8px 0}.chant-gate-choices{grid-template-columns:1fr}.chant-gate-choices button{min-height:85px;grid-template-columns:35px 1fr;justify-items:start;text-align:left;align-items:center;gap:4px 12px}.chant-gate-choices button>span{grid-row:span 2}.chant-gate-choices button b{font-size:20px}.chant-gate-inner{padding:24px 18px}.chant-gate-sigil{width:70px;height:70px;font-size:44px}}
@media(prefers-reduced-motion:reduce){body *,body *::before,body *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body .magic-reveal{opacity:1!important;transform:none!important}}
body[data-magic-enabled="false"] .mx13-node span,body[data-magic-enabled="false"] .identity .sigil::after,body[data-magic-enabled="false"] .chant-gate-sigil{animation:none!important}
@media print{.magic-particles,.magic-veil,.chant-gate,.magic-settings-toggle,.mx15-gate-trigger{display:none!important}}