@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Manrope:wght@500;700&display=swap";:root{--theme-bg:none;--activity-mobile-offset:0px;--bg-0:#070d1a;--bg-1:#0f1a2f;--bg-2:#172843;--ink-1:#eef4ff;--ink-2:#bbccdf;--ink-3:#8b9bb0;--accent-1:#fdc84e;--accent-2:#3fe7c5;--accent-3:#ff8e64;--ok:#18b071;--bad:#e44e61;--stroke:#ffffff24;--stroke-strong:#ffffff3d;--glass:#091120b3;--glass-soft:#0b16288f;--shadow-xl:0 26px 64px #01071480;--shadow-m:0 10px 28px #02081459}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:var(--bg-0);scroll-behavior:auto}body{color:var(--ink-1);background-image:var(--theme-bg), radial-gradient(40% 40% at 12% 10%, #3fe7c53d, transparent 70%), radial-gradient(44% 36% at 88% 14%, #fdc84e33, transparent 72%), radial-gradient(45% 48% at 58% 92%, #ff8e6429, transparent 74%), linear-gradient(135deg, var(--bg-0) 0%, var(--bg-1) 46%, var(--bg-2) 100%);background-position:50%,50%,50%,50%,50%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:cover,auto,auto,auto,auto;background-attachment:fixed;font-family:Manrope,sans-serif;overflow-x:hidden}body:before,body:after{content:"";filter:blur(62px);pointer-events:none;z-index:-1;border-radius:50%;width:46vmax;height:46vmax;animation:20s ease-in-out infinite alternate drift;position:fixed}body:before{background:#3de7c538;top:-18vmax;left:-18vmax}body:after{background:#ff8f632e;animation-delay:1.5s;bottom:-20vmax;right:-16vmax}a{color:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.headbar{z-index:80;justify-content:center;align-items:center;gap:8px;width:min(1000px,100% - 20px);margin:0;padding:0;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.nav-shell{border:1px solid var(--stroke-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(130deg,#070f1ee0,#0a1527c7);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:7px;display:flex;position:relative;box-shadow:0 0 32px #0a1c3a8c}.nav-menu{justify-content:center;align-items:center;gap:8px;display:flex}.nav-toggle{border:1px solid var(--stroke);cursor:pointer;background:#ffffff14;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-top:45px;padding:10px 9px;transition:background-color .2s,border-color .2s;display:none}.nav-toggle:hover{border-color:var(--stroke-strong);background:#ffffff24}.nav-toggle span{background:#f8e3aa;border-radius:999px;width:100%;height:2px;transition:transform .22s,opacity .22s;display:block}.nav-toggle span+span{margin-top:6px}.nav-toggle.is-open span:first-child{transform:translateY(8px)rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.nav-tab{color:#cfdcf0;letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;min-width:70px;min-height:42px;padding:9px 16px;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex;position:relative;overflow:hidden}.nav-tab-label{z-index:2;position:relative}.nav-logo-tab{min-width:50px;padding-inline:10px}.nav-logo{object-fit:contain;z-index:2;width:34px;height:34px;position:relative}.active-pill{z-index:1;background:linear-gradient(135deg,#45ecc959,#ffc84e6b);border-radius:999px;position:absolute;inset:0;box-shadow:inset 0 0 14px #ffffff26}.nav-tab:hover{color:#f4f9ff;background:#040b19c7}.nav-theme-wrap{display:inline-flex}.nav-mobile-top{display:none}.nav-icon-btn{color:#cfdcf0;border-radius:999px;justify-content:center;align-items:center;width:42px;min-width:42px;min-height:42px;padding:0;display:inline-flex}.nav-sound-btn{border:1px solid var(--stroke);cursor:pointer;background:#ffffff0d}.nav-sound-btn.is-muted{color:#ffd7d1;border-color:#e44e616b}.nav-sound-icon{z-index:2;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:relative}.nav-sound-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.page-wrap{flex-direction:column;flex:1;gap:20px;width:min(1000px,100% - 20px);margin:96px auto 0;padding-bottom:24px;display:flex}.page-wrap:has(.page-trainer){width:min(1780px,100% - 12px)}.one-section{padding-top:8px;scroll-margin-top:100px}.virtual-pages{width:100%}.virtual-page{min-height:calc(100vh - 210px)}.page{flex-direction:column;align-items:center;gap:14px;width:100%;animation:.5s cubic-bezier(.2,.68,.16,1) reveal;display:flex}.page-trainer{width:100%;max-width:min(1740px,100%);margin-inline:auto}h1{letter-spacing:.015em;color:#ffeab3;text-align:center;text-shadow:0 10px 28px #00000073;margin:6px 0 12px;font-family:Sora,sans-serif;font-size:clamp(1.65rem,4vw,2.6rem);font-weight:800}.tools{gap:16px;width:min(760px,100%);display:grid}.tool{text-align:center;color:var(--ink-1);border:1px solid var(--stroke);background:linear-gradient(150deg, var(--glass), var(--glass-soft));box-shadow:var(--shadow-xl);opacity:0;contain:layout paint;border-radius:18px;padding:24px 20px;font-size:1.08rem;font-weight:700;line-height:1.42;text-decoration:none;animation:.55s forwards card-up;display:block;position:relative;overflow:hidden;transform:translateY(8px)}.tool:nth-child(2){animation-delay:.1s}.tool:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 20%,#ffffff42 50%,#0000 80%);width:38%;height:320%;animation:3.6s ease-in-out infinite sheen;position:absolute;top:-120%;left:-32%;transform:rotate(16deg)}.tool:hover{border-color:#fdc84e99;transform:translateY(-4px)}.tool:hover:before{animation-duration:1.4s}.config{flex-wrap:wrap;justify-content:center;gap:12px;width:min(820px,100%);display:flex}.config label{min-width:140px}.config input,.config select,#input{border:1px solid var(--stroke);width:100%;min-height:48px;color:var(--ink-1);background:linear-gradient(160deg,#08101fe6,#13223ac7);border-radius:12px;outline:none;padding:12px 14px;font-family:Manrope,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s,transform .2s}.config input:focus,.config select:focus,#input:focus{border-color:#3fe7c5b3;transform:translateY(-1px);box-shadow:0 0 0 3px #3fe7c529}.config input::placeholder{color:var(--ink-3)}.config select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#d7e6ff 50%),linear-gradient(135deg,#d7e6ff 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:40px}.select-lettre,.select-tri{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option,select optgroup{color:#f2f7ff;background:#101f39}.results{border:1px solid var(--stroke);width:min(820px,100%);box-shadow:var(--shadow-xl);contain:layout paint;background:linear-gradient(145deg,#070e1bc7,#101c2fb8);border-radius:18px;padding:16px}.page-finder .config{margin-bottom:22px}.results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.results-header h2{color:#f9e9bb;margin:0;font-family:Sora,sans-serif;font-weight:700}.results ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.results li{background:#ffffff0f;border:1px solid #ffffff17;border-radius:10px;padding:10px 12px;animation:.25s list-fade}.theme-area{position:relative}.theme-modal-overlay{z-index:120;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040810b3;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.theme-modal{border:1px solid var(--stroke-strong);width:min(960px,96vw);max-height:min(86vh,760px);box-shadow:var(--shadow-xl);background:#070e1af5;border-radius:16px;flex-direction:column;gap:10px;padding:14px;animation:.2s reveal;display:flex;overflow:hidden}.theme-modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.theme-modal-header h3{color:#f7e5ad;margin:0;font-family:Sora,sans-serif}.theme-selector{flex-wrap:wrap;flex:1;justify-content:center;gap:8px;padding:6px 4px 2px;display:flex;overflow-y:auto}.theme-close-btn{border:1px solid var(--stroke-strong);color:#f2f7ff;cursor:pointer;background:#0a1426f0;border-radius:10px;width:34px;height:34px;padding:0;font-size:1.35rem;font-weight:700;line-height:1;transition:background-color .18s,transform .18s}.theme-close-btn:hover{background:#15233df5;transform:translateY(-1px)}.theme-thumb{object-fit:cover;cursor:pointer;border:2px solid #0000;border-radius:8px;width:100px;height:60px;transition:transform .2s,border-color .2s}.theme-thumb:hover{border-color:var(--accent-1);transform:translateY(-2px)}.theme-thumb-wrapper{position:relative}.delete-btn{color:#fff;cursor:pointer;background:#cb2e42;border:none;border-radius:50%;width:20px;height:20px;font-weight:700;transition:transform .16s;position:absolute;top:3px;left:3px}.delete-btn:hover{transform:scale(1.08)}.add-theme{color:#d8e4f6;background:#ffffff14;justify-content:center;align-items:center;font-size:1.7rem;font-weight:700;display:inline-flex}.main{flex-direction:column;align-items:center;gap:16px;width:min(820px,100%);display:flex}.custom-word-wrap{width:min(520px,100%);position:relative}.custom-word-wrap #custom-word,#input{text-transform:uppercase;width:100%;max-width:520px}.autocomplete-list{z-index:30;border:1px solid var(--stroke-strong);width:100%;max-height:220px;box-shadow:var(--shadow-xl);background:#08101ff5;border-radius:12px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.autocomplete-list div{cursor:pointer;padding:10px 12px;transition:background-color .18s}.autocomplete-list div:hover{background:#ffffff17}.trainer-main{width:min(1660px,100%);max-width:100%;padding:0}.word-display{scrollbar-width:thin;align-self:center;width:fit-content;max-width:100%;margin-bottom:10px;padding:4px;overflow:auto hidden}.word-display-track{white-space:nowrap;justify-content:center;gap:6px;width:max-content;min-width:100%;display:flex}.word-display.has-word .word-display-track{justify-content:center}.letter-bubble{color:#f7fbff;background:linear-gradient(145deg,#354c6ff2,#19273ff2);border:1px solid #ffffff1c;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;min-width:38px;height:38px;font-size:1.25rem;font-weight:800;display:inline-flex;box-shadow:0 8px 16px #00000057}.letter-bubble.correct{background:linear-gradient(145deg,#1db879,#159f69)}.letter-bubble.wrong{background:linear-gradient(145deg,#dc5163,#ca3c4f)}.timer{min-height:28px;color:var(--ok);font-size:1.2rem;font-weight:700}.history{border:1px solid var(--stroke);contain:layout paint;background:#091221a8;border-radius:12px;width:min(520px,100%);max-height:290px;padding:12px;overflow-y:auto}.history div{color:var(--ink-2);margin-bottom:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.secret-hint{color:#f4f8ff;letter-spacing:.01em;box-shadow:var(--shadow-m);pointer-events:none;z-index:90;background:#0e1e37eb;border:1px solid #fff3;border-radius:999px;padding:10px 18px;font-weight:700;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}footer{text-align:center;color:var(--ink-3);border-top:1px solid var(--stroke);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070d19bd;margin-top:auto;padding:15px 12px}footer img{vertical-align:middle;height:16px;margin-left:4px}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes card-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes list-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes sheen{0%{opacity:0;transform:translate(-240%)rotate(16deg)}30%{opacity:1}60%{opacity:1}to{opacity:0;transform:translate(320%)rotate(16deg)}}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(2vmax,1.5vmax)scale(1.06)}}@media (width<=800px){body{background-attachment:scroll}body:before,body:after{display:none}.headbar{justify-content:flex-end;width:calc(100% - 14px);top:24px}.page-wrap{width:calc(100% - 12px);margin-top:116px}.nav-toggle{display:inline-flex}.nav-shell{border:1px solid var(--stroke-strong);opacity:0;pointer-events:none;background:#070d18f5;border-radius:16px;flex-direction:column;align-items:stretch;gap:6px;min-width:220px;padding:10px;display:none;position:absolute;top:48px;left:auto;right:0;transform:translateY(-8px);box-shadow:0 12px 28px #01071447}.nav-menu.is-open{opacity:1;pointer-events:auto;animation:.2s reveal;display:flex;transform:translateY(0)}.nav-shell,.theme-modal-overlay,.theme-modal,footer{-webkit-backdrop-filter:none;backdrop-filter:none}.nav-menu.is-open,body:before,body:after{animation:none!important}.results,.tool,.history,.autocomplete-list{box-shadow:0 10px 20px #0107142e}.letter-bubble{box-shadow:0 4px 8px #0003}.nav-shell .nav-tab{border-radius:10px;justify-content:flex-start;width:100%;padding:10px 12px}.nav-shell .nav-logo-tab{min-width:unset}.nav-shell .nav-logo{width:30px;height:30px}.nav-shell .nav-theme-wrap,.nav-shell .theme-area,.nav-shell .theme-area>a{width:100%}.nav-mobile-top{align-items:center;gap:8px;width:100%;display:flex}.nav-logo-desktop,.nav-sound-desktop{display:none}.nav-mobile-top .nav-logo-tab{flex:1}.nav-mobile-top .nav-sound-btn{flex:0 0 42px}.word-display{width:100%;padding-inline:0}.word-display-track{justify-content:flex-start;gap:5px;min-width:max-content}.letter-bubble{border-radius:10px;min-width:34px;height:34px;font-size:1.08rem}}