:root{--ground: #12142a;--ground-2: #0d0f22;--panel: #1a1d38;--panel-2: #20243f;--line: #2c3054;--line-soft: #242849;--ink: #f4ede1;--ink-soft: #cfc7d8;--muted: #9a94ae;--glow: #ffb277;--glow-strong: #ff9a52;--glow-deep: #e07d3c;--moon: #aeb6ee;--good: #84d9a8;--warn: #ffcf85;--crit: #ff9a9a;--radius: 20px;--radius-sm: 13px;--display: "ui-rounded", "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Quicksand", system-ui, sans-serif;--body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--body);color:var(--ink);background:var(--ground-2);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font-family:inherit;cursor:pointer}h1,h2,h3,.d{font-family:var(--display);font-weight:650;letter-spacing:-.01em;text-wrap:balance}.app{height:100%;max-width:460px;margin:0 auto;position:relative;display:flex;flex-direction:column;background:radial-gradient(900px 520px at 80% -10%,color-mix(in srgb,var(--glow) 14%,transparent),transparent 60%),radial-gradient(700px 520px at 5% 2%,color-mix(in srgb,var(--moon) 12%,transparent),transparent 58%),linear-gradient(180deg,var(--ground) 0%,var(--ground-2) 100%);overflow:hidden}.app.nuit{background:radial-gradient(700px 520px at 50% -14%,color-mix(in srgb,var(--glow) 9%,transparent),transparent 62%),linear-gradient(180deg,#0c0e1f,#080a16);transition:background 1.6s ease}.screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.pad{padding:22px 20px 30px}.tabbar{display:flex;gap:6px;padding:8px 12px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--ground-2) 82%,transparent);border-top:1px solid var(--line-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tabbar button{flex:1;border:none;background:transparent;color:var(--muted);font-family:var(--display);font-weight:600;font-size:13px;padding:8px 4px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:3px}.tabbar button .ic{font-size:20px}.tabbar button.on{color:var(--glow);background:color-mix(in srgb,var(--glow) 12%,transparent)}.child{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 22px;gap:4px}.child .hello{font-family:var(--display);color:var(--ink-soft);font-size:18px;font-weight:500}.child .status{color:var(--muted);font-size:14px;min-height:20px;margin-top:2px}.orb-btn{border:none;background:transparent;padding:0;margin:22px 0 8px;border-radius:50%;-webkit-tap-highlight-color:transparent}.orb{display:block;width:190px;height:190px;border-radius:50%;position:relative;background:radial-gradient(circle at 38% 34%,#fff8ef 0%,var(--glow) 32%,var(--glow-strong) 62%,var(--glow-deep) 100%);box-shadow:0 0 0 14px color-mix(in srgb,var(--glow) 10%,transparent),0 0 70px 16px color-mix(in srgb,var(--glow) 38%,transparent),0 0 150px 50px color-mix(in srgb,var(--glow) 20%,transparent);animation:breathe 6.5s ease-in-out infinite;transition:transform .25s ease,filter .5s ease}.orb.dim{opacity:.86;box-shadow:0 0 48px 10px color-mix(in srgb,var(--glow) 26%,transparent),0 0 90px 30px color-mix(in srgb,var(--glow) 12%,transparent)}.orb.listening{animation:listen 2.4s ease-in-out infinite}.orb.talking{animation:talk .7s ease-in-out infinite}.orb-btn:active .orb{transform:scale(.96)}@keyframes breathe{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.12)}}@keyframes listen{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}@keyframes talk{0%,to{transform:scale(1.02)}50%{transform:scale(1.11)}}@media (prefers-reduced-motion: reduce){.orb,.orb.listening,.orb.talking{animation:none}}.child .tap-hint{font-family:var(--display);color:var(--ink);font-size:17px;font-weight:600;margin-top:4px}.child .tap-sub{color:var(--muted);font-size:13px}.quick{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}.quick button{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 62%,transparent);color:var(--ink-soft);font-family:var(--display);font-weight:600;font-size:14px;padding:11px 15px;border-radius:999px;display:flex;align-items:center;gap:7px}.quick button:active{transform:scale(.96)}.quick button.maman{border-color:color-mix(in srgb,var(--glow) 55%,var(--line));background:color-mix(in srgb,var(--glow) 14%,var(--panel));color:var(--glow)}.quick button:disabled{opacity:.4}.head{margin-bottom:18px}.eyebrow{font-family:var(--display);text-transform:uppercase;letter-spacing:.18em;font-size:11.5px;color:var(--glow);font-weight:650}.head h1{font-size:26px;margin:6px 0 2px}.head p{margin:0;color:var(--muted);font-size:14px}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:14px}.card h2{font-size:16px;margin:0 0 4px;display:flex;align-items:center;gap:8px}.card .hint{color:var(--muted);font-size:13px;margin:0 0 12px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:12.5px;color:var(--muted);font-family:var(--display);font-weight:600}input,select{background:var(--ground-2);border:1px solid var(--line);color:var(--ink);border-radius:11px;padding:11px 13px;font-size:15px;font-family:var(--body);width:100%}input:focus,select:focus{outline:2px solid color-mix(in srgb,var(--glow) 55%,transparent);outline-offset:1px;border-color:var(--glow)}.row{display:flex;gap:10px}.row>*{flex:1}.btn{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 60%,transparent);color:var(--ink);font-family:var(--display);font-weight:650;font-size:14.5px;padding:12px 16px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(180deg,var(--glow),var(--glow-strong));color:#2a1503;border-color:transparent}.btn.rec{background:color-mix(in srgb,var(--crit) 20%,var(--panel));color:var(--crit);border-color:color-mix(in srgb,var(--crit) 45%,var(--line))}.btn.rec.on{animation:pulse 1.1s ease-in-out infinite}.btn.full{width:100%}.btn.ghost{background:transparent}.btn:disabled{opacity:.45}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--crit) 55%,transparent)}50%{box-shadow:0 0 0 8px transparent}}.rule-item,.clip-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line-soft);border-radius:12px;margin-bottom:8px;background:color-mix(in srgb,var(--ground-2) 45%,transparent)}.rule-item span{flex:1;font-size:14.5px;color:var(--ink-soft)}.clip-item .meta{flex:1}.clip-item .meta .lab{font-family:var(--display);font-weight:600;font-size:14.5px}.clip-item .meta .ctx{color:var(--muted);font-size:12px}.iconbtn{border:none;background:transparent;color:var(--muted);width:34px;height:34px;border-radius:9px;font-size:16px;display:grid;place-items:center}.iconbtn:hover{background:color-mix(in srgb,var(--panel) 70%,transparent);color:var(--ink)}.iconbtn.play{color:var(--glow)}.iconbtn.del:hover{color:var(--crit)}.badge-ok{font-size:11px;color:var(--good);border:1px solid color-mix(in srgb,var(--good) 40%,var(--line));border-radius:999px;padding:2px 8px;font-family:var(--display);font-weight:600}.badge-wait{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-family:var(--display);font-weight:600}.pill-group{display:flex;gap:6px;flex-wrap:wrap}.pill{border:1px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:999px;padding:8px 12px;font-size:13px;font-family:var(--display);font-weight:600}.pill.on{background:color-mix(in srgb,var(--glow) 16%,transparent);color:var(--glow);border-color:color-mix(in srgb,var(--glow) 50%,var(--line))}.empty{color:var(--muted);font-size:13.5px;text-align:center;padding:14px;border:1px dashed var(--line);border-radius:12px}.note{font-size:12.5px;color:var(--muted);line-height:1.5;border-left:2px solid color-mix(in srgb,var(--glow) 45%,var(--line));padding:2px 0 2px 12px;margin-top:4px}.note b{color:var(--ink-soft)}.lock-hint{text-align:center;color:var(--muted);font-size:12px;margin-top:6px}.level{background:color-mix(in srgb,var(--moon) 10%,transparent);border:1px solid color-mix(in srgb,var(--moon) 30%,var(--line));border-radius:var(--radius-sm);padding:12px 14px}.level>div{display:flex;align-items:center;gap:10px;margin-bottom:4px}.level-age{font-family:var(--display);font-weight:700;font-size:15px;color:var(--moon)}.level-badge{font-size:11.5px;font-family:var(--display);font-weight:650;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:2px 9px}.level p{margin:0;font-size:12.5px;color:var(--muted)}.switch-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.toggle{width:48px;height:28px;border-radius:999px;border:1px solid var(--line);background:var(--ground-2);position:relative;padding:0;transition:background .25s ease,border-color .25s ease}.toggle .knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--muted);transition:transform .25s ease,background .25s ease}.toggle.on{background:color-mix(in srgb,var(--glow) 30%,var(--ground-2));border-color:color-mix(in srgb,var(--glow) 55%,var(--line))}.toggle.on .knob{transform:translate(20px);background:var(--glow)}.clone-ok{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink-soft);margin-top:12px;cursor:pointer}.consent input{width:18px;height:18px;margin-top:1px;accent-color:var(--glow);flex:none}.timer .obj{font-size:15px;color:var(--muted);font-weight:500}.alerte{border:1px solid color-mix(in srgb,var(--crit) 40%,var(--line));background:color-mix(in srgb,var(--crit) 8%,transparent);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:10px}.alerte.lue{border-color:var(--line);background:color-mix(in srgb,var(--ground-2) 45%,transparent);opacity:.75}.alerte-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.alerte-theme{font-family:var(--display);font-weight:650;font-size:13.5px;color:var(--crit)}.alerte.lue .alerte-theme{color:var(--muted)}.alerte-date{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.alerte-citation{margin:8px 0;font-size:14px;color:var(--ink-soft);font-style:italic}.alerte-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.alerte.phase{border-color:color-mix(in srgb,var(--warn) 45%,var(--line));background:color-mix(in srgb,var(--warn) 8%,transparent)}.alerte.phase .alerte-theme{color:var(--warn)}.meteo{display:flex;gap:8px;flex-wrap:wrap}.meteo-pill{font-size:12.5px;font-family:var(--display);font-weight:600;color:var(--ink-soft);border:1px solid color-mix(in srgb,var(--moon) 35%,var(--line));background:color-mix(in srgb,var(--moon) 10%,transparent);border-radius:999px;padding:6px 11px}.meteo-pill b{color:var(--moon)}.sheet-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#060710b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;z-index:20}.sheet{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-bottom:none;border-radius:22px 22px 0 0;width:100%;padding:22px 20px calc(24px + env(safe-area-inset-bottom))}.sheet h3{margin:0 0 4px;font-size:18px}.sheet .hint{color:var(--muted);font-size:13px;margin:0 0 16px}.sheet .timer{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;text-align:center;color:var(--glow);margin:6px 0 16px}.jeu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));background:radial-gradient(700px 460px at 50% -10%,color-mix(in srgb,var(--glow) 16%,transparent),transparent 60%),linear-gradient(180deg,var(--ground) 0%,var(--ground-2) 100%)}.jeu-top{display:flex;align-items:center;justify-content:space-between}.jeu-titre{font-family:var(--display);font-weight:650;font-size:16px;color:var(--ink-soft)}.jeu-quit{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 60%,transparent);color:var(--ink-soft);width:40px;height:40px;border-radius:12px;font-size:18px}.jeu-progress{display:flex;gap:7px;justify-content:center;margin:16px 0 4px}.jeu-dot{width:9px;height:9px;border-radius:50%;background:var(--line);transition:all .3s}.jeu-dot.ok{background:var(--good)}.jeu-dot.now{background:var(--glow);transform:scale(1.3);box-shadow:0 0 10px var(--glow)}.jeu-consigne{font-family:var(--display);font-weight:650;font-size:clamp(19px,5vw,24px);text-align:center;color:var(--ink);text-wrap:balance;margin:18px auto 6px;max-width:340px;min-height:62px;display:flex;align-items:center;justify-content:center;transition:transform .3s}.jeu-consigne.parle{transform:scale(1.03);color:var(--glow)}.jeu-grille{display:grid;gap:14px;flex:1;align-content:center;max-width:420px;margin:0 auto;width:100%}.jeu-grille.cols-2,.jeu-grille.cols-3{grid-template-columns:repeat(2,1fr)}@media (min-height: 640px){.jeu-grille.cols-3{grid-template-columns:repeat(2,1fr)}}.jeu-maia{display:flex;flex-direction:column;align-items:center;gap:10px;margin:6px 0 2px}.jeu-orb{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 38px 8px color-mix(in srgb,var(--glow) 34%,transparent),0 0 90px 26px color-mix(in srgb,var(--glow) 14%,transparent);animation:breathe 6s ease-in-out infinite}.jeu-orb svg{width:100%;height:100%}.jeu-orb.parle{animation:talk .7s ease-in-out infinite}.jeu-orb.celebre{animation:celebre .6s ease}.tuile-perso{width:74%;height:74%;display:grid;place-items:center}.tuile-perso svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.14))}.tuile.bon .tuile-perso{animation:pop .5s ease}.tuile-compte{width:88%;height:88%;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:5%}.tuile-compte .pomme-slot{flex:0 0 auto;display:block}.tuile-compte .pomme-slot svg{display:block;filter:drop-shadow(0 3px 6px rgba(0,0,0,.14))}.tuile-compte.n1 .pomme-slot{width:54%}.tuile-compte.n2 .pomme-slot{width:38%}.tuile-compte.n3 .pomme-slot{width:26%}.tuile.bon .tuile-compte{animation:pop .5s ease}@keyframes celebre{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.22) rotate(-8deg)}60%{transform:scale(1.15) rotate(8deg)}to{transform:scale(1) rotate(0)}}.jeu-etoiles-mini{display:flex;gap:6px}.mini-etoile{font-size:16px;filter:grayscale(1) opacity(.28);transition:transform .4s,filter .4s}.mini-etoile.on{filter:none;transform:scale(1.15);animation:pop .5s ease}.tuile{aspect-ratio:1;border:2px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel-2));border-radius:24px;display:flex;align-items:center;justify-content:center;transition:transform .15s,border-color .2s,background .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;min-height:96px;box-shadow:0 6px 20px -14px #0009;overflow:hidden}.tuile:hover{border-color:color-mix(in srgb,var(--glow) 40%,var(--line))}.tuile:active{transform:scale(.92)}.tuile-in{animation:tuile-in .45s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes tuile-in{0%{opacity:0;transform:scale(.5) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-reduced-motion: reduce){.tuile-in,.jeu-orb.parle,.jeu-orb.celebre{animation:none}}.tuile-aff{font-size:clamp(46px,15vw,72px);line-height:1;font-family:var(--display);font-weight:700;color:var(--ink);letter-spacing:.02em}.tuile.bon{border-color:var(--good);background:color-mix(in srgb,var(--good) 24%,var(--panel));animation:pop .4s ease}.tuile.faux{border-color:var(--glow);background:color-mix(in srgb,var(--glow) 16%,var(--panel));animation:wiggle .4s ease}.tuile:disabled{opacity:.9}@keyframes pop{0%,to{transform:scale(1)}45%{transform:scale(1.12)}}@keyframes wiggle{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion: reduce){.tuile.bon,.tuile.faux{animation:none}}.jeu-fin{margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:300px}.jeu-fin .jeu-orb{width:88px;height:88px;margin-bottom:6px}.jeu-fin h2{font-size:28px;margin:4px 0 0}.jeu-fin p{color:var(--ink-soft);margin:0}.jeu-etoiles{display:flex;gap:8px;margin:8px 0 18px}.jeu-etoiles .etoile{font-size:40px;filter:grayscale(1) opacity(.25);transform:scale(.7)}.jeu-etoiles .etoile.on{filter:none;animation:etoile-pop .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes etoile-pop{0%{transform:scale(0) rotate(-30deg);filter:none}70%{transform:scale(1.35) rotate(10deg)}to{transform:scale(1) rotate(0)}}.confettis{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.confetti{position:absolute;top:-8%;font-size:24px;animation-name:tomber;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes tomber{0%{transform:translateY(-10vh) rotate(0);opacity:0}12%{opacity:1}to{transform:translateY(112vh) rotate(320deg);opacity:.9}}@media (prefers-reduced-motion: reduce){.confetti{display:none}}.amis{position:absolute;top:0;right:0;bottom:0;left:0;z-index:44;display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));background:radial-gradient(700px 460px at 50% -10%,color-mix(in srgb,var(--moon) 18%,transparent),transparent 60%),linear-gradient(180deg,var(--ground),var(--ground-2))}.amis-sous{text-align:center;color:var(--ink-soft);font-family:var(--display);font-size:15px;margin:10px 0 18px}.amis-grille{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-content:start}.ami-carte{position:relative;aspect-ratio:1;border:2px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel-2));border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 20px -14px #0009}.ami-carte:active{transform:scale(.95)}.ami-objet{font-size:clamp(46px,14vw,68px);line-height:1}.ami-nom{font-family:var(--display);font-weight:650;font-size:16px;color:var(--ink)}.ami-neuf{position:absolute;top:10px;right:10px;font-size:11px;font-family:var(--display);font-weight:650;color:var(--glow);background:color-mix(in srgb,var(--glow) 14%,transparent);border:1px solid color-mix(in srgb,var(--glow) 40%,var(--line));border-radius:999px;padding:3px 8px}.amis-scene{align-items:center;justify-content:center;text-align:center;gap:10px;background:radial-gradient(120% 90% at 50% 40%,#14163a,#0a0b18 70%)}.amis-quit{position:absolute;top:calc(14px + env(safe-area-inset-top));right:16px}.amis-objet-grand{font-size:clamp(90px,30vw,150px);line-height:1;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}.amis-objet-grand.eveil{animation:eveil 1s ease-in-out infinite}.amis-objet-grand.parle{animation:parle-obj .5s ease-in-out infinite}@keyframes eveil{0%,to{transform:scale(1);filter:brightness(1) drop-shadow(0 0 0 var(--glow))}50%{transform:scale(1.12);filter:brightness(1.5) drop-shadow(0 0 30px var(--glow))}}@keyframes parle-obj{0%,to{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.06) rotate(1deg)}}@media (prefers-reduced-motion: reduce){.amis-objet-grand.eveil,.amis-objet-grand.parle{animation:none}}.amis-nom{font-family:var(--display);font-weight:700;font-size:22px;color:var(--glow)}.amis-bulle{max-width:320px;min-height:60px;font-family:var(--display);font-weight:500;font-size:19px;color:var(--ink);line-height:1.5;text-wrap:balance}.veilleuse{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 50% 46%,#0a0b16,#06070e 70%,#040509);cursor:pointer}.veilleuse-orb-btn{border:none;background:transparent;padding:0;-webkit-tap-highlight-color:transparent}.veilleuse-orb-wrap{display:block;animation:sunset 720s ease-out forwards}.veilleuse-orb-wrap.reveil{animation:none;opacity:1;transition:opacity 1s ease}@keyframes sunset{0%{opacity:.6}60%{opacity:.28}to{opacity:.12}}.veilleuse-orb{width:150px;height:150px;animation:breathe-nuit 9s ease-in-out infinite;box-shadow:0 0 50px 12px color-mix(in srgb,var(--glow) 30%,transparent),0 0 120px 40px color-mix(in srgb,var(--glow) 14%,transparent)}.veilleuse-orb-wrap.reveil .veilleuse-orb{box-shadow:0 0 70px 18px color-mix(in srgb,var(--glow) 45%,transparent),0 0 160px 60px color-mix(in srgb,var(--glow) 24%,transparent)}@keyframes breathe-nuit{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){.veilleuse-orb{animation:none}.veilleuse-orb-wrap{animation:none;opacity:.4}}.veilleuse-status{position:absolute;bottom:12%;color:color-mix(in srgb,var(--glow) 70%,transparent);font-family:var(--display);font-size:15px;min-height:20px}.veilleuse-sortie{position:absolute;top:calc(14px + env(safe-area-inset-top));right:16px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffff47;font-size:12px;font-family:var(--display)}.consent-lecture{border:1px solid color-mix(in srgb,var(--moon) 38%,var(--line));background:color-mix(in srgb,var(--moon) 10%,var(--panel));border-radius:var(--radius-sm);padding:16px 18px;font-size:16px;line-height:1.6;color:var(--ink);font-family:var(--display);font-weight:500;margin:6px 0 14px;text-wrap:pretty}.onb{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;padding:calc(30px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(760px 520px at 50% -6%,color-mix(in srgb,var(--glow) 20%,transparent),transparent 60%),radial-gradient(600px 480px at 12% 8%,color-mix(in srgb,var(--moon) 14%,transparent),transparent 58%),linear-gradient(180deg,var(--ground) 0%,var(--ground-2) 100%);text-align:center}.onb-orb-wrap{display:flex;justify-content:center;margin:6px 0 10px}.onb-orb-wrap .orb{width:92px;height:92px}.onb-body{flex:1;display:flex;flex-direction:column;justify-content:flex-start;max-width:380px;margin:8px auto 0;width:100%;text-align:left}.onb h1{font-size:clamp(26px,7vw,32px);text-align:center;margin:8px 0 10px}.onb-lead{color:var(--ink-soft);text-align:center;font-size:16px;margin:0 0 22px;text-wrap:balance}.onb .field{margin-bottom:16px}.onb-choix{display:flex;flex-direction:column;gap:12px}.onb-carte{display:flex;align-items:center;gap:14px;border:2px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel-2));border-radius:16px;padding:16px 18px;font-family:var(--display);font-weight:650;font-size:16px;color:var(--ink)}.onb-carte-emoji{font-size:26px}.onb-carte.on{border-color:var(--glow);background:color-mix(in srgb,var(--glow) 14%,var(--panel))}.onb-progress{display:flex;gap:8px;justify-content:center;margin:8px 0 16px}.onb-nav{display:flex;gap:10px;max-width:380px;margin:0 auto;width:100%;align-items:center}.onb-nav .btn.ghost{flex:0 0 auto}@media (prefers-color-scheme: light){:root{--ground: #f6f1e9;--ground-2: #efe8dc;--panel: #ffffff;--panel-2: #fbf7f0;--line: #e7ddcd;--line-soft: #efe7d8;--ink: #28243c;--ink-soft: #4a4560;--muted: #7a7390;--glow: #e0863a;--glow-strong: #cf7526;--glow-deep: #b5661d;--moon: #5b63b0;--good: #2e9e6a;--warn: #c98a1e;--crit: #c9564f}body{background:var(--ground)}.btn.primary{color:#fff}}