:root{--creme: #fbf7f2;--blanc: #ffffff;--encre: #191919;--encre-2: #4a433c;--encre-3: #625a52;--beige: #f6e0cc;--peche: #f1d3b6;--caramel: #cda987;--caramel-fonce: #7d5630;--marine: #486096;--trait: rgba(25, 25, 25, .08);--ombre: 0 1px 2px rgba(60, 40, 20, .05), 0 14px 34px rgba(60, 40, 20, .1);--ombre-forte: 0 2px 6px rgba(40, 25, 10, .08), 0 24px 60px rgba(40, 25, 10, .18);--serif: "Jomolhari", Georgia, "Times New Roman", serif;--sans: "Poppins", system-ui, -apple-system, sans-serif;--haut: env(safe-area-inset-top, 0px);--bas: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#efe7dd;color:var(--encre);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}#root{height:100%}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}input,textarea{font:inherit;color:inherit;-webkit-user-select:text;user-select:text}img{display:block}.app{position:fixed;inset:0;overflow:hidden;background:var(--creme);max-width:480px;margin:0 auto}@media(min-width:520px){.app{top:16px;bottom:16px;border-radius:36px;box-shadow:var(--ombre-forte)}}.ecran{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:var(--creme);padding-bottom:calc(120px + var(--bas));scrollbar-width:none;overscroll-behavior:contain}.ecran::-webkit-scrollbar{display:none}.ecran.sans-tab{padding-bottom:calc(40px + var(--bas))}.marge{padding-left:20px;padding-right:20px}.haut{padding-top:calc(var(--haut) + 14px)}.titre-xl{font-family:var(--serif);font-weight:400;font-size:40px;line-height:1.04;letter-spacing:-.01em;margin:0}.titre-l{font-family:var(--serif);font-weight:400;font-size:31px;line-height:1.1;margin:0}.titre-m{font-family:var(--serif);font-weight:400;font-size:23px;line-height:1.15;margin:0}.surtitre{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--marine)}.texte{font-size:15px;line-height:1.55;color:var(--encre-2);margin:0}.petit{font-size:13px;line-height:1.4;color:var(--encre-3)}.fort{font-weight:600;color:var(--encre)}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:54px;padding:0 24px;border-radius:27px;font-size:15px;font-weight:600;background:var(--encre);color:#fff;width:100%}.bouton.doux{background:var(--peche);color:var(--encre)}.bouton.clair{background:#fff;color:var(--encre);box-shadow:var(--ombre)}.bouton.contour{background:transparent;color:var(--encre);box-shadow:inset 0 0 0 1px var(--caramel)}.bouton:disabled{opacity:.45}.rond{width:44px;height:44px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;background:#ffffffdb;color:var(--encre);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 2px 10px #28190a1a}.puce{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 15px;border-radius:21px;font-size:13.5px;background:#fff;box-shadow:inset 0 0 0 1px #cda9878c;white-space:nowrap}.puce.on{background:var(--encre);color:#fff;box-shadow:none}.puce.douce{background:var(--beige);box-shadow:none}.carte{background:#fff;border-radius:24px;box-shadow:var(--ombre)}.attente{position:relative;overflow:hidden;background:#efe4d7}.attente:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.55) 50%,transparent 80%);animation:reflet 1.3s ease-in-out infinite}.attente.chargee:after{display:none}@keyframes reflet{to{transform:translate(100%)}}.tabbar{position:absolute;left:12px;right:12px;bottom:calc(10px + var(--bas));z-index:40;height:70px;border-radius:35px;display:flex;align-items:center;justify-content:space-around;background:#ffffffc7;backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);box-shadow:0 1px #fffc inset,0 12px 40px #28190a29}.onglet{display:flex;flex-direction:column;align-items:center;gap:3px;width:64px;font-size:11px;font-weight:500;color:#6b635b}.onglet.actif{color:var(--encre);font-weight:600}.orbe{position:relative;width:58px;height:58px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 32% 28%,#fffffff2,#fff0 36%),conic-gradient(from 0deg,#cda987,#f1d3b6,#8ea3cf,#486096,#e9b98c,#cda987);box-shadow:0 8px 26px #48609659,inset 0 -6px 14px #1919191f;animation:tourne 9s linear infinite}.orbe:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,#cda98773,#cda98700 70%);animation:souffle 3.2s ease-in-out infinite;z-index:-1}@keyframes tourne{to{transform:rotate(360deg)}}@keyframes souffle{0%,to{transform:scale(.92);opacity:.7}50%{transform:scale(1.18);opacity:1}}.defile-x{display:flex;gap:14px;overflow-x:auto;padding:4px 20px 14px;scroll-snap-type:x mandatory;scrollbar-width:none}.defile-x::-webkit-scrollbar{display:none}.defile-x>*{scroll-snap-align:start;flex-shrink:0}.voile{position:absolute;inset:0;z-index:60;background:#19140f61;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.feuille{position:absolute;left:0;right:0;bottom:0;z-index:61;background:var(--creme);border-radius:30px 30px 0 0;box-shadow:0 -10px 40px #28190a33;padding-bottom:calc(18px + var(--bas));max-height:92%;display:flex;flex-direction:column;transition:bottom .18s ease-out}.clavier-ouvert .feuille{bottom:var(--clavier, 0px);padding-bottom:10px;max-height:calc(var(--vh, 100vh) - var(--haut) - 10px)}.poignee{width:44px;height:5px;border-radius:3px;background:#1919192e;margin:10px auto 6px}.sombre{background:#16110d;color:#f7efe6}.sombre .petit{color:#c9bcad}.balayage{position:absolute;left:0;right:0;height:32%;background:linear-gradient(180deg,#f1d3b600,#f1d3b68c 80%,#fffffff2);animation:balaye 1.8s cubic-bezier(.45,0,.3,1) infinite;pointer-events:none}@keyframes balaye{0%{top:-32%}to{top:100%}}.points span{display:inline-block;width:6px;height:6px;border-radius:3px;background:currentColor;margin:0 2px;animation:point 1s infinite}.points span:nth-child(2){animation-delay:.15s}.points span:nth-child(3){animation-delay:.3s}@keyframes point{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.champ{width:100%;border:0;outline:none;background:#fff;border-radius:22px;padding:16px 18px;font-size:16px;line-height:1.45;box-shadow:var(--ombre);resize:none}.nb{white-space:nowrap}.defile-gauche{animation:defile-g 38s linear infinite}.defile-droite{animation:defile-d 42s linear infinite}@keyframes defile-g{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes defile-d{0%{transform:translate(-50%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.defile-gauche,.defile-droite{animation:none}}.cadre .app{max-width:390px;margin:0;top:0;bottom:0;border-radius:0;box-shadow:none}