@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--color-primary: #1a1a2e;--color-secondary: #16213e;--color-accent: #e94560;--color-accent-secondary: #0f3460;--color-success: #00b894;--color-warning: #fdcb6e;--color-danger: #e74c3c;--color-text: #ffffff;--color-text-secondary: #a0a0b0;--color-bg: #0f0f23;--color-card: #1a1a2e;--color-card-hover: #1e1e38;--color-border: #2a2a4a;--color-input-bg: #16213e;--font-main: "Inter", system-ui, -apple-system, sans-serif;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 4px 20px rgba(0,0,0,.3);--shadow-lg: 0 8px 40px rgba(0,0,0,.5);--transition: all .2s ease;--bottom-nav-height: 64px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-main);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-card) 25%,#252545 50%,var(--color-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(20px)}}button:active,.tap:active{transform:scale(.96)!important;transition:transform .1s!important}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input,textarea,select{font-family:var(--font-main);font-size:16px;color:var(--color-text);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}input::placeholder,textarea::placeholder{color:var(--color-text-secondary)}@media (max-width: 768px){.main-content{padding-bottom:calc(var(--bottom-nav-height) + 80px)!important}}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}input[type=date]{color-scheme:dark}body{padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--spacing:.25rem;--tracking-tight:-.02em;--tracking-wide:.06em;--tracking-widest:.1em;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 12px #0000004d;--shadow-lg:0 12px 48px #0000008c;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--radius:8px;--color-bg-app:#0a0a1f;--color-fg-2:#ececf3;--color-fg-3:#a0a0b8;--color-accent:#ff4f3a;--color-success:#3ee0a0;--color-warning:#ffb944;--color-danger:#f56;--color-info:#8b85ff;--color-onyx-950:#0a0a1f;--color-onyx-900:#16213e;--color-onyx-800:#1a1a2e;--color-onyx-700:#1e1e38;--color-onyx-500:#2a2a4a;--color-onyx-400:#3a3a5e;--font-display:"Space Grotesk", system-ui, sans-serif;--text-2xs:.6875rem;--text-md:1rem;--tracking-tightest:-.04em;--shadow-glow:0 8px 40px #ff4f3a40;--ease-snap:cubic-bezier(.85, 0, .15, 1);--ease-pulse:cubic-bezier(.4, 0, .6, 1);--ease-stream:linear;--ease-glide:cubic-bezier(.22, 1, .36, 1);--duration-fast:.12s;--duration:.22s;--duration-pulse:1.4s;--duration-scan:1.8s}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentColor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.ai-scan-line{position:relative;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.top-20{top:calc(var(--spacing) * 20)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.gap-32{gap:calc(var(--spacing) * 32)}.border{border-style:var(--tw-border-style);border-width:1px}.meta-bracket{font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-fg-3);font-weight:500}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-glide{--tw-ease:var(--ease-glide);transition-timing-function:var(--ease-glide)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.ease-snap{--tw-ease:var(--ease-snap);transition-timing-function:var(--ease-snap)}}.press-snap:active{transform:scale(.97)}@keyframes ai-scan{0%{opacity:0;transform:translate(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(220%)}}body{background-color:var(--color-bg-app);color:var(--color-fg-2);font-family:var(--font-sans);font-size:var(--text-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-image:radial-gradient(circle at 1px 1px,#ffffff0d 1px,#0000 0);background-size:24px 24px;margin:0;line-height:1.5}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}:root{--brand-name: "SportEliteAI";--brand-accent: #ff4f3a;--brand-accent-hover: #ff6a55;--brand-accent-press: #d63d2a;--brand-deep: #0f3460;--color-onyx-950: #0a0a1f;--color-onyx-900: #16213e;--color-onyx-800: #1a1a2e;--color-onyx-700: #1e1e38;--color-onyx-600: #252545;--color-onyx-500: #2a2a4a;--color-onyx-400: #3a3a5e;--color-ink-0: #ffffff;--color-ink-100: #ececf3;--color-ink-300: #a0a0b8;--color-ink-400: #8892b0;--color-ink-500: #7878a0;--agent-logique: #8b85ff;--agent-logique-soft: rgba(139,133,255,.15);--agent-biometrie: #3ee0a0;--agent-biometrie-soft: rgba(62,224,160,.15);--agent-interaction: #ffb944;--agent-interaction-soft: rgba(255,185,68,.15);--color-success: #3ee0a0;--color-success-soft: rgba(62,224,160,.15);--color-warning: #ffb944;--color-warning-soft: rgba(255,185,68,.15);--color-danger: #ff5566;--color-danger-soft: rgba(255,85,102,.15);--color-info: #8b85ff;--color-info-soft: rgba(139,133,255,.15);--bg-app: var(--color-onyx-950);--bg-card: var(--color-onyx-800);--bg-card-hover: var(--color-onyx-700);--bg-surface-2: var(--color-onyx-900);--bg-input: var(--color-onyx-900);--bg-overlay: rgba(0,0,0,.6);--fg-1: var(--color-ink-0);--fg-2: var(--color-ink-100);--fg-3: var(--color-ink-300);--fg-4: var(--color-ink-500);--fg-accent: var(--brand-accent);--fg-on-accent: #ffffff;--fg-link: var(--brand-accent);--border-1: var(--color-onyx-500);--border-2: var(--color-onyx-400);--border-focus: var(--brand-accent);--border-pending: rgba(255,185,68,.45);--border-approved: var(--color-success);--bubble-self: var(--brand-deep);--bubble-other: var(--color-onyx-900);--tint-accent-10: rgba(255,79,58,.1);--tint-accent-15: rgba(255,79,58,.15);--tint-accent-20: rgba(255,79,58,.2);--glow-accent: 0 8px 40px rgba(255,79,58,.25);--font-sans: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-display: "Space Grotesk", system-ui, sans-serif;--fs-3xs: .625rem;--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .875rem;--fs-md: 1rem;--fs-lg: 1.0625rem;--fs-xl: 1.125rem;--fs-2xl: 1.5rem;--fs-3xl: 1.625rem;--fs-4xl: 2rem;--fs-5xl: 2.25rem;--fs-6xl: 2.625rem;--fs-7xl: 3.25rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.05;--lh-snug: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.6;--tracking-tightest: -.04em;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .06em;--tracking-widest: .1em;--space-0: 0;--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;--space-16: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--radius-circle: 50%;--shadow-xs: 0 1px 2px rgba(0,0,0,.2);--shadow-sm: 0 2px 12px rgba(0,0,0,.3);--shadow: 0 4px 24px rgba(0,0,0,.35);--shadow-lg: 0 12px 48px rgba(0,0,0,.55);--shadow-glow: var(--glow-accent);--ease-snap: cubic-bezier(.85, 0, .15, 1);--ease-pulse: cubic-bezier(.4, 0, .6, 1);--ease-stream: linear;--ease-glide: cubic-bezier(.22, 1, .36, 1);--duration-fast: .12s;--duration: .22s;--duration-slow: .48s;--duration-pulse: 1.4s;--duration-scan: 1.8s;--transition: all var(--duration) var(--ease-snap);--press-scale: .97;--grid-opacity: .05;--grid-size: 24px;--grid-color: rgba(255,255,255, var(--grid-opacity));--bottom-nav-height: 64px;--container-sm: 420px;--container: 700px;--container-md: 900px;--container-lg: 1000px;--container-xl: 1280px;--tap-target: 44px;--z-nav: 800;--z-floating: 900;--z-overlay: 9999;--z-modal: 10000;--z-toast: 10001}.h1,h1{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:clamp(var(--fs-5xl),5vw,var(--fs-7xl));line-height:var(--lh-tight);letter-spacing:var(--tracking-tightest);color:var(--fg-1);text-wrap:balance}.h2,h2{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-2xl);line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);color:var(--fg-1)}.h3,h3{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-xl);line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);color:var(--fg-1)}.h4,h4{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-md);line-height:var(--lh-snug);color:var(--fg-1)}.eyebrow{font-family:var(--font-mono);font-weight:var(--fw-medium);font-size:var(--fs-2xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--fg-3)}.body,p{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--fg-2);text-wrap:pretty}.body-sm{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--fg-3)}.caption{font-size:var(--fs-xs);line-height:var(--lh-normal);color:var(--fg-3)}.meta{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-4);letter-spacing:0}.metric{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:clamp(var(--fs-3xl),6vw,var(--fs-4xl));line-height:1;letter-spacing:var(--tracking-tight);color:var(--fg-1);font-variant-numeric:tabular-nums}.code,code,pre{font-family:var(--font-mono);font-size:.9em;background:var(--bg-surface-2);padding:.1em .3em;border-radius:var(--radius-xs);color:var(--fg-2)}@keyframes ai-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.06)}}@keyframes ai-scan{0%{transform:translate(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(220%);opacity:0}}@keyframes ai-stream{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes ai-blink{0%,to{opacity:1}50%{opacity:.3}}.ai-thinking{animation:ai-pulse var(--duration-pulse) var(--ease-pulse) infinite}.ai-stream{animation:ai-stream 1.2s var(--ease-stream) forwards}.ai-blink-dot{animation:ai-blink 1s var(--ease-pulse) infinite}.ai-scan-line{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:inherit}.ai-scan-line:after{content:"";position:absolute;top:0;right:-50%;bottom:0;left:-50%;background:linear-gradient(90deg,transparent 0%,rgba(255,79,58,0) 30%,rgba(255,79,58,.45) 50%,rgba(255,79,58,0) 70%,transparent 100%);animation:ai-scan var(--duration-scan) var(--ease-glide) infinite}.is-pending{border:1px dashed var(--border-pending);background:var(--agent-interaction-soft)}.is-approved{border:1px solid var(--border-approved);background:var(--color-success-soft)}.is-rejected{border:1px solid rgba(255,85,102,.45);background:var(--color-danger-soft);opacity:.7}.meta-bracket:before{content:"[";color:var(--fg-4);margin-right:1px}.meta-bracket:after{content:"]";color:var(--fg-4);margin-left:1px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--bg-app);background-image:radial-gradient(circle at 1px 1px,var(--grid-color) 1px,transparent 0);background-size:var(--grid-size) var(--grid-size);color:var(--fg-2);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.surface-flat{background-image:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-1);border-radius:3px}button:active,.tap:active{transform:scale(var(--press-scale));transition:transform var(--duration-fast) var(--ease-snap)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn{font-family:var(--font-sans);font-weight:var(--fw-semibold);letter-spacing:-.01em;border-radius:var(--radius);cursor:pointer;transition:var(--transition);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.btn:active{transform:scale(var(--press-scale));transition:transform var(--duration-fast) var(--ease-snap)}.btn:disabled{cursor:not-allowed}.btn--sm{padding:6px 12px;font-size:12px;min-height:32px}.btn--md{padding:10px 16px;font-size:14px;min-height:40px}.btn--lg{padding:14px 22px;font-size:16px;min-height:48px}.btn--primary{background:var(--brand-accent);color:var(--fg-on-accent)}.btn--primary:hover:not(:disabled){background:var(--brand-accent-hover)}.btn--primary:active:not(:disabled){background:var(--brand-accent-press)}.btn--primary:disabled{background:var(--border-1);color:var(--fg-3)}.btn--secondary{background:var(--bg-card);color:var(--fg-1);border-color:var(--border-1)}.btn--secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-2)}.btn--secondary:active:not(:disabled){background:var(--bg-surface-2)}.btn--secondary:disabled{color:var(--fg-4);opacity:.6}.btn--tertiary{background:transparent;color:var(--fg-2)}.btn--tertiary:hover:not(:disabled){background:var(--tint-accent-10);color:var(--brand-accent)}.btn--tertiary:active:not(:disabled){background:var(--tint-accent-15);color:var(--brand-accent)}.btn--tertiary:disabled{color:var(--fg-4)}.btn--destructive{background:var(--color-danger);color:#fff}.btn--destructive:hover:not(:disabled){background:#ff7080}.btn--destructive:active:not(:disabled){background:#d63d4f}.btn--destructive:disabled{background:var(--border-1);color:var(--fg-4)}.btn__spinner{width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.card{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:var(--space-5)}.card--clickable{cursor:pointer;transition:var(--transition)}.card--clickable:hover{background:var(--bg-card-hover);border-color:var(--border-2)}.card--pending{background:var(--agent-interaction-soft);border:1px dashed var(--border-pending)}.card--approved{background:var(--color-success-soft);border:1px solid var(--color-success)}.card--rejected{background:var(--color-danger-soft);border:1px solid rgba(255,85,102,.45);opacity:.7}.card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);gap:var(--space-3)}.card__title{font-weight:var(--fw-semibold);font-size:var(--fs-xl);color:var(--fg-1);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-2)}.card__body{font-size:var(--fs-base);color:var(--fg-2);line-height:var(--lh-relaxed)}.card__footer{margin-top:var(--space-4);display:flex;gap:var(--space-2);justify-content:flex-end}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:var(--fs-sm);color:var(--fg-3);font-weight:var(--fw-medium)}.field__input{width:100%;padding:12px 14px;background:var(--bg-input);color:var(--fg-1);border:1px solid var(--border-1);border-radius:var(--radius);font-size:var(--fs-base);font-family:var(--font-sans);outline:none;transition:var(--transition);box-sizing:border-box}.field__input::placeholder{color:var(--fg-4)}.field__input:focus{border-color:var(--brand-accent)}.field__input:disabled{opacity:.5;cursor:not-allowed}.field--error .field__input{border-color:var(--color-danger)}.field--success .field__input{border-color:var(--color-success)}.field__helper{font-size:var(--fs-xs);color:var(--fg-4)}.field--error .field__helper{color:var(--color-danger)}.field--success .field__helper{color:var(--color-success)}.slider{position:relative;padding:14px 0;cursor:pointer}.slider__track{position:relative;height:6px;background:var(--border-1);border-radius:999px}.slider__fill{position:absolute;left:0;top:0;bottom:0;background:var(--brand-accent);border-radius:999px}.slider__thumb{position:absolute;top:50%;width:20px;height:20px;background:#fff;border:2px solid var(--brand-accent);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006;transition:transform var(--duration-fast) var(--ease-snap)}.slider:hover .slider__thumb{transform:translate(-50%,-50%) scale(1.1)}.slider__labels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--fs-3xs);color:var(--fg-4);margin-top:4px}.slider__value{color:var(--fg-1);font-weight:var(--fw-semibold)}.meta-bracket{font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--fg-3)}.meta-bracket:before{content:"[";color:var(--fg-4)}.meta-bracket:after{content:"]";color:var(--fg-4)}.meta-slash{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-4);margin:0 6px}.stat{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:var(--space-4)}.stat__label{font-family:var(--font-mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--fg-4);margin-bottom:8px}.stat__value{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-4xl);line-height:1;letter-spacing:var(--tracking-tight);color:var(--fg-1);font-variant-numeric:tabular-nums}.stat__unit{color:var(--fg-3);font-size:.55em;font-weight:var(--fw-regular);margin-left:2px}.stat__trend{margin-top:10px;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-3)}.stat__trend--up{color:var(--color-success)}.stat__trend--down{color:var(--color-danger)}.stat__trend--alert{color:var(--brand-accent)}.tmpl{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);position:relative}.tmpl--pending{background:var(--agent-interaction-soft);border:1px dashed var(--border-pending)}.tmpl--approved{background:var(--color-success-soft);border:1px solid var(--border-approved)}.tmpl__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.tmpl__head-l{display:flex;flex-direction:column;gap:4px;min-width:0}.tmpl__name{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-xl);color:var(--fg-1);letter-spacing:var(--tracking-tight);margin:0}.tmpl__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tmpl__head-r{display:flex;align-items:center;gap:var(--space-2)}.tmpl__period{display:inline-flex;background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius-pill);padding:2px;gap:2px}.tmpl__period button{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.04em;font-weight:var(--fw-medium);background:transparent;color:var(--fg-3);border:none;border-radius:var(--radius-pill);padding:5px 10px;cursor:pointer;transition:var(--transition)}.tmpl__period button[aria-pressed=true]{background:var(--brand-accent);color:var(--fg-on-accent)}.tmpl__period button:hover:not([aria-pressed=true]){color:var(--fg-1)}.tmpl__hero{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-3) 0 var(--space-2)}.tmpl__hero-value{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:72px;line-height:.95;letter-spacing:-.05em;color:var(--fg-1);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:4px}.tmpl__hero-unit{font-size:22px;font-weight:var(--fw-medium);color:var(--fg-3);letter-spacing:-.01em}.tmpl__hero-anchor{font-size:var(--fs-md);color:var(--fg-2);font-weight:var(--fw-medium)}.tmpl__hero-delta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-3);display:inline-flex;align-items:center;gap:4px}.tmpl__hero-delta--up{color:var(--color-success)}.tmpl__hero-delta--down{color:var(--color-danger)}.tmpl__hero-delta--alert{color:var(--brand-accent)}.tmpl__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-1);border:1px solid var(--border-1);border-radius:var(--radius);overflow:hidden}.tmpl__stat{background:var(--bg-card);padding:10px 12px;display:flex;flex-direction:column;gap:2px}.tmpl__stat-label{font-family:var(--font-mono);font-size:var(--fs-3xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--fg-4)}.tmpl__stat-value{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-lg);color:var(--fg-1);font-variant-numeric:tabular-nums}.tmpl__actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-2);border-top:1px solid var(--border-1);padding-top:var(--space-3)}.tier-dot{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px var(--bg-card)}.tier-dot--info{background:var(--color-info)}.tier-dot--warning{background:var(--color-warning)}.tier-dot--critical{background:var(--color-danger)}.tier-dot--ok{background:var(--color-success)}.tmpl-a__anchors{display:grid;grid-template-columns:repeat(var(--anchor-cols, 5),1fr);gap:4px;margin-bottom:4px}.tmpl-a__anchor{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--font-mono);font-size:var(--fs-3xs);color:var(--fg-4);letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 2px;border-radius:var(--radius-xs);transition:var(--transition);text-align:center}.tmpl-a__anchor:hover{background:var(--bg-surface-2)}.tmpl-a__anchor-glyph{font-size:20px;line-height:1;filter:grayscale(.4);transition:filter var(--duration) var(--ease-snap),transform var(--duration) var(--ease-snap)}.tmpl-a__anchor-word{font-size:var(--fs-3xs);font-family:var(--font-sans);font-weight:var(--fw-medium);color:var(--fg-3);letter-spacing:0}.tmpl-a__anchor--active .tmpl-a__anchor-glyph{filter:grayscale(0) drop-shadow(0 0 8px rgba(255,79,58,.4));transform:scale(1.15)}.tmpl-a__anchor--active .tmpl-a__anchor-word{color:var(--fg-1)}.tmpl-a__anchor-tick{font-size:var(--fs-3xs);color:var(--fg-4)}.tmpl-a__slider{position:relative;padding:18px 0 8px;cursor:pointer;touch-action:none}.tmpl-a__track{position:relative;height:10px;background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius-pill);overflow:hidden}.tmpl-a__zones{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;border-radius:var(--radius-pill);overflow:hidden}.tmpl-a__zone{height:100%}.tmpl-a__zone--info{background:#8b85ff33}.tmpl-a__zone--ok{background:#3ee0a033}.tmpl-a__zone--warning{background:#ffb94440}.tmpl-a__zone--critical{background:#ff55664d}.tmpl-a__zone--neutral{background:var(--bg-surface-2)}.tmpl-a__target{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--fg-2);opacity:.55;box-shadow:0 0 0 2px var(--bg-card);pointer-events:none}.tmpl-a__thumb{position:absolute;top:50%;width:26px;height:26px;background:var(--brand-accent);border:3px solid var(--bg-card);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px var(--brand-accent),0 4px 14px #ff4f3a73;pointer-events:none;transition:left 0ms linear,transform var(--duration-fast) var(--ease-snap)}.tmpl-a__thumb--animating{transition:left var(--duration) var(--ease-glide),transform var(--duration-fast) var(--ease-snap)}.tmpl-a__slider:active .tmpl-a__thumb{transform:translate(-50%,-50%) scale(1.12)}.tmpl-a__ticks{display:flex;justify-content:space-between;padding:6px 0 0;font-family:var(--font-mono);font-size:var(--fs-3xs);color:var(--fg-4);letter-spacing:.04em}.tmpl-a__ticks span.is-current{color:var(--brand-accent);font-weight:var(--fw-semibold)}.tmpl-a__confirm{display:flex;gap:var(--space-2);align-items:center}.tmpl-a__confirm .btn{flex:1}.tmpl-a__mic{width:48px;height:48px;border-radius:50%;background:var(--bg-surface-2);border:1px solid var(--border-1);color:var(--fg-2);font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition)}.tmpl-a__mic:hover{background:var(--bg-card-hover);border-color:var(--border-2)}.tmpl-a__chart{position:relative;width:100%;height:140px;background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius);overflow:hidden}.tmpl-a__chart-frame{display:block;width:100%;height:100%}.tmpl-a__chart-grid line{stroke:var(--border-1);stroke-width:1}.tmpl-a__chart-zone-info{fill:#8b85ff26}.tmpl-a__chart-zone-ok{fill:#3ee0a026}.tmpl-a__chart-zone-warning{fill:#ffb94426}.tmpl-a__chart-zone-critical{fill:#ff55662e}.tmpl-a__chart-line{fill:none;stroke:var(--brand-accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.tmpl-a__chart-area{fill:#ff4f3a1f}.tmpl-a__chart-dot{fill:var(--bg-app);stroke:var(--brand-accent);stroke-width:1.5}.tmpl-a__chart-dot--current{fill:var(--brand-accent);stroke:var(--bg-app);stroke-width:2;filter:drop-shadow(0 0 6px rgba(255,79,58,.6))}.tmpl-a__chart-target{stroke:var(--fg-3);stroke-width:1;stroke-dasharray:3 3;opacity:.6}.tmpl-a__chart-target-label{font-family:var(--font-mono);font-size:9px;fill:var(--fg-3);letter-spacing:.05em}.tmpl-a__chart-axis{font-family:var(--font-mono);font-size:9px;fill:var(--fg-4);letter-spacing:.05em}.tmpl-a__legend{display:flex;gap:var(--space-3);flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--fs-3xs);letter-spacing:.05em;color:var(--fg-3);text-transform:uppercase}.tmpl-a__legend-item{display:inline-flex;align-items:center;gap:6px}.tmpl-a--compact{padding:var(--space-3);gap:var(--space-2)}.tmpl-a--compact .tmpl__hero-value{font-size:40px}.tmpl-a--compact .tmpl__hero-unit{font-size:14px}.tmpl-a--compact .tmpl-a__chart{height:56px}.tmpl-a__empty{background:var(--bg-surface-2);border:1px dashed var(--border-1);border-radius:var(--radius);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.tmpl-a__empty-icon{font-size:36px;color:var(--fg-4);line-height:1}.tmpl-a__empty-title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-lg);color:var(--fg-1)}.tmpl-a__empty-body{font-size:var(--fs-sm);color:var(--fg-3);line-height:var(--lh-relaxed);max-width:36ch}.tmpl-a__empty-body b{color:var(--fg-2);font-weight:var(--fw-semibold)}.tmpl-b__stepper{display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;gap:var(--space-2);background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius);padding:6px}.tmpl-b__step-btn{width:52px;height:52px;background:var(--bg-card);border:1px solid var(--border-1);color:var(--fg-1);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:28px;font-weight:var(--fw-semibold);line-height:1;cursor:pointer;transition:var(--transition)}.tmpl-b__step-btn:hover{border-color:var(--brand-accent);color:var(--brand-accent)}.tmpl-b__step-btn:active{transform:scale(var(--press-scale))}.tmpl-b__step-btn:disabled{color:var(--fg-4);cursor:not-allowed}.tmpl-b__input{background:transparent;border:none;color:var(--fg-1);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:36px;text-align:center;width:100%;outline:none;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.tmpl-b__input:focus{color:var(--brand-accent)}.tmpl-b__unit{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--fg-3);text-align:center;letter-spacing:.04em;text-transform:uppercase;margin-top:-4px}.tmpl-b__quick{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.tmpl-b__quick-chip{font-family:var(--font-mono);font-size:var(--fs-2xs);background:var(--bg-surface-2);border:1px solid var(--border-1);color:var(--fg-3);padding:4px 10px;border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition)}.tmpl-b__quick-chip:hover{border-color:var(--brand-accent);color:var(--fg-1)}.tmpl-b__quick-chip--active{border-color:var(--brand-accent);background:var(--tint-accent-15);color:var(--brand-accent)}.tmpl-b__chart{position:relative;width:100%;height:140px;background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius);overflow:hidden}.tmpl-b__chart-frame{display:block;width:100%;height:100%}.tmpl-b__chart-line{fill:none;stroke:var(--brand-accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.tmpl-b__chart-area{fill:#ff4f3a1f}.tmpl-b__chart-dot{fill:var(--bg-app);stroke:var(--brand-accent);stroke-width:1.5}.tmpl-b__chart-dot--current{fill:var(--brand-accent);stroke:var(--bg-app);stroke-width:2;filter:drop-shadow(0 0 6px rgba(255,79,58,.6))}.tmpl-b__chart-axis{font-family:var(--font-mono);font-size:9px;fill:var(--fg-4);letter-spacing:.05em}.tmpl-b__chart-grid line{stroke:var(--border-1);stroke-width:1}.tmpl-b__chart-target{stroke:var(--fg-3);stroke-width:1;stroke-dasharray:3 3;opacity:.6}.tmpl-b__chart-zone-info{fill:#8b85ff26}.tmpl-b__chart-zone-ok{fill:#3ee0a026}.tmpl-b__chart-zone-warning{fill:#ffb94426}.tmpl-b__chart-zone-critical{fill:#ff55662e}.tmpl-c__picker{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius);padding:var(--space-4)}.tmpl-c__wheel{display:flex;flex-direction:column;align-items:center;gap:2px;-webkit-user-select:none;user-select:none}.tmpl-c__wheel-up,.tmpl-c__wheel-down{width:40px;height:28px;background:transparent;border:none;color:var(--fg-4);font-size:18px;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition)}.tmpl-c__wheel-up:hover,.tmpl-c__wheel-down:hover{color:var(--brand-accent);background:var(--tint-accent-10)}.tmpl-c__wheel-value{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:56px;line-height:1;color:var(--fg-1);font-variant-numeric:tabular-nums;letter-spacing:-.04em;padding:4px 12px;min-width:90px;text-align:center}.tmpl-c__wheel-label{font-family:var(--font-mono);font-size:var(--fs-3xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--fg-4)}.tmpl-c__colon{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:56px;color:var(--fg-3);line-height:1;align-self:flex-start;padding-top:32px}.tmpl-c__now{display:flex;gap:var(--space-2);justify-content:center}.tmpl-c__now .btn{flex:1}.tmpl-c__bars{position:relative;width:100%;height:160px;background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius);overflow:hidden}.tmpl-c__bars-frame{display:block;width:100%;height:100%}.tmpl-c__bar{fill:#ff4f3a8c}.tmpl-c__bar--today{fill:var(--brand-accent);filter:drop-shadow(0 0 6px rgba(255,79,58,.5))}.tmpl-c__bar-target-band{fill:#3ee0a01f}.tmpl-c__bar-target-line{stroke:var(--color-success);stroke-width:1;stroke-dasharray:3 3;opacity:.7}.tmpl-c__bars-axis{font-family:var(--font-mono);font-size:9px;fill:var(--fg-4);letter-spacing:.05em}.tmpl-c__bars-grid line{stroke:var(--border-1);stroke-width:1}.tmpl-c__timing{position:relative;width:100%;height:100px;background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius);overflow:hidden}.tmpl-c__timing-frame{display:block;width:100%;height:100%}.tmpl-c__timing-window{fill:#3ee0a033}.tmpl-c__timing-axis-line{stroke:var(--border-1);stroke-width:1}.tmpl-c__timing-dot{fill:var(--brand-accent);stroke:var(--bg-card);stroke-width:1.5}.tmpl-c__timing-dot--good{fill:var(--color-success);filter:drop-shadow(0 0 4px rgba(62,224,160,.5))}.tmpl-c__timing-axis{font-family:var(--font-mono);font-size:9px;fill:var(--fg-4);letter-spacing:.05em}.tmpl-d__toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.tmpl-d__btn{min-height:96px;background:var(--bg-surface-2);border:2px solid var(--border-1);color:var(--fg-2);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-2xl);letter-spacing:-.02em;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.tmpl-d__btn:hover{border-color:var(--border-2)}.tmpl-d__btn:active{transform:scale(var(--press-scale))}.tmpl-d__btn-glyph{font-size:28px;line-height:1}.tmpl-d__btn--yes{border-color:var(--color-success)}.tmpl-d__btn--yes.tmpl-d__btn--active{background:var(--color-success-soft);color:var(--color-success);border-color:var(--color-success);box-shadow:0 0 0 1px var(--color-success),0 6px 20px #3ee0a040}.tmpl-d__btn--no{border-color:var(--color-danger)}.tmpl-d__btn--no.tmpl-d__btn--active{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger);box-shadow:0 0 0 1px var(--color-danger),0 6px 20px #ff556640}.tmpl-d__polarity{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--fs-3xs);color:var(--fg-4);letter-spacing:.05em;text-transform:uppercase;padding:0 6px}.tmpl-d__heat{display:grid;grid-template-columns:repeat(var(--heat-cols, 15),1fr);gap:4px;padding:var(--space-3);background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius)}.tmpl-d__heat-dot{aspect-ratio:1;border-radius:50%;background:var(--border-1);position:relative;transition:transform var(--duration-fast) var(--ease-snap);cursor:pointer;border:none;padding:0}.tmpl-d__heat-dot:hover{transform:scale(1.25)}.tmpl-d__heat-dot:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.tmpl-d__heat-dot--good{background:var(--color-success)}.tmpl-d__heat-dot--bad{background:var(--color-danger)}.tmpl-d__heat-dot--today{outline:2px solid var(--brand-accent);outline-offset:2px}.tmpl-d__heat--weekly{--heat-cols: 26}.tmpl-d__heat-cell{aspect-ratio:1.4;border-radius:var(--radius-xs);background:var(--border-1);cursor:pointer;transition:transform var(--duration-fast) var(--ease-snap);border:none;padding:0}.tmpl-d__heat-cell:hover{transform:scale(1.15)}.tmpl-d__hint{display:flex;align-items:flex-start;gap:var(--space-2);background:var(--agent-logique-soft);border:1px solid var(--agent-logique);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--fs-xs);color:var(--fg-2);line-height:var(--lh-snug)}.tmpl-d__hint-icon{flex:0 0 auto;color:var(--agent-logique);font-size:14px;line-height:1.2}.tmpl-d__hint-text b{color:var(--fg-1);font-weight:var(--fw-semibold)}.tmpl-d__hint-dismiss{margin-left:auto;background:transparent;border:none;color:var(--fg-4);cursor:pointer;font-size:14px;padding:0 4px}.tmpl-e__chips{display:grid;grid-template-columns:repeat(var(--chip-cols, 3),1fr);gap:var(--space-2)}.tmpl-e__chip{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:var(--space-2) var(--space-3);background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius);color:var(--fg-2);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:var(--transition);text-align:center;-webkit-user-select:none;user-select:none}.tmpl-e__chip:hover{border-color:var(--brand-accent);color:var(--fg-1)}.tmpl-e__chip:active{transform:scale(var(--press-scale))}.tmpl-e__chip--selected{background:var(--tint-accent-15);border-color:var(--brand-accent);color:var(--brand-accent)}.tmpl-e__chip--selected.tmpl-e__chip--good{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.tmpl-e__chip--selected.tmpl-e__chip--bad{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.tmpl-e__chip-glyph{font-size:16px;line-height:1}.tmpl-e__chip-count{font-family:var(--font-mono);font-size:var(--fs-2xs);background:var(--bg-card);border-radius:var(--radius-xs);padding:1px 5px;margin-left:4px;color:var(--fg-3)}.tmpl-e__counter{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--fg-4)}.tmpl-e__counter b{font-family:var(--font-display);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--fg-1);letter-spacing:var(--tracking-tight);text-transform:none}.tmpl-e__bars{display:flex;flex-direction:column;gap:var(--space-2)}.tmpl-e__bar{display:grid;grid-template-columns:140px 1fr 56px;align-items:center;gap:var(--space-3)}.tmpl-e__bar-label{font-size:var(--fs-sm);color:var(--fg-2);font-weight:var(--fw-medium);display:flex;align-items:center;gap:6px}.tmpl-e__bar-track{position:relative;height:10px;background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius-pill);overflow:hidden}.tmpl-e__bar-fill{position:absolute;inset:0 auto 0 0;background:var(--brand-accent);border-radius:var(--radius-pill)}.tmpl-e__bar-fill--good{background:var(--color-success)}.tmpl-e__bar-fill--bad{background:var(--color-danger)}.tmpl-e__bar-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-2);text-align:right}.tmpl-e__bar-count em{color:var(--fg-4);font-style:normal;margin-left:4px}.tmpl-g__bar{display:flex;height:32px;width:100%;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-1);background:var(--bg-surface-2)}.tmpl-g__bar-seg{height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);color:#fff;letter-spacing:.04em;transition:width var(--duration) var(--ease-glide),background var(--duration) var(--ease-snap);overflow:hidden;white-space:nowrap}.tmpl-g__sliders{display:flex;flex-direction:column;gap:var(--space-3)}.tmpl-g__slider{display:grid;grid-template-columns:28px 1fr 64px 28px;align-items:center;gap:var(--space-3)}.tmpl-g__slider--locked .tmpl-g__slider-track{opacity:.55;cursor:not-allowed}.tmpl-g__slider--locked .tmpl-g__slider-thumb{background:var(--bg-card)}.tmpl-g__slider-lock{width:28px;height:28px;background:transparent;border:1px solid var(--border-1);border-radius:var(--radius-sm);color:var(--fg-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;transition:var(--transition)}.tmpl-g__slider-lock:hover{border-color:var(--brand-accent);color:var(--brand-accent)}.tmpl-g__slider-lock--on{background:var(--tint-accent-15);border-color:var(--brand-accent);color:var(--brand-accent)}.tmpl-g__slider-swatch{width:16px;height:16px;border-radius:var(--radius-xs);justify-self:end}.tmpl-g__slider-label{position:relative}.tmpl-g__slider-name{font-size:var(--fs-sm);color:var(--fg-1);font-weight:var(--fw-medium);margin-bottom:4px}.tmpl-g__slider-track{position:relative;height:6px;background:var(--bg-surface-2);border-radius:999px;cursor:pointer;touch-action:none}.tmpl-g__slider-fill{position:absolute;inset:0 auto 0 0;background:var(--brand-accent);border-radius:999px}.tmpl-g__slider-thumb{position:absolute;top:50%;width:18px;height:18px;background:#fff;border:2px solid var(--brand-accent);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0006}.tmpl-g__slider-target{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--fg-3);opacity:.55;pointer-events:none}.tmpl-g__slider-value{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--fg-1);text-align:right;font-variant-numeric:tabular-nums}.tmpl-g__slider-value-target{font-family:var(--font-mono);font-size:var(--fs-3xs);color:var(--fg-4);text-align:right;margin-top:2px}.tmpl-g__sum{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-3);padding:6px 10px;background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius-sm)}.tmpl-g__sum b{font-family:var(--font-display);color:var(--color-success);font-weight:var(--fw-bold);font-size:var(--fs-md)}.tmpl-g__sum--off b{color:var(--color-warning)}.tmpl-g__chart{position:relative;width:100%;height:160px;background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius);overflow:hidden}.tmpl-g__chart-frame{display:block;width:100%;height:100%}.tmpl-g__chart-axis{font-family:var(--font-mono);font-size:9px;fill:var(--fg-4);letter-spacing:.05em}.tmpl-g__chart-grid line{stroke:var(--border-1);stroke-width:1}.tmpl-g__chart-target{stroke:var(--fg-3);stroke-width:1;stroke-dasharray:3 3;opacity:.7}.tmpl-g__legend{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tmpl-g__legend-item{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.05em;color:var(--fg-3)}.tmpl-g__legend-swatch{width:12px;height:12px;border-radius:var(--radius-xs)}.tmpl-g__legend-num{font-family:var(--font-display);color:var(--fg-1);font-weight:var(--fw-semibold);margin-left:2px;font-size:var(--fs-xs)}.tmpl-f__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.tmpl-f__layout--single{grid-template-columns:1fr}.tmpl-f__view{position:relative;background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius);padding:var(--space-3)}.tmpl-f__view-label{position:absolute;top:8px;left:12px;font-family:var(--font-mono);font-size:var(--fs-3xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--fg-4)}.tmpl-f__view-toggle{position:absolute;top:6px;right:6px;display:inline-flex;background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-pill);padding:2px;gap:2px}.tmpl-f__view-toggle button{font-family:var(--font-mono);font-size:var(--fs-3xs);letter-spacing:.04em;background:transparent;color:var(--fg-3);border:none;border-radius:var(--radius-pill);padding:4px 10px;cursor:pointer;transition:var(--transition)}.tmpl-f__view-toggle button[aria-pressed=true]{background:var(--brand-accent);color:var(--fg-on-accent)}.tmpl-f__svg{display:block;width:100%;height:auto;max-height:480px;margin:0 auto}.tmpl-f__zone{fill:var(--bg-card);stroke:var(--border-2);stroke-width:.5;cursor:pointer;transition:fill var(--duration) var(--ease-snap)}.tmpl-f__zone:hover{fill:var(--bg-card-hover);stroke:var(--brand-accent)}.tmpl-f__zone--selected{fill:var(--brand-accent);stroke:var(--brand-accent)}.tmpl-f__zone--selected:hover{fill:var(--brand-accent-hover)}.tmpl-f__zone--int-1{fill:#8b85ff59}.tmpl-f__zone--int-2{fill:#3ee0a066}.tmpl-f__zone--int-3{fill:#ffb9448c}.tmpl-f__zone--int-4{fill:#ff8a4aa6}.tmpl-f__zone--int-5{fill:#ff5566bf}.tmpl-f__zone-label{font-family:var(--font-mono);font-size:5px;fill:var(--fg-2);pointer-events:none;letter-spacing:.05em;text-anchor:middle}.tmpl-f__outline{fill:#ffffff05;stroke:var(--border-1);stroke-width:.8;pointer-events:none}.tmpl-f__list{display:flex;flex-direction:column;gap:var(--space-2)}.tmpl-f__list-empty{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-4);letter-spacing:.05em;text-transform:uppercase;text-align:center;padding:var(--space-3);background:var(--bg-surface-2);border:1px dashed var(--border-1);border-radius:var(--radius)}.tmpl-f__list-item{display:grid;grid-template-columns:12px 110px 1fr 36px 24px;align-items:center;gap:var(--space-2);padding:6px 10px;background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius-sm)}.tmpl-f__list-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-accent)}.tmpl-f__list-name{font-size:var(--fs-sm);color:var(--fg-1);font-weight:var(--fw-medium)}.tmpl-f__list-side{font-family:var(--font-mono);font-size:var(--fs-3xs);color:var(--fg-4);margin-left:4px}.tmpl-f__list-slider{position:relative;height:6px;background:var(--bg-card);border-radius:999px;border:1px solid var(--border-1);cursor:pointer}.tmpl-f__list-slider-fill{position:absolute;inset:0 auto 0 0;background:var(--brand-accent);border-radius:999px}.tmpl-f__list-slider-thumb{position:absolute;top:50%;width:14px;height:14px;background:#fff;border:2px solid var(--brand-accent);border-radius:50%;transform:translate(-50%,-50%)}.tmpl-f__list-value{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--fg-1);text-align:right;font-variant-numeric:tabular-nums}.tmpl-f__list-remove{background:transparent;border:none;color:var(--fg-4);cursor:pointer;font-size:14px;line-height:1;padding:4px;border-radius:var(--radius-xs);transition:var(--transition)}.tmpl-f__list-remove:hover{color:var(--color-danger);background:var(--color-danger-soft)}.tmpl-f__heat-legend{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-3xs);letter-spacing:.05em;color:var(--fg-3);text-transform:uppercase}.tmpl-f__heat-bar{flex:1;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--bg-card) 0%,rgba(139,133,255,.35) 20%,rgba(62,224,160,.4) 40%,rgba(255,185,68,.55) 60%,rgba(255,138,74,.65) 80%,rgba(255,85,102,.75) 100%)}.tmpl-f__symmetry{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-xs)}.tmpl-f__symmetry-l,.tmpl-f__symmetry-r{display:flex;align-items:baseline;gap:4px}.tmpl-f__symmetry-r{justify-content:flex-end}.tmpl-f__symmetry-num{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-lg);color:var(--fg-1)}.tmpl-f__symmetry-side{font-size:var(--fs-3xs);color:var(--fg-4);letter-spacing:.06em;text-transform:uppercase}.tmpl-f__symmetry-divider{width:1px;height:24px;background:var(--border-1)}.tmpl-f__symmetry--asym .tmpl-f__symmetry-num{color:var(--color-warning)}.tmpl-d__streak{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-success-soft);border:1px solid var(--color-success);border-radius:var(--radius)}.tmpl-d__streak--bad{background:var(--color-danger-soft);border-color:var(--color-danger)}.tmpl-d__streak-num{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-3xl);color:var(--color-success);line-height:1;font-variant-numeric:tabular-nums}.tmpl-d__streak--bad .tmpl-d__streak-num{color:var(--color-danger)}.tmpl-d__streak-text{font-size:var(--fs-sm);color:var(--fg-2);line-height:var(--lh-snug);text-align:right}.tmpl-d__streak-text b{color:var(--fg-1);font-weight:var(--fw-semibold)}.tmpl-d__heat-legend{display:flex;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-3xs);color:var(--fg-3);letter-spacing:.05em;text-transform:uppercase}.tmpl-d__heat-legend-item{display:inline-flex;align-items:center;gap:6px}.page{width:100%;max-width:420px;margin:0 auto;background:var(--bg-app);background-image:radial-gradient(circle at 1px 1px,var(--grid-color) 1px,transparent 0);background-size:var(--grid-size) var(--grid-size);display:flex;flex-direction:column;min-height:720px}.page--inline{border:1px solid var(--border-1);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow)}.page__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-1);background:var(--bg-card);position:sticky;top:0;z-index:10}.page__back{width:36px;height:36px;background:transparent;border:none;color:var(--fg-2);font-size:18px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.page__back:hover{background:var(--bg-card-hover);color:var(--fg-1)}.page__title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-xl);letter-spacing:var(--tracking-tight);color:var(--fg-1);margin:0;flex:1}.page__title-sub{font-family:var(--font-mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--fg-4);margin-top:2px}.page__header-action{background:transparent;border:1px solid var(--border-1);color:var(--fg-2);border-radius:var(--radius-sm);padding:6px 10px;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.04em;cursor:pointer;transition:var(--transition)}.page__header-action:hover{border-color:var(--brand-accent);color:var(--brand-accent)}.page__content{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto}.page__sticky-foot{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--border-1);background:var(--bg-card);display:flex;gap:var(--space-2)}.page__sticky-foot .btn{flex:1}.quota{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:8px}.quota__row{display:flex;justify-content:space-between;align-items:baseline}.quota__label{font-family:var(--font-mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--fg-4)}.quota__count{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-2xl);color:var(--fg-1);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.quota__count span{color:var(--fg-3);font-weight:var(--fw-regular);font-size:.7em;margin-left:2px}.quota__bar{height:6px;background:var(--bg-surface-2);border-radius:999px;overflow:hidden}.quota__bar-fill{height:100%;background:var(--brand-accent);border-radius:999px;transition:width var(--duration) var(--ease-glide)}.quota__bar-fill--full{background:var(--color-warning)}.quota__upgrade{font-size:var(--fs-xs);color:var(--fg-3)}.quota__upgrade a,.quota__upgrade button{color:var(--brand-accent);text-decoration:none;font-weight:var(--fw-medium);background:transparent;border:none;padding:0;cursor:pointer}.metric-card{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);cursor:pointer;transition:var(--transition)}.metric-card:hover{background:var(--bg-card-hover);border-color:var(--border-2)}.metric-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.metric-card__name{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-md);color:var(--fg-1);letter-spacing:var(--tracking-tight);margin:0;display:flex;align-items:center;gap:6px}.metric-card__family-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.metric-card__family-dot--logique{background:var(--agent-logique)}.metric-card__family-dot--biometrie{background:var(--agent-biometrie)}.metric-card__family-dot--interaction{background:var(--agent-interaction)}.metric-card__meta{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-4);letter-spacing:.05em;text-transform:uppercase}.metric-card__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:center}.metric-card__value{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-4xl);color:var(--fg-1);line-height:1;letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.metric-card__unit{color:var(--fg-3);font-size:.45em;margin-left:2px;font-weight:var(--fw-regular)}.metric-card__delta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-3);margin-top:4px}.metric-card__delta--up{color:var(--color-success)}.metric-card__delta--down{color:var(--color-danger)}.metric-card__spark{width:100%;height:36px}.metric-card__cta{font-family:var(--font-mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--brand-accent);padding:8px 12px;background:var(--tint-accent-10);border:1px solid var(--brand-accent);border-radius:var(--radius-sm);text-align:center;cursor:pointer;margin-top:4px}.metric-card__cta:hover{background:var(--tint-accent-15)}.metric-card__done{font-family:var(--font-mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-success);padding:8px 12px;background:var(--color-success-soft);border:1px solid var(--color-success);border-radius:var(--radius-sm);text-align:center;margin-top:4px}.wizard-steps{display:flex;gap:var(--space-2);align-items:center}.wizard-step{flex:1;display:flex;flex-direction:column;gap:4px;cursor:pointer}.wizard-step__num{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-4);letter-spacing:.06em}.wizard-step__bar{height:3px;background:var(--border-1);border-radius:999px;transition:var(--transition)}.wizard-step--active .wizard-step__num{color:var(--brand-accent)}.wizard-step--active .wizard-step__bar{background:var(--brand-accent)}.wizard-step--done .wizard-step__bar{background:var(--color-success)}.wizard-step__title{font-size:var(--fs-sm);color:var(--fg-2);font-weight:var(--fw-medium)}.wizard-step--active .wizard-step__title{color:var(--fg-1)}.tpl-picker{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.tpl-picker__card{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius);padding:var(--space-3);cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;gap:6px}.tpl-picker__card:hover{border-color:var(--border-2);background:var(--bg-card-hover)}.tpl-picker__card--active{border-color:var(--brand-accent);background:var(--tint-accent-10)}.tpl-picker__letter{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-4xl);color:var(--brand-accent);line-height:1}.tpl-picker__name{font-size:var(--fs-sm);color:var(--fg-1);font-weight:var(--fw-semibold)}.tpl-picker__desc{font-size:var(--fs-2xs);color:var(--fg-3);line-height:1.3}.reco-group{display:flex;flex-direction:column;gap:var(--space-2)}.reco-group__title{font-family:var(--font-mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--fg-4);display:flex;align-items:center;gap:8px;padding:var(--space-3) var(--space-1) var(--space-1)}.reco-group__title-count{margin-left:auto;font-family:var(--font-mono);color:var(--fg-3)}.reco-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.reco-row:hover{border-color:var(--border-2);background:var(--bg-card-hover)}.reco-row--selected{border-color:var(--brand-accent);background:var(--tint-accent-10)}.reco-row__check{width:20px;height:20px;border:2px solid var(--border-2);border-radius:var(--radius-xs);display:inline-flex;align-items:center;justify-content:center;color:transparent;font-size:14px;font-weight:var(--fw-bold);transition:var(--transition)}.reco-row--selected .reco-row__check{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}.reco-row__name{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg-1)}.reco-row__desc{font-size:var(--fs-2xs);color:var(--fg-3);margin-top:2px}.reco-row__badge{font-family:var(--font-mono);font-size:var(--fs-3xs);background:var(--bg-surface-2);color:var(--fg-3);padding:2px 6px;border-radius:var(--radius-xs);letter-spacing:.04em;border:1px solid var(--border-1)}.filter-bar{display:flex;gap:6px;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-pill);color:var(--fg-2);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.04em;cursor:pointer;transition:var(--transition)}.filter-chip:hover{border-color:var(--brand-accent)}.filter-chip--active{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--fg-on-accent)}.saisi-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--tint-accent-10);border:1px solid var(--brand-accent);border-radius:var(--radius)}.saisi-banner__text{flex:1;font-size:var(--fs-sm);color:var(--fg-2)}.saisi-banner__text b{color:var(--fg-1);font-weight:var(--fw-semibold)}.confirm-toast{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a1feb;border-radius:var(--radius-xl);animation:fade-in .32s var(--ease-glide)}.confirm-toast__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.confirm-toast__check{width:64px;height:64px;border-radius:50%;background:var(--color-success);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:var(--fw-bold);animation:pop .32s var(--ease-glide)}.confirm-toast__msg{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-xl);color:var(--fg-1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.5)}60%{transform:scale(1.15)}to{transform:scale(1)}}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:flex-end;justify-content:center;border-radius:inherit}.modal-sheet{background:var(--bg-app);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);width:100%;max-height:96%;overflow-y:auto;display:flex;flex-direction:column}.modal-sheet__handle{width:40px;height:4px;background:var(--border-2);border-radius:999px;margin:10px auto 0}