.density-at-depth,.gas-at-depth,.low_cdi{background:#028a0f14;color:#028a0f;padding:var(--space-md, 12px);border-radius:var(--radius-sm, 6px);border-left:4px solid #028A0F;margin:var(--space-sm, 8px) 0;font-size:var(--text-sm, .875rem);display:flex;align-items:center;gap:var(--space-sm, 8px);animation:statusSlideIn .3s cubic-bezier(.16,1,.3,1)}.density-at-depth:before,.gas-at-depth:before,.low_cdi:before{content:"✓";font-weight:700;color:#028a0f;font-size:1.1em;flex-shrink:0}.density-at-depth-warn,.medium_cdi,.he-jump-limit{background:#c2740014;color:#b36b00;padding:var(--space-md, 12px);border-radius:var(--radius-sm, 6px);border-left:4px solid #c27400;margin:var(--space-sm, 8px) 0;font-size:var(--text-sm, .875rem);display:flex;align-items:center;gap:var(--space-sm, 8px);animation:statusSlideIn .3s cubic-bezier(.16,1,.3,1)}.density-at-depth-warn:before,.he-jump-limit:before{content:"⚠";font-size:1.1em;flex-shrink:0}.density-at-depth-danger,.gas-at-depth-danger,.high_gap,.he-jump-danger,.high_cdi{background:#c0392b14;color:#c0392b;padding:var(--space-md, 12px);border-radius:var(--radius-sm, 6px);border-left:4px solid #c0392b;margin:var(--space-sm, 8px) 0;font-size:var(--text-sm, .875rem);display:flex;align-items:center;gap:var(--space-sm, 8px);animation:statusSlideIn .3s cubic-bezier(.16,1,.3,1)}.gas-at-depth-danger:before,.high_gap:before{content:"☠";font-size:1.1em;flex-shrink:0}.density-at-depth-danger:before,.he-jump-danger:before{content:"☢";font-size:1.1em;flex-shrink:0}.low_gap{background:#05274b0f;color:var(--text-secondary);padding:var(--space-md, 12px);border-radius:var(--radius-sm, 6px);border-left:4px solid var(--color-deep, #05274b);margin:var(--space-sm, 8px) 0;font-size:var(--text-sm, .875rem)}td.ok,.ok{color:#008a0f!important;font-weight:700}td.warn,.warn{color:#cc7a00!important;font-weight:700;background:#cc7a001a!important}td.ko,.ko{color:#c00!important;font-weight:700;background:#cc000014!important}[data-theme=dark] td.ok,[data-theme=dark] .ok{color:#0f8!important;background:transparent!important}[data-theme=dark] td.warn,[data-theme=dark] .warn{color:#fc0!important;background:#fc03!important}[data-theme=dark] td.ko,[data-theme=dark] .ko{color:#f44!important;background:#ff444440!important}[data-theme=dark] .density-at-depth,[data-theme=dark] .gas-at-depth,[data-theme=dark] .low_cdi{background:#0d9f6e1f;color:#5cdb95;border-left-color:#0d9f6e}[data-theme=dark] .density-at-depth:before,[data-theme=dark] .gas-at-depth:before,[data-theme=dark] .low_cdi:before{color:#0d9f6e}[data-theme=dark] .density-at-depth-warn,[data-theme=dark] .medium_cdi,[data-theme=dark] .he-jump-limit{background:#d4880f1f;color:#f0c040;border-left-color:#d4880f}[data-theme=dark] .density-at-depth-danger,[data-theme=dark] .gas-at-depth-danger,[data-theme=dark] .high_gap,[data-theme=dark] .he-jump-danger,[data-theme=dark] .high_cdi{background:#c0392b26;color:#ff6b6b;border-left-color:#c0392b}[data-theme=dark] .low_gap{background:#05274b66;color:var(--text-secondary)}@keyframes statusSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.density-at-depth-warn,.density-at-depth,.density-at-depth-danger,.gas-at-depth,.gas-at-depth-danger,.low_cdi,.medium_cdi,.high_cdi,.low_gap,.high_gap,.he-jump-limit,.he-jump-danger{padding:var(--space-sm, 8px) var(--space-md, 12px);font-size:var(--text-sm, .85em);margin:var(--space-sm, 8px) 0}}.styled-table{border-collapse:collapse;font-size:clamp(12px,3vw,16px);font-family:var(--font-mono, monospace);box-shadow:var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, .5));margin:var(--space-lg, 16px) auto;min-width:100%;display:table;border-radius:var(--radius-md, 10px)}.styled-table thead tr{background:linear-gradient(135deg,var(--color-ocean, #0a3a6b),var(--color-deep, #05274b));color:#fff;text-align:center}.styled-table th{padding:var(--space-md, 12px);font-weight:600;font-size:var(--text-sm, .875rem);letter-spacing:.02em;text-transform:uppercase;color:#fff;font-family:var(--font-display, "Poppins", sans-serif)}.styled-table td{padding:var(--space-sm, 8px) var(--space-md, 12px);text-align:center;color:var(--text-primary, #0f1923)}.styled-table tbody tr{border-bottom:1px solid rgba(96,231,255,.06);transition:background .15s}.styled-table tbody tr:nth-of-type(2n){background:#021a334d}.styled-table tbody tr:hover{background:#2980b91a}.styled-table tbody tr:last-of-type{border-bottom:2px solid var(--color-ocean, #0a3a6b)}.styled-table tbody tr.active-row{font-weight:700;color:var(--color-glow, #60e7ff)}.styled-table tr td:nth-child(6){border-right:1px solid rgba(96,231,255,.15)}.cdi-styled-table{border-collapse:collapse;font-size:clamp(10px,2.5vw,14px);font-family:var(--font-mono, monospace);box-shadow:var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, .5));margin:var(--space-lg, 16px) auto;min-width:100%;display:table;border-radius:var(--radius-md, 10px)}.cdi-styled-table thead tr{background:linear-gradient(135deg,var(--color-ocean, #0a3a6b),var(--color-deep, #05274b));color:#fff;text-align:center}.cdi-styled-table th{padding:var(--space-sm, 8px) var(--space-md, 12px);font-weight:600;font-size:var(--text-xs, .75rem);letter-spacing:.02em;text-transform:uppercase;color:#fff;font-family:var(--font-display, "Poppins", sans-serif)}.cdi-styled-table td{padding:6px 10px;text-align:center;color:var(--text-primary, #0f1923)}.cdi-styled-table tr td:nth-child(3){border-right:1px solid rgba(96,231,255,.15)}.cdi-styled-table tbody tr{border-bottom:1px solid rgba(96,231,255,.06);transition:background .15s}.cdi-styled-table tbody tr:nth-of-type(2n){background:#021a334d}.cdi-styled-table tbody tr:hover{background:#2980b91a}.styled-table caption,.cdi-styled-table caption{font-weight:600;font-size:var(--text-lg, 1.125rem);margin-bottom:var(--space-md, 12px);color:var(--text-accent, #05689c);font-family:var(--font-display, "Poppins", sans-serif)}@media (max-width: 768px){.styled-table,.cdi-styled-table{font-size:clamp(9px,2.2vw,12px);margin:var(--space-md, 12px) auto;display:table;min-width:100%;border-collapse:collapse}.styled-table th,.styled-table td{padding:clamp(3px,1vw,5px);font-size:clamp(9px,2.2vw,12px);text-align:center;width:auto}.cdi-styled-table th,.cdi-styled-table td{padding:clamp(2px,.8vw,4px);font-size:clamp(8px,2vw,11px);text-align:center;width:auto}.styled-table caption,.cdi-styled-table caption{font-size:clamp(.8em,2.5vw,1em);margin-bottom:var(--space-sm, 8px);text-align:center;caption-side:top}.styled-table thead,.cdi-styled-table thead{position:sticky;top:0;z-index:10;background:linear-gradient(135deg,var(--color-ocean, #0a3a6b),var(--color-deep, #05274b))}}@media (min-width: 769px) and (max-width: 1024px){.styled-table,.cdi-styled-table{display:table;min-width:100%}.styled-table{font-size:14px}.cdi-styled-table{font-size:12px}.styled-table th,.styled-table td{padding:6px 10px}.cdi-styled-table th,.cdi-styled-table td{padding:5px 8px}}@media (min-width: 1025px){.styled-table,.cdi-styled-table{display:table}}[data-theme=dark] .styled-table,[data-theme=dark] .cdi-styled-table{box-shadow:0 2px 12px #0000001a}[data-theme=dark] .styled-table tbody tr:nth-of-type(2n),[data-theme=dark] .cdi-styled-table tbody tr:nth-of-type(2n){background:#05274b0a}[data-theme=dark] .styled-table tbody tr:hover,[data-theme=dark] .cdi-styled-table tbody tr:hover{background:#2980b90f}[data-theme=dark] .styled-table tbody tr,[data-theme=dark] .cdi-styled-table tbody tr{border-bottom-color:#05274b14}[data-theme=dark] .styled-table tr td:nth-child(6){border-right-color:#05274b26}[data-theme=dark] .cdi-styled-table tr td:nth-child(3){border-right-color:#05274b26}.container{width:95%;max-width:1400px;margin:0 auto;padding:0 15px}.text-responsive{font-size:clamp(14px,2vw,16px)}.title-responsive{font-size:clamp(1.5rem,4vw,2.5rem)}.subtitle-responsive{font-size:clamp(1.2rem,3vw,1.8rem)}.section-padding{padding:clamp(12px,3vw,20px)}.card-padding{padding:clamp(8px,2vw,15px)}@media (max-width: 768px){.container{width:100%;padding:0 10px}.mobile-only{display:block!important}.desktop-only{display:none!important}.form-container{flex-direction:row;flex-wrap:wrap;gap:var(--space-sm, 8px)}.form-group{width:auto;margin:0}input:not([type=radio]):not([type=checkbox]){width:100%;max-width:100%;box-sizing:border-box}button,.result{width:100%;max-width:100%;min-height:48px;box-sizing:border-box}.card{width:100%;margin:var(--space-sm, 8px) 0;box-sizing:border-box}section{margin-bottom:var(--space-lg, 16px)}.result-details{font-size:var(--text-sm, .85em);padding:var(--space-sm, 8px);overflow-wrap:break-word;word-wrap:break-word}.tips,.tips-details{font-size:var(--text-sm, .85em);padding:var(--space-xs, 4px) var(--space-sm, 8px)}.tuto-info{padding:var(--space-md, 12px);font-size:var(--text-sm, .9em)}.warning{flex-direction:column;align-items:flex-start;padding:var(--space-md, 12px);font-size:var(--text-sm, .85em)}.warning-icon{margin-bottom:var(--space-xs, 4px)}}@media (min-width: 769px) and (max-width: 1024px){.container{width:98%;padding:0 12px}.tablet-only{display:block!important}.form-container{flex-wrap:wrap;gap:var(--space-md, 12px)}.form-group{margin:var(--space-sm, 8px)}section{padding:var(--space-lg, 16px)}.card{padding:var(--space-md, 12px)}button,.result{padding:var(--space-md, 12px) var(--space-xl, 24px)}.warning{padding:var(--space-md, 12px);font-size:var(--text-sm, .88em)}}@media (min-width: 1025px){.mobile-only,.tablet-only{display:none!important}.desktop-only{display:block!important}.container{width:95%}}@media (max-width: 768px) and (orientation: landscape){body{padding:78px calc(env(safe-area-inset-right,0px) + 12px) env(safe-area-inset-bottom,0px) calc(env(safe-area-inset-left,0px) + 12px)}.card{margin:var(--space-sm, 8px) 0}}@media print{.desktop-only,.mobile-only,.tablet-only{display:block!important}body{width:100%;padding:0;background:#fff;color:#000}.no-print{display:none!important}}:root{--color-abyss: #e8edf2;--color-deep: #05274b;--color-ocean: #1a5276;--color-current: #2980b9;--color-shallow: #5dade2;--color-surface: #0577b0;--color-glow: #035e8c;--color-safe: #028A0F;--color-safe-dim: #d4edda;--color-warn: #c27400;--color-warn-dim: #fff3cd;--color-danger: #c0392b;--color-danger-dim: #f8d7da;--color-extreme: #8e1a1a;--surface-page: #edf1f5;--surface-card: rgba(255, 255, 255, .95);--surface-card-solid: #ffffff;--surface-elevated: rgba(255, 255, 255, .98);--surface-input: #ffffff;--surface-hover: rgba(41, 128, 185, .08);--text-primary: #0f1923;--text-secondary: #344859;--text-muted: #5c7085;--text-accent: #05689c;--text-on-accent: #ffffff;--qwik-dark-blue: var(--color-deep);--qwik-light-blue: var(--color-ocean);--qwik-light-purple: var(--color-surface);--qwik-dark-purple: var(--color-current);--theme-red: var(--color-danger);--theme-green: var(--color-safe);--font-display: "Poppins", system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Menlo, monospace;--text-xs: clamp(.7rem, 1.5vw, .75rem);--text-sm: clamp(.8rem, 1.8vw, .875rem);--text-base: clamp(.875rem, 2vw, 1rem);--text-lg: clamp(1rem, 2.5vw, 1.125rem);--text-xl: clamp(1.125rem, 3vw, 1.25rem);--text-2xl: clamp(1.25rem, 3.5vw, 1.5rem);--text-3xl: clamp(1.5rem, 4vw, 2rem);--text-4xl: clamp(2rem, 5vw, 2.5rem);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px rgba(5, 119, 176, .15);--shadow-glow-accent: 0 0 30px rgba(5, 119, 176, .18);--shadow-inset: inset 0 1px 3px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--border-subtle: 1px solid rgba(5, 39, 75, .15);--border-accent: 1px solid rgba(5, 119, 176, .35);--border-focus: 2px solid var(--color-surface);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--glass-bg: rgba(255, 255, 255, .92);--glass-border: 1px solid rgba(5, 39, 75, .12);--glass-blur: blur(16px);--header-bg-from: #ffffff;--header-bg-to: #f0f4f8;--header-border: 1px solid rgba(5, 39, 75, .1);--header-shadow: 0 2px 12px rgba(0, 0, 0, .08);--logo-filter: brightness(0) saturate(100%) invert(15%) sepia(70%) saturate(2000%) hue-rotate(190deg) brightness(.9);--header-text: #05274b;--header-text-stroke: 2px rgba(5, 39, 75, .2);--header-wave-color: #0577b0;--header-btn-bg: rgba(5, 39, 75, .06);--header-btn-border: 1px solid rgba(5, 39, 75, .12);--header-btn-hover: rgba(5, 39, 75, .1);--header-icon-fill: #05274b}[data-theme=dark]{--color-abyss: #021a33;--color-deep: #05274b;--color-ocean: #0a3a6b;--color-current: #1a5276;--color-shallow: #2980b9;--color-surface: #06bdfc;--color-glow: #60e7ff;--color-safe: #0d9f6e;--color-safe-dim: #065f42;--color-warn: #d4880f;--color-warn-dim: #7a4e09;--color-danger: #c0392b;--color-danger-dim: #641e16;--surface-page: #0c1e2f;--surface-card: rgba(10, 25, 47, .7);--surface-card-solid: #0f2940;--surface-elevated: rgba(20, 50, 80, .5);--surface-input: rgba(5, 39, 75, .6);--surface-hover: rgba(41, 128, 185, .15);--text-primary: #e8edf2;--text-secondary: #8eadc4;--text-muted: #5a7a94;--text-accent: #60e7ff;--text-on-accent: #021a33;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(6, 189, 252, .15);--shadow-glow-accent: 0 0 30px rgba(96, 231, 255, .2);--shadow-inset: inset 0 1px 3px rgba(0, 0, 0, .4);--border-subtle: 1px solid rgba(96, 231, 255, .1);--border-accent: 1px solid rgba(6, 189, 252, .3);--glass-bg: rgba(10, 25, 47, .65);--glass-border: 1px solid rgba(96, 231, 255, .12);--logo-filter: none;--header-bg-from: #021a33;--header-bg-to: #05274b;--header-border: 2px solid rgba(6, 189, 252, .2);--header-shadow: 0 2px 20px rgba(0, 0, 0, .4);--header-text: #ffffff;--header-text-stroke: 2px rgba(255, 255, 255, .7);--header-wave-color: #06bdfc;--header-btn-bg: rgba(255, 255, 255, .1);--header-btn-border: 1px solid rgba(255, 255, 255, .2);--header-btn-hover: rgba(255, 255, 255, .2);--header-icon-fill: #ffffff}body{overflow-x:hidden;background-color:var(--surface-page);color:var(--text-primary);font-family:var(--font-body);padding:calc(78px + env(safe-area-inset-top,0px)) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);width:95%;max-width:1400px;margin:0 auto;font-size:var(--text-base);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/media/background.svg);background-size:cover;background-position:center;background-attachment:fixed;opacity:.04;z-index:-1;pointer-events:none}[data-theme=dark] body:before,body[data-theme=dark]:before{opacity:.06}body{transition:background-color .3s ease,color .3s ease}h1{margin:var(--space-lg) 0 var(--space-xl) 0;backface-visibility:hidden;font-family:var(--font-display);background-image:linear-gradient(135deg,var(--color-surface),var(--color-glow));color:transparent;background-clip:text;-webkit-background-clip:text;text-align:center;text-transform:uppercase;font-size:var(--text-3xl);font-weight:700;letter-spacing:.05em}h2{margin:0 0 var(--space-sm) 0;padding:0 0 0 var(--space-md);backface-visibility:hidden;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--text-primary)}section{padding:clamp(12px,3vw,20px);position:relative;margin-bottom:var(--space-lg)}section:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(96,231,255,.25),transparent)}.section-with-border{padding:var(--space-md) var(--space-lg);margin:var(--space-sm);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary)}ul{list-style-type:square;margin:5px 0;padding-left:25px}li{padding:8px 0}li::marker{color:var(--color-surface)}code{font-family:var(--font-mono);font-size:.9em;background-color:var(--surface-input);color:var(--text-accent);padding:2px 6px;border-radius:var(--radius-sm);border-bottom:2px solid rgba(96,231,255,.15)}footer{padding:var(--space-xl) var(--space-lg);text-align:center;font-size:var(--text-xs);color:var(--text-muted);border-top:1px solid rgba(96,231,255,.08);margin-top:var(--space-2xl)}footer a{color:var(--text-accent);text-decoration:none;transition:color var(--duration-fast)}footer a:hover{color:var(--color-glow);text-decoration:underline}button{background:linear-gradient(135deg,var(--color-current),var(--color-ocean));border:0;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:var(--text-base);min-height:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out)}button:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}button:active{transform:translateY(1px) scale(.98);box-shadow:var(--shadow-sm);transition-duration:50ms}form{margin-top:20px}input{display:block;width:clamp(180px,40vw,280px);padding:var(--space-md) var(--space-lg);background:var(--surface-input);border:var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-family:var(--font-body);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}input:focus{outline:none;border-color:var(--color-surface);box-shadow:0 0 0 3px #06bdfc33,var(--shadow-glow)}input::placeholder{color:var(--text-muted)}input[type=radio]{margin:0;float:left;cursor:pointer;width:20px;height:20px;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid var(--color-current);border-radius:var(--radius-full);background:var(--surface-input);position:relative;transition:border-color var(--duration-fast),background var(--duration-fast)}input[type=radio]:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}input[type=radio]:checked{border-color:var(--color-surface);background:radial-gradient(circle,var(--color-surface) 40%,transparent 45%)}input[type=radio]:focus-visible{outline:2px solid var(--color-glow);outline-offset:3px}.error-label{color:#ff6b6b;font-weight:600;font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);background:#c0392b26;border-left:3px solid var(--color-danger);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:var(--space-xs) 0;animation:errorSlideIn .3s var(--ease-out)}@keyframes errorSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.section-label{color:var(--text-primary);font-weight:600;font-size:var(--text-lg);letter-spacing:.02em}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:var(--space-lg);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:var(--space-md);box-sizing:border-box;transition:box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.card:focus-within{border-color:#06bdfc40;box-shadow:var(--shadow-md),var(--shadow-glow)}.card:focus-within .section-label{color:var(--text-accent);transition:color var(--duration-normal)}.result{background:linear-gradient(135deg,var(--color-ocean),var(--color-current));border:var(--glass-border);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-md);color:#fff;cursor:default;font-family:var(--font-display);font-weight:700;font-size:var(--text-2xl);margin-top:var(--space-md);box-shadow:var(--shadow-glow);text-align:center;position:relative;overflow:hidden;animation:resultReveal .4s var(--ease-out)}.result:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(96,231,255,.08),transparent);animation:shimmer 2.5s ease-in-out infinite}@keyframes resultReveal{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.result-details{color:var(--text-secondary);font-size:var(--text-sm);overflow-wrap:break-word;word-wrap:break-word;padding:var(--space-sm) 0;line-height:1.6}.form-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.form-group{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;min-height:44px;transition:background var(--duration-fast)}.form-group:hover{background:var(--surface-hover)}.form-group label{cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.highlight{color:var(--text-accent);font-weight:600;padding:1px 4px}.tips-details{color:var(--color-safe);font-style:italic;font-size:var(--text-sm);overflow-wrap:break-word;word-wrap:break-word}.tips{color:var(--color-safe);font-weight:600}.tips-details:before{content:"ℹ";font-family:Arial,sans-serif;margin-right:5px;margin-left:5px}.info-icon{fill:var(--color-surface);width:20px;height:20px;margin-right:var(--space-sm);flex-shrink:0}.tuto-info{text-align:left;font-size:var(--text-xs);margin-left:var(--space-md);padding:var(--space-sm);color:var(--text-muted)}.video-link{color:var(--text-accent);font-weight:600;text-decoration:none;transition:color var(--duration-fast)}.video-link:hover{color:var(--color-glow)}.disclaimer{margin:0 0 var(--space-lg) 0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.5;font-style:italic;text-align:center}main>div>*{animation:pageIn .35s var(--ease-out)}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){body{padding:calc(78px + env(safe-area-inset-top,0px)) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);width:100%;font-size:14px}section{padding:12px}.section-with-border{padding:var(--space-md);margin:var(--space-sm) 2px}.card{padding:var(--space-md);margin:var(--space-sm) 0}input:not([type=radio]):not([type=checkbox]){width:100%;max-width:100%}.form-container{flex-direction:row;flex-wrap:wrap;gap:var(--space-sm)}.form-group{width:auto;justify-content:flex-start}.result{font-size:var(--text-xl);padding:var(--space-md) var(--space-lg);width:100%;box-sizing:border-box}.result-details{font-size:var(--text-sm);padding:var(--space-sm) var(--space-xs)}.tips-details,.tips{font-size:var(--text-sm)}.tuto-info{font-size:var(--text-sm);padding:var(--space-md);margin:var(--space-sm) 0}}@media (min-width: 769px) and (max-width: 1024px){body{padding:calc(78px + env(safe-area-inset-top,0px)) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);width:98%}section{padding:16px}.card{padding:var(--space-md)}.result{font-size:var(--text-2xl);padding:var(--space-md) var(--space-lg)}}@media (min-width: 1025px){body{width:95%}}.install-banner{display:none;position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,var(--color-deep),var(--color-ocean));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:var(--space-lg) var(--space-xl);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0px));align-items:center;justify-content:space-between;gap:var(--space-md);z-index:1001;font-family:var(--font-display);font-size:var(--text-sm);box-shadow:0 -4px 20px #00000080;border-top:1px solid rgba(6,189,252,.15)}.install-banner-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.install-banner button{font-size:var(--text-sm);padding:var(--space-sm) var(--space-xl);background:linear-gradient(135deg,var(--color-surface),var(--color-shallow));color:var(--text-on-accent);font-weight:700;border-radius:var(--radius-full);min-height:40px}.install-banner-close{background:transparent!important;color:#ffffffb3!important;font-size:1.1em;padding:var(--space-xs) var(--space-sm)!important;min-height:auto!important;border-radius:var(--radius-sm)!important}@media (display-mode: standalone){.install-banner{display:none!important}}.update-toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%) translateY(80px);background:linear-gradient(135deg,var(--color-safe),var(--color-deep));color:#fff;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-sm);z-index:1002;opacity:0;pointer-events:none;transition:transform .5s var(--ease-spring),opacity .4s;box-shadow:0 8px 32px #0d9f6e4d}.update-toast.visible{transform:translate(-50%) translateY(0);opacity:1}@media (max-width: 768px) and (orientation: landscape){body{padding:78px calc(env(safe-area-inset-right,0px) + 12px) env(safe-area-inset-bottom,0px) calc(env(safe-area-inset-left,0px) + 12px)}.card{margin:6px 0;padding:var(--space-sm)}}@media (hover: none) and (pointer: coarse){button:active,.card:active{transform:scale(.97);transition:transform 50ms}}