@font-face{font-family:Clash Display;font-weight:600;font-display:swap;src:url(/assets/clash-display-600-DcA1xgJG.woff2) format("woff2")}@font-face{font-family:General Sans;font-weight:400;font-display:swap;src:url(/assets/general-sans-400-BeAhF2WT.woff2) format("woff2")}@font-face{font-family:General Sans;font-weight:500;font-display:swap;src:url(/assets/general-sans-500-DvEF04Ne.woff2) format("woff2")}@font-face{font-family:General Sans;font-weight:600;font-display:swap;src:url(/assets/general-sans-600-DFLbTJgb.woff2) format("woff2")}@font-face{font-family:Geist Mono;font-weight:400;font-display:swap;src:url(/assets/geist-mono-latin-400-normal-DKaoCDn5.woff2) format("woff2")}@font-face{font-family:Geist Mono;font-weight:500;font-display:swap;src:url(/assets/geist-mono-latin-500-normal-C3sF8Y1B.woff2) format("woff2")}:root{color-scheme:dark;--nuit: #10161F;--nuit-2: #19212C;--charbon: #171A1E;--nuit-texte: #C9D2DC;--nuit-fort: #F2F5F8;--nuit-sourd: #8B96A3;--filet-nuit: rgba(210, 222, 238, .16);--bleu: #2B5A8A;--bleu-nuit: #7FB2E0;--veille: #69B98A;--attention: #D9A96A;--erreur-nuit: #E08A80;--display: "Clash Display", sans-serif;--texte: "General Sans", sans-serif;--mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease: cubic-bezier(.22, .9, .3, 1);--ob-well: #0B1017;--ob-bg: var(--nuit);--ob-surface-lo: #161D28;--ob-surface-hi: var(--nuit-2);--ob-surface-2-lo: #1D2531;--ob-surface-2-hi: #232C3A;--ob-text-1: var(--nuit-fort);--ob-text-2: var(--nuit-texte);--ob-text-3: var(--nuit-sourd);--ob-text-4: #5A6472;--ob-hairline: var(--filet-nuit);--ob-hairline-strong: rgba(210, 222, 238, .26);--ob-divider: rgba(210, 222, 238, .1);--ob-gold: var(--bleu-nuit);--ob-gold-hi: #A8CCEE;--ob-gold-deep: #4C86BE;--ob-gold-text: var(--bleu-nuit);--ob-gold-rgb: 127, 178, 224;--ob-accent: var(--bleu-nuit);--ob-accent-hi: #A8CCEE;--ob-accent-soft: rgba(127, 178, 224, .14);--ob-accent-rgb: 127, 178, 224;--ob-focus-ring: 0 0 0 2px var(--ob-bg), 0 0 0 4px rgba(127, 178, 224, .75);--ob-ring-accent: inset 0 0 0 1px rgba(var(--ob-accent-rgb), .55), 0 0 0 3px rgba(var(--ob-accent-rgb), .22);--ob-ring-gold: inset 0 0 0 1px rgba(var(--ob-gold-rgb), .38), 0 0 0 1px rgba(var(--ob-gold-rgb), .16), 0 0 28px -6px rgba(var(--ob-gold-rgb), .18);--ob-ok: var(--veille);--ob-ok-soft: rgba(105, 185, 138, .12);--ob-warn: var(--attention);--ob-warn-soft: rgba(217, 169, 106, .13);--ob-danger: var(--erreur-nuit);--ob-danger-hover: #EBA49B;--ob-danger-soft: rgba(224, 138, 128, .12);--ob-grad-slab: linear-gradient(180deg, var(--ob-surface-hi), var(--ob-surface-lo));--ob-grad-thumb: linear-gradient(180deg, var(--ob-surface-2-hi), var(--ob-surface-2-lo));--ob-grad-gold: linear-gradient(180deg, var(--ob-gold-hi), var(--ob-gold-deep));--ob-shadow-device: inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(0,0,0,.4), 0 1px 2px rgba(2,3,5,.55), 0 12px 24px -12px rgba(2,3,5,.6), 0 48px 96px -32px rgba(2,3,5,.55);--ob-shadow-card: inset 0 1px 0 rgba(255,255,255,.045), inset 0 -1px 0 rgba(0,0,0,.3), 0 1px 2px rgba(2,3,5,.5), 0 8px 20px -10px rgba(2,3,5,.5);--ob-shadow-card-hover: inset 0 1px 0 rgba(255,255,255,.06), 0 2px 4px rgba(2,3,5,.5), 0 14px 30px -12px rgba(2,3,5,.55);--ob-shadow-well: inset 0 2px 4px rgba(0,0,0,.55), inset 0 6px 14px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,255,255,.03), 0 1px 0 rgba(255,255,255,.04);--ob-shadow-thumb: inset 0 1px 0 rgba(255,255,255,.08), 0 1px 2px rgba(2,3,5,.5), 0 4px 10px -2px rgba(2,3,5,.5);--ob-shadow-gold-btn: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 2px rgba(2,3,5,.5), 0 4px 14px -4px rgba(var(--ob-gold-rgb), .4);--ob-font-sans: var(--texte);--ob-font-mono: var(--mono);--ob-font-display: var(--display);--ob-text-2xs: .6875rem;--ob-text-xs: .75rem;--ob-text-sm: .8125rem;--ob-text-base: .875rem;--ob-text-md: .9375rem;--ob-text-lg: 1.125rem;--ob-text-xl: 1.375rem;--ob-text-2xl: 1.75rem;--ob-text-3xl: 2.25rem;--ob-text-4xl: 3.25rem;--ob-track-display: -.01em;--ob-track-value: -.01em;--ob-track-label: .09em;--ob-lh-tight: 1.15;--ob-lh-snug: 1.3;--ob-reading-size: 1rem;--ob-reading-lh: 1.65;--ob-measure: 68ch;--ob-s1: 4px;--ob-s2: 8px;--ob-s3: 12px;--ob-s4: 16px;--ob-s5: 20px;--ob-s6: 24px;--ob-s7: 28px;--ob-s8: 32px;--ob-s10: 40px;--ob-s12: 48px;--ob-s16: 64px;--ob-s20: 80px;--ob-r-device: 16px;--ob-r-card: 12px;--ob-r-well: 10px;--ob-r-ctl: 8px;--ob-r-pill: 999px;--ob-ease: var(--ease);--ob-dur-1: .15s;--ob-dur-2: .22s;--ob-dur-3: .28s}.ob-root,.ob-root *,.ob-root *:before,.ob-root *:after{box-sizing:border-box}.ob-root{margin:0;font-family:var(--ob-font-sans);background:var(--ob-bg);color:var(--ob-text-2);min-height:100vh;font-size:var(--ob-text-base);line-height:1.5;font-variant-numeric:tabular-nums;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.ob-root h1,.ob-root h2{font-family:var(--ob-font-display);color:var(--ob-text-1);letter-spacing:var(--ob-track-display)}.ob-root ::selection{background:var(--bleu);color:var(--ob-text-1)}.ob-root :focus-visible{outline:2px solid var(--ob-accent);outline-offset:2px;border-radius:var(--ob-s1)}.ob-root a:focus-visible,.ob-root button:focus-visible,.ob-root [tabindex]:focus-visible{outline:none;box-shadow:var(--ob-focus-ring);border-radius:6px}.ob-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background-color:var(--nuit);background-image:radial-gradient(rgba(210,222,238,.05) 1px,transparent 1px);background-size:28px 28px}.ob-grain,.ob-led{display:none}.ob-device{background:linear-gradient(180deg,var(--ob-surface-hi),var(--ob-surface-lo) 60%,#0D131C);border:1px solid var(--ob-hairline);border-radius:var(--ob-r-device);box-shadow:var(--ob-shadow-device);overflow:hidden}.ob-device__zone{padding:var(--ob-s6) var(--ob-s7)}.ob-device__zone+.ob-device__zone{border-top:1px solid var(--ob-divider)}.ob-slab{background:var(--ob-grad-slab);border:1px solid var(--ob-hairline);border-radius:var(--ob-r-card);box-shadow:var(--ob-shadow-card)}.ob-well{background:var(--ob-well);border-radius:var(--ob-r-well);box-shadow:var(--ob-shadow-well)}.ob-btn{display:inline-flex;align-items:center;gap:var(--ob-s2);padding:7px var(--ob-s4);border-radius:var(--ob-r-pill);background:transparent;border:1px solid var(--ob-hairline);color:var(--ob-text-2);text-decoration:none;cursor:pointer;font-family:inherit;font-size:var(--ob-text-xs);font-weight:500;transition:color var(--ob-dur-2) var(--ob-ease),border-color var(--ob-dur-2) var(--ob-ease),background-color var(--ob-dur-2) var(--ob-ease)}.ob-btn:hover{color:var(--ob-text-1);border-color:var(--ob-hairline-strong);background:#ffffff06}.ob-btn--sm{padding:5px var(--ob-s3);font-size:var(--ob-text-2xs)}.ob-eyebrow{display:inline-flex;align-items:center;gap:var(--ob-s3);font-family:var(--ob-font-mono);font-size:var(--ob-text-2xs);font-weight:400;letter-spacing:var(--ob-track-label);text-transform:uppercase;color:var(--ob-text-3)}.ob-label{font-size:var(--ob-text-2xs);color:var(--ob-text-3);font-weight:500;text-transform:uppercase;letter-spacing:var(--ob-track-label)}.ob-mono{font-family:var(--ob-font-mono)}.ob-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ob-s4)}.ob-kpi__label{font-size:var(--ob-text-2xs);color:var(--ob-text-3);font-weight:500;text-transform:uppercase;letter-spacing:var(--ob-track-label);margin-bottom:var(--ob-s3)}.ob-kpi__sub{font-size:var(--ob-text-2xs);color:var(--ob-text-3);margin-top:var(--ob-s2);font-family:var(--ob-font-mono);line-height:1.5}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--pi-danger-rgb: 224, 138, 128;--pi-keypad-max: 340px}.pi-app{position:relative;z-index:1;max-width:560px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;padding:var(--ob-s3) var(--ob-s4) calc(60px + env(safe-area-inset-bottom,0px))}.pi-app__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ob-s3);padding:var(--ob-s2) var(--ob-s1) var(--ob-s4)}.pi-app__main{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.pi-nav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;padding:0 0 env(safe-area-inset-bottom,0px);background:var(--ob-surface-lo);border-top:1px solid var(--ob-hairline)}.pi-nav__item{appearance:none;flex:1;border:none;border-top:2px solid transparent;background:transparent;color:var(--ob-text-3);font-family:var(--ob-font-mono);font-size:var(--ob-text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--ob-track-label);padding:var(--ob-s3) 0 var(--ob-s3);min-height:52px;cursor:pointer;transition:color var(--ob-dur-1) var(--ob-ease),background var(--ob-dur-1) var(--ob-ease);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pi-nav__item:hover{color:var(--ob-text-2)}.pi-nav__item--on{color:var(--ob-gold-text);border-top-color:var(--ob-gold);background:rgba(var(--ob-gold-rgb),.06)}.pi-board{display:flex;flex-direction:column;flex:1;min-height:0}.pi-board--idle{flex:0 1 auto}.pi-board__head{display:flex;justify-content:space-between;align-items:center;gap:var(--ob-s3)}.pi-board__counters{color:var(--ob-text-4)}.pi-board__trail{display:flex;flex-direction:column;gap:var(--ob-s3);flex:1;min-height:0}.pi-board__well{padding:var(--ob-s4);flex:1;min-height:84px;overflow-y:auto;overscroll-behavior:contain}.pi-board__pad{display:flex;flex-direction:column;align-items:center;gap:var(--ob-s3)}.pi-board__quit{color:var(--ob-text-3)}.pi-board--milestone{animation:pi-milestone 1.1s var(--ob-ease)}@keyframes pi-milestone{0%{box-shadow:var(--ob-shadow-device)}25%{box-shadow:var(--ob-shadow-device),0 0 0 1px rgba(var(--ob-gold-rgb),.4),0 0 42px -6px rgba(var(--ob-gold-rgb),.35)}to{box-shadow:var(--ob-shadow-device)}}.pi-trail{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ob-s2) var(--ob-s3);font-family:var(--ob-font-mono)}.pi-trail__prefix{color:var(--ob-gold-text);font-size:var(--ob-text-lg);font-weight:500}.pi-trail__group{display:inline-flex;gap:3px}.pi-cell{display:inline-flex;align-items:center;justify-content:center;width:22px;height:30px;border-radius:6px;font-size:var(--ob-text-md);font-weight:500;background:#ffffff09;box-shadow:inset 0 0 0 1px var(--ob-hairline);color:var(--ob-text-1);transition:background var(--ob-dur-1) var(--ob-ease),color var(--ob-dur-1) var(--ob-ease),box-shadow var(--ob-dur-1) var(--ob-ease)}.pi-cell--hidden,.pi-cell--upcoming{color:transparent}.pi-cell--past{color:var(--ob-text-4);background:transparent;box-shadow:inset 0 0 0 1px var(--ob-divider)}.pi-cell--shown{color:var(--ob-gold-text);background:rgba(var(--ob-gold-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--ob-gold-rgb),.32)}.pi-cell--active{box-shadow:inset 0 0 0 1px rgba(var(--ob-accent-rgb),.65);background:var(--ob-accent-soft);animation:pi-pulse 1.1s var(--ob-ease) infinite alternate}@keyframes pi-pulse{0%{background:var(--ob-accent-soft)}to{background:rgba(var(--ob-accent-rgb),.03)}}.pi-cell--error{color:#fff;background:rgba(var(--pi-danger-rgb),.28);box-shadow:inset 0 0 0 1px rgba(var(--pi-danger-rgb),.7);animation:pi-shake .36s var(--ob-ease)}@keyframes pi-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}60%{transform:translate(2px)}}.pi-trail--complete .pi-cell--typed{color:var(--ob-gold-text)}.pi-board__statusrow{display:flex;align-items:center;justify-content:space-between;gap:var(--ob-s3);min-height:32px}.pi-board__reshow{flex:none;color:var(--ob-accent)}.pi-status{margin:0;min-height:1.4em;font-size:var(--ob-text-sm);color:var(--ob-text-3)}.pi-status--gold{color:var(--ob-gold-text)}.pi-status--danger{color:var(--ob-danger-hover)}.pi-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ob-s3);width:100%;max-width:var(--pi-keypad-max)}.pi-key{appearance:none;min-height:54px;border-radius:var(--ob-r-ctl);border:1px solid var(--ob-hairline);background:var(--ob-grad-thumb);box-shadow:var(--ob-shadow-thumb);color:var(--ob-text-1);font-family:var(--ob-font-mono);font-size:var(--ob-text-xl);font-weight:500;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform var(--ob-dur-1) var(--ob-ease),box-shadow var(--ob-dur-1) var(--ob-ease),opacity var(--ob-dur-1) var(--ob-ease)}.pi-key:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #ffffff0a,0 1px 2px #02030580}.pi-key:disabled{opacity:.4;cursor:default}.pi-key--wide{grid-column:1 / -1}.pi-idle{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--ob-s5);padding-top:var(--ob-s8);padding-bottom:var(--ob-s8)}.pi-idle__glyph{font-family:var(--ob-font-mono);font-size:84px;line-height:1;font-weight:500;background:var(--ob-grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 24px rgba(var(--ob-gold-rgb),.25))}.pi-modes{display:flex;flex-direction:column;gap:var(--ob-s3);width:100%;max-width:380px}.pi-mode{appearance:none;display:flex;flex-direction:column;gap:var(--ob-s2);text-align:left;padding:var(--ob-s4) var(--ob-s5);border:1px solid var(--ob-hairline);border-radius:var(--ob-r-card);background:var(--ob-grad-thumb);box-shadow:var(--ob-shadow-thumb);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--ob-dur-1) var(--ob-ease),border-color var(--ob-dur-1) var(--ob-ease)}.pi-mode:active{transform:translateY(1px)}.pi-mode:hover{border-color:var(--ob-hairline-strong)}.pi-mode__name{font-size:var(--ob-text-md);font-weight:600;color:var(--ob-text-1)}.pi-mode__name--gold{color:var(--ob-gold-text)}.pi-mode__desc{font-size:var(--ob-text-sm);line-height:1.5;color:var(--ob-text-3)}.pi-idle__records{color:var(--ob-text-3);font-size:var(--ob-text-xs)}.pi-idle__records strong{color:var(--ob-text-1);font-weight:500}@media(max-width:480px){.pi-app{padding-left:var(--ob-s3);padding-right:var(--ob-s3)}.ob-device__zone{padding:var(--ob-s4)}.pi-key{min-height:60px}.pi-idle__glyph{font-size:64px}.pi-app__head{padding-bottom:var(--ob-s3)}.pi-app__head .ob-label{display:none}}.pi-stats,.pi-settings{display:flex;flex-direction:column;gap:var(--ob-s4)}.pi-stats__kpis{gap:var(--ob-s3)}.pi-stats__block,.pi-settings__block{padding:var(--ob-s5)}.pi-stats__title,.pi-settings__title{margin:0 0 var(--ob-s3)}.pi-stats__hint{margin:0 0 var(--ob-s4);font-size:var(--ob-text-xs);color:var(--ob-text-3)}.pi-heatmap{display:flex;flex-direction:column;gap:4px;overflow-x:auto;padding-bottom:var(--ob-s1)}.pi-heatmap__row{display:flex;align-items:center;gap:4px}.pi-heatmap__index{width:4ch;flex:none;font-size:var(--ob-text-2xs);color:var(--ob-text-4);text-align:right;padding-right:var(--ob-s1)}.pi-heatmap__cell{width:18px;height:18px;flex:none;border-radius:4px}.pi-heatmap__cell--none{background:#ffffff08}.pi-heatmap__cell--clean{background:var(--ob-ok-soft)}.pi-heatmap__cell--errors{box-shadow:inset 0 0 0 1px rgba(var(--pi-danger-rgb),.35)}.pi-sessions{list-style:none;margin:0;padding:0}.pi-sessions__row{display:flex;align-items:baseline;gap:var(--ob-s3);padding:var(--ob-s3) 0}.pi-sessions__row+.pi-sessions__row{border-top:1px solid var(--ob-divider)}.pi-sessions__date{font-size:var(--ob-text-xs);color:var(--ob-text-3);flex:none}.pi-sessions__meta{flex:1;font-size:var(--ob-text-sm);color:var(--ob-text-2)}.pi-sessions__max{font-size:var(--ob-text-sm);color:var(--ob-gold-text)}.pi-field{display:flex;align-items:center;justify-content:space-between;gap:var(--ob-s4);padding:var(--ob-s3) 0}.pi-field+.pi-field{border-top:1px solid var(--ob-divider)}.pi-field__name{color:var(--ob-text-1);font-size:var(--ob-text-md)}.pi-field__hint{color:var(--ob-text-3);font-size:var(--ob-text-xs);margin-top:2px}.pi-stepper{display:inline-flex;align-items:center;gap:var(--ob-s2)}.pi-stepper__value{min-width:2ch;text-align:center;color:var(--ob-text-1);font-size:var(--ob-text-lg)}.pi-seg{display:inline-flex;gap:2px;background:var(--ob-well);border-radius:var(--ob-r-pill);padding:3px;box-shadow:var(--ob-shadow-well)}.pi-seg__opt{appearance:none;border:none;background:transparent;color:var(--ob-text-3);font-size:var(--ob-text-xs);font-weight:500;padding:var(--ob-s1) var(--ob-s3);border-radius:var(--ob-r-pill);cursor:pointer;touch-action:manipulation;transition:color var(--ob-dur-1) var(--ob-ease),background var(--ob-dur-1) var(--ob-ease)}.pi-seg__opt--on{background:var(--ob-grad-thumb);color:var(--ob-text-1);box-shadow:var(--ob-shadow-thumb)}.pi-switch{appearance:none;position:relative;width:46px;height:27px;flex:none;border:1px solid var(--ob-hairline);border-radius:var(--ob-r-pill);background:var(--ob-well);box-shadow:var(--ob-shadow-well);cursor:pointer;touch-action:manipulation;transition:background var(--ob-dur-2) var(--ob-ease)}.pi-switch__thumb{position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:var(--ob-grad-thumb);box-shadow:var(--ob-shadow-thumb);transition:transform var(--ob-dur-2) var(--ob-ease)}.pi-switch--on{background:rgba(var(--ob-gold-rgb),.18);border-color:rgba(var(--ob-gold-rgb),.35)}.pi-switch--on .pi-switch__thumb{transform:translate(19px);background:var(--ob-grad-gold)}.pi-settings__note{margin:0 0 var(--ob-s4)}.pi-settings__actions{display:flex;flex-wrap:wrap;gap:var(--ob-s3)}.pi-settings__danger{color:var(--ob-danger-hover)}.pi-settings__message{margin:var(--ob-s4) 0 0;font-size:var(--ob-text-sm);color:var(--ob-gold-text)}.pi-settings__about{text-align:center;color:var(--ob-text-4);font-size:var(--ob-text-2xs);margin:var(--ob-s2) 0 0}@media(prefers-reduced-motion:reduce){.pi-cell--active,.pi-cell--error,.pi-board--milestone{animation:none}}