: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}@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}}