@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-italic--kVCEDSl.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-italic-CnHihezr.woff)format("woff")}:root{--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:.8125rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.5rem;--text-3xl:4rem;--text-timer:7.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-full:999px;--touch-min:48px;--touch-large:64px;--duration-fast:.2s;--duration-base:.26s;--duration-slow:.35s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--on-brand:#fff;--shadow:#00000080;--splash-bg:#0b0a10;--splash-glow:#1a1428;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0a10;--surface:#16141f;--surface-raised:#201c2d;--border:#2e2940;--brand:#8b3dff;--accent:#a970ff;--on-accent:#0b0a10;--text:#f5f3fa;--text-muted:#a29db3;--mint:#2ee6a8;--gold:#ffc247;--danger:#ff5c7a;--character-top:var(--brand);--character-bottom:#2e2940;--character-bottom-shade:#3a3352;--character-skin:#e2a985;--character-hair:#3b2a22;--character-scenery:var(--border);--character-scenery-strong:#4a4363;--character-depth:var(--bg)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f5fb;--surface:#fff;--surface-raised:#fff;--border:#e4e0ee;--brand:#7a2ef0;--accent:#7a2ef0;--on-accent:#fff;--text:#16131f;--text-muted:#6b6680;--mint:#0fa978;--gold:#c98a00;--danger:#d93a5b;--character-top:var(--brand);--character-bottom:#4a4363;--character-bottom-shade:#5c5478;--character-skin:#e2a985;--character-hair:#3b2a22;--character-scenery:#d6d0e4;--character-scenery-strong:#b9b1cc;--character-depth:var(--bg)}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s;--duration-slow:0s}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;line-height:1.5}input,textarea{-webkit-user-select:text;user-select:text;font-size:max(var(--text-md), 16px)}button{font:inherit;color:inherit;touch-action:manipulation}.numeric{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-style:italic;font-weight:600}.display{font-family:var(--font-display);letter-spacing:.01em;font-style:italic;font-weight:600}.segmented{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-full);background:var(--surface-raised);grid-template-columns:repeat(3,1fr);display:grid}.segmented__option{border-radius:var(--radius-full);min-height:40px;color:var(--text-muted);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);background:0 0;border:none;font-weight:500}.segmented__option--active{background:var(--accent);color:var(--on-accent)}.splash{z-index:100;background:radial-gradient(ellipse at 50% 45%, var(--splash-glow) 0%, var(--splash-bg) 65%);transition:opacity .35s var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.splash--fading{opacity:0;pointer-events:none}.splash__logo{width:min(72vw,360px);height:auto;animation:splash-in .7s var(--ease-out) both}@keyframes splash-in{0%{opacity:0;filter:blur(6px);transform:scale(.94)}}@media (prefers-reduced-motion:reduce){.splash__logo{animation:none}}.auth{max-width:420px;min-height:100%;padding:calc(var(--safe-top) + var(--space-4)) calc(var(--safe-right) + var(--space-6)) calc(var(--safe-bottom) + var(--space-6)) calc(var(--safe-left) + var(--space-6));animation:auth-enter var(--duration-slow) var(--ease-out);flex-direction:column;margin:0 auto;display:flex}@keyframes auth-enter{0%{opacity:0;transform:translateY(8px)}}.auth-top{height:var(--touch-min);align-items:center;display:flex}.auth-back{width:var(--touch-min);height:var(--touch-min);margin-left:calc(var(--space-3) * -1);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.auth-logo{margin:var(--space-4) 0 0;color:var(--brand);justify-content:center;display:flex}.auth-logo__svg{width:auto;height:26px}.auth-body{justify-content:center;gap:var(--space-4);padding-top:var(--space-6);flex-direction:column;flex:1;display:flex}.auth-heading{text-align:center}.auth-title{font-size:var(--text-2xl);margin:0;line-height:1.05}.auth-subtitle{margin:var(--space-2) 0 0;color:var(--text-muted)}.auth-error{text-align:center;min-height:1.5em;font-size:var(--text-sm);color:var(--danger);margin:0}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-field{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.auth-field__label{font-size:var(--text-sm);color:var(--text-muted)}.auth-input{min-height:var(--touch-large);padding:0 var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:var(--font-body);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.auth-actions{gap:var(--space-2);flex-direction:column;display:flex}.auth-button{min-height:var(--touch-large);border-radius:var(--radius-full);background:var(--accent);color:var(--on-accent);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);border:none;font-weight:500}.auth-button:active:not(:disabled){transform:scale(.97)}.auth-button:disabled{opacity:.4;cursor:not-allowed}.auth-link{min-height:var(--touch-min);color:var(--text-muted);cursor:pointer;background:0 0;border:none}.pin-dots{justify-content:center;gap:var(--space-5);margin-top:var(--space-6);display:flex}.pin-dot{border-radius:var(--radius-full);width:16px;height:16px;box-shadow:inset 0 0 0 2px var(--border);transition:background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out)}.pin-dot--filled{background:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);transform:scale(1.1)}.pin-dots--error .pin-dot{box-shadow:inset 0 0 0 2px var(--danger)}.pin-dots--shake{animation:pin-shake .36s var(--ease-in-out)}@keyframes pin-shake{20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.pin-dots--shake{animation:none}}.pin-pad{grid-template-columns:repeat(3, var(--touch-pin));justify-content:center;gap:var(--space-4) var(--space-6);margin-top:var(--space-2);--touch-pin:76px;display:grid}.pin-key{width:var(--touch-pin);height:var(--touch-pin);border-radius:var(--radius-full);background:var(--surface);color:var(--text);font-size:var(--text-xl);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:none;place-items:center;display:grid}.pin-key:active:not(:disabled){background:var(--surface-raised);transform:scale(.94)}.pin-key:disabled{cursor:default}.pin-key--icon{color:var(--text-muted);background:0 0}.pin-key--icon:disabled{opacity:.35}.auth-faceid{gap:var(--space-5);flex-direction:column;display:flex}.auth-faceid__icon{border-radius:var(--radius-full);background:color-mix(in srgb, var(--accent) 14%, transparent);width:112px;height:112px;color:var(--accent);place-items:center;margin:0 auto;display:grid}.diag{max-width:480px;min-height:100%;padding:calc(var(--safe-top) + var(--space-8)) calc(var(--safe-right) + var(--space-5)) calc(var(--safe-bottom) + var(--space-8)) calc(var(--safe-left) + var(--space-5));gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.diag__header{text-align:center}.diag__logo{color:var(--brand);justify-content:center;margin:0;display:flex}.diag__logo-svg{width:auto;height:30px}.diag__subtitle{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:var(--text-sm)}.diag__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-5) var(--space-5);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.diag__timer{font-size:var(--text-timer);color:var(--text);line-height:.9}.diag__timer-hint{text-align:center;max-width:32ch;color:var(--text-muted);font-size:var(--text-sm);margin:0}.diag__button{width:100%;min-height:var(--touch-large);border-radius:var(--radius-full);background:var(--accent);color:var(--on-accent);font-weight:500;font-size:var(--text-md);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border:none}.diag__button:active{transform:scale(.97)}.diag__button--secondary{background:var(--surface-raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.diag__button:disabled{opacity:.4;cursor:not-allowed}.diag__list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin:0;padding:0;list-style:none}.diag-row{gap:var(--space-3);padding:var(--space-4) var(--space-5);display:flex}.diag-row+.diag-row{border-top:1px solid var(--border)}.diag-dot{border-radius:var(--radius-full);background:var(--text-muted);flex:none;width:10px;height:10px;margin-top:7px}.diag-dot--ok{background:var(--mint)}.diag-dot--warn{background:var(--gold)}.diag-dot--fail{background:var(--danger)}.diag-dot--pending{background:var(--border)}.diag-row__label{font-size:var(--text-sm);color:var(--text-muted)}.diag-row__value{font-weight:500}.diag-row__hint{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-muted)}.sync-indicator{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);font-size:var(--text-xs);color:var(--text-muted);display:inline-flex}.sync-indicator__dot{border-radius:var(--radius-full);width:8px;height:8px;transition:background-color var(--duration-base) var(--ease-out)}.sync-indicator--ok .sync-indicator__dot{background:var(--mint)}.sync-indicator--wait .sync-indicator__dot{background:var(--accent)}.sync-indicator--off .sync-indicator__dot{background:var(--text-muted)}.home-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.home-card__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.home-card__title{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:var(--text-lg);margin:0}.home-muted{font-size:var(--text-sm);color:var(--text-muted);margin:0}.device-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.device{align-items:center;gap:var(--space-3);display:flex}.device__icon{border-radius:var(--radius-md);background:var(--surface-raised);width:44px;height:44px;color:var(--text-muted);flex:none;place-items:center;display:grid}.device__body{flex:1;min-width:0}.device__name{font-weight:500}.device__meta{font-size:var(--text-sm);color:var(--text-muted)}.device__action{min-height:40px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0}.device__action--confirm{border-color:var(--danger);background:var(--danger);color:var(--bg)}.home-button{min-height:var(--touch-min);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--surface-raised);color:var(--text);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border:none;font-weight:500;display:flex}.home-button:active{transform:scale(.97)}.home-button--danger{color:var(--danger);box-shadow:inset 0 0 0 1px var(--border);background:0 0}.home-button--confirm{background:var(--danger);color:var(--bg);box-shadow:none}.home-button--accent{min-height:var(--touch-large);background:var(--accent);color:var(--on-accent)}.home-button--ghost{color:var(--text-muted);background:0 0}.mk-screen{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.mk-topbar{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.mk-back{border-radius:var(--radius-full);background:var(--surface);width:40px;height:40px;color:var(--text-muted);cursor:pointer;border:none;place-items:center;display:grid}.mockup-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);color:var(--text-muted);font-size:var(--text-xs);font-weight:500}.home__intro{margin:var(--space-3) 0 0;color:var(--text-muted)}.mk-item{align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);color:var(--text);text-align:left;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out);border:none;display:flex}.mk-item:active{transform:scale(.98)}.mk-item__icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--brand) 16%, transparent);width:48px;height:48px;color:var(--accent);flex:none;place-items:center;display:grid}.mk-item__text{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.mk-item__title{font-size:var(--text-xl);line-height:1}.mk-item__desc{color:var(--text-muted);font-size:var(--text-sm)}.mk-item__chevron{color:var(--text-muted)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.home{width:100%;max-width:480px;padding:calc(var(--safe-top) + var(--space-4)) calc(var(--safe-right) + var(--space-5)) var(--space-6) calc(var(--safe-left) + var(--space-5));gap:var(--space-6);flex-direction:column;flex:1;margin:0 auto;display:flex}.home>*{animation:rise var(--duration-slow) var(--ease-out) both}.home>:nth-child(2){animation-delay:40ms}.home>:nth-child(3){animation-delay:80ms}.home>:nth-child(4){animation-delay:.12s}.home>:nth-child(5){animation-delay:.16s}.home>:nth-child(6){animation-delay:.2s}.home__eyebrow{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-weight:500}.home__date{margin:var(--space-1) 0 0;font-size:var(--text-2xl);line-height:1}.home__streaks{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.streak{--tone:var(--brand);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);position:relative;overflow:hidden}.streak--souplesse{--tone:var(--mint)}.streak:before{content:"";aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--tone) 22%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:90%;position:absolute;top:-40%;right:-30%}.streak__icon{border-radius:var(--radius-full);background:color-mix(in srgb, var(--tone) 16%, transparent);width:36px;height:36px;color:var(--tone);place-items:center;display:grid}.streak--sport .streak__icon{color:var(--accent)}.streak__value{margin-top:var(--space-3);font-size:var(--text-3xl);line-height:.9}.streak__label{margin-top:var(--space-1);font-weight:500}.streak__record{font-size:var(--text-sm);color:var(--text-muted)}.week{gap:var(--space-2);flex-direction:column;display:flex}.week__days{gap:var(--space-1);grid-template-columns:repeat(7,1fr);display:grid}.week__day{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.week__name{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.week__name--today{color:var(--text)}.week__legend-link{color:var(--text-muted);font-size:var(--text-xs);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;align-self:center;text-decoration:underline}.day-dot{--tone:var(--brand);--size:40px;width:var(--size);height:var(--size);border-radius:var(--radius-full);box-shadow:inset 0 0 0 2px var(--border);color:var(--text-muted);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out);background:0 0;border:none;place-items:center;display:grid;position:relative}.day-dot:active{transform:scale(.92)}.day-dot--souplesse{--tone:var(--mint)}.day-dot__letter{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:var(--text-md)}.day-dot--a_venir{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--tone) 70%, transparent);color:var(--tone)}.day-dot--fait{background:var(--tone);box-shadow:none;color:var(--on-accent)}.day-dot--aujourdhui{box-shadow:inset 0 0 0 4px var(--tone), 0 0 0 4px color-mix(in srgb, var(--tone) 18%, transparent);color:var(--text)}.day-dot--manque{color:var(--text-muted)}.day-dot--manque:after{content:"";background:var(--text-muted);width:120%;height:2px;position:absolute;transform:rotate(-45deg)}.day-dot--repos{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--border) 60%, transparent)}.today{min-height:132px;padding:var(--space-5);align-items:center;gap:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand) 55%, var(--bg)));color:var(--text);text-align:left;cursor:pointer;box-shadow:0 14px 40px -16px color-mix(in srgb, var(--brand) 70%, transparent);transition:transform var(--duration-fast) var(--ease-out);border:none;display:flex;position:relative;overflow:hidden}.today:active{transform:scale(.98)}.today__glow{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 60%, transparent), transparent 70%);opacity:.6;width:70%;animation:glow-drift 6s var(--ease-in-out) infinite alternate;border-radius:50%;position:absolute;inset:-50% -20% auto auto}@keyframes glow-drift{to{transform:translate(-12%,10%)}}.today__text{gap:var(--space-1);color:var(--on-brand);flex-direction:column;flex:1;display:flex;position:relative}.today__kicker{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-weight:500}.today__title{font-size:var(--text-xl);line-height:1.05}.today__meta{font-size:var(--text-sm);opacity:.85}.today__play{border-radius:var(--radius-full);background:var(--text);width:64px;height:64px;color:var(--brand);flex:none;place-items:center;padding-left:4px;display:grid;position:relative}:root[data-theme=light] .today__play{background:var(--surface)}.banner{align-items:center;gap:var(--space-3);min-height:var(--touch-min);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);color:var(--text-muted);font-size:var(--text-sm);text-align:left;cursor:pointer;border:none;display:flex}.banner span{color:var(--text);flex:1}.tabbar{padding:var(--space-2) calc(var(--safe-right) + var(--space-2)) calc(var(--safe-bottom) + var(--space-2)) calc(var(--safe-left) + var(--space-2));background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);box-shadow:inset 0 1px 0 var(--border);grid-template-columns:repeat(5,1fr);display:grid;position:sticky;bottom:0}.tabbar__item{min-height:var(--touch-min);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.tabbar__dot{border-radius:var(--radius-full);background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg);position:absolute;top:-1px;right:-3px}@keyframes fade-in{0%{opacity:0}}.sheet{width:100%;max-width:480px;padding:var(--space-3) var(--space-6) calc(var(--safe-bottom) + var(--space-6));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-raised);box-shadow:0 -10px 40px -10px var(--shadow);gap:var(--space-4);animation:sheet-up var(--duration-slow) var(--ease-out);flex-direction:column;margin:0 auto;display:flex}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}.sheet__grip{border-radius:var(--radius-full);background:var(--border);width:40px;height:5px;margin:0 auto}.sheet__row{align-items:center;gap:var(--space-4);display:flex}.sheet__title{font-size:var(--text-xl);line-height:1.1}.sheet__meta,.sheet__note{color:var(--text-muted);font-size:var(--text-sm);margin:0}.legend{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.legend__item{align-items:center;gap:var(--space-4);display:flex}@media (prefers-reduced-motion:reduce){.home>*,.today__glow,.sheet,.sheet-backdrop{animation:none}}.session{background:var(--bg);min-height:100%}.session__inner{width:100%;max-width:480px;min-height:100dvh;padding:calc(var(--safe-top) + var(--space-3)) calc(var(--safe-right) + var(--space-5)) calc(var(--safe-bottom) + var(--space-5)) calc(var(--safe-left) + var(--space-5));gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.session__badge{justify-content:center}.session__body{gap:var(--space-4);animation:rise var(--duration-slow) var(--ease-out);flex-direction:column;flex:1;display:flex}.s-header{align-items:center;gap:var(--space-3);display:flex}.s-icon-btn{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);background:var(--surface);color:var(--text);cursor:pointer;border:none;flex:none;place-items:center;display:grid}.s-progress{gap:var(--space-1);flex:1;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.s-progress__seg{border-radius:var(--radius-full);background:var(--border);height:5px;transition:background-color var(--duration-base) var(--ease-out)}.s-progress__seg--done{background:color-mix(in srgb, var(--accent) 55%, var(--border))}.s-progress__seg--current{background:var(--accent)}.s-stage{aspect-ratio:4/3;border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 70%, color-mix(in srgb, var(--brand) 12%, var(--surface)), var(--surface) 70%);max-height:34vh;box-shadow:inset 0 0 0 1px var(--border);place-items:center;display:grid;position:relative}.figure{width:82%;height:auto}.s-chip{top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface-raised);font-size:var(--text-sm);font-weight:500;position:absolute}.s-names__fr{font-size:var(--text-2xl);margin:0;line-height:1}.s-names__en{margin:var(--space-1) 0 0;color:var(--text-muted)}.s-tips{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--surface);color:var(--text);cursor:pointer;border:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}.s-tips__chevron{color:var(--text-muted);transition:transform var(--duration-base) var(--ease-out)}.s-tips__chevron--open{transform:rotate(180deg)}.s-tips__list{margin:calc(var(--space-2) * -1) 0 0;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-8);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);gap:var(--space-1);animation:rise var(--duration-base) var(--ease-out);display:grid}.s-tips__tempo{margin-left:calc(var(--space-4) * -1);color:var(--text);list-style:none}.s-target{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-top:auto;display:flex}.s-target__goal{align-items:baseline;gap:var(--space-2);display:flex}.s-target__value{font-size:5.5rem;line-height:.85}.s-target__unit{color:var(--text-muted);font-size:var(--text-lg)}.s-done{padding:var(--space-2) 0;color:var(--text-muted);font-size:var(--text-md);cursor:pointer;background:0 0;border:none}.s-done__value{min-width:2ch;color:var(--text);font-size:var(--text-xl);animation:bump var(--duration-base) var(--ease-out);display:inline-block}.s-done__delta{margin-left:var(--space-1);color:var(--text-muted);font-size:var(--text-sm)}@keyframes bump{40%{transform:scale(1.25)}}.s-actions{gap:var(--space-3);display:flex}.s-btn{min-height:var(--touch-large);padding:0 var(--space-6);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-lg);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border:none;font-weight:500;display:inline-flex}.s-btn:active{transform:scale(.96)}.s-btn--primary{background:var(--accent);color:var(--on-accent);flex:1}.s-btn--wide{width:100%}.s-btn--secondary{background:var(--surface-raised);color:var(--text);flex:1}.s-btn--round{background:var(--surface-raised);width:88px;color:var(--text);font-size:var(--text-xl);flex:none;gap:0;padding:0}.s-btn--ghost{min-height:var(--touch-min);color:var(--text-muted);font-size:var(--text-md);background:0 0}.s-stepper{justify-content:space-between;align-items:center;display:flex}.s-stepper__value{font-size:var(--text-3xl)}.s-fullscreen{z-index:20;justify-content:center;align-items:center;gap:var(--space-6);padding:calc(var(--safe-top) + var(--space-6)) var(--space-6) calc(var(--safe-bottom) + var(--space-6));background:var(--bg);animation:fade-in var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:fixed;inset:0}.s-countdown__n{color:var(--accent);animation:count-pop 1s var(--ease-out);font-size:12rem;line-height:1}@keyframes count-pop{0%{opacity:0;transform:scale(1.6)}30%{opacity:1}}.s-countdown__hint,.s-hold__hint{color:var(--text-muted)}.s-hold{cursor:pointer;-webkit-user-select:none;user-select:none}.s-hold__time{font-size:var(--text-timer);line-height:.9}.s-hold__goal{color:var(--text-muted);font-size:var(--text-lg)}.s-hold__over{color:var(--mint);font-size:var(--text-xl)}.s-hold--reached{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--mint) 12%, var(--bg)), var(--bg) 70%);transition:background var(--duration-slow) var(--ease-out)}.s-hold__retry{bottom:calc(var(--safe-bottom) + var(--space-6));position:absolute}.s-result{gap:var(--space-2)}.s-result__label{color:var(--text-muted);font-size:var(--text-lg)}.s-result__time{font-size:var(--text-timer);line-height:.9}.s-result__vs{color:var(--text-muted)}.s-result__vs--ok{color:var(--mint)}.s-record{margin-top:var(--space-5);align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:color-mix(in srgb, var(--gold) 14%, transparent);color:var(--gold);animation:record-in .6s var(--ease-out) .2s both;font-weight:500;display:flex}@keyframes record-in{0%{opacity:0;filter:blur(4px);transform:scale(.85)}}.ring{--tone:var(--accent);aspect-ratio:1;place-items:center;width:min(78vw,320px);display:grid;position:relative}.ring--mint{--tone:var(--mint)}.ring__svg{width:100%;height:100%;position:absolute;inset:0}.ring__track{fill:none;stroke:var(--border);stroke-width:10px}.ring__bar{fill:none;stroke:var(--tone);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .12s linear, stroke var(--duration-slow) var(--ease-out)}.ring__content{align-items:center;gap:var(--space-1);flex-direction:column;display:flex;position:relative}.s-rest{justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;flex:1;display:flex;position:relative}.s-rest__label{color:var(--text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.12em;margin:0;font-weight:500}.s-rest__breath{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--brand) 26%, transparent), transparent 70%);width:min(70vw,280px);animation:breathe 8s var(--ease-in-out) infinite;pointer-events:none;transform-origin:50%;border-radius:50%;margin:calc(min(70vw,280px)/-2) 0 0 calc(min(70vw,280px)/-2);position:absolute;top:50%;left:50%;translate:0 -12%}@keyframes breathe{50%{opacity:.55;transform:scale(1.35)}}.s-rest__time{font-size:var(--text-timer);line-height:.9}.s-rest__added{color:var(--text-muted);font-size:var(--text-sm)}.s-rest .s-actions{width:100%}.s-next{width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);flex-direction:column;gap:2px;display:flex}.s-next__kicker{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.s-next__name{font-size:var(--text-lg)}.s-next__meta{color:var(--text-muted);font-size:var(--text-sm)}.s-overlay{z-index:40;padding:var(--space-6);background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fade-in var(--duration-base) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.s-overlay__card{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;width:100%;max-width:360px;display:flex}.s-overlay__kicker{color:var(--text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.12em;font-weight:500}.s-overlay__time{font-size:var(--text-3xl);line-height:1}.s-overlay__note{margin:0 0 var(--space-4);color:var(--text-muted);font-size:var(--text-sm)}@media (prefers-reduced-motion:reduce){.session__body,.s-countdown__n,.s-rest__breath,.s-record,.s-fullscreen,.s-overlay{animation:none}}.pv{width:100%;max-width:520px;min-height:100dvh;padding:calc(var(--safe-top) + var(--space-4)) calc(var(--safe-right) + var(--space-5)) calc(var(--safe-bottom) + var(--space-8)) calc(var(--safe-left) + var(--space-5));gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.pv__header{align-items:center;gap:var(--space-3);display:flex}.pv__icon{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);background:var(--surface);color:var(--text);cursor:pointer;border:none;place-items:center;display:grid}.pv__title{font-size:var(--text-xl);margin:0;line-height:1}.pv__count{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--text-sm)}.pv__chips{gap:var(--space-2);margin:0 calc(var(--space-5) * -1);padding:0 var(--space-5) var(--space-1);scrollbar-width:none;display:flex;overflow-x:auto}.pv__chip{align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;border:none;flex:none;font-weight:500;display:inline-flex}.pv__chip--active{background:var(--surface-raised);box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--text)}.pv__dot{border-radius:var(--radius-full);background:var(--border);width:8px;height:8px}.pv__dot--validee{background:var(--mint)}.pv__dot--corrigee{background:var(--accent)}.pv__dot--nouvelle{background:var(--text-muted)}.pv__dot--attente{background:var(--danger)}.pv__filter{margin-top:calc(var(--space-2) * -1);justify-content:flex-end;display:flex}.pv__toggle{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--text-sm);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;text-decoration:underline}.pv__status{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface);box-shadow:inset 3px 0 0 var(--tone,var(--border));font-size:var(--text-sm);flex-direction:column;display:flex}.pv__status--corrigee{--tone:var(--accent)}.pv__status--attente{--tone:var(--danger)}.pv__status--validee{--tone:var(--mint)}.pv__status-note{color:var(--text-muted)}.pv__empty{text-align:center;padding:var(--space-8) var(--space-5);color:var(--mint);align-items:center}.pv__empty-title{font-size:var(--text-xl);color:var(--text);margin:0}.pv__stage{border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 75%, color-mix(in srgb, var(--brand) 10%, var(--surface)), var(--surface) 70%);box-shadow:inset 0 0 0 1px var(--border);padding:var(--space-3)}.pv__figure{width:100%;height:auto;max-height:46vh;display:block}.pv__keys{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.pv__key{padding:var(--space-2);border-radius:var(--radius-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);margin:0}.pv__key-figure{width:100%;height:auto;display:block}.pv__key-label{margin-top:var(--space-1);text-align:center;color:var(--text-muted);font-size:var(--text-xs)}.pv__controls,.pv__row{align-items:center;gap:var(--space-3);display:flex}.pv__play{border-radius:var(--radius-full);background:var(--accent);width:52px;height:52px;color:var(--on-accent);cursor:pointer;border:none;flex:none;place-items:center;display:grid}.pv__segmented{flex:1}.pv__label{min-width:52px;color:var(--text-muted);font-size:var(--text-sm);flex:none;font-weight:500}.pv__card{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);gap:var(--space-3);flex-direction:column;display:flex}.pv__card-title{font-size:var(--text-sm);color:var(--text-muted);margin:0;font-weight:500}.pv__expected{font-size:var(--text-sm);margin:0;line-height:1.55}.pv__verdict{margin:0;font-weight:500}.pv__verdict--validee{color:var(--mint)}.pv__verdict--a_revoir{color:var(--danger)}.pv__textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);font-family:var(--font-body);resize:vertical}.pv__actions{gap:var(--space-3);display:flex}.pv__btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);cursor:pointer;min-height:52px;transition:transform var(--duration-fast) var(--ease-out);border:none;flex:1;font-weight:500;display:inline-flex}.pv__btn:active{transform:scale(.97)}.pv__btn:disabled{opacity:.4}.pv__btn--valid{background:var(--mint);color:var(--on-accent)}.pv__btn--primary{background:var(--accent);color:var(--on-accent)}.pv__btn--secondary{background:var(--surface-raised);color:var(--text)}.pv__btn--ghost{color:var(--text-muted);background:0 0}.filters{gap:var(--space-2);margin:0 calc(var(--space-5) * -1);padding:0 var(--space-5) var(--space-1);scrollbar-width:none;display:flex;overflow-x:auto}.filters__chip{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border:none;flex:none;font-weight:500}.filters__chip--active{background:var(--surface-raised);box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--text)}.lib-list{border-radius:var(--radius-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.lib-list li+li{box-shadow:inset 0 1px 0 var(--border)}.lib-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:64px 1fr auto;display:grid}.lib-row__thumb{border-radius:var(--radius-sm);background:radial-gradient(ellipse at 50% 80%, color-mix(in srgb, var(--brand) 10%, var(--bg)), var(--bg) 75%);place-items:center;width:64px;height:52px;display:grid;overflow:hidden}.lib-row__figure{width:100%;height:100%}.lib-row__text{flex-direction:column;min-width:0;display:flex}.lib-row__name{font-weight:500;line-height:1.25}.lib-row__en{color:var(--text-muted);font-size:var(--text-xs)}.lib-row__meta{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.lib-row__lock{align-items:center;gap:var(--space-1);display:inline-flex}.lib-row--locked .lib-row__thumb,.lib-row--locked .lib-row__name,.lib-row--locked .lib-row__en{opacity:.45}.lib-row__chevron{color:var(--border)}.ex__header{flex-direction:column;display:flex}.ex__title{font-size:var(--text-2xl);margin:0;line-height:1.02}.ex__en{margin:var(--space-1) 0 0;color:var(--text-muted)}.ex__locked{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface);box-shadow:inset 3px 0 0 var(--text-muted);color:var(--text-muted);font-size:var(--text-sm);margin:0;display:flex}.ex__locked svg{flex:none;margin-top:2px}.ex__stage{border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 75%, color-mix(in srgb, var(--brand) 10%, var(--surface)), var(--surface) 70%);box-shadow:inset 0 0 0 1px var(--border);padding:var(--space-3)}.ex__stage--locked{opacity:.6}.ex__figure{width:100%;height:auto;max-height:42vh;display:block}.ex__controls{align-items:center;gap:var(--space-3);display:flex}.ex__play{border-radius:var(--radius-full);background:var(--accent);width:52px;height:52px;color:var(--on-accent);cursor:pointer;border:none;flex:none;place-items:center;display:grid}.ex__speed{flex:1}.ex__description{font-size:var(--text-md);margin:0;line-height:1.55}.ex__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip--link{color:var(--accent);cursor:pointer;border:none}.ex__note{color:var(--text-muted);font-size:var(--text-sm);margin:0}.ex__note--icon{gap:var(--space-2);display:flex}.ex__note--icon svg{flex:none;margin-top:2px}.ex__fold{border-radius:var(--radius-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.ex__fold summary{min-height:var(--touch-min);padding:0 var(--space-5);cursor:pointer;justify-content:space-between;align-items:center;font-weight:500;list-style:none;display:flex}.ex__fold summary::-webkit-details-marker{display:none}.ex__fold summary:after{content:"";border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);width:8px;height:8px;transition:transform var(--duration-base) var(--ease-out);transform:rotate(45deg)translateY(-2px)}.ex__fold[open] summary:after{transform:rotate(-135deg)translateY(-2px)}.ex__fold ul{padding:0 var(--space-5) var(--space-4) calc(var(--space-5) + var(--space-4));gap:var(--space-2);flex-direction:column;margin:0;line-height:1.45;display:flex}.ex__fold li::marker{color:var(--accent)}.ex__card{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.ex__muscles{margin:var(--space-3) 0 0;font-size:var(--text-sm)}.ex__muscles-sec{color:var(--text-muted)}.ex__links{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ex__link{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);text-align:left;cursor:pointer;border:none;grid-template-columns:24px 1fr auto;display:grid}.ex__link--static{cursor:default;grid-template-columns:24px 1fr}.ex__link-icon{color:var(--accent)}.ex__link-text{flex-direction:column;display:flex}.ex__link-label{color:var(--text-muted);font-size:var(--text-xs)}.mm{--tone:var(--accent);--mm-body:color-mix(in srgb, var(--text-muted) 20%, var(--surface));margin:0}.mm--stretch{--tone:var(--mint)}.mm svg{width:100%;max-width:340px;height:auto;margin:0 auto;display:block}.mm__body{fill:var(--mm-body);stroke:var(--mm-body)}.mm__body path,.mm__body circle,.mm__body rect,.mm__body ellipse{stroke-width:0}.mm__zone--p{fill:var(--tone);stroke:var(--tone)}.mm__zone--s{fill:color-mix(in srgb, var(--tone) 40%, var(--mm-body));stroke:color-mix(in srgb, var(--tone) 40%, var(--mm-body))}.mm__zone path,.mm__zone rect,.mm__zone ellipse{stroke-width:0}.mm__label{fill:var(--text-muted);text-anchor:middle;font-size:9px;font-family:var(--font-body)}.mm__legend{justify-content:center;gap:var(--space-4);margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);display:flex}.mm__legend span{align-items:center;gap:var(--space-1);display:inline-flex}.mm__swatch{border-radius:3px;width:10px;height:10px}.mm__swatch--p{background:var(--tone)}.mm__swatch--s{background:color-mix(in srgb, var(--tone) 40%, var(--mm-body))}.segmented--2{grid-template-columns:repeat(2,1fr)}.tree__count{color:var(--gold);font-size:var(--text-md)}.now__list{gap:var(--space-3);margin:0 calc(var(--space-5) * -1);padding:2px var(--space-5) var(--space-2);scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-5);scrollbar-width:none;display:flex;overflow-x:auto}.now__card{--tone:var(--accent);align-items:flex-start;gap:var(--space-1);width:172px;min-height:116px;padding:var(--space-4);border-radius:var(--radius-md);background:linear-gradient(160deg, color-mix(in srgb, var(--tone) 16%, var(--surface)), var(--surface) 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 35%, var(--border));text-align:left;cursor:pointer;scroll-snap-align:start;border:none;flex-direction:column;flex:none;display:flex}.now__card--souplesse{--tone:var(--mint)}.now__branch{color:var(--text-muted);font-size:var(--text-xs)}.now__name{font-weight:500;line-height:1.25}.now__goal{color:var(--tone);font-size:var(--text-lg);margin-top:auto}.branches{gap:var(--space-3);flex-direction:column;display:flex}.branch{--tone:var(--accent);border-radius:var(--radius-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);overflow:hidden}.branch--souplesse{--tone:var(--mint)}.branch__head{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-5) var(--space-3);text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.branch__titles{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.branch__name{font-size:var(--text-lg);margin:0;line-height:1.15}.branch--locked .branch__name{color:var(--text-muted)}.branch__progress-label{color:var(--text-muted);font-size:var(--text-sm)}.branch__progress-label .numeric{color:var(--text)}.branch__lock{align-items:center;gap:var(--space-1);color:var(--text-muted);font-size:var(--text-xs);line-height:1.35;display:inline-flex}.branch__chevron{color:var(--text-muted);transition:transform var(--duration-base) var(--ease-out);flex:none}.branch__chevron--open{transform:rotate(180deg)}.branch__bar{height:3px;margin:0 var(--space-5) var(--space-4);border-radius:var(--radius-full);background:var(--border);overflow:hidden}.branch__bar span{border-radius:inherit;background:var(--gold);height:100%;transition:width var(--duration-slow) var(--ease-out);display:block}.branch__hint{margin:var(--space-3) var(--space-5) 0;color:var(--text-muted);font-size:var(--text-xs)}.steps{padding:0 var(--space-5) var(--space-3);margin:0;list-style:none}.step{--dot:26px;animation:step-in var(--duration-base) var(--ease-out) both;position:relative}@keyframes step-in{0%{opacity:0;transform:translateY(4px)}}.step:not(:last-child):after{content:"";left:calc(var(--dot) / 2 - 1px);top:calc(var(--space-3) + var(--dot) + 3px);bottom:calc(var(--space-3) * -1 + 3px);background:var(--border);transform-origin:top;border-radius:1px;width:2px;position:absolute}.step--debloque:not(:last-child):after{background:var(--gold)}.step__button{grid-template-columns:var(--dot) 1fr auto;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) 0;text-align:left;cursor:pointer;background:0 0;border:none;display:grid}.step__dot{width:var(--dot);height:var(--dot);border-radius:var(--radius-full);background:var(--surface-raised);color:var(--text-muted);box-shadow:inset 0 0 0 1.5px var(--border);place-items:center;display:grid}.step--debloque .step__dot{background:var(--gold);color:var(--bg);box-shadow:none}.step--en_cours .step__dot{background:color-mix(in srgb, var(--tone) 18%, var(--surface));box-shadow:inset 0 0 0 2px var(--tone), 0 0 0 4px color-mix(in srgb, var(--tone) 14%, transparent)}.step--en_cours .step__dot:after{content:"";border-radius:var(--radius-full);background:var(--tone);width:8px;height:8px}.step--avenir.step--verrouille .step__dot{box-shadow:none;border:1.5px dashed var(--border)}.step__text{flex-direction:column;gap:1px;min-width:0;display:flex}.step__name{font-weight:500;line-height:1.3}.step--verrouille .step__name{color:var(--text-muted);font-weight:400}.step__meta{align-items:baseline;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.step__goal{color:var(--text-muted);font-size:var(--text-md)}.step--en_cours .step__goal{color:var(--tone)}.step--debloque .step__goal{color:var(--gold)}.step__tag{color:var(--text-muted);font-size:var(--text-xs)}.step__chevron{color:var(--border)}.step--celebrate .step__dot{animation:dot-pop .9s var(--ease-out) both}.step--celebrate:not(:last-child):after{animation:link-fill 1.1s .25s var(--ease-in-out) both}@keyframes dot-pop{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--gold) 60%, transparent);transform:scale(.6)}55%{box-shadow:0 0 0 10px color-mix(in srgb, var(--gold) 0%, transparent);transform:scale(1.12)}to{transform:scale(1)}}@keyframes link-fill{0%{transform:scaleY(0)}}.stepsheet__head{gap:var(--space-2);flex-direction:column;display:flex}.stepsheet__status{align-self:flex-start;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface);color:var(--text-muted);font-size:var(--text-xs);font-weight:500;display:inline-flex}.stepsheet__status--debloque{background:color-mix(in srgb, var(--gold) 16%, var(--surface));color:var(--gold)}.stepsheet__status--en_cours{color:var(--accent)}.stepsheet__title{font-size:var(--text-xl);margin:0;line-height:1.1}.stepsheet__facts{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.stepsheet__facts div{flex-direction:column;gap:2px;display:flex}.stepsheet__facts dt{color:var(--text-muted);font-size:var(--text-xs)}.stepsheet__facts dd{margin:0}.stepsheet__goal{font-size:var(--text-xl)}.stepsheet__note{color:var(--text-muted);font-size:var(--text-sm);margin:0}.stepsheet__cta{justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-full);background:var(--accent);min-height:52px;color:var(--on-accent);cursor:pointer;border:none;font-weight:500;display:inline-flex}.history__list{gap:var(--space-2);font-size:var(--text-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.history__list li{flex-direction:column;display:flex}.history__date{color:var(--text-muted);font-size:var(--text-xs)}@media (prefers-reduced-motion:reduce){.step,.step--celebrate .step__dot,.step--celebrate:not(:last-child):after{animation:none}}.shell{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.shell__content{flex-direction:column;flex:1;display:flex}.screen{width:100%;max-width:560px;padding:calc(var(--safe-top) + var(--space-6)) calc(var(--safe-right) + var(--space-5)) var(--space-8) calc(var(--safe-left) + var(--space-5));gap:var(--space-5);animation:screen-in var(--duration-base) var(--ease-out);flex-direction:column;margin:0 auto;display:flex}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}}.screen__header{gap:var(--space-1);flex-direction:column;display:flex}.screen__title{font-size:var(--text-2xl);margin:0;line-height:1}.screen__subtitle{color:var(--text-muted);font-size:var(--text-sm);margin:0}.screen__back{align-self:flex-start;align-items:center;gap:var(--space-1);min-height:40px;padding:0 var(--space-3) 0 var(--space-2);border-radius:var(--radius-full);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;border:none;font-weight:500;display:inline-flex}.section-title{margin:0 0 var(--space-3);color:var(--text-muted);font-size:var(--text-sm);font-weight:500}.soon{align-items:flex-start;gap:var(--space-3);padding:var(--space-6) var(--space-5);border-radius:var(--radius-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);flex-direction:column;display:flex}.soon__badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface-raised);color:var(--text-muted);font-size:var(--text-xs);font-weight:500}.soon__text{color:var(--text-muted);margin:0}.tabbar{z-index:20;padding:var(--space-2) calc(var(--safe-right) + var(--space-2)) calc(var(--safe-bottom) + var(--space-2)) calc(var(--safe-left) + var(--space-2));background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);box-shadow:inset 0 1px 0 var(--border);grid-template-columns:repeat(5,1fr);display:grid;position:sticky;bottom:0}.tabbar__item{min-height:var(--touch-min);color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.tabbar__item--active{color:var(--accent)}.tabbar__icon{display:grid;position:relative}.tabbar__label{font-size:11px;font-weight:500}.sheet-backdrop{z-index:50;background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--duration-base) var(--ease-out);align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:560px;max-height:85dvh;padding:var(--space-3) var(--space-6) calc(var(--safe-bottom) + var(--space-6));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-raised);box-shadow:0 -10px 40px -10px var(--shadow);gap:var(--space-4);animation:sheet-up var(--duration-slow) var(--ease-out);flex-direction:column;margin:0 auto;display:flex;overflow-y:auto}.sheet__grip{border-radius:var(--radius-full);background:var(--border);flex:none;width:40px;height:5px;margin:0 auto}.chip{align-items:center;gap:var(--space-1);min-height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--surface-raised);color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;font-weight:500;display:inline-flex}.chip--lock{color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}@media (prefers-reduced-motion:reduce){.screen,.sheet,.sheet-backdrop{animation:none}}