.lf-shell{color:#fff;min-height:100vh;font-family:var(--font-sans);background:#092549}.lf-side{color:#1d2b40;z-index:40;background:#fff;width:230px;position:fixed;inset:0 auto 0 0;overflow-y:auto}.lf-logo{z-index:2;background:#0b2345;justify-content:center;align-items:center;height:90px;display:flex;position:sticky;top:0}.lf-logo img{object-fit:contain;width:185px;height:65px}.lf-side nav{padding:14px 0}.lf-side nav>a{color:#263449;align-items:center;gap:12px;height:37px;padding:0 26px;font-size:10px;text-decoration:none;display:flex}.lf-side nav>a.on{color:#19375e;background:#fff7e9;border-left:3px solid #e5b442;font-weight:700}.lf-side nav>b{margin:22px 24px 8px;font-size:9px;display:block}.lf-sub{border-left:1px solid #e0e4e9;flex-direction:column;margin-left:45px;display:flex}.lf-sub>*{color:#697587;padding:8px 16px;font-size:9px;font-weight:400}.lf-sub strong{color:#d39b29;background:#fff8e9}.lf-icon{background:currentColor;width:17px;height:17px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.lf-main{min-height:100vh;margin-left:230px}.lf-main>header{z-index:4;background:#102b4d;justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex;position:relative}.lf-main>header>div{align-items:center;gap:14px;font-size:11px;display:flex}.lf-main>header a{color:#fff;text-decoration:none}.lf-main>header i{color:#8ba0b9;font-style:normal}.lf-main>header>div>a{font-size:26px}.lf-exit{border:1px solid #ffffff40;border-radius:8px;padding:10px 16px;font-size:10px;font-weight:700}.lf-stage{min-height:calc(100vh - 70px);padding:70px 40px 36px;position:relative;overflow:hidden}.lf-backdrop{background:linear-gradient(#08274ed6,#051a34f5),url(/paris-hero.jpg) 50%/cover fixed;position:absolute;inset:0}.lf-title,.lf-work,.lf-clock{z-index:2;position:relative}.lf-title{text-align:center}.lf-title>small{color:#f4be42;text-transform:uppercase;font-weight:800}.lf-title h1{margin:17px 0 28px;font-size:34px}.lf-steps{justify-content:center;align-items:center;gap:8px;display:flex}.lf-steps button{color:#fff;background:#173b64;border:1px solid #7890ab;border-radius:50%;width:34px;height:34px}.lf-steps button.active{color:#173150;background:#f4bd43;border-color:#f4bd43}.lf-steps button.done:not(.active){box-shadow:inset 0 0 0 2px #65c798}.lf-title p{font-size:11px;font-weight:700}.lf-clock{background:#071f3ccc;border-radius:9px;width:180px;padding:20px;position:absolute;top:54px;right:38px}.lf-clock span{align-items:center;gap:10px;font-size:10px;display:flex}.lf-clock strong{margin:16px 0;font-size:28px;display:block}.lf-clock>i,.lf-track i{background:#fff3;border-radius:4px;height:4px;display:block;overflow:hidden}.lf-clock>i b,.lf-track i b{background:#88b9e9;height:100%;display:block}.lf-work{max-width:1050px;margin:70px auto 0}.lf-instruction h2{align-items:center;gap:10px;font-size:15px;display:flex}.lf-instruction p{color:#bdc9d8;font-size:11px}.lf-grid{grid-template-columns:1.55fr 1fr;gap:14px;margin-top:28px;display:grid}.lf-player,.lf-question{color:#162741;background:#fff;border-radius:10px;min-height:335px;padding:28px}.lf-player h3{text-align:center;font-size:12px}.lf-controls{justify-content:center;align-items:center;gap:70px;height:140px;display:flex}.lf-controls button{color:#132b4e;background:0 0;border:0;font-size:21px}.lf-controls button small{font-size:8px}.lf-controls .lf-play{color:#fff;background:#0f315d;border-radius:50%;width:70px;height:70px;font-size:26px}.lf-controls .lf-play:disabled{opacity:.4}.lf-track{grid-template-columns:35px 1fr 35px;align-items:center;gap:10px;font-size:10px;display:grid}.lf-track i{background:#dfe3e8}.lf-track i b{background:#153c6a}.lf-player>p{text-align:center;color:#8490a1;margin-top:40px;font-size:10px}.lf-question>small{font-size:10px;font-weight:700}.lf-question h3{margin:22px 0;font-size:12px;line-height:1.5}.lf-question>div{flex-direction:column;gap:8px;display:flex}.lf-question button{text-align:left;color:#26364b;background:#fff;border:1px solid #e1e4e8;border-radius:7px;height:47px;padding:0 12px;font-size:10px;font-weight:600}.lf-question button span{background:#f0f2f4;border-radius:50%;place-items:center;width:28px;height:28px;margin-right:14px;display:inline-grid}.lf-question button.selected{background:#eaf4ff;border-color:#b9d8f4}.lf-question button.selected span{color:#fff;background:#1471c9}.lf-actions{grid-template-columns:1fr 1fr;align-items:center;margin-top:18px;display:grid}.lf-actions button{color:#fff;background:#173a63;border:1px solid #ffffff40;border-radius:8px;justify-self:center;padding:12px 20px;font-size:10px}.lf-actions .next,.lf-actions .finish{background:#17477e;border:0;justify-self:end}.lf-actions .finish{color:#122d50;background:#f1b940;font-weight:800}.lf-actions button:disabled{opacity:.45}.lf-result{text-align:center;color:#197a4c;background:#e9f8f0;border-radius:8px;margin-top:14px;padding:12px}.lf-tip{color:#f2b83c;background:#1c4168ad;border-radius:8px;gap:14px;max-width:690px;margin:28px auto 0;padding:15px 20px;display:flex}.lf-tip p{color:#d8e1eb;margin:4px 0 0;font-size:9px}.lf-tip strong{font-size:11px}@media (width<=1000px){.lf-side{display:none}.lf-main{margin-left:0}.lf-stage{padding-left:20px;padding-right:20px}.lf-clock{right:20px}.lf-work{margin-top:55px}}@media (width<=700px){.lf-main>header{padding:0 15px}.lf-main>header>div span:first-of-type,.lf-main>header>div i{display:none}.lf-stage{padding-top:35px}.lf-title h1{font-size:25px}.lf-clock{width:170px;margin:20px auto;position:relative;top:auto;right:auto}.lf-work{margin-top:30px}.lf-grid{grid-template-columns:1fr}.lf-player,.lf-question{min-height:300px}.lf-controls{gap:45px}.lf-actions{grid-template-columns:1fr;gap:12px}.lf-actions button,.lf-actions .next,.lf-actions .finish{justify-self:stretch}.lf-tip{margin-bottom:20px}}.lf-result a{color:#0c5596;margin-left:18px;font-weight:800;text-decoration:none}.lf-pos{color:#f3b943;letter-spacing:.04em;margin:6px 0 0;font-size:11px}.lf-newver{color:#f3b943;cursor:pointer;background:#f3b9431f;border:1px solid #f3b94380;border-radius:999px;margin-left:10px;padding:4px 10px;font-size:10.5px;font-weight:700}.lf-newver:hover{background:#f3b9433d}