/* ═══════════════════════════════════════════════════════════════════════
   L'ATELIER v15 — scène plein cadre, une barre de verre, des feuilles.
   Toutes les règles portent le préfixe .at pour battre la cascade du
   prototype (.sr-reference p, .sr-reference h1…).
   ═══════════════════════════════════════════════════════════════════════ */
.at{--at-head:4.4rem;--at-glass:rgba(4,14,22,.58);--at-glass-2:rgba(4,14,22,.8);--at-edge:rgba(255,255,255,.08);--at-hi:rgba(255,240,196,.12);--at-gold:var(--sr-gold,#d8b571);--at-gold-light:var(--sr-gold-light,#f5db9e);--at-snow:#f6efdc;--at-soft:rgba(246,239,220,.72);--at-ink:0 1px 2px rgba(0,0,0,.7),0 0 26px rgba(0,0,0,.55);color:var(--at-snow)}
body.sr-page-studio{background:#03131e}
body.sr-page-studio .sr-mobile-dock{display:none!important}
body.sr-page-studio .sr-header{--at-h:1}
.at .at-stage{position:relative;height:calc(100svh - var(--at-head));min-height:540px;overflow:hidden;isolation:isolate;background:#020a0e}
@media (max-width:760px){.at .at-stage{min-height:560px}}
.at.at-immersive .at-stage,.at .at-stage:fullscreen{height:100vh;height:100svh;min-height:0}

/* ── La scène : média, grades, effets, vignette ── */
.at .at-scene{position:absolute;inset:0;overflow:hidden;background:#020a0e}
.at .at-art,.at .at-vid{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;transform:translate3d(var(--at-px),var(--at-py),0);transition:opacity 1.6s ease,filter 2s ease;will-change:transform,opacity}
.at .at-art{filter:brightness(calc(.86 + var(--at-fire) * .08)) saturate(calc(1 + var(--at-fire) * .08));z-index:0}
.at .at-vid{opacity:0;z-index:1}
.at .at-vid.is-shown{opacity:1}
.at .at-grade{position:absolute;inset:0;z-index:2;pointer-events:none;transition:opacity 2s ease}
.at .at-grade--night{background:radial-gradient(90% 80% at 50% 35%,transparent 40%,rgba(3,14,38,.55) 100%);opacity:var(--at-night)}
.at .at-grade--rain{background:linear-gradient(to bottom,rgba(110,150,190,.12),rgba(16,34,60,.28));mix-blend-mode:multiply;opacity:var(--at-rain)}
.at .at-grade--fire{background:radial-gradient(52% 55% at 50% 80%,rgba(255,158,58,.4),transparent 70%);mix-blend-mode:screen;opacity:var(--at-fire);animation:at-flicker 3.6s ease-in-out infinite}
@keyframes at-flicker{0%,100%{filter:brightness(1)}35%{filter:brightness(1.14)}60%{filter:brightness(.93)}}
.at .at-fxv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity 1.6s ease}
.at .at-fxv.is-shown{opacity:.85}
.at .at-grade--season{z-index:2;opacity:0;transition:opacity 2.5s ease}
.at .at-scene[data-season=hiver] .at-grade--season{opacity:1;background:linear-gradient(180deg,rgba(150,190,230,.16),rgba(40,70,110,.22));mix-blend-mode:color}
.at .at-scene[data-season=automne] .at-grade--season{opacity:1;background:linear-gradient(180deg,rgba(255,170,80,.12),rgba(120,60,20,.2));mix-blend-mode:soft-light}
.at .at-scene[data-season=hiver] .at-art,.at .at-scene[data-season=hiver] .at-vid{filter:saturate(.82) brightness(.95)}
.at .at-flash{position:absolute;inset:0;z-index:4;background:rgba(205,222,255,.9);opacity:0;pointer-events:none}
.at .at-flash.is-on{animation:at-flash .95s ease-out}
@keyframes at-flash{0%{opacity:0}7%{opacity:calc(var(--at-thunder) * .55)}18%{opacity:calc(var(--at-thunder) * .08)}28%{opacity:calc(var(--at-thunder) * .38)}100%{opacity:0}}
.at .at-vignette{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(120% 95% at 50% 40%,transparent 48%,rgba(2,9,14,.8) 100%),linear-gradient(to bottom,rgba(2,9,14,.5),transparent 22%,transparent 58%,rgba(2,9,14,.85))}
html.sr-reduced .at .at-grade--fire{animation:none}

/* ── Le titre ── */
.at .at-title{position:absolute;left:clamp(1.1rem,4.5vw,4rem);right:clamp(1.1rem,4.5vw,4rem);bottom:clamp(9.6rem,19vh,12.5rem);z-index:6;max-width:44ch;pointer-events:none}
.at .at-title a{pointer-events:auto}
.at .at-title__k{margin:0 0 .55rem;font-family:var(--font-heading);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--at-gold);text-shadow:var(--at-ink);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;line-height:1.6}
.at .at-title__k a{color:var(--at-gold-light);text-decoration:none;border-bottom:1px solid rgba(245,219,158,.35)}
.at .at-title__k i{font-style:normal;opacity:.5}
.at .at-title__t{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.98;letter-spacing:-.01em;color:var(--at-snow);text-shadow:var(--at-ink);text-wrap:balance}
.at .at-title__t em{font-style:italic;color:var(--at-gold-light)}
.at .at-title__s{margin:.7rem 0 0;font-family:var(--font-body);font-size:.92rem;line-height:1.5;color:var(--at-soft);text-shadow:var(--at-ink);max-width:54ch}
.at.at-playing .at-title__s{opacity:.85}
.at.at-choosing .at-title,.at.at-choosing .at-meter{opacity:0;pointer-events:none}

/* ── Vu-mètre discret ── */
.at .at-meter{position:absolute;right:clamp(1.1rem,4.5vw,4rem);bottom:clamp(9.9rem,19.3vh,12.8rem);z-index:6;display:flex;gap:3px;align-items:flex-end;height:26px;opacity:0;transition:opacity .8s}
.at.at-playing .at-meter{opacity:.75}
.at .at-meter i{display:block;width:3px;height:3px;border-radius:2px;background:linear-gradient(to top,var(--at-gold),var(--at-gold-light));transform-origin:bottom;transition:height .12s linear}

/* ── La barre de commandes ── */
.at .at-bar{position:absolute;left:50%;bottom:clamp(1rem,3.4vh,2rem);transform:translateX(-50%);z-index:8;display:flex;align-items:center;gap:.55rem;width:min(1120px,calc(100% - 2rem));padding:.55rem .65rem;border-radius:1.3rem;background:linear-gradient(180deg,var(--at-glass),var(--at-glass-2));border:1px solid var(--at-edge);box-shadow:0 1.2rem 3rem rgba(0,0,0,.55),inset 0 1px 0 var(--at-hi);-webkit-backdrop-filter:blur(22px) saturate(1.35);backdrop-filter:blur(22px) saturate(1.35)}
.at .at-play{flex:0 0 auto;width:3.1rem;height:3.1rem;border-radius:50%;border:1px solid rgba(245,219,158,.45);background:radial-gradient(circle at 35% 30%,rgba(255,240,196,.28),rgba(216,181,113,.12) 55%,rgba(6,20,30,.6));color:var(--at-gold-light);display:grid;place-items:center;cursor:pointer;transition:transform .2s,box-shadow .3s,border-color .3s;box-shadow:0 0 0 0 rgba(216,181,113,0)}
.at .at-play svg{width:1.15rem;height:1.15rem;stroke:currentColor;fill:none;stroke-width:1.8;margin-left:.1rem}
.at .at-play .at-pause{display:none;width:.9rem;height:.9rem;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:border-box}
.at .at-play[aria-pressed=true] svg{display:none}
.at .at-play[aria-pressed=true] .at-pause{display:block}
.at .at-play:hover{transform:scale(1.05);border-color:var(--at-gold-light)}
.at.at-playing .at-play{box-shadow:0 0 0 6px rgba(216,181,113,.12),0 0 28px rgba(216,181,113,.25)}
.at .at-tokens{flex:1 1 auto;display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;min-width:0;padding:.15rem .1rem;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
.at .at-tokens::-webkit-scrollbar{display:none}
.at .at-tokens:empty::before{content:'Ajoutez des sons, une musique, un lieu — ou demandez au Gardien.';font-family:var(--font-display);font-style:italic;font-size:.98rem;color:var(--at-soft);white-space:nowrap;padding:.4rem .3rem}
.at .at-token{--lv:.5;flex:0 0 auto;display:inline-flex;align-items:center;gap:.45rem;height:2.4rem;padding:0 .8rem 0 .35rem;border-radius:1.2rem;border:1px solid var(--at-edge);background:rgba(255,255,255,.04);color:var(--at-snow);font-family:var(--font-body);font-size:.76rem;cursor:pointer;white-space:nowrap;transition:background .25s,border-color .25s}
.at .at-token:hover,.at .at-token[aria-pressed=true]{background:rgba(216,181,113,.14);border-color:rgba(245,219,158,.5)}
.at .at-token .at-ring{position:relative;width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--at-gold) calc(var(--lv) * 360deg),rgba(255,255,255,.1) 0)}
.at .at-token .at-ring::before{content:'';position:absolute;inset:3px;border-radius:50%;background:#0a1c27}
.at .at-token .at-ring svg{position:relative;width:.85rem;height:.85rem;stroke:var(--at-gold-light);fill:none;stroke-width:1.7}
.at .at-token.is-music .at-ring{background:conic-gradient(#9fd3d8 calc(var(--lv) * 360deg),rgba(255,255,255,.1) 0)}
.at .at-token.is-music .at-ring svg{stroke:#bfe7ea}
.at .at-actions{flex:0 0 auto;display:flex;gap:.25rem}
.at .at-act{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.22rem;min-width:3.5rem;height:3.1rem;padding:0 .45rem;border:0;border-radius:.9rem;background:transparent;color:var(--at-soft);font-family:var(--font-body);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.at .at-act svg{width:1.05rem;height:1.05rem;stroke:currentColor;fill:none;stroke-width:1.6}
.at .at-act:hover,.at .at-act[aria-expanded=true]{background:rgba(255,255,255,.07);color:var(--at-gold-light)}
.at .at-act-ai:hover,.at .at-act-ai[aria-expanded=true]{color:#dff6f8;background:rgba(159,211,216,.12)}
@media (max-width:900px){.at .at-act span{display:none}.at .at-act{min-width:2.7rem}}
@media (max-width:760px){.at .at-bar{position:fixed;left:.6rem;right:.6rem;bottom:calc(.6rem + env(safe-area-inset-bottom,0px));width:auto;transform:none;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;gap:.45rem;padding:.45rem .5rem;border-radius:1.2rem;z-index:70}.at .at-play{width:2.7rem;height:2.7rem}.at .at-tokens{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);align-self:center}.at .at-tokens:empty::before{white-space:nowrap;font-size:.84rem;padding:.2rem .1rem;content:'Une envie, un lieu, et écoutez.'}.at .at-token{height:2.2rem;font-size:.72rem;padding-right:.6rem}.at .at-token .at-ring{width:1.5rem;height:1.5rem}.at .at-actions{gap:.15rem}.at .at-act{min-width:2.6rem;height:2.7rem;gap:.1rem;padding:0 .3rem}.at .at-act span{display:block;font-size:.48rem}.at .at-title{bottom:6.2rem;right:1rem}.at .at-title__t{font-size:clamp(1.9rem,9vw,2.6rem)}.at .at-title__s{font-size:.82rem}.at .at-meter{display:none}.at .at-timerchip{bottom:auto;top:.9rem;right:.9rem}body.sr-page-studio{padding-bottom:4.6rem}}

/* ── Le curseur d'une couche ── */
.at .at-fader{position:absolute;left:50%;bottom:calc(clamp(1rem,3.4vh,2rem) + 4.9rem);transform:translateX(-50%);z-index:9;display:flex;align-items:center;gap:.7rem;width:min(520px,calc(100% - 2rem));padding:.6rem .9rem;border-radius:1rem;background:var(--at-glass-2);border:1px solid var(--at-edge);box-shadow:0 .8rem 2rem rgba(0,0,0,.5);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-family:var(--font-body)}
.at .at-fader__name{flex:0 0 auto;font-size:.78rem;color:var(--at-gold-light);max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at .at-fader input[type=range]{flex:1 1 auto;accent-color:var(--at-gold);height:1.4rem}
.at .at-fader output{flex:0 0 3rem;font-size:.74rem;color:var(--at-soft);text-align:right}
.at .at-fader button{flex:0 0 auto;width:1.9rem;height:1.9rem;border-radius:50%;border:1px solid var(--at-edge);background:transparent;color:var(--at-soft);display:grid;place-items:center;cursor:pointer}
.at .at-fader button svg{width:.8rem;height:.8rem;stroke:currentColor;stroke-width:2;fill:none}
.at .at-fader button:hover{color:#ffb4a8;border-color:#ffb4a8}
@media (max-width:760px){.at .at-fader{position:fixed;bottom:calc(4.4rem + env(safe-area-inset-bottom,0px));padding:.5rem .7rem;z-index:71}}

/* ── Les feuilles ── */
.at .at-sheet{position:absolute;top:1rem;right:1rem;bottom:calc(clamp(1rem,3.4vh,2rem) + 4.4rem);z-index:10;width:min(440px,calc(100% - 2rem));display:flex;flex-direction:column;border-radius:1.1rem;background:linear-gradient(180deg,rgba(6,18,28,.9),rgba(4,12,20,.94));border:1px solid var(--at-edge);box-shadow:0 1.4rem 3.5rem rgba(0,0,0,.6),inset 0 1px 0 var(--at-hi);-webkit-backdrop-filter:blur(26px) saturate(1.3);backdrop-filter:blur(26px) saturate(1.3);font-family:var(--font-body);animation:at-sheet .32s cubic-bezier(.2,.7,.2,1)}
@keyframes at-sheet{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@media (max-width:760px){.at .at-sheet{position:fixed;top:auto;left:.6rem;right:.6rem;bottom:calc(4.4rem + env(safe-area-inset-bottom,0px));width:auto;max-height:70%;z-index:69;animation-name:at-sheet-up}@keyframes at-sheet-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}
.at .at-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem .7rem;border-bottom:1px solid var(--at-edge)}
.at .at-sheet__head h2{margin:0;font-family:var(--font-display);font-weight:500;font-size:1.45rem;color:var(--at-snow)}
.at .at-sheet__close{width:2rem;height:2rem;border-radius:50%;border:1px solid var(--at-edge);background:transparent;color:var(--at-soft);display:grid;place-items:center;cursor:pointer}
.at .at-sheet__close svg{width:.85rem;height:.85rem;stroke:currentColor;stroke-width:2;fill:none}
.at .at-sheet__body{flex:1 1 auto;overflow:auto;overscroll-behavior:contain;padding:.8rem 1.1rem 1.1rem;scrollbar-width:thin;scrollbar-color:rgba(216,181,113,.35) transparent}
.at .at-sheet p{font-size:.86rem;line-height:1.55;color:var(--at-soft);margin:0 0 .8rem}
.at .at-sheet h3{font-family:var(--font-heading);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--at-gold);margin:1.1rem 0 .55rem}
.at .at-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .7rem}
.at .at-chip{border:1px solid var(--at-edge);background:rgba(255,255,255,.04);color:var(--at-soft);border-radius:1rem;padding:.32rem .7rem;font-size:.72rem;cursor:pointer;font-family:var(--font-body);transition:background .2s,color .2s}
.at .at-chip:hover{color:var(--at-snow);background:rgba(255,255,255,.08)}
.at .at-chip[aria-pressed=true]{background:rgba(216,181,113,.18);border-color:rgba(245,219,158,.5);color:var(--at-gold-light)}
.at .at-search{width:100%;box-sizing:border-box;margin:0 0 .7rem;padding:.6rem .8rem;border-radius:.6rem;border:1px solid var(--at-edge);background:rgba(255,255,255,.05);color:var(--at-snow);font-family:var(--font-body);font-size:.86rem}
.at .at-search::placeholder{color:rgba(246,239,220,.4)}
.at .at-row{display:flex;align-items:center;gap:.6rem;padding:.45rem .3rem;border-bottom:1px solid rgba(255,255,255,.05)}
.at .at-row__ic{flex:0 0 auto;width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;background:rgba(216,181,113,.1)}
.at .at-row__ic svg{width:.9rem;height:.9rem;stroke:var(--at-gold-light);fill:none;stroke-width:1.7}
.at .at-row__txt{flex:1 1 auto;min-width:0}
.at .at-row__txt strong{display:block;font-weight:500;font-size:.84rem;color:var(--at-snow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at .at-row__txt small{display:block;font-size:.68rem;color:rgba(246,239,220,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at .at-row.is-on .at-row__txt strong{color:var(--at-gold-light)}
.at .at-row__btn{flex:0 0 auto;width:2rem;height:2rem;border-radius:50%;border:1px solid var(--at-edge);background:transparent;color:var(--at-soft);display:grid;place-items:center;cursor:pointer;font-size:1rem;line-height:1;transition:background .2s,color .2s,border-color .2s}
.at .at-row__btn svg{width:.8rem;height:.8rem;stroke:currentColor;fill:none;stroke-width:2}
.at .at-row__btn:hover{color:var(--at-gold-light);border-color:rgba(245,219,158,.5)}
.at .at-row__btn.is-on{background:rgba(216,181,113,.2);color:var(--at-gold-light);border-color:rgba(245,219,158,.5)}
.at .at-row__btn.is-playing{color:#bfe7ea;border-color:#bfe7ea}
.at .at-lock{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--at-gold);border:1px solid rgba(216,181,113,.4);border-radius:.8rem;padding:.12rem .45rem;margin-left:.3rem;vertical-align:middle}
.at .at-scenes{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.at .at-scene-card{position:relative;display:block;border:0;padding:0;border-radius:.7rem;overflow:hidden;background:#0a1c27;cursor:pointer;aspect-ratio:16/10;text-align:left;outline:1px solid var(--at-edge);transition:outline-color .2s,transform .2s}
.at .at-scene-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.at .at-scene-card:hover img{transform:scale(1.04)}
.at .at-scene-card span{position:absolute;left:0;right:0;bottom:0;padding:1.4rem .55rem .45rem;background:linear-gradient(to top,rgba(2,9,14,.9),transparent);font-family:var(--font-body);font-size:.72rem;color:var(--at-snow);line-height:1.25}
.at .at-scene-card small{display:block;font-size:.6rem;color:var(--at-gold);letter-spacing:.08em;text-transform:uppercase}
.at .at-scene-card[aria-pressed=true]{outline:2px solid var(--at-gold-light)}
.at .at-scene-card.is-locked::after{content:'Cercle';position:absolute;top:.4rem;right:.4rem;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--at-gold-light);background:rgba(4,14,22,.75);border:1px solid rgba(216,181,113,.5);border-radius:.8rem;padding:.15rem .45rem}
.at .at-presets{display:grid;gap:.5rem}
.at .at-preset{display:flex;gap:.7rem;align-items:center;padding:.55rem;border-radius:.7rem;border:1px solid var(--at-edge);background:rgba(255,255,255,.03);cursor:pointer;text-align:left;color:inherit;font-family:var(--font-body);transition:background .2s,border-color .2s}
.at .at-preset:hover{background:rgba(216,181,113,.1);border-color:rgba(245,219,158,.4)}
.at .at-preset img{flex:0 0 5.2rem;width:5.2rem;height:3.4rem;object-fit:cover;border-radius:.45rem}
.at .at-preset strong{display:block;font-weight:500;font-size:.86rem;color:var(--at-snow)}
.at .at-preset small{display:block;font-size:.7rem;color:rgba(246,239,220,.55);line-height:1.35;margin-top:.15rem}
.at .at-preset em{display:block;font-style:normal;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--at-gold);margin-top:.25rem}
.at .at-mix{display:flex;align-items:center;gap:.5rem;padding:.5rem .3rem;border-bottom:1px solid rgba(255,255,255,.05)}
.at .at-mix strong{flex:1 1 auto;font-weight:500;font-size:.86rem;color:var(--at-snow)}
.at .at-mix small{display:block;font-size:.68rem;color:rgba(246,239,220,.5)}
.at .at-form{display:flex;gap:.45rem;margin:.4rem 0 .8rem}
.at .at-form input,.at .at-form textarea{flex:1 1 auto;min-width:0;padding:.6rem .8rem;border-radius:.6rem;border:1px solid var(--at-edge);background:rgba(255,255,255,.05);color:var(--at-snow);font-family:var(--font-body);font-size:.86rem}
.at .at-form textarea{min-height:5.2rem;resize:vertical;line-height:1.45}
.at .at-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1rem;border-radius:.6rem;border:1px solid rgba(216,181,113,.45);background:linear-gradient(180deg,rgba(216,181,113,.22),rgba(216,181,113,.08));color:var(--at-gold-light);font-family:var(--font-body);font-size:.78rem;font-weight:500;letter-spacing:.04em;cursor:pointer;transition:background .2s,transform .2s;text-decoration:none}
.at .at-btn:hover{background:linear-gradient(180deg,rgba(216,181,113,.34),rgba(216,181,113,.14))}
.at .at-btn.at-btn-ghost{background:transparent;border-color:var(--at-edge);color:var(--at-soft)}
.at .at-btn.at-btn-ai{border-color:rgba(159,211,216,.5);background:linear-gradient(180deg,rgba(159,211,216,.22),rgba(159,211,216,.06));color:#dff6f8}
.at .at-btn[disabled]{opacity:.5;cursor:progress}
.at .at-btn svg{width:.95rem;height:.95rem;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.7}
.at .at-ai-result{margin:.6rem 0;padding:.8rem .9rem;border-radius:.8rem;border:1px solid rgba(159,211,216,.35);background:rgba(159,211,216,.06)}
.at .at-ai-result strong{display:block;font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:var(--at-snow)}
.at .at-ai-result p{margin:.3rem 0 .6rem}
.at .at-ai-result .at-ai-layers{font-size:.72rem;color:var(--at-gold-light);margin-bottom:.6rem}
.at .at-quota{font-size:.68rem;color:rgba(246,239,220,.45);margin-top:.5rem}
.at .at-setting{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.84rem;color:var(--at-snow)}
.at .at-setting small{display:block;font-size:.68rem;color:rgba(246,239,220,.5);margin-top:.1rem}
.at .at-setting select,.at .at-setting input[type=range]{accent-color:var(--at-gold);max-width:11rem}
.at .at-setting select{padding:.4rem .5rem;border-radius:.5rem;border:1px solid var(--at-edge);background:#0a1c27;color:var(--at-snow);font-family:var(--font-body);font-size:.8rem}
.at .at-switch{position:relative;width:2.6rem;height:1.45rem;border-radius:1rem;border:1px solid var(--at-edge);background:rgba(255,255,255,.08);cursor:pointer;flex:0 0 auto;transition:background .2s}
.at .at-switch::after{content:'';position:absolute;top:.15rem;left:.15rem;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--at-soft);transition:transform .2s,background .2s}
.at .at-switch[aria-checked=true]{background:rgba(216,181,113,.35);border-color:rgba(245,219,158,.5)}
.at .at-switch[aria-checked=true]::after{transform:translateX(1.15rem);background:var(--at-gold-light)}
.at .at-keys{display:grid;grid-template-columns:auto 1fr;gap:.3rem .8rem;font-size:.78rem;color:var(--at-soft)}
.at .at-keys kbd{font-family:var(--font-body);font-size:.68rem;padding:.1rem .4rem;border:1px solid var(--at-edge);border-bottom-width:2px;border-radius:.3rem;color:var(--at-snow);background:rgba(255,255,255,.05)}
.at .at-offer-sheet ul{margin:0 0 .9rem;padding-left:1.1rem;font-size:.84rem;line-height:1.6;color:var(--at-soft)}
.at .at-offer-sheet .at-price{font-family:var(--font-display);font-size:1.8rem;color:var(--at-gold-light);margin:.4rem 0}
.at .at-offer-sheet .at-price small{font-family:var(--font-body);font-size:.78rem;color:var(--at-soft)}
.at .at-member{padding:.7rem .9rem;border-radius:.8rem;border:1px solid rgba(216,181,113,.4);background:rgba(216,181,113,.08);font-size:.84rem;color:var(--at-gold-light)}

/* ── Toast, indice clavier, respiration ── */
.at .at-toast{position:absolute;left:50%;top:1.1rem;transform:translate(-50%,-140%);z-index:12;max-width:min(520px,calc(100% - 2rem));padding:.6rem 1rem;border-radius:.8rem;background:var(--at-glass-2);border:1px solid var(--at-edge);color:var(--at-snow);font-family:var(--font-body);font-size:.82rem;line-height:1.4;text-align:center;box-shadow:0 .8rem 2rem rgba(0,0,0,.5);transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .4s;opacity:0;pointer-events:none}
.at .at-toast.is-on{transform:translate(-50%,0);opacity:1}
.at .at-hint{position:absolute;right:1.3rem;top:1rem;z-index:6;margin:0;font-family:var(--font-body);font-size:.62rem;letter-spacing:.06em;color:rgba(246,239,220,.4);text-shadow:var(--at-ink)}
@media (max-width:900px),(pointer:coarse){.at .at-hint{display:none}}
.at .at-breath{position:absolute;inset:0;z-index:7;display:grid;place-content:center;justify-items:center;gap:1rem;pointer-events:none;background:radial-gradient(60% 60% at 50% 50%,rgba(2,9,14,.2),rgba(2,9,14,.6))}
.at .at-breath[hidden]{display:none}
.at .at-breath i{display:block;width:min(38vh,260px);height:min(38vh,260px);border-radius:50%;border:1px solid rgba(245,219,158,.55);background:radial-gradient(circle,rgba(216,181,113,.22),rgba(216,181,113,.04) 60%,transparent 70%);box-shadow:0 0 60px rgba(216,181,113,.2);transform:scale(var(--b,.6));transition:transform var(--bt,5s) cubic-bezier(.4,0,.2,1)}
.at .at-breath span{font-family:var(--font-display);font-size:2rem;color:var(--at-snow);text-shadow:var(--at-ink)}
.at .at-breath small{font-family:var(--font-body);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--at-gold);text-shadow:var(--at-ink)}
.at .at-breath-stop{pointer-events:auto;margin-top:.4rem;border:1px solid var(--at-edge);background:var(--at-glass-2);color:var(--at-soft);border-radius:1rem;padding:.4rem .9rem;font-family:var(--font-body);font-size:.72rem;cursor:pointer}
.at .at-immersive-exit{position:fixed;top:.8rem;right:.8rem;z-index:99}

/* ── Sous la scène : pédagogie, offre, FAQ ── */
.at .at-below{padding:3.2rem 0 4rem;font-family:var(--font-body)}
.at .at-how__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:.8rem}
.at .at-how__grid article{padding:1.2rem 1.2rem 1.3rem;border-radius:.8rem;border:1px solid var(--at-edge);background:linear-gradient(160deg,rgba(9,33,45,.7),rgba(3,19,30,.5))}
.at .at-num{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;border:1px solid rgba(216,181,113,.5);color:var(--at-gold-light);font-family:var(--font-display);font-size:1.05rem;margin-bottom:.6rem}
.at .at-how__grid h2{font-family:var(--font-display);font-weight:500;font-size:1.35rem;margin:0 0 .4rem;color:var(--at-snow)}
.at .at-how__grid p{font-size:.86rem;line-height:1.55;color:var(--at-soft);margin:0}
.at .at-offer{margin:2.6rem 0;padding:1.8rem clamp(1.2rem,4vw,2.6rem)}
.at .at-offer h2{font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15;margin:0 0 .9rem;color:var(--at-snow);max-width:28ch}
.at .at-offer__list{margin:0 0 1rem;padding-left:1.1rem;font-size:.9rem;line-height:1.7;color:var(--at-soft);columns:2;column-gap:2rem}
@media (max-width:700px){.at .at-offer__list{columns:1}}
.at .at-offer__price{font-size:.95rem;color:var(--at-soft);margin:0 0 1rem}
.at .at-offer__price strong{font-family:var(--font-display);font-size:1.7rem;color:var(--at-gold-light);font-weight:500}
.at .at-faq{margin-top:2.4rem}
.at .at-faq__item{margin:.5rem 0;padding:.2rem 1.1rem}
.at .at-faq__item summary{cursor:pointer;font-family:var(--font-display);font-size:1.15rem;padding:.7rem 0;color:var(--at-snow);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.at .at-faq__item summary::after{content:'+';color:var(--at-gold)}
.at .at-faq__item[open] summary::after{content:'−'}
.at .at-faq__item p{font-size:.88rem;line-height:1.6;color:var(--at-soft);margin:0 0 .9rem}
.at .at-links{margin-top:2rem;font-size:.9rem;line-height:1.65;color:var(--at-soft)}
.at .at-links a{color:var(--at-gold-light)}

/* ── v16 : envie (niveau 0), onglets, minuterie, veilleuse, glisser ── */
.at .at-chooser{position:absolute;inset:0;z-index:9;display:grid;place-items:center;padding:1rem;background:radial-gradient(70% 60% at 50% 45%,rgba(2,9,14,.35),rgba(2,9,14,.72));animation:at-fade .5s ease}
.at .at-chooser[hidden]{display:none}
@keyframes at-fade{from{opacity:0}to{opacity:1}}
.at .at-chooser__card{width:min(720px,100%);padding:clamp(1.2rem,3vw,2rem) clamp(1rem,3vw,2.2rem) 1.2rem;border-radius:1.4rem;background:linear-gradient(180deg,rgba(6,18,28,.72),rgba(4,12,20,.86));border:1px solid var(--at-edge);box-shadow:0 2rem 5rem rgba(0,0,0,.6),inset 0 1px 0 var(--at-hi);-webkit-backdrop-filter:blur(26px) saturate(1.3);backdrop-filter:blur(26px) saturate(1.3);text-align:center;animation:at-rise .6s cubic-bezier(.2,.7,.2,1)}
@keyframes at-rise{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.at .at-chooser__k{margin:0 0 1rem;font-family:var(--font-display);font-style:italic;font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--at-gold-light);text-shadow:var(--at-ink)}
.at .at-chooser__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem}
.at .at-chooser__grid--sheet{grid-template-columns:repeat(2,1fr);margin-bottom:.9rem}
.at .at-envie{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .5rem .8rem;border-radius:1rem;border:1px solid var(--at-edge);background:rgba(255,255,255,.04);color:var(--at-snow);font-family:var(--font-body);cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.at .at-envie svg{width:1.5rem;height:1.5rem;stroke:var(--at-gold-light);fill:none;stroke-width:1.5}
.at .at-envie strong{font-family:var(--font-display);font-weight:500;font-size:1.2rem;line-height:1.1}
.at .at-envie small{font-size:.64rem;line-height:1.3;color:rgba(246,239,220,.55)}
.at .at-envie:hover,.at .at-envie:focus-visible{background:rgba(216,181,113,.14);border-color:rgba(245,219,158,.55);transform:translateY(-2px)}
.at .at-chooser__foot{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;margin-top:1rem}
.at .at-link{border:0;background:transparent;color:var(--at-soft);font-family:var(--font-body);font-size:.8rem;cursor:pointer;border-bottom:1px solid rgba(246,239,220,.25);padding:.15rem 0}
.at .at-link:hover{color:var(--at-gold-light);border-color:var(--at-gold-light)}
.at #at-resume{color:var(--at-gold-light);border-color:rgba(245,219,158,.5)}
@media (max-width:760px){.at .at-chooser{align-items:end;padding:0 .6rem calc(5.4rem + env(safe-area-inset-bottom,0px))}.at .at-chooser__card{padding:1.1rem .9rem .9rem;border-radius:1.2rem}.at .at-chooser__grid{grid-template-columns:repeat(3,1fr);gap:.4rem}.at .at-envie{padding:.75rem .3rem .6rem}.at .at-envie strong{font-size:1.02rem}.at .at-envie small{display:none}.at .at-chooser__k{font-size:1.3rem;margin-bottom:.7rem}}
.at .at-tabs{display:flex;gap:.15rem;flex:1 1 auto;justify-content:center;overflow-x:auto;scrollbar-width:none}
.at .at-tabs button{border:0;background:transparent;color:var(--at-soft);font-family:var(--font-body);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:.45rem .55rem;border-radius:.6rem;cursor:pointer;white-space:nowrap}
.at .at-tabs button[aria-current=true]{background:rgba(216,181,113,.16);color:var(--at-gold-light)}
.at .at-sheet__head{gap:.5rem}
.at .at-sheet__head h2{flex:0 0 auto;font-size:1.25rem}
.at .at-tabs[hidden]{display:none}
.at .at-chips--tabs .at-chip{padding:.45rem .9rem;font-size:.76rem}
.at .at-preset__ic{flex:0 0 2.6rem;width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;background:rgba(216,181,113,.12)}
.at .at-preset__ic svg{width:1rem;height:1rem;stroke:var(--at-gold-light);fill:none;stroke-width:1.7}
.at .at-preset.is-on{border-color:rgba(245,219,158,.55);background:rgba(216,181,113,.14)}
.at .at-timerchip{position:absolute;right:clamp(1.1rem,4.5vw,4rem);bottom:calc(clamp(1rem,3.4vh,2rem) + 4.9rem);z-index:6;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:1rem;background:var(--at-glass-2);border:1px solid var(--at-edge);font-family:var(--font-body);font-size:.74rem;color:var(--at-gold-light);font-variant-numeric:tabular-nums}
.at .at-timerchip[hidden]{display:none}
.at .at-timerchip svg{width:.85rem;height:.85rem;stroke:currentColor;fill:none;stroke-width:1.7}
.at .at-swipe-hint{position:absolute;inset:0;z-index:6;pointer-events:none;display:flex;justify-content:space-between;align-items:center;padding:0 .8rem;opacity:0;transition:opacity .35s}
.at .at-swipe-hint.is-on{opacity:1}
.at .at-swipe-hint span{font-family:var(--font-display);font-size:3rem;color:var(--at-gold-light);text-shadow:var(--at-ink)}
.at-veilleuse{position:fixed;inset:0;z-index:200;background:#000;display:grid;place-content:center;text-align:center;cursor:pointer;animation:at-fade 1.2s ease}
.at-veilleuse[hidden]{display:none}
.at-veilleuse time{font-family:var(--font-display);font-size:clamp(3rem,10vw,6rem);color:rgba(216,181,113,.35);font-variant-numeric:tabular-nums;letter-spacing:.04em}
.at-veilleuse small{display:block;margin-top:.4rem;font-family:var(--font-body);font-size:.8rem;color:rgba(216,181,113,.28)}
.at-veilleuse p{margin:2rem 0 0;font-family:var(--font-body);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,239,220,.18)}
body.at-veil-body .sr-header,body.at-veil-body .at-bar,body.at-veil-body .at-fader{visibility:hidden}
.at .at-sheet__head:has(.at-tabs:not([hidden])) h2{display:none}
.at .at-tabs{flex-wrap:wrap;justify-content:flex-start;overflow:visible}
.at .at-fader button.at-fader__remove{flex:0 0 auto;width:auto;height:auto;display:inline-block;border:1px solid rgba(255,180,168,.35);background:transparent;color:#ffb4a8;border-radius:1rem;padding:.32rem .7rem;margin-right:.2rem;font-family:var(--font-body);font-size:.7rem;line-height:1;cursor:pointer}
.at .at-fader__remove:hover{background:rgba(255,180,168,.12)}

/* ── v16.1 : Mon lieu ── */
.at .at-mylieu{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:0 0 .9rem;padding:.8rem .9rem;border-radius:.9rem;border:1px solid rgba(159,211,216,.35);background:linear-gradient(135deg,rgba(159,211,216,.1),rgba(216,181,113,.06))}
.at .at-mylieu small{font-size:.7rem;color:var(--at-soft)}
.at .at-scene-card.is-mine{outline-color:rgba(159,211,216,.5)}
.at .at-lieu-form{display:grid;grid-template-columns:1fr 1fr;gap:.6rem .7rem;margin:.6rem 0 .9rem}
.at .at-lieu-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--at-gold)}
.at .at-lieu-form__wide,.at .at-lieu-form button{grid-column:1/-1}
.at .at-lieu-form select,.at .at-lieu-form input{padding:.55rem .7rem;border-radius:.6rem;border:1px solid var(--at-edge);background:#0a1c27;color:var(--at-snow);font-family:var(--font-body);font-size:.86rem;letter-spacing:0;text-transform:none}
.at .at-lieu-wait{display:flex;align-items:center;gap:.7rem;padding:.8rem .9rem;border-radius:.8rem;border:1px solid rgba(159,211,216,.3);background:rgba(159,211,216,.06);font-size:.84rem}
.at .at-lieu-wait i{width:1rem;height:1rem;border-radius:50%;border:2px solid rgba(191,231,234,.3);border-top-color:#dff6f8;animation:at-spin 1s linear infinite;flex:0 0 auto}
@keyframes at-spin{to{transform:rotate(360deg)}}
.at .at-lieu-result{margin:.6rem 0;border-radius:.9rem;overflow:hidden;border:1px solid rgba(159,211,216,.35);background:rgba(6,18,28,.6)}
.at .at-lieu-result img{display:block;width:100%;height:auto}
.at .at-lieu-result__acts{display:flex;flex-wrap:wrap;gap:.45rem;padding:.7rem .8rem}
.at .at-lieu-result p{padding:0 .8rem .7rem;margin:0}