@font-face{font-family:Duper;src:url(https://www.coffeeartsparis.fr/fonts/1fe71b44fe258fdd547688c1158feec5.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg: #F7F0E7;--surface: #FFFBF5;--sand: #E8D6C1;--sand-2: #EFE4D4;--line: #E2D3BF;--olive: #58604C;--olive-2: #8A8E74;--fg: #2E3227;--muted: #5F6352;--on-olive: #F7F0E7;--ok: #3F6A3B;--ok-bg: #E3EDD9;--warn: #8A5D16;--warn-bg: #F5E6C8;--bad: #A4442F;--bad-bg: #F6DDD5;--fire: #B4612E;--fire-dk: #9A4E22;--fire-bg: #F4E0D1;--display: "Duper", "Outfit", system-ui, sans-serif;--ui: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--r: 16px;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--ui);font-size:16px;line-height:1.45}img{max-width:100%}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--olive);outline-offset:2px}h1{margin:0;color:var(--olive);font-family:var(--display);font-weight:700;font-size:32px;line-height:1.12;text-wrap:balance}h2{margin:0;font-family:var(--display);font-weight:700;font-size:22px}a{color:var(--olive)}.phone{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;gap:20px;padding:calc(24px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.wide{max-width:1040px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:130px}.stack{display:flex;flex-direction:column;gap:16px}.stack-2{display:flex;flex-direction:column;gap:2px;min-width:0}.stack-4{display:flex;flex-direction:column;gap:6px}.stack-8{display:flex;flex-direction:column;gap:10px}.push{margin-top:auto}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (max-width: 380px){.two{grid-template-columns:1fr}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:block;height:64px;width:auto}.brand-sm{height:40px;width:auto;flex:none}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.lead{margin:0;color:var(--muted);font-size:16px}.muted{color:var(--muted);font-size:14px;margin:0}.foot{text-align:center;color:var(--muted);font-size:13px;margin:0}.help{color:var(--muted);font-size:13px}.btn{border:0;border-radius:999px;padding:11px 20px;font-weight:600;background:var(--olive);color:var(--on-olive);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-height:44px;white-space:nowrap}.btn.big{min-height:52px;font-size:16px;width:100%}.btn.small{min-height:36px;padding:7px 14px;font-size:14px}.btn.ghost{background:transparent;color:var(--olive);box-shadow:inset 0 0 0 1.5px var(--olive)}.btn.fire{background:var(--fire);color:#fff}.btn.danger{background:transparent;color:var(--bad);box-shadow:inset 0 0 0 1.5px var(--bad)}.btn:disabled{opacity:.45;cursor:not-allowed}.x{border:0;background:var(--sand);width:36px;height:36px;border-radius:50%;font-size:20px;line-height:1}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.field input,.field select{width:100%;border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 14px;font-size:16px}.inline{border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 12px;font-size:16px;width:140px}.notif{border:1.5px solid var(--line);background:var(--surface);border-radius:14px;padding:12px 14px 14px;margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}.notif legend{padding:0 4px;font-size:14px;font-weight:600;color:var(--fg)}.check{display:flex;align-items:center;gap:10px;min-height:40px;font-weight:500;cursor:pointer}.check input{width:22px;height:22px;accent-color:var(--olive);margin:0;flex:none}.notif .field input{background:var(--bg)}.error{margin:0;background:var(--bad-bg);color:var(--bad);border-radius:12px;padding:10px 14px;font-size:14px}.photo-pick{position:relative;display:flex;align-items:center;justify-content:center;min-height:220px;border:2px dashed var(--olive-2);border-radius:18px;background:var(--sand-2);color:var(--olive);cursor:pointer;overflow:hidden;text-align:center;padding:12px}.photo-pick input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.pick-inner{display:flex;flex-direction:column;align-items:center;gap:8px}.pick-inner b{font-size:17px}.pick-inner small{color:var(--muted);font-size:13px}.pick-inner img{max-height:280px;border-radius:12px;object-fit:contain}.code{font-weight:800;letter-spacing:.06em;font-variant-numeric:tabular-nums}.code.lg{font-size:30px;line-height:1}.code.xl{font-size:56px;line-height:1}.code-card{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;text-align:center}.code-card.fire{background:var(--fire-bg);border-color:transparent;color:var(--fg)}.code-card.fire .code{color:var(--fire-dk)}.warn{background:var(--fire-bg);color:var(--fg);border-radius:14px;padding:12px 14px;font-size:14.5px}.warn b{display:block;color:var(--fire-dk);font-size:16px;margin-bottom:2px}.info{background:var(--sand);border-radius:14px;padding:12px 14px;font-size:14px}.piece-card{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px}.piece-card img,.piece-card .ph{width:100px;height:100px;flex:none;border-radius:12px;object-fit:cover;background:var(--sand)}.hero-photo{width:100%;max-height:260px;object-fit:cover;border-radius:18px;background:var(--sand)}.tile{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}.tile small{color:var(--muted);font-size:12.5px}.tile.warm{background:var(--fire-bg);border-color:transparent}.social{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px}.social-t{display:flex;align-items:center;gap:8px;color:var(--olive);font-size:16px}.btn.soc{background:var(--sand);color:var(--fg);width:100%}.check.optin{align-items:flex-start;font-size:14px;font-weight:500;line-height:1.4;min-height:0}.check.optin input{margin-top:1px}.check.optin small{color:var(--muted)}.story{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px;text-decoration:none;color:var(--fg);font-size:14px}.story b{color:var(--olive);font-size:15.5px}.promo{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;border:2px dashed var(--fire);border-radius:18px;padding:16px;background:var(--surface)}.promo small{color:var(--muted);font-size:12.5px}.promo small:first-child{color:var(--fire-dk);font-weight:600;font-size:14px}.promo b{font-size:34px;line-height:1.1}.promo strong{font-size:18px;letter-spacing:.08em}.legal{margin:0;font-size:12.5px;color:var(--muted);text-align:center;line-height:1.45}.legal a{color:var(--olive)}.prose{display:flex;flex-direction:column;gap:6px;max-width:62ch}.prose h2{font-size:18px;margin-top:10px}.prose p{margin:0;line-height:1.55}.mine h2{font-size:20px}.mine-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;text-decoration:none;color:var(--fg)}.mine-row .arrow{margin-left:auto;color:var(--olive);font-weight:600;font-size:14px}.timeline{list-style:none;margin:0;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column}.timeline li{display:flex;gap:12px;position:relative;padding-bottom:16px}.timeline li:last-child{padding-bottom:0}.timeline li:not(:last-child):before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background:var(--line)}.timeline li.done:not(:last-child):before{background:var(--olive)}.timeline .dot{width:24px;height:24px;flex:none;border-radius:50%;border:2px solid #C9B9A3;display:grid;place-items:center;background:var(--surface)}.timeline li.done .dot{background:var(--olive);border-color:var(--olive);color:var(--on-olive)}.timeline li.current .dot{background:var(--fire);border-color:var(--fire);box-shadow:0 0 0 5px var(--fire-bg)}.timeline li.current b{color:var(--fire-dk)}.timeline b{display:block;font-size:15px}.timeline small{color:var(--muted);font-size:13px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;border-radius:999px;padding:3px 10px;width:max-content;max-width:100%}.p-attente{background:var(--sand);color:var(--fg)}.p-four{background:var(--fire-bg);color:var(--fire-dk)}.p-prete{background:var(--ok-bg);color:var(--ok)}.p-recuperee{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}.p-rangee{background:var(--warn-bg);color:var(--warn)}.p-late{background:var(--bad-bg);color:var(--bad)}.sticky{position:sticky;top:0;z-index:5;background:var(--bg);padding:calc(14px + env(safe-area-inset-top)) 0 8px;display:flex;flex-direction:column;gap:12px}.h-app{font-size:24px;color:var(--olive)}.app-id{display:flex;align-items:center;gap:12px;min-width:0}.h-app small{display:block;font-family:var(--ui);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:2px}.search{position:relative}.search input{width:100%;border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 14px 12px 42px;font-size:16px}.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.tab{border:0;background:transparent;border-radius:999px;padding:8px 14px;font-weight:500;color:var(--muted);display:flex;align-items:center;gap:8px;white-space:nowrap}.tab .n{font-size:12px;font-weight:600;background:var(--sand);color:var(--fg);border-radius:999px;padding:1px 8px;font-variant-numeric:tabular-nums}.tab[aria-selected=true]{background:var(--olive);color:var(--on-olive)}.tab[aria-selected=true] .n{background:var(--on-olive);color:var(--olive)}.tab .n.alert{background:var(--bad);color:#fff}.section-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.section-h span{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-align:left;padding:0;display:flex;flex-direction:column}.card .ph{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;background:var(--sand)}.card .meta{padding:9px 11px 11px;display:flex;flex-direction:column;gap:4px;min-width:0}.card .name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .sub{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code.tag{position:absolute;top:8px;left:8px;background:var(--surface);border-radius:8px;padding:2px 8px;font-size:13px}.card .tick{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:var(--surface);border:2px solid var(--olive-2);display:grid;place-items:center;color:transparent}.card.sel{outline:3px solid var(--fire);outline-offset:-3px}.card.sel .tick{background:var(--fire);border-color:var(--fire);color:#fff}.batch{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:12px}.strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.strip button{border:0;padding:0;background:none;flex:0 0 auto;position:relative}.strip img{width:68px;height:68px;object-fit:cover;border-radius:10px;background:var(--sand);display:block}.strip .code.tag{top:auto;bottom:3px;left:3px;font-size:10px;padding:0 4px}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:2px}.kpi small{color:var(--muted);font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.kpi b{font-size:30px;font-variant-numeric:tabular-nums;color:var(--olive);line-height:1.15}.kpi span{color:var(--muted);font-size:13px}.kpi.bad{border-color:var(--bad)}.kpi.bad b{color:var(--bad)}.bars{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;height:170px;align-items:end}.bar-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}.bar-fill{width:100%;max-width:40px;background:var(--sage, #ACB792);border-radius:6px 6px 0 0;min-height:2px}.bar-n{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.bar-col small{font-size:11px;color:var(--muted);white-space:nowrap}.fab{position:fixed;right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:6;box-shadow:0 6px 18px #1e211a40;padding:14px 22px}.bar{position:fixed;left:0;right:0;bottom:0;z-index:6;background:var(--surface);border-top:1px solid var(--line);padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.bar .wide{padding-bottom:0}.gauge{display:flex;flex-direction:column;gap:4px;min-width:150px;flex:1}.gauge .track{height:6px;background:var(--sand);border-radius:6px;overflow:hidden}.gauge .fill{height:100%;width:0;background:var(--fire);border-radius:6px;transition:width .2s}.gauge.over .fill{background:var(--bad)}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#14161180;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--surface);width:100%;max-width:580px;max-height:92dvh;overflow-y:auto;border-radius:20px 20px 0 0;padding:18px max(18px,env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:14px}@media (min-width: 700px){.sheet-bg{align-items:center}.sheet{border-radius:20px}}.detail-photo{width:100%;max-height:380px;object-fit:contain;border-radius:var(--r);background:var(--sand)}dl.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:15px}dl.kv dt{color:var(--muted)}dl.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}.tl-mini{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--muted)}.tl-mini b{color:var(--fg);font-weight:600}.msg{background:var(--bg);border-radius:10px;padding:10px 12px;font-size:14px;white-space:pre-wrap;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.confirm{background:var(--bad-bg);color:var(--bad);border-radius:10px;padding:10px 12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px}.qr-print{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;text-align:center;color:#2e3227}.qr-print img{width:240px;height:240px}.qr-print .qr-logo{width:110px;height:auto}.qr-print b{font-family:var(--display);font-weight:700;font-size:24px}.qr-print span{font-size:14px;max-width:30ch}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(92px + env(safe-area-inset-bottom));z-index:30;background:var(--fg);color:var(--bg);padding:10px 18px;border-radius:999px;font-size:14px;max-width:90vw}.spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sp .7s linear infinite;display:inline-block;vertical-align:-3px}@keyframes sp{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}