:root{--bg:#f8eeec;--paper:#fffcfb;--ink:#1e1618;--ink2:#5c5052;--muted:#9a8b8c;--rule:#eedcda;--rose:#dc4a72;--rose-soft:#fbe4eb;--green:#2f7d52;--green-soft:#e7f1ea;--amber:#c08038;--amber-soft:#faeedf;--red:#c2455a;--red-soft:#fbe6e9;--sky:#5e93b8;--titre:"Bricolage Grotesque",system-ui,sans-serif;--texte:"DM Sans",system-ui,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--ink);font-family:var(--texte);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.ms-scene{min-height:100%;background:transparent;padding:calc(env(safe-area-inset-top, 0px) + 54px) 20px calc(100px + env(safe-area-inset-bottom, 0px))}.ms-scene::-webkit-scrollbar{display:none}h1,h2,h3{font-family:var(--titre);font-weight:700;letter-spacing:-.03em;line-height:1.08}.ms-titre{font-size:30px}.ms-libelle{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--muted)}.ms-carte{background:rgba(255,252,251,.52);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border:1px solid hsla(0,0%,100%,.72);border-radius:22px;padding:16px;box-shadow:0 10px 30px rgba(122,60,72,.09),inset 0 1px 0 hsla(0,0%,100%,.9)}.ms-carte-nuit{position:relative;overflow:hidden;background:linear-gradient(148deg,#3e1f2b,#26141b 62%,#1c0f15);border-radius:26px;padding:20px;color:#fff6f8;box-shadow:0 20px 44px rgba(62,20,38,.28),inset 0 1px 0 hsla(0,0%,100%,.1)}.ms-bouton{width:100%;height:54px;border:none;border-radius:100px;background:var(--ink);color:#fff;font-family:var(--titre);font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .16s ease,opacity .16s ease}.ms-bouton:active{transform:scale(.97)}.ms-bouton:disabled{opacity:.4}.ms-onglets{position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(78px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:rgba(255,252,251,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--rule)}.ms-onglet{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--texte);font-size:10px;font-weight:500;color:var(--muted);padding:0}.ms-onglet[data-actif=true]{color:var(--ink);font-weight:700}.ms-capture{position:fixed;left:50%;bottom:calc(30px + env(safe-area-inset-bottom, 0px));transform:translateX(-50%);z-index:45;width:62px;height:62px;border-radius:100px;background:var(--rose);border:4px solid var(--paper);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 22px rgba(220,74,114,.38);transition:transform .16s ease}.ms-capture:active{transform:translateX(-50%) scale(.93)}@keyframes ms-monte{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.ms-monte{animation:ms-monte .5s cubic-bezier(.2,.9,.3,1) both}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.ms-statut{position:fixed;top:0;left:0;right:0;z-index:50;height:calc(env(safe-area-inset-top, 0px) + 50px);padding:calc(env(safe-area-inset-top, 0px) + 14px) 26px 0;display:flex;align-items:flex-start;justify-content:space-between;font-family:var(--texte);font-size:15px;font-weight:600;color:var(--ink);pointer-events:none}.ms-statut--photo{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.45)}.ms-statut--sombre{color:#fff;background:linear-gradient(180deg,rgba(14,11,12,.9) 45%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}.ms-statut span{display:flex;align-items:center;gap:5px}body,html{height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}body{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}h1,h2,h3,p{-webkit-user-select:text;-moz-user-select:text;user-select:text}.ms-scene,[style*=overflow-y]{-webkit-overflow-scrolling:touch}:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:8px}.ms-fond{position:fixed;top:-140px;bottom:-140px;left:-140px;right:-140px;pointer-events:none;overflow:hidden;z-index:0}.ms-halo{position:absolute;border-radius:999px;will-change:transform}.ms-halo--rose{top:-34%;left:-40%;width:130%;background:radial-gradient(circle,rgba(245,195,206,.85) 0,rgba(245,195,206,.34) 42%,rgba(245,195,206,0) 74%);animation:ms-derive-a 19s ease-in-out infinite}.ms-halo--rose,.ms-halo--vert{aspect-ratio:1;filter:blur(52px)}.ms-halo--vert{top:28%;right:-48%;width:122%;background:radial-gradient(circle,rgba(246,214,222,.8) 0,rgba(246,214,222,.3) 44%,rgba(246,214,222,0) 74%);animation:ms-derive-b 24s ease-in-out infinite}.ms-halo--ambre{bottom:-30%;left:-32%;width:118%;aspect-ratio:1;background:radial-gradient(circle,hsla(2,71%,93%,.8) 0,hsla(2,71%,93%,.3) 44%,hsla(2,71%,93%,0) 74%);filter:blur(52px);animation:ms-derive-c 21s ease-in-out infinite}@keyframes ms-derive-a{0%,to{transform:translate(0) scale(1)}33%{transform:translate(26px,-22px) scale(1.14)}66%{transform:translate(-18px,18px) scale(.92)}}@keyframes ms-derive-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-32px,26px) scale(1.2)}}@keyframes ms-derive-c{0%,to{transform:translate(0) scale(1)}40%{transform:translate(22px,28px) scale(.88)}}.ms-grain{position:absolute;inset:0;opacity:.22}.ms-verre{background:rgba(255,252,251,.52);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border:1px solid hsla(0,0%,100%,.72);box-shadow:0 10px 30px rgba(122,60,72,.09),inset 0 1px 0 hsla(0,0%,100%,.9)}.ms-reflet{position:relative;overflow:hidden}.ms-reflet:after{content:"";position:absolute;top:0;bottom:0;left:0;width:70px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.13),transparent);animation:ms-balaye 6.5s ease-in-out infinite;pointer-events:none}@keyframes ms-balaye{0%{transform:translateX(-120%)}to{transform:translateX(320%)}}@keyframes ms-respire{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.ms-halo,.ms-reflet:after{animation:none}}.ms-scene{position:relative;z-index:1}.ms-halo--interne-rose{top:-70px;right:-50px;width:210px;height:210px;background:radial-gradient(circle,rgba(232,120,150,.5) 0,rgba(232,120,150,.18) 44%,transparent 74%);filter:blur(28px);animation:ms-derive-a 16s ease-in-out infinite}.ms-halo--interne-vert{bottom:-90px;left:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(212,120,148,.28) 0,rgba(212,120,148,.1) 46%,transparent 74%);filter:blur(28px);animation:ms-derive-c 20s ease-in-out infinite}