.cine{--ardoise:#2f4a3e;--ardoise-2:#3d5c4e;--ardoise-3:#4a6b5a;--cuivre:#c47a3d;--papier:#f4efe4;--creme:#faf6ec;--cine-ink:#22352c;--alerte:#a84b3a;--cine-ok:#55805e;--cine-display:var(--font-fraunces), Georgia, serif;--cine-body:var(--font-inter), system-ui, sans-serif;aspect-ratio:16/9;background:var(--papier);width:100%;font-family:var(--cine-body);color:var(--cine-ink);position:relative;overflow:hidden}.cine .stage{background:var(--papier);transform-origin:0 0;width:1920px;height:1080px;position:absolute;top:0;left:0;overflow:hidden}.cine .stage svg{position:absolute;inset:0}.cine .stage:after{content:"";pointer-events:none;background:radial-gradient(1200px 700px at 50% 62%,#c47a3d12,#0000 65%),radial-gradient(1600px 1000px,#0000 55%,#2f4a3e1a);position:absolute;inset:0}.cine .caption{z-index:5;opacity:0;max-width:760px;transition:opacity .7s,transform .7s;position:absolute;bottom:56px;left:64px;transform:translateY(14px)}.cine .caption.show{opacity:1;transform:none}.cine .caption .kicker{font:600 13px/1 var(--cine-body);letter-spacing:.18em;text-transform:uppercase;color:var(--cuivre);margin-bottom:10px}.cine .caption .line{font:italic 500 30px/1.35 var(--cine-display);color:var(--ardoise)}.cine .panel{z-index:4;background:var(--creme);opacity:0;border:1.5px solid #2f4a3e38;border-radius:16px;width:470px;padding:22px 24px;transition:opacity .6s,transform .6s;position:absolute;transform:translateY(18px);box-shadow:0 24px 70px #243a304d}.cine .panel.show{opacity:1;transform:none}.cine .panel .hd{align-items:center;gap:9px;margin-bottom:4px;display:flex}.cine .panel .dot{background:var(--cuivre);border-radius:3px;width:9px;height:9px}.cine .panel .app{font:600 16.5px var(--cine-body);color:var(--ardoise)}.cine .panel .sub{font:400 12.5px var(--cine-body);color:#22352c9e;margin:0 0 14px 18px}.cine .row{font:400 14.5px var(--cine-body);opacity:0;border-radius:8px;justify-content:space-between;gap:12px;padding:8px 10px;transition:opacity .45s,transform .45s;display:flex;transform:translate(-8px)}.cine .rows.play .row{opacity:1;transform:none}.cine .rows.play .row:first-child{transition-delay:50ms}.cine .rows.play .row:nth-child(2){transition-delay:.35s}.cine .rows.play .row:nth-child(3){transition-delay:.65s}.cine .rows.play .row:nth-child(4){transition-delay:.95s}.cine .rows.play .row:nth-child(5){transition-delay:1.25s}.cine .row .n{color:var(--cine-ink)}.cine .row .v{color:#22352cbf;font-variant-numeric:tabular-nums;white-space:nowrap}.cine .row.flag{transition:background .8s}.cine .flag.on{background:#a84b3a1a}.cine .flag.on .n,.cine .flag.on .v{color:var(--alerte);font-weight:600}.cine .chip{font:600 11px var(--cine-body);color:var(--alerte);opacity:0;border:1px solid #a84b3a66;border-radius:999px;margin-left:8px;padding:2px 8px;transition:opacity .5s,transform .5s;display:inline-block;transform:scale(.85)}.cine .chip.show{opacity:1;transform:none}.cine .toast{border-left:3px solid var(--cuivre);opacity:0;background:#c47a3d14;border-radius:0 10px 10px 0;margin-top:14px;padding:11px 14px;transition:opacity .6s,transform .6s;transform:translateY(8px)}.cine .toast.show{opacity:1;transform:none}.cine .toast b{font:600 13px var(--cine-body);color:var(--ardoise);display:block}.cine .toast span{font:400 12.5px var(--cine-body);color:#22352cb3}.cine .kv{border-top:1px solid #2f4a3e1f;justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:12px;display:flex}.cine .kv .k{font:400 13px var(--cine-body);color:#22352cb3}.cine .kv .val{font:600 20px var(--cine-display);color:var(--cuivre);font-variant-numeric:tabular-nums}.cine .meter{background:#2f4a3e1f;border-radius:99px;height:7px;margin-top:8px;overflow:hidden}.cine .meter i{background:var(--ardoise-3);border-radius:99px;width:71%;height:100%;transition:width 1.4s cubic-bezier(.22,.61,.36,1);display:block}.cine .badge-haccp{font:600 12.5px var(--cine-body);color:#22352c8c;background:#2f4a3e12;border-radius:999px;align-items:center;gap:7px;margin-top:14px;padding:5px 12px;transition:background .8s,color .8s;display:inline-flex}.cine .badge-haccp:before{content:"";background:#22352c4d;border-radius:99px;width:8px;height:8px;transition:background .8s}.cine .badge-haccp.ok{color:var(--cine-ok);background:#55805e1f}.cine .badge-haccp.ok:before{background:var(--cine-ok)}.cine .swap{height:34px;position:relative}.cine .swap .a,.cine .swap .b{transition:opacity .6s;position:absolute;inset:0}.cine .rows-static .swap .a,.cine .rows-static .swap .b{transition-delay:0s;transform:none}.cine .rows-static .swap .a{opacity:1}.cine .rows-static .swap .b,.cine .rows-static .swap.done .a{opacity:0}.cine .rows-static .swap.done .b{opacity:1}.cine.no-anim *{transition:none!important;animation:none!important}.cine .plan{grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 2px;display:grid}.cine .tb{height:56px;font:600 12px var(--cine-body);color:#22352c99;background:0 0;border:2px solid #2f4a3e4d;border-radius:12px;place-items:center;transition:all .7s;display:grid;position:relative}.cine .tb.occ{background:#2f4a3e1f;border-color:#0000}.cine .tb.warn{border-color:var(--cuivre);color:var(--cuivre);box-shadow:0 0 0 4px #c47a3d24}.cine .tb.warn:after{content:"◆";color:var(--cuivre);font-size:13px;position:absolute;top:-9px;right:-6px}.cine .tb.ok4{border-color:var(--cine-ok);color:var(--cine-ok);box-shadow:none;background:#55805e1a}.cine .tb.ok4:after{content:"◆";color:var(--cine-ok);font-size:13px;position:absolute;top:-9px;right:-6px}.cine .legend{font:400 11px var(--cine-body);color:#22352c8c;gap:14px;margin:8px 0 2px;display:flex}.cine .btn{font:600 12.5px var(--cine-body);color:var(--creme);background:var(--ardoise);border:none;border-radius:9px;margin-top:12px;padding:8px 16px;transition:transform .25s,background .25s;display:inline-block}.cine .btn.tap{background:var(--ardoise-2);transform:scale(.94)}.cine .p1{top:160px;right:290px}.cine .p2{top:150px;left:150px}.cine .p3{top:150px;right:290px}.cine .signature{z-index:6;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.cine .signature .in{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f4efe4d1;border-radius:24px;padding:46px 72px}.cine .signature .mark{font:600 60px/1 var(--cine-display);color:var(--ardoise);letter-spacing:.01em;align-items:center;gap:22px;display:inline-flex}.cine .signature .rule{background:var(--cuivre);width:76px;height:3px;margin:22px auto}.cine .signature .base{font:italic 400 27px/1.4 var(--cine-display);color:var(--ardoise)}.cine .signature .url{font:600 13px var(--cine-body);letter-spacing:.22em;text-transform:uppercase;color:#22352c8c;margin-top:20px}.cine .signature{opacity:1}[data-js] .cine .signature{opacity:0;transition:opacity 1.4s}[data-js] .cine .signature.show{opacity:1}.cine .zlabel{z-index:3;text-align:center;opacity:0;pointer-events:none;transition:opacity 1s;position:absolute}.cine .zlabel.show{opacity:1}.cine .zlabel .z{font:600 12px var(--cine-body);letter-spacing:.2em;text-transform:uppercase;color:var(--ardoise)}.cine .zlabel .m{font:italic 400 15px var(--cine-display);color:var(--cuivre);margin-top:2px}@media (max-width:768px){.cine[data-viewport=mobile] .panel{width:640px;padding:30px 34px;transition:opacity .9s,transform .9s;top:50%;left:50%;right:auto;transform:translate(-50%,-46%)scale(.9)}.cine[data-viewport=mobile] .panel.show{transform:translate(-50%,-50%)scale(1)}.cine[data-viewport=mobile] .panel .app{font-size:23px}.cine[data-viewport=mobile] .panel .sub{font-size:16.5px}.cine[data-viewport=mobile] .row{padding:10px 12px;font-size:18px}.cine[data-viewport=mobile] .toast b{font-size:16.5px}.cine[data-viewport=mobile] .toast span{font-size:15px}.cine[data-viewport=mobile] .kv .val{font-size:26px}.cine[data-viewport=mobile] .zlabel .z{font-size:15px}.cine[data-viewport=mobile] .zlabel .m{font-size:19px}}@media (max-width:768px) and (prefers-reduced-motion:reduce){.cine[data-viewport=mobile] .panel{transition:none}}@media (prefers-reduced-motion:reduce){.cine .caption,.cine .panel,.cine .row,.cine .toast,.cine .chip,.cine .signature{transition:none}}