@font-face{font-family:Manrope;src:url(./assets/fonts/Manrope.ttf) format("truetype");font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--ink:#101f32;--paper:#fff6ee;--coral:#ff785e;--heat:.455;--line:rgba(255,246,238,.28)}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bcecf8;outline-offset:5px}[hidden]{display:none!important}
.page{min-height:100svh;position:relative;overflow:hidden;background:linear-gradient(106deg,#101f32 0%,#15293b 32%,#55444b 59%,#be6459 79%,#ff8266 100%)}.page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 50%,rgba(255,142,105,.34),transparent 64%);pointer-events:none}.wrap{max-width:1500px;margin:auto;padding:0 6vw;position:relative;z-index:2}header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:29px;font-weight:800;letter-spacing:.16em;text-decoration:none}.wordmark small{font-size:10px;vertical-align:top;letter-spacing:0}nav{display:flex;gap:3px;background:#182b3d;border-radius:5px;padding:0 4px}nav button{border:0;background:transparent;color:var(--paper);font-size:12px;font-weight:700;min-width:42px;min-height:42px;opacity:.7}nav button[aria-pressed=true]{opacity:1;border-bottom:2px solid currentColor}main{padding:55px 0 38px}.headline{font-size:clamp(35px,4.7vw,70px);font-weight:800;line-height:1.02;letter-spacing:-.04em;max-width:1050px;margin:0 0 38px;text-wrap:balance}.headline span{color:#ffad96}.stage{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.experience{position:relative;padding:4px 0 30px;isolation:isolate}.question{font-size:clamp(18px,1.9vw,27px);letter-spacing:-.02em;font-weight:400;margin:0 0 8px}.temperature{display:flex;align-items:flex-start;font-weight:700;letter-spacing:-.04em;line-height:.98;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:-.04em}.number{font-size:clamp(140px,18vw,258px)}.unit{font-size:clamp(60px,7.5vw,110px);padding-top:.12em;letter-spacing:-.06em}.slider-box{position:relative;margin-top:20px;max-width:540px}.slider-label{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;font-weight:700;letter-spacing:.08em}input[type=range]{appearance:none;width:100%;height:40px;background:transparent;cursor:ew-resize;margin:0;display:block}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:linear-gradient(90deg,#c4efff,#ff9578)}input[type=range]::-moz-range-track{height:4px;background:linear-gradient(90deg,#c4efff,#ff9578)}input[type=range]::-webkit-slider-thumb{appearance:none;width:27px;height:27px;margin-top:-12px;border-radius:50%;background:var(--paper);border:6px solid #233746;box-shadow:0 2px 9px #0006}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:5px solid #233746;border-radius:50%;background:var(--paper)}.hint{font-size:12px;color:#dddfe4;margin-top:21px}.form-side{position:relative;padding:30px 32px;background:rgba(17,28,43,.88);border-radius:16px;box-shadow:0 24px 65px rgba(12,20,32,.19)}.demo{display:flex;gap:8px;align-items:center;font-size:11px;line-height:1.5;color:#d3e6ee;margin:0 0 22px}.demo:before{content:"";width:5px;height:5px;border-radius:50%;background:#b7e5f1;flex:none}.row{display:grid;grid-template-columns:1fr;gap:17px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.field input,.field select{width:100%;height:50px;border:1px solid #7d8896;border-radius:5px;color:var(--paper);background:#1b2b3d;padding:0 13px;min-width:0}.field input[readonly]{color:#c7d0db}.field select{cursor:pointer}option{background:#1b2b3d;color:#fff}.checks{display:grid;gap:13px;margin:20px 0}.check{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.5;color:#e1e7eb}.check input{appearance:none;flex:none;margin:1px 0 0;width:17px;height:17px;background:transparent;border:1px solid #98a9b8;border-radius:3px;cursor:pointer}.check input:checked{background:var(--paper);border-color:var(--paper);box-shadow:inset 0 0 0 4px #26394c}.text-button{border:0;background:none;color:inherit;padding:0;text-decoration:underline;text-underline-offset:3px;font:inherit}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:5px;padding:18px 20px;min-height:58px;background:var(--coral);color:#162133;font-weight:800;font-size:14px;letter-spacing:.06em;transition:background .2s}.submit:hover{background:#ff987e}.submit svg{width:24px;height:24px}.error{color:#ffd1c4;font-size:12px;line-height:1.5;margin:10px 0 0}.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.form-note{font-size:10px;line-height:1.5;text-align:center;color:#c4cfda;margin:14px 0 0}.result h2{font-size:32px;letter-spacing:-.03em;margin:8px 0 22px}.result .eyeline{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#e9b1a1}.result dl{margin:0}.result dl div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--line)}dt{font-size:12px}dd{margin:0;font-size:17px;font-weight:700}.result .missing{font-size:12px;line-height:1.6;color:#cdd9e2}.result .again{margin-top:18px;min-height:44px}.footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0 26px;font-size:10px;color:#f8e1d8;line-height:1.6}.footer-links{display:flex;gap:20px;flex-wrap:wrap;background:#182b3d;border-radius:5px;padding:3px 12px}.footer button{min-height:26px}.motion{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:#d5e5eb;font-size:10px;border:0;background:transparent;padding:5px 0;min-height:32px}.motion svg{width:12px;height:12px}#glass{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.fog{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 30% 40%,rgba(204,231,237,.18),transparent 50%),radial-gradient(ellipse at 87% 65%,rgba(255,235,217,.22),transparent 60%);opacity:calc(.1 + var(--heat)*.9);transition:opacity .5s}dialog{background:#14263a;color:var(--paper);border:1px solid #6e7f8e;border-radius:16px;width:min(580px,calc(100% - 32px));padding:28px;max-height:85svh;overflow:auto}dialog::backdrop{background:#08111cd9}dialog h2{font-size:25px;margin:0 0 18px}dialog p{font-size:14px;line-height:1.65}dialog .close{float:right;border:0;background:transparent;color:inherit;padding:7px;min-width:40px;min-height:40px}dialog .close svg{width:20px;height:20px}.consent-actions{display:flex;flex-wrap:wrap;gap:12px}.consent-actions button{flex:1;min-width:160px;border:1px solid #91a1ad;border-radius:5px;background:transparent;color:var(--paper);padding:14px}.consent-actions button:hover{background:#304459}.consent-state{color:#bce5f3;font-size:12px!important}noscript{display:block;padding:30px}
@media(min-width:1500px){.wrap{padding:0 80px}}@media(max-width:850px){.wrap{padding:0 25px}header{height:79px}.wordmark{font-size:24px}main{padding:36px 0 28px}.headline{font-size:42px;margin-bottom:32px;max-width:680px}.stage{gap:5%}.form-side{padding:24px}.number{font-size:150px}.unit{font-size:63px}.question{font-size:19px}}@media(max-width:650px){.page{background:linear-gradient(108deg,#101f32 0%,#203245 40%,#955455 78%,#ff8266 120%)}.wrap{padding:0 22px}header{height:72px}.wordmark{font-size:21px}nav button{min-width:34px;font-size:10px}.headline{font-size:clamp(31px,8.5vw,48px);margin-bottom:24px;max-width:510px}.stage{display:block}.experience{padding-bottom:14px}.question{font-size:18px;margin:0}.number{font-size:clamp(155px,43vw,228px)}.unit{font-size:clamp(65px,18vw,92px)}.temperature{margin-top:8px}.slider-box{margin-top:5px;max-width:none}.hint{margin-top:14px}.motion{margin-top:0}.form-side{padding:23px;margin-top:2px}.demo{margin-bottom:17px}.row{gap:15px}.footer{flex-direction:column;gap:7px;padding-top:18px}.footer-links{gap:17px}.form-note{font-size:11px}.check{font-size:12px}main{padding-top:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Background artwork embedded to preserve offline standalone use. */
.page:before{background-image:linear-gradient(90deg,rgba(8,22,36,.32),rgba(18,25,37,.12) 55%,rgba(104,44,38,.08)),url(./assets/fond-reference.jpg);background-size:cover;background-position:center;opacity:1}
.form-side{background:rgba(17,28,43,.96)}
@media(max-width:650px){.page:before{background-position:48% top}}

/* V3 — composition centrée, chaleur dominante, référence fournie par Thierry. */
.page{background:#341b20}.page:before{background-position:65% center;filter:sepia(.24) saturate(1.8);opacity:.9}
.page:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,25,42,.4),transparent 35%,rgba(221,56,10,.23) 75%,rgba(255,101,22,.46)),radial-gradient(ellipse at 95% 35%,rgba(255,158,53,.36),transparent 60%)}
.wrap{max-width:1300px}header{height:94px}main{padding-top:50px}.headline{text-align:center;max-width:1100px;margin:0 auto 20px;font-size:clamp(38px,5.5vw,76px);line-height:1.04}.headline span{color:#ffa28a}.stage{display:flex;flex-direction:column;gap:0}.experience{width:min(100%,720px);text-align:center;display:flex;flex-direction:column;align-items:center;padding-bottom:14px}.question{font-size:clamp(19px,2.4vw,30px);margin:0 0 23px}.temperature{justify-content:center;margin:0}.number{font-size:clamp(140px,15vw,205px)}.unit{font-size:clamp(58px,6vw,85px)}.slider-box{width:100%;max-width:610px;margin-top:10px}.slider-label{font-size:15px}input[type=range]::-webkit-slider-runnable-track{height:14px;border:1px solid #ffe9dc;background:linear-gradient(90deg,#178bbd 0%,#c9e7e8 35%,#ff8975 62%,#ff391f 100%);border-radius:20px}input[type=range]::-moz-range-track{height:14px;border:1px solid #ffe9dc;border-radius:20px;background:linear-gradient(90deg,#178bbd,#d5e7e9 35%,#ff8975 62%,#ff391f)}input[type=range]::-webkit-slider-thumb{width:39px;height:39px;margin-top:-14px;border:0;background:#fff5eb;box-shadow:0 4px 17px #581e184d}input[type=range]::-moz-range-thumb{width:39px;height:39px;border:0;background:#fff5eb}.hint{margin-top:12px}.motion{margin:0}.form-side{width:min(100%,720px);background:transparent;box-shadow:none;padding:10px 0 30px}.demo{justify-content:center;margin-bottom:16px}.row{grid-template-columns:1fr 1fr;gap:15px}.field label{font-size:12px}.field input,.field select{border:0;background:#fff3ed;color:#17283b;border-radius:28px;height:54px;padding:0 22px}.field input[readonly]{color:#566271}option{background:#fff3ed;color:#17283b}.checks{max-width:620px;margin:19px auto}.check{font-size:12px;color:#fff3ed}.check input{background:#182b3d}.submit{max-width:410px;margin:auto;border-radius:32px;background:#ff7650;color:#251b20;min-height:62px;padding-inline:27px;border:1px solid #ffc1a1}.submit:hover{background:#ff9870}.error{text-align:center}.result{margin-top:15px;background:rgba(18,27,39,.92);padding:25px 32px;border-radius:16px;text-align:center;border:1px solid #b18a7c}.result h2{margin:4px 0 18px;font-size:26px}.result dl div{display:block;border:0;padding:0}.result dt{font-size:14px}.result dd{font-size:65px;color:#ff987a;margin-top:8px}.result .missing{max-width:420px;margin:10px auto;font-size:12px}.result .eyeline{margin:0 0 8px}.footer{margin-top:8px}.form-side:has(#result:not([hidden])){width:min(100%,720px)}
@media(max-width:650px){.page:before{background-position:72% top}.page:after{background:linear-gradient(90deg,rgba(8,23,36,.32),rgba(95,27,18,.13) 45%,rgba(244,78,16,.3))}.wrap{padding:0 20px}header{height:76px}main{padding-top:30px}.headline{font-size:clamp(29px,8vw,48px);margin-bottom:19px}.question{font-size:18px;margin-bottom:17px}.number{font-size:155px}.unit{font-size:66px}.experience{padding-bottom:7px}.slider-box{margin-top:10px}.hint{font-size:11px}.row{grid-template-columns:1fr;gap:12px}.form-side{padding-top:8px}.demo{font-size:10px}.checks{margin:18px 0}.result{padding:24px 18px}.footer{margin-top:0}.form-note{color:#fff3ed}}

/* V4 — bleu électrique incisif, opposition bleu / chaleur. */
:root{--electric:#00b8ff;--ice:#d9f7ff}
.page:before{filter:saturate(1.65) contrast(1.13);opacity:1}
.page:after{background:linear-gradient(90deg,rgba(0,97,184,.28),rgba(0,27,64,.22) 36%,rgba(44,16,20,.1) 57%,rgba(255,65,9,.31)),radial-gradient(ellipse at 0% 55%,rgba(0,178,255,.34),transparent 48%),radial-gradient(ellipse at 100% 36%,rgba(255,104,15,.36),transparent 43%)}
.headline{font-weight:800;letter-spacing:-.035em;text-shadow:0 4px 24px rgba(0,12,32,.45)}
.headline span{color:#fff;background:linear-gradient(90deg,#b8f0ff 4%,#ebfaff 31%,#ffa29f 64%,#ff4936 98%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.temperature{color:#fff;text-shadow:0 4px 32px rgba(199,231,255,.28)}
.wordmark{color:#fff}.wordmark small{color:#00c8ff}
nav{background:rgba(0,24,49,.85)}nav button[aria-pressed=true]{border-color:#00c8ff}
input[type=range]::-webkit-slider-runnable-track{height:17px;background:linear-gradient(90deg,#009cff 0%,#42c6ff 24%,#e3f4ff 45%,#ff8b94 62%,#ff251d 100%);border:1px solid #e9faff;box-shadow:0 4px 20px rgba(0,145,255,.3)}
input[type=range]::-moz-range-track{height:17px;background:linear-gradient(90deg,#009cff,#42c6ff 24%,#e3f4ff 45%,#ff8b94 62%,#ff251d);border:1px solid #e9faff;box-shadow:0 4px 20px rgba(0,145,255,.3)}
input[type=range]::-webkit-slider-thumb{background:#fff;width:43px;height:43px;margin-top:-14px}
input[type=range]::-moz-range-thumb{background:#fff;width:43px;height:43px}
.field input,.field select{background:#f4faff;color:#06253f}.field input[readonly]{color:#52677a}
.submit{background:linear-gradient(110deg,#032c59 0%,#0060a7 58%,#009ee0 100%);color:#fff;border:1px solid #c8f3ff;font-size:16px;letter-spacing:.09em;box-shadow:0 7px 26px rgba(0,148,239,.3);transition:background .2s,box-shadow .2s}
.submit:hover{background:linear-gradient(110deg,#054279,#0076bd 58%,#00a8e6);box-shadow:0 9px 30px rgba(0,167,255,.4)}
.result{border-color:#528bad;background:linear-gradient(115deg,rgba(0,29,51,.96),rgba(32,23,32,.95))}
.check input{border-color:#95cce3}.check input:checked{background:#c9f6ff;box-shadow:inset 0 0 0 4px #006ba0}
@media(max-width:650px){.page:after{background:linear-gradient(90deg,rgba(0,113,186,.28),rgba(0,26,50,.2) 38%,rgba(214,49,8,.24)),radial-gradient(ellipse at 0% 35%,rgba(0,177,255,.25),transparent 52%)}.submit{font-size:15px}}

/* V5 — measured composition from the supplied concours v3 reference. */
.page:before{filter:none;opacity:1;background-position:center top;background-size:cover}
.page:after{background:linear-gradient(90deg,rgba(0,15,27,.08),rgba(2,14,27,.12) 48%,transparent)}
.wrap{max-width:1180px;padding:0 4.8%}header{height:104px;border:0;gap:20px}.wordmark{display:flex;flex-direction:column;gap:4px;letter-spacing:0}.brand-name{font-size:37px;font-weight:800;line-height:1;letter-spacing:-.04em}.brand-name span{font-weight:200;color:#00d7ff;margin-left:5px}.brand-line{font-size:11px;letter-spacing:.3em;font-weight:600}.reference-nav{display:flex;gap:26px;margin-left:auto;align-items:center}.reference-nav a,.reference-nav button{font-size:10px;font-weight:700;color:#fff;text-decoration:none;background:none;border:0;padding:10px 0}.reference-nav a{border-bottom:1px solid white}nav{background:none;padding:0}nav button{font-size:11px;min-width:31px}nav button[aria-pressed=true]{border:0}
main{padding-top:32px}.swiss-mark{width:80px;height:65px;margin:0 auto 18px;filter:drop-shadow(0 3px 15px #ff241c77)}.swiss-mark svg{width:100%;height:100%}.headline{font-size:clamp(36px,6.5vw,72px);line-height:.98;letter-spacing:-.03em;margin-bottom:18px;text-shadow:none}.headline span{background:linear-gradient(90deg,#c7f1ff,#e9d9ef 38%,#ffaaa5 66%,#ff5043);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.question{font-size:clamp(19px,2.85vw,31px);margin-bottom:38px}.experience{width:100%;padding-bottom:0}.temperature{line-height:.92;margin:0}.number{font-size:155px}.unit{font-size:69px;padding-top:.07em}.slider-box{max-width:554px;margin-top:10px}.slider-label{font-size:19px;margin-top:5px}.hint{display:none}.motion{position:absolute;right:0;bottom:-115px;font-size:9px;opacity:.8}.form-side{width:604px;max-width:100%;padding-top:37px}.demo{font-size:9px;margin:0 0 8px;opacity:.8}.row{gap:15px}.field label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.field{position:relative}.field:before{position:absolute;left:20px;top:18px;width:19px;height:19px;content:"";background:#082343;clip-path:polygon(50% 0,83% 14%,100% 42%,88% 67%,50% 100%,12% 67%,0 42%,17% 14%)}.field:last-child:before{clip-path:none;background:none;border:1.5px solid #082343;border-radius:2px;height:13px;top:19px}.field input,.field select{height:52px;padding-left:50px;background:#f6f6f7;color:#081d3c;font-size:14px;font-weight:600}.checks{margin:18px auto 24px;gap:10px;padding:0 20px}.check{font-size:12px}.submit{max-width:380px;height:64px;justify-content:center;gap:25px;font-size:17px;letter-spacing:.1em;background:linear-gradient(105deg,#00213e,#005d99 62%,#00a5dc);border:1.5px solid #d0f0ff}.submit svg{width:25px}.form-note{font-size:9px;opacity:.8}.result{margin-top:30px;background:linear-gradient(110deg,rgba(4,34,52,.9),rgba(48,34,38,.78));padding:30px;border:1px solid #7897a8;border-radius:20px}.footer{margin-top:30px;padding:27px 0}.footer-links{background:none}
@media(max-width:800px){.reference-nav{gap:12px}.reference-nav a,.reference-nav button{font-size:9px}.brand-name{font-size:30px}.brand-line{font-size:9px}}
@media(max-width:650px){.wrap{padding:0 20px}header{height:88px;gap:8px}.brand-name{font-size:29px}.brand-line{font-size:8px}.reference-nav{display:none}nav{margin-left:auto}nav button{min-width:28px;font-size:10px}main{padding-top:20px}.swiss-mark{width:59px;height:49px;margin-bottom:18px}.headline{font-size:clamp(28px,7.8vw,46px);line-height:1.04}.question{font-size:19px;margin-bottom:28px}.number{font-size:141px}.unit{font-size:59px}.slider-box{margin-top:14px}.slider-label{font-size:15px}.form-side{padding-top:30px}.row{grid-template-columns:1fr}.checks{padding:0;margin-top:19px}.motion{position:static;margin-top:9px}.submit{font-size:15px}.page:after{background:rgba(0,15,30,.1)}}

/* V6 — question prioritaire, canton révélé au changement. */
header{position:relative}.header-swiss{position:absolute;left:50%;top:32px;transform:translateX(-50%);width:32px;height:32px}.header-swiss svg{width:100%;height:100%;display:block}.reference-nav{gap:17px}.question{font-size:clamp(34px,4.8vw,62px);line-height:1.12;letter-spacing:-.035em;font-weight:800;text-align:center;max-width:960px;margin:8px auto 20px;text-wrap:balance;color:white;text-shadow:0 3px 20px #041727}.headline{font-size:clamp(15px,1.9vw,24px);font-weight:500;letter-spacing:.025em;line-height:1.4;margin:0 auto 35px;max-width:none}.headline br{display:none}.headline span:before{content:' '}.headline span{background:none;color:#ffb3a8;-webkit-text-fill-color:currentColor}.temperature{margin-top:4px}.select-flag{position:absolute;left:18px;top:13px;width:27px;height:27px;object-fit:contain;pointer-events:none}.field.has-flag:before{display:none}.canton-preview{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:17px 19px;margin-top:16px;background:rgba(3,25,43,.92);border:1px solid #618093;border-radius:14px}.canton-preview img{width:40px;height:40px;object-fit:contain}.canton-preview h2{font-size:18px;margin:0 0 4px}.canton-preview p{font-size:12px;margin:0;color:#d9e5ef}.canton-preview strong{font-size:29px;white-space:nowrap;color:#ffad9e}.canton-preview .canton-unverified{grid-column:1/-1;font-size:11px;line-height:1.5}.form-side{padding-top:26px}
@media(max-width:1050px) and (min-width:651px){.header-swiss{left:43%}.reference-nav{gap:9px}}
@media(max-width:650px){.header-swiss{top:30px;width:25px;height:25px;left:51%}.brand-name{font-size:25px}.brand-line{font-size:7px}nav button{min-width:25px;font-size:9px}main{padding-top:19px}.question{font-size:clamp(30px,8.3vw,44px);margin:0 auto 17px}.headline{font-size:14px;margin-bottom:27px;max-width:310px}.canton-preview{padding:14px;gap:10px}.canton-preview strong{font-size:26px}}

/* V7 — température : fraîcheur claire → chaleur sombre. */
.page:before{filter:brightness(calc(1.38 - var(--heat)*.78)) saturate(calc(.8 + var(--heat)*.75));transition:filter .25s linear}
.page:after{background:linear-gradient(100deg,rgba(84,203,255,calc(.28 - var(--heat)*.28)),rgba(74,7,8,calc(var(--heat)*.36))),linear-gradient(0deg,rgba(30,0,4,calc(var(--heat)*.43)),rgba(1,22,40,.08));transition:background .25s linear}
.fog{opacity:calc(.35 - var(--heat)*.22)}
input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#e4faff 0%,#a5dfff 24%,#e59989 48%,#b13429 72%,#39040a 100%);border-color:#d9f3ff}
input[type=range]::-moz-range-track{background:linear-gradient(90deg,#e4faff 0%,#a5dfff 24%,#e59989 48%,#b13429 72%,#39040a 100%);border-color:#d9f3ff}
.question{text-shadow:0 2px 16px #001122,0 1px 3px #001122}.headline,.slider-label{text-shadow:0 2px 7px #001522}
@media(prefers-reduced-motion:reduce){.page:before,.page:after{transition:none}}

/* V8 — composition compacte, canton et action sur une même ligne. */
header{height:82px}.header-swiss{top:25px}main{padding-top:12px;padding-bottom:15px}.question{font-size:clamp(32px,4vw,52px);max-width:900px;margin:0 auto 10px}.headline{font-size:18px;margin-bottom:16px}.number{font-size:132px}.unit{font-size:58px}.slider-box{margin-top:6px;max-width:554px}.slider-label{font-size:15px;margin-top:0}.form-side{width:690px;padding-top:17px;padding-bottom:12px}.demo{margin-bottom:8px}.field input,.field select{height:48px}.select-flag{top:11px}.field:before{top:15px}.field:last-child:before{top:17px}.checks{margin:12px auto 15px;padding:0;gap:8px}.check{font-size:11px}.action-row{display:flex;align-items:stretch;gap:14px}.action-row .submit{flex:1;max-width:none;min-height:65px;height:auto;margin:0;font-size:14px;gap:16px;padding:15px 20px;border-radius:15px}.action-row .canton-preview{flex:1;margin:0;padding:12px 14px;grid-template-columns:32px 1fr auto;gap:7px 10px;border-radius:15px}.canton-preview img{width:30px;height:34px}.canton-preview h2{font-size:16px;margin-bottom:3px}.canton-preview p{font-size:10px}.canton-preview strong{font-size:25px}.canton-preview .canton-unverified{font-size:10px;line-height:1.3}.action-row:not(:has(.canton-preview:not([hidden]))) .submit{max-width:380px;margin:auto;min-height:54px;border-radius:30px}.form-note{margin-top:9px}.footer{margin-top:8px;padding:15px 0 18px}
@media(min-width:851px) and (max-height:850px){header{height:72px}.header-swiss{top:20px}main{padding-top:5px}.question{font-size:43px;max-width:970px}.headline{font-size:16px;margin-bottom:9px}.number{font-size:112px}.unit{font-size:49px}.form-side{padding-top:12px}.footer{padding-top:10px}.slider-label{font-size:13px}}
@media(max-width:650px){header{height:72px}.header-swiss{top:24px}main{padding-top:13px}.question{font-size:clamp(27px,7.6vw,37px);margin-bottom:9px}.headline{font-size:12px;margin-bottom:15px}.number{font-size:112px}.unit{font-size:49px}.slider-box{margin-top:5px}.slider-label{font-size:13px}.form-side{padding-top:15px}.row{gap:10px}.field input,.field select{height:45px}.select-flag{top:9px}.field:last-child:before{top:15px}.checks{margin:12px 0;gap:8px}.check{font-size:10px}.action-row{gap:8px}.action-row .canton-preview{padding:10px;grid-template-columns:25px 1fr;gap:5px 7px}.canton-preview img{width:25px;height:28px}.canton-preview h2{font-size:13px}.canton-preview strong{grid-column:1/-1;font-size:23px}.canton-preview .canton-unverified{font-size:9px}.action-row .submit{flex:0 0 43%;padding:13px 9px;font-size:11px;letter-spacing:.04em;gap:7px}.submit svg{width:18px}.form-note{font-size:9px}.footer{font-size:9px;gap:5px;padding:12px 0}.footer-links{gap:13px;padding:0}}

/* V9 — bouton immédiatement sous le canton. */
.action-row{flex-direction:column;gap:9px}.action-row .canton-preview{flex:auto;grid-template-columns:32px 1fr auto}.action-row .submit{flex:auto;width:100%;min-height:52px;border-radius:26px}.action-row .canton-preview strong{grid-column:auto}.action-row:not(:has(.canton-preview:not([hidden]))) .submit{max-width:none}
@media(max-width:650px){.action-row{gap:8px}.action-row .canton-preview{grid-template-columns:28px 1fr auto;padding:10px 12px}.action-row .canton-preview strong{grid-column:auto;font-size:25px}.action-row .submit{flex:auto;min-height:49px;font-size:13px;padding:12px 18px}.canton-preview .canton-unverified{grid-column:1/-1}}

/* V10 — en-tête réduit et langue automatique. */
header{height:66px}.header-swiss{top:19px}.brand-line{display:none}
@media(max-width:650px){header{height:57px}.header-swiss{top:16px}.brand-name{font-size:26px}main{padding-top:8px}}

/* V11 — 12.10.2026 · drapeau à gauche du logo, champs et cases en verre propre, encart canton vivant. */
header{display:flex;align-items:center;justify-content:flex-start}.brand{display:flex;align-items:center;gap:14px}.header-swiss{position:static;transform:none;left:auto;top:auto;width:30px;height:30px;flex:none;display:block;border-radius:4px;overflow:hidden;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.wordmark{gap:0}
.field{position:relative}.field:before,.field:last-child:before{content:none;display:none}
.field-icon{position:absolute;left:19px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#0b2c50;pointer-events:none;transition:opacity .15s}
.field-chevron{position:absolute;right:17px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#0b2c50;pointer-events:none}
.field input,.field select{height:56px;border-radius:28px;background:rgba(255,255,255,.94);color:#081d3c;font-size:15px;font-weight:600;padding:0 20px 0 52px;border:1px solid rgba(255,255,255,.75);box-shadow:0 10px 30px rgba(2,12,28,.28),inset 0 1px 0 #fff;appearance:none;-webkit-appearance:none;transition:box-shadow .2s,background .2s}
.field select{padding-right:48px;text-overflow:ellipsis}.field input[readonly]{color:#4f6478}
.field:hover select,.field:hover input:not([readonly]){background:#fff}
.field input:focus-visible,.field select:focus-visible{outline:0;background:#fff;box-shadow:0 0 0 4px rgba(0,215,255,.45),0 10px 30px rgba(2,12,28,.28)}
.field.has-flag .field-icon{opacity:0}.select-flag{left:17px;top:50%;transform:translateY(-50%);width:26px;height:26px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.checks{gap:10px;margin:16px auto 18px;padding:0 2px}
.check{gap:12px;font-size:12.5px;line-height:1.55;color:#f3f7fb;cursor:pointer}
.check input{width:22px;height:22px;margin-top:0;border-radius:7px;border:1.5px solid rgba(255,255,255,.72);background:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);position:relative;transition:background .18s,border-color .18s,box-shadow .18s}
.check input:checked{background:linear-gradient(135deg,#0092e0,#00d4ff);border-color:#bff2ff;box-shadow:0 0 0 4px rgba(0,212,255,.22)}
.check input:checked:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23062a46' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
.check input:focus-visible{outline:3px solid #bcecf8;outline-offset:3px}
.check .text-button{color:#bdeeff;font-weight:700;text-decoration-color:rgba(189,238,255,.55);text-underline-offset:3px}.check .text-button:hover{color:#fff}
.action-row{gap:12px}
.action-row .canton-preview{display:grid;grid-template-columns:auto 1fr auto;gap:0 16px;align-items:center;padding:14px 22px 14px 14px;border-radius:24px;background:linear-gradient(135deg,rgba(6,30,52,.8),rgba(14,22,38,.66));backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 48px rgba(1,10,24,.45),inset 0 1px 0 rgba(255,255,255,.14);animation:cp-in .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes cp-in{from{opacity:0;transform:translateY(12px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.canton-preview .cp-flag{width:56px;height:56px;border-radius:17px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.canton-preview .cp-flag img{width:38px;height:38px;object-fit:contain}
.canton-preview .cp-main h2{font-size:21px;font-weight:800;letter-spacing:-.025em;margin:0 0 5px;line-height:1.08;text-wrap:balance}
.canton-preview .cp-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0;font-size:11.5px;color:#c8d8e6;line-height:1.3}
.canton-preview .cp-code{font-weight:800;letter-spacing:.14em;font-size:10.5px;color:#06253f;background:#bdf0ff;padding:3px 8px 3px 9px;border-radius:999px}
.canton-preview .cp-record{opacity:.78}
.canton-preview .cp-threshold{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}
.canton-preview .cp-label{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#ffd3c6;white-space:nowrap}
.action-row .canton-preview .cp-threshold strong{font-size:36px;font-weight:800;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums;color:color-mix(in oklab,#ff4a2e calc(var(--heat)*100%),#c9f3ff);text-shadow:0 0 22px color-mix(in oklab,rgba(255,74,46,.55) calc(var(--heat)*100%),rgba(0,215,255,.35));transition:color .25s linear,text-shadow .25s linear;white-space:nowrap}
.canton-preview .cp-unit{font-size:17px;font-weight:700;letter-spacing:-.02em;margin-left:3px;vertical-align:top;position:relative;top:2px}
.action-row .submit{min-height:58px;border-radius:29px;font-size:15px;letter-spacing:.12em;gap:14px;border:1px solid rgba(208,240,255,.9);box-shadow:0 12px 34px rgba(0,150,240,.38),inset 0 1px 0 rgba(255,255,255,.35);transition:box-shadow .2s,transform .15s,background .2s}
.submit svg{transition:transform .25s cubic-bezier(.2,.8,.2,1)}.submit:hover svg{transform:translateX(5px)}.submit:active{transform:translateY(1px)}
@media(max-width:650px){header{height:60px}.brand{gap:10px}.header-swiss{width:26px;height:26px;top:auto;left:auto}.field input,.field select{height:52px;font-size:14px;padding-left:48px}.field-icon{left:17px;width:18px;height:18px}.select-flag{left:15px;width:24px;height:24px}.check{font-size:12px;gap:10px}.check input{width:20px;height:20px;border-radius:6px}.action-row{gap:10px}.action-row .canton-preview{grid-template-columns:auto 1fr auto;gap:0 12px;padding:12px 16px 12px 12px;border-radius:20px}.canton-preview .cp-flag{width:46px;height:46px;border-radius:14px}.canton-preview .cp-flag img{width:31px;height:31px}.canton-preview .cp-main h2{font-size:17px}.canton-preview .cp-meta{font-size:10.5px}.canton-preview .cp-record{flex-basis:100%}.canton-preview .cp-label{font-size:9px;letter-spacing:.12em}.action-row .canton-preview .cp-threshold strong{font-size:30px}.action-row .submit{min-height:54px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.action-row .canton-preview{animation:none}.submit svg{transition:none}}
/* V11b — sélecteur de langue discret à droite, séparateur de l'encart. */
header nav{display:flex;gap:2px;margin-left:auto;background:rgba(2,18,34,.42);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:3px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
header nav button{border:0;background:transparent;color:#fff;opacity:.68;font-size:11px;font-weight:800;letter-spacing:.08em;min-width:38px;min-height:30px;border-radius:999px;transition:opacity .15s,background .15s}
header nav button:hover{opacity:1}header nav button[aria-pressed=true]{opacity:1;background:#fff;color:#06253f;border:0}
header nav button:focus-visible{outline:3px solid #bcecf8;outline-offset:2px}
@media(max-width:650px){header nav{margin-left:auto}header nav button{min-width:32px;min-height:28px;font-size:10px}.canton-preview .cp-sep{display:none}.canton-preview .cp-record span{display:block}.canton-preview .cp-record span:last-child{opacity:.75}}
/* V11c — l'encart montre le maximum de l'année du canton (MeteoSwiss), rien d'autre. */
.canton-preview .cp-main h2{margin-bottom:4px}
.canton-preview .cp-meta{font-size:12px;color:#d6e3ee;letter-spacing:.01em}
.canton-preview .cp-value{display:flex;align-items:center}
.action-row .canton-preview .cp-value strong{font-size:40px;font-weight:800;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;color:color-mix(in oklab,#ff4a2e calc(var(--rec,0)*100%),#c9f3ff);text-shadow:0 0 24px color-mix(in oklab,rgba(255,74,46,.55) calc(var(--rec,0)*100%),rgba(0,215,255,.35))}
.canton-preview .cp-unit{font-size:18px;font-weight:700;letter-spacing:-.02em;margin-left:4px;vertical-align:top;position:relative;top:3px}
.canton-preview.no-data .cp-value strong{color:#9fb3c4;text-shadow:none;font-weight:600}
.canton-preview.no-data .cp-unit{display:none}
.result dl div{display:flex;flex-direction:column;align-items:center;gap:6px}.result dt{font-size:12px;color:#d6e3ee}.result dd{font-size:64px;font-weight:800;letter-spacing:-.045em;line-height:1;margin:0;color:color-mix(in oklab,#ff4a2e calc(var(--rec,0)*100%),#c9f3ff)}
.footer-source{opacity:.75}
@media(max-width:650px){.action-row .canton-preview .cp-value strong{font-size:32px}.canton-preview .cp-unit{font-size:15px}.canton-preview .cp-meta{font-size:11px}.result dd{font-size:52px}}
/* V11d — « Pic de l'année 2026 · date » sous la température. */
.canton-preview .cp-value{flex-direction:column;align-items:flex-end;gap:3px}
.canton-preview .cp-meta{font-size:11px;color:#dbe7f1;white-space:nowrap;text-align:right}
.canton-preview.no-data .cp-meta{white-space:normal;text-align:right;max-width:170px}
.result dl div{flex-direction:column-reverse}
@media(max-width:650px){.canton-preview .cp-meta{font-size:10px}}
/* V11e — sous-titre retiré ; la question respire avant la température. */
.question{margin-bottom:18px}@media(max-width:650px){.question{margin-bottom:14px}}
/* V11f — drapeau suisse carré, sans arrondi. */
.header-swiss{border-radius:0}
/* V11g — température moins grasse, bloc de tête descendu pour aérer. */
.temperature{font-weight:500;letter-spacing:-.045em}.unit{font-weight:400;letter-spacing:-.04em}
main{padding-top:44px}.question{margin-bottom:22px}.temperature{margin-top:0}
@media(min-width:851px) and (max-height:850px){main{padding-top:30px}}
@media(max-width:650px){main{padding-top:28px}.question{margin-bottom:16px}}
/* V11h — le chiffre dans une bulle de verre, teintée par la chaleur. */
.temperature{position:relative;isolation:isolate;display:inline-flex;align-items:flex-start;justify-content:center;width:312px;height:312px;border-radius:50%;padding:0 0 0 8px;margin:4px auto 0;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.26),rgba(255,255,255,.04) 42%,transparent 60%),color-mix(in oklab,rgba(255,64,34,.34) calc(var(--heat)*100%),rgba(0,196,255,.22));backdrop-filter:blur(14px) saturate(1.35);-webkit-backdrop-filter:blur(14px) saturate(1.35);border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -18px 40px color-mix(in oklab,rgba(255,74,46,.35) calc(var(--heat)*100%),rgba(0,215,255,.28)),0 24px 60px color-mix(in oklab,rgba(255,74,46,.38) calc(var(--heat)*100%),rgba(0,170,255,.32));transition:background .25s linear,box-shadow .25s linear}
.temperature:after{content:"";position:absolute;inset:14px;border-radius:50%;border:1px solid rgba(255,255,255,.14);pointer-events:none}
.temperature:before{content:"";position:absolute;left:18%;top:9%;width:30%;height:16%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));filter:blur(4px);pointer-events:none}
.number{font-size:156px;line-height:1;padding-top:62px}.unit{font-size:56px;padding-top:68px}
.slider-box{margin-top:26px}
@media(min-width:851px) and (max-height:850px){.temperature{width:264px;height:264px}.number{font-size:132px;padding-top:52px}.unit{font-size:48px;padding-top:58px}}
@media(max-width:650px){.temperature{width:236px;height:236px;margin-top:2px}.number{font-size:118px;padding-top:48px}.unit{font-size:44px;padding-top:52px}.slider-box{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.temperature{transition:none}}
/* V11i — encart rectangulaire de verre à la place de la bulle : moins de hauteur. */
.temperature{width:auto;height:auto;border-radius:34px;padding:10px 34px 14px 30px;margin:0 auto}
.temperature:after{inset:8px;border-radius:27px}
.temperature:before{left:6%;top:10%;width:36%;height:22%;border-radius:40px}
.number{font-size:132px;padding-top:0}.unit{font-size:48px;padding-top:8px}
.slider-box{margin-top:24px}
@media(min-width:851px) and (max-height:850px){.temperature{width:auto;height:auto;padding:8px 30px 12px 26px}.number{font-size:116px;padding-top:0}.unit{font-size:44px;padding-top:6px}}
@media(max-width:650px){.temperature{width:auto;height:auto;border-radius:28px;padding:8px 26px 10px 22px}.temperature:after{border-radius:22px}.number{font-size:104px;padding-top:0}.unit{font-size:40px;padding-top:6px}.slider-box{margin-top:20px}}
/* V11j — le chiffre lui-même en verre liquide : remplissage translucide, arête claire, halo teinté. */
.temperature{color:transparent}
.number,.unit{color:transparent;background:linear-gradient(168deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.62) 38%,rgba(255,255,255,.3) 62%,color-mix(in oklab,rgba(255,120,90,.75) calc(var(--heat)*100%),rgba(160,230,255,.7)) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px rgba(255,255,255,.55);filter:drop-shadow(0 1px 0 rgba(255,255,255,.45)) drop-shadow(0 10px 22px color-mix(in oklab,rgba(255,74,46,.5) calc(var(--heat)*100%),rgba(0,190,255,.45)));transition:filter .25s linear}
.temperature{text-shadow:none}
@media(prefers-reduced-motion:reduce){.number,.unit{transition:none}}
/* V11k — sans contour (artefacts de la police variable) ; arête par ombre claire. */
.number,.unit{-webkit-text-stroke:0;background:linear-gradient(168deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.74) 40%,rgba(255,255,255,.46) 66%,color-mix(in oklab,rgba(255,130,100,.8) calc(var(--heat)*100%),rgba(170,232,255,.78)) 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 -1px 0 rgba(255,255,255,.55)) drop-shadow(0 1px 0 rgba(255,255,255,.25)) drop-shadow(0 10px 22px color-mix(in oklab,rgba(255,74,46,.5) calc(var(--heat)*100%),rgba(0,190,255,.45)))}
/* V11l — encart plat : plus de reflet bombé, un seul contour, plus transparent. */
.temperature{background:color-mix(in oklab,rgba(255,64,34,.16) calc(var(--heat)*100%),rgba(0,196,255,.1));backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);border:1px solid rgba(255,255,255,.34);box-shadow:0 18px 50px color-mix(in oklab,rgba(255,74,46,.26) calc(var(--heat)*100%),rgba(0,170,255,.2))}
.temperature:before,.temperature:after{content:none;display:none}
/* V11m — bornes 18 °C / 40 °C de la jauge plus grandes. */
.slider-label{font-size:22px;font-weight:700;letter-spacing:-.01em;margin-top:4px}
@media(max-width:650px){.slider-label{font-size:19px}}
/* V11n — la question en capitales, du plus froid (glace) au plus chaud (rouge). */
.question{text-transform:uppercase;font-weight:800;letter-spacing:-.02em;line-height:1.06;font-size:clamp(28px,3.6vw,48px);max-width:980px;color:transparent;text-shadow:none;background:linear-gradient(90deg,#d8f6ff 0%,#eef4fb 28%,#ffc2b8 58%,#ff7a62 80%,#ff3b2a 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 14px rgba(0,17,34,.55))}
@media(max-width:650px){.question{font-size:clamp(24px,7vw,34px);letter-spacing:-.015em}}
/* V11o — « Et toi, / à combien tu craques ? » sur deux lignes, graisse maximale, plus large. */
.question{white-space:pre-line;font-weight:800;letter-spacing:.02em;font-size:clamp(30px,4vw,54px);line-height:1.04}
@media(max-width:650px){.question{font-size:clamp(26px,7.6vw,38px);letter-spacing:.015em}}
/* V11p — la deuxième ligne ne se replie jamais : taille calée sur la largeur de l'écran. */
.question{white-space:pre;font-size:clamp(22px,3.4vw,54px)}
@media(max-width:650px){.question{font-size:clamp(17px,5.6vw,30px);letter-spacing:-.005em}}
/* V11q — « ET TOI, » très gras, la suite en fin ; la ligne se cale sur la largeur par script. */
.question{white-space:nowrap;overflow:visible;line-height:1.08}
.question .q1{font-weight:800;letter-spacing:.02em}
.question .q2{font-weight:300;letter-spacing:.03em}
/* V11r — encart de température encore plus transparent. */
.temperature{background:color-mix(in oklab,rgba(255,64,34,.09) calc(var(--heat)*100%),rgba(0,196,255,.05));backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);border:1px solid rgba(255,255,255,.26);box-shadow:0 14px 40px color-mix(in oklab,rgba(255,74,46,.18) calc(var(--heat)*100%),rgba(0,170,255,.14))}
/* V11s — « ET TOI, » blanc, gras, plus grand ; seule la suite porte le dégradé froid → chaud. */
.question{color:#fff;background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;filter:none;text-shadow:0 3px 14px rgba(0,17,34,.55);line-height:1.02}
.question .q1{display:inline-block;font-weight:800;font-size:1.45em;color:#fff;letter-spacing:.01em;margin-bottom:.06em;text-shadow:0 3px 16px rgba(0,17,34,.6)}
.question .q2{display:inline-block;font-weight:300;letter-spacing:.03em;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#d8f6ff 0%,#eef4fb 28%,#ffc2b8 58%,#ff7a62 80%,#ff3b2a 100%);-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(0 3px 14px rgba(0,17,34,.55))}
/* V11t — « ET TOI, » au-delà du 800 de Manrope : contour blanc épais sous le remplissage. */
.question .q1{font-size:1.6em;-webkit-text-stroke:2px #fff;paint-order:stroke fill;letter-spacing:.03em}
@media(max-width:650px){.question .q1{-webkit-text-stroke:1.4px #fff}}
/* V11u — bouton verrouillé tant que règlement et lettre ne sont pas acceptés. */
.submit:disabled,.submit.locked{cursor:not-allowed;opacity:.45;box-shadow:none;background:linear-gradient(110deg,#0f2a44,#1a4a70)}
.submit.locked:hover svg{transform:none}
/* V11v — température un peu plus petite pour gagner de la hauteur. */
.temperature{padding:6px 28px 9px 24px;border-radius:28px}.number{font-size:104px}.unit{font-size:40px;padding-top:6px}.slider-box{margin-top:18px}
@media(min-width:851px) and (max-height:850px){.number{font-size:92px}.unit{font-size:36px}}
@media(max-width:650px){.temperature{padding:5px 22px 8px 18px;border-radius:24px}.number{font-size:84px}.unit{font-size:34px;padding-top:5px}.slider-box{margin-top:16px}}
/* V11w — panneau de succès : adresse rappelée pour relecture. */
.result .result-address{font-size:13px;font-weight:700;color:#fff;margin:6px 0 0;word-break:break-all}.result .result-address:empty{display:none}