@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-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-border-style:solid;--tw-leading:initial}}}.game-mode-card{touch-action:manipulation}.game-mode-card .mode-preview{transition:all .25s}#mode-qcm-btn.selected .mode-preview{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-primary,#48c9b0);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}#mode-qcm-btn:not(.selected):hover .mode-preview{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-primary,#48c9b0);--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);opacity:.6}#mode-vf-btn.selected .vf-front-card{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-primary,#48c9b0);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}#mode-vf-btn:not(.selected):hover .vf-front-card{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-primary,#48c9b0);--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);opacity:.6}.game-mode-card:not(.selected) .mode-preview{opacity:.55;filter:saturate(.6)}.game-mode-card:not(.selected):hover .mode-preview{opacity:.9;filter:saturate()}.game-mode-card.selected .mode-label-title{color:var(--color-primary,#48c9b0)}.mode-card{border-color:var(--color-border,#d5d8dc);background-color:var(--color-white,#fff)}@keyframes answer-glow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 2.5px #48c9b0}}.game-mode-card:hover .qcm-answer-selected{animation:1.3s ease-in-out infinite answer-glow}.vf-front-card{transform-origin:bottom;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.game-mode-card:hover .vf-front-card{transform:translate(10px)rotate(4deg)}.vf-swipe-badge{opacity:0;transition:opacity .2s 50ms,transform .4s cubic-bezier(.34,1.56,.64,1) 50ms;transform:rotate(-12deg)scale(.6)}.game-mode-card:hover .vf-swipe-badge{opacity:1;transform:rotate(-12deg)scale(1)}.mode-card{touch-action:manipulation}.mode-card.selected{border-color:var(--color-primary,#48c9b0);background-color:var(--color-bg-soft,#f8f9fa);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:#48c9b033}.answer-btn{cursor:pointer;touch-action:manipulation;border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-border,#d5d8dc);width:100%;min-height:48px;padding:calc(var(--spacing,.25rem) * 4);text-align:left;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));-webkit-user-select:none;user-select:none}@media(hover:hover){.answer-btn:hover{border-color:var(--color-primary,#48c9b0);background-color:var(--color-bg-soft,#f8f9fa)}}.answer-btn:active{scale:.98}.answer-btn.selected{border-color:var(--color-primary,#48c9b0);background-color:#48c9b00d}@supports (color:color-mix(in lab,red,red)){.answer-btn.selected{background-color:color-mix(in oklab,var(--color-primary,#48c9b0) 5%,transparent)}}.answer-btn.correct{cursor:default;border-color:var(--color-green-500,oklch(72.3% .219 149.579));background-color:var(--color-green-50,oklch(98.2% .018 155.826));animation:.3s ease-out pop}.answer-btn.wrong{cursor:default;border-color:var(--color-red-400,oklch(70.4% .191 22.216));background-color:var(--color-red-50,oklch(97.1% .013 17.38));animation:.4s ease-out shake}.answer-btn.disabled{cursor:default;opacity:.6}.answer-btn.reveal-correct{cursor:default;border-color:var(--color-green-500,oklch(72.3% .219 149.579));background-color:var(--color-green-50,oklch(98.2% .018 155.826))}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.question-exit{opacity:0;transition:opacity .15s ease-out,transform .15s ease-out;transform:translate(-20px)}.question-enter{opacity:0;transform:translate(20px)}#sticky-cta{padding-bottom:max(1rem,env(safe-area-inset-bottom))}#vf-swipe-area{min-height:42vh}@media(min-width:640px){#vf-swipe-area{min-height:320px;max-height:400px}}.card-stack-layer{pointer-events:none;background:#fff}.card-stack-back{opacity:.55;background:linear-gradient(145deg,#f9f3ff,#fdf2f8);transform:scale(.94)translateY(4px);box-shadow:0 2px 12px #8b5e830f}.card-stack-mid{border:1px solid var(--color-border);opacity:.9;background:#fff;flex-direction:column;justify-content:center;padding:1.5rem;display:flex;transform:scale(.97)translateY(2px);box-shadow:0 8px 32px #0000000f,0 2px 8px #00000008}.swipe-card{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border:1px solid var(--color-border);background:#fff;border-radius:24px;flex-direction:column;width:100%;min-height:42vh;padding:1.5rem;transition:transform .15s;display:flex;position:absolute;top:0;left:0;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a}@media(min-width:640px){.swipe-card{border-radius:28px;min-height:320px;max-height:400px;padding:2rem 2.5rem}}.swipe-card.dragging{cursor:grabbing;transition:none}.swipe-card.fly-right{opacity:0;transition:transform .42s cubic-bezier(.4,0,.2,1),opacity .42s;transform:translate(130%)rotate(22deg)!important}.swipe-card.fly-left{opacity:0;transition:transform .42s cubic-bezier(.4,0,.2,1),opacity .42s;transform:translate(-130%)rotate(-22deg)!important}.swipe-card.shake{animation:.45s ease-in-out card-shake}@keyframes card-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)rotate(-1.5deg)}40%{transform:translate(10px)rotate(1.5deg)}60%{transform:translate(-7px)rotate(-.8deg)}80%{transform:translate(7px)rotate(.8deg)}}.swipe-overlay{letter-spacing:3px;opacity:0;pointer-events:none;z-index:10;border-radius:10px;padding:8px 20px;font-size:1.25rem;font-weight:900;transition:opacity 80ms;position:absolute;top:20px}.swipe-overlay.vrai{color:#16a34a;background:#22c55e14;border:3px solid #22c55e;right:20px;transform:rotate(12deg)}.swipe-overlay.faux{color:#dc2626;background:#ef444414;border:3px solid #ef4444;left:20px;transform:rotate(-12deg)}.card-ep-badge{color:#fff;letter-spacing:.05em;background:var(--color-primary);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.card-question-text{color:var(--color-text);text-align:center;margin:0;font-size:clamp(1.1rem,4vw,1.4rem);font-weight:700;line-height:1.5}.card-swipe-hint{color:#6b556673;align-items:center;gap:6px;font-size:11px;display:inline-flex}#vf-swipe-hints{transition:opacity .5s}#vf-swipe-hints.hint-faded{opacity:0;pointer-events:none}.swipe-hint-left,.swipe-hint-right{animation:2.5s ease-in-out infinite hint-pulse}.swipe-hint-right{animation-delay:1.25s}@keyframes hint-pulse{0%,to{opacity:.8;transform:translate(0)}50%{opacity:1;transform:translate(-4px)}}.swipe-hint-right{animation-name:hint-pulse-right}@keyframes hint-pulse-right{0%,to{opacity:.8;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}.vf-toggle[aria-checked=true]{background-color:var(--color-primary);border-color:var(--color-primary)}.vf-toggle[aria-checked=true] .vf-toggle-thumb{transform:translate(1.1rem)}.explain-card{border:2px solid var(--color-border);background:#fff;border-radius:24px;flex-direction:column;width:100%;min-height:42vh;padding:1.5rem;animation:.3s cubic-bezier(.34,1.56,.64,1) explain-card-in;display:flex;position:absolute;top:0;left:0;box-shadow:0 8px 32px #00000014}@media(min-width:640px){.explain-card{border-radius:28px;min-height:320px;max-height:400px;padding:2rem 2.5rem}}.explain-card.correct{background:#f0fdf4;border-color:#22c55e}.explain-card.wrong{background:#fef2f2;border-color:#ef4444}.explain-card.swipeable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.explain-card.dragging{cursor:grabbing;transition:none}.explain-card.fly-out{opacity:0;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s;transform:translate(130%)rotate(15deg)!important}@keyframes explain-card-in{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.correct-flash{animation:.5s flash-green}@keyframes flash-green{0%,to{box-shadow:0 8px 32px #8b5e831f}40%{box-shadow:0 0 0 8px #22c55e40,0 8px 32px #22c55e26}}.wrong-flash{animation:.5s flash-red}@keyframes flash-red{0%,to{box-shadow:0 8px 32px #8b5e831f}40%{box-shadow:0 0 0 8px #ef444438,0 8px 32px #ef44441f}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}