:root{--bg:#121212;--black:#000;--card:#181818;--card2:#282828;--green:#D4AF37;--green2:#F5D77A;--gold:linear-gradient(135deg,#F5D77A,#D4AF37);--shadow:#A07A2C;--ink:#fff;--mute:#B3B3B3;--line:#2a2a2a}
*{box-sizing:border-box}
body{margin:0;font-family:Montserrat,"Circular",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);padding-bottom:110px}
a{color:var(--green);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}
header{background:linear-gradient(180deg,#2b2312 0%,#121212 100%);padding:40px 20px 28px}
header h1{margin:0 auto;max-width:720px;font-size:2rem;font-weight:800;letter-spacing:-.5px}
header p{margin:8px auto 0;max-width:720px;color:var(--mute);font-weight:600;font-size:.92rem}
main{max-width:720px;margin:0 auto;padding:8px 16px}
.demo{background:#2a2410;border:1px solid #6b5a1a;color:#f5d36b;padding:10px 14px;border-radius:8px;font-size:.85rem;font-weight:600;margin-bottom:14px}
.card{background:var(--card);border-radius:12px;padding:20px;margin-bottom:16px}
h2{font-size:1.2rem;font-weight:800;margin:0 0 14px;letter-spacing:-.3px}
h2 .n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--green);color:#000;font-size:.85rem;margin-right:10px}
.svc{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;background:var(--card2);border:2px solid transparent;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s}
.svc:hover{transform:translateY(-2px);background:#333;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.svc.sel{border-color:var(--green);background:#2a2414}
.svc b{display:block;font-weight:700}.svc small{color:var(--mute);font-size:.8rem;line-height:1.5}.svc .p{text-align:right;font-weight:700;white-space:nowrap;color:var(--green)}
.days{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.day{flex:0 0 auto;padding:10px 12px;background:var(--card2);border-radius:12px;text-align:center;cursor:pointer;min-width:74px;transition:.15s}
.day:hover{background:#333;transform:translateY(-2px)}
.day small{display:block;color:var(--mute);font-size:.72rem;font-weight:600;text-transform:capitalize}.day b{font-size:1.15rem;font-weight:800}
.day.sel{background:var(--green);color:#000}.day.sel small{color:#000}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-top:14px}
.slot{padding:11px 6px;background:var(--card2);border:2px solid transparent;border-radius:500px;text-align:center;cursor:pointer;font-weight:700;font-size:.9rem;transition:.15s}
.slot:hover{background:#3e3e3e;transform:translateY(-2px)}
.slot.gap{border:2px dashed rgba(212,175,55,.6)}
.slot.sel{background:var(--green);color:#000;border-color:var(--green)}
label{display:block;font-size:.78rem;font-weight:700;color:var(--mute);margin:12px 0 6px;text-transform:uppercase;letter-spacing:.06em}
input,textarea{width:100%;padding:12px 14px;background:var(--card2);color:var(--ink);border:1px solid #3e3e3e;border-radius:6px;font:inherit;font-weight:500}
input:focus,textarea:focus{outline:none;border-color:var(--ink)}input::placeholder,textarea::placeholder{color:#727272}
input:disabled{color:var(--mute)}input[type=date],input[type=time]{color-scheme:dark}
button{background:var(--green);color:#000;border:0;padding:14px 32px;border-radius:500px;font:inherit;font-weight:800;letter-spacing:.04em;cursor:pointer;width:100%;margin-top:16px;transition:transform .1s,background .1s}
button:hover:not(:disabled){background:var(--green2);transform:scale(1.03)}
button:disabled{background:#535353;color:#121212;cursor:not-allowed}
.sum{background:var(--card2);border-radius:8px;padding:14px;font-size:.9rem;line-height:1.7;color:var(--mute)}.sum b{color:var(--ink)}
.policy{font-size:.8rem;color:var(--mute);line-height:1.55}.policy b{color:var(--ink)}
.err{color:#f15e6c;margin-top:8px;font-weight:600}.hidden{display:none}.muted{color:var(--mute)}
/* Barre d'action fixe en bas, style lecteur Spotify */
.player{position:fixed;left:0;right:0;bottom:0;background:#000;border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom));z-index:10}
.player .in{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:14px}
.player .info{flex:1;min-width:0}.player .info b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92rem}
.player .info small{color:var(--mute);font-size:.78rem;font-weight:600}
.player button{width:auto;margin:0;padding:13px 26px;white-space:nowrap}
.slot.sel,.slot.sel:hover{background:var(--green);color:#000;border-color:var(--green)}.day.sel:hover{background:var(--green)}.svc.sel:hover{background:#2a2414}

/* Or Studio Nord */
button,h2 .n,.day.sel,.slot.sel,.slot.sel:hover,.day.sel:hover{background:var(--gold);color:#000}
button{box-shadow:0 4px 14px rgba(160,122,44,.35)}button:hover:not(:disabled){background:linear-gradient(135deg,#FBE59A,#E0BC4A);box-shadow:0 6px 20px rgba(160,122,44,.5)}
button:disabled{background:#535353;box-shadow:none}
.svc .p,a{color:var(--green2)}.svc.sel{border-color:var(--green);box-shadow:0 0 0 1px var(--shadow)}
.svc:hover{box-shadow:0 8px 24px rgba(0,0,0,.6),0 0 0 1px rgba(160,122,44,.35)}
header{background:#000;padding:0 0 24px;border-bottom:1px solid #2a2414}
.cover{display:block;width:100%;max-width:720px;margin:0 auto;aspect-ratio:442/139;object-fit:cover}
.brand{display:flex;align-items:center;gap:12px;max-width:720px;margin:18px auto 14px;padding:0 20px;text-decoration:none!important}
.brand img{width:52px;height:52px;border-radius:50%;box-shadow:0 0 0 2px #D4AF37,0 4px 16px rgba(160,122,44,.5)}
.brand .nm{font-family:"Playfair Display",Didot,"Bodoni 72",Georgia,serif;font-weight:700;font-size:1.35rem;line-height:1.1;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand small{display:block;font-size:.75rem;color:var(--mute);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-top:3px}
header h1,header p{padding:0 20px}
header h1{font-family:"Playfair Display",Didot,Georgia,serif;font-weight:700}
/* Palette mixte: vert Spotify + or Studio Nord */
:root{--spot:#1DB954;--blend:linear-gradient(135deg,#1DB954 0%,#8CC63F 45%,#D4AF37 80%,#F5D77A 100%)}
header{background:linear-gradient(180deg,#0f2a1a 0%,#07130c 55%,#000 100%);border-bottom:1px solid rgba(212,175,55,.35)}
button{background:var(--blend);color:#000;box-shadow:0 4px 16px rgba(29,185,84,.25),0 2px 8px rgba(160,122,44,.3)}
button:hover:not(:disabled){background:linear-gradient(135deg,#1ed760 0%,#9fd84f 45%,#E0BC4A 80%,#FBE59A 100%);box-shadow:0 6px 22px rgba(29,185,84,.35),0 3px 12px rgba(160,122,44,.45)}
button:disabled{background:#535353;box-shadow:none}
h2 .n{background:var(--gold);color:#000}
.day.sel,.day.sel:hover,.slot.sel,.slot.sel:hover{background:var(--spot);color:#000;border-color:var(--spot)}
.slot.gap{border:2px dashed rgba(29,185,84,.6)}
.svc .p{color:#F5D77A}a{color:var(--spot)}
.svc.sel{border-color:var(--spot);background:#16261c;box-shadow:0 0 0 1px rgba(212,175,55,.45)}.svc.sel:hover{background:#16261c}
.svc:hover{box-shadow:0 8px 24px rgba(0,0,0,.6),0 0 0 1px rgba(212,175,55,.3)}
.brand img{box-shadow:0 0 0 2px #D4AF37,0 4px 18px rgba(212,175,55,.45)}
header h1{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.card h2{color:#fff}
.player{border-top:1px solid rgba(212,175,55,.3);background:linear-gradient(90deg,#000 0%,#06140b 100%)}
.ok{color:var(--spot)}
.card h2.ok{color:var(--spot)}

.pm{display:grid;gap:8px;margin:6px 0 4px}.opt{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #333;border-radius:10px;background:#181818;cursor:pointer;margin:0}
.opt input{width:auto;margin:0;accent-color:#1ed760}.opt small{color:#b3b3b3}.opt:has(input:checked){border-color:#d4af37;box-shadow:0 0 0 1px #d4af37}
.pend{color:#d4af37}.btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btns button{width:auto;padding:8px 14px;margin:0}