.lp-page{--lp-bottom-bar-space:calc(76px + 32px);--learn-content-width:720px;background:var(--qb-bg);min-height:100dvh;color:var(--learn-text);font-family:var(--learn-font-family)}.lp-page.is-guided-first-lesson{box-sizing:border-box;background:#fff;min-height:100dvh;padding:78px clamp(20px,2vw,38px) 28px;position:relative}.lp-page.is-guided-first-lesson:after{z-index:80;content:"";pointer-events:none;background:#fff;animation:.52s ease-out 70ms both lp-guided-first-lesson-reveal;position:fixed;inset:0}@keyframes lp-guided-first-lesson-reveal{0%{opacity:1}to{opacity:0}}.lp-page.is-guided-first-lesson:before{z-index:45;content:"";pointer-events:none;border:2px solid #e0e4e7;border-radius:30px;transition:border-color .18s,box-shadow .22s;position:fixed;inset:78px clamp(20px,2vw,38px) 28px}.lp-page.is-guided-first-lesson.is-answer-correct:before{border-color:#36c96b;box-shadow:0 0 28px #36c96b33}.lp-page.is-guided-first-lesson.is-answer-incorrect:before{border-color:#a8b0b8;box-shadow:0 0 24px #636d771f}.lp-page.is-guided-first-lesson.is-answer-correct .lp-bottom-action .ld-btn:not(.ld-btn-secondary){color:#fff;background:#2bd05f;box-shadow:0 4px #11953a}.lp-page.is-guided-breather{padding-top:28px}.lp-page.is-guided-breather:before{top:28px}.lp-page.is-guided-breather .lp-content{min-height:calc(100dvh - 56px)}.lp-page.is-skill-check-only:not(.is-guided-breather) .flt-topbar,.lp-page.is-skill-check-only:not(.is-guided-breather) .lp-guided-tools,.lp-page.is-skill-check-only:not(.is-guided-breather) .lp-content,.lp-page.is-skill-check-only:not(.is-guided-breather) .lp-bottom-wrapper{animation:.42s ease-out both lp-skill-check-elements-in}@keyframes lp-skill-check-elements-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.lp-page.is-guided-first-lesson.is-answer-correct .lp-bottom-action .ld-btn:not(.ld-btn-secondary):hover{background:#24c857;box-shadow:0 3px #11953a}.lp-page.is-guided-first-lesson.is-answer-incorrect .lp-bottom-action .ld-btn:not(.ld-btn-secondary){color:#fff;background:#7b8794;box-shadow:0 4px #596675}.lp-page.is-guided-first-lesson.is-answer-incorrect .lp-bottom-action .ld-btn:not(.ld-btn-secondary):hover{background:#707c88;box-shadow:0 3px #596675}.lp-page.is-guided-first-lesson .ld-bar.is-bad{color:#4f5b66;background:#eef0f2}.lp-page.is-guided-first-lesson .ld-tapword.is-wrong,.lp-page.is-guided-first-lesson .ld-choice.is-wrong,.lp-page.is-guided-first-lesson .ld-chip.is-cut{color:#4f5b66;background:#eef0f2;border-color:#a8b0b8}.lp-page.is-guided-first-lesson .ld-choice.is-wrong .ld-key{color:#fff;background:#7b8794}.lp-page.is-guided-first-lesson .ld-chip.is-cut span{text-decoration-color:#7b8794}.lp-page.is-guided-first-lesson .lp-content{box-sizing:border-box;background:#fff;border:0;border-radius:30px;flex-direction:column;min-height:calc(100dvh - 106px);display:flex}.lp-page.is-guided-first-lesson .ld-shell{flex:1;align-items:center;padding:clamp(70px,10vh,112px) clamp(76px,9vw,152px) clamp(154px,20vh,212px)}.lp-page.is-guided-first-lesson .ld-card{max-width:min(760px,100%);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:relative;top:clamp(22px,3vh,34px)}.lp-page.is-guided-first-lesson .ld-bar{margin-top:0;position:absolute;top:calc(100% + 16px);left:0;right:0}.lp-page.is-guided-first-lesson .lp-bottom-wrapper{box-shadow:none;background:0 0;border:0;border-radius:0 0 28px 28px;bottom:30px;left:calc(clamp(20px,2vw,38px) + 2px);right:calc(clamp(20px,2vw,38px) + 2px)}.lp-page.is-guided-first-lesson .lp-bottom{grid-template-columns:minmax(0,1fr) minmax(300px,390px) minmax(0,1fr)}.lp-page.is-guided-first-lesson .lp-bottom-spacer{grid-column:3}.lp-page.is-guided-first-lesson .lp-bottom-action{grid-area:1/2;justify-self:stretch;width:100%;margin-right:0}.lp-page.is-guided-first-lesson .lp-bottom-action .ld-btn{width:100%}.lp-guided-tools{z-index:55;gap:8px;display:grid;position:fixed;top:94px;left:clamp(28px,3.5vw,68px)}.lp-guided-tools button{color:#96a2aa;cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:40px;height:40px;padding:0;display:grid;position:relative}.lp-guided-tools button svg path,.lp-guided-tools button svg polygon{fill:currentColor}.lp-guided-tools button:hover,.lp-guided-tools button:focus-visible{color:#28445c;background:#f3f6f8}.lp-guided-tools button:after{opacity:0;color:#28445c;content:attr(data-label);pointer-events:none;background:#fff;border:1px solid #dce5ea;border-radius:8px;padding:6px 8px;font-size:.68rem;font-weight:800;transition:opacity .14s,transform .14s;position:absolute;left:calc(100% + 8px);transform:translate(-3px);box-shadow:0 6px 14px #1836531a}.lp-guided-tools button:hover:after,.lp-guided-tools button:focus-visible:after{opacity:1;transform:translate(0)}.lp-top{z-index:30;background:var(--learn-surface);border-bottom:2px solid var(--learn-border);position:sticky;top:0;box-shadow:0 3px 12px #0a234f0f}@media (width<=720px){.lp-page.is-guided-first-lesson{padding:66px 8px 12px}.lp-page.is-guided-first-lesson:before{border-radius:22px;inset:66px 8px 12px}.lp-page.is-guided-first-lesson .lp-content{border-radius:22px;min-height:calc(100svh - 78px)}.lp-page.is-guided-first-lesson .ld-shell{align-items:center;padding:72px 48px 142px}.lp-page.is-guided-first-lesson .lp-bottom-wrapper{border-radius:0 0 20px 20px;bottom:14px;left:10px;right:10px}.lp-guided-tools{grid-auto-flow:column;top:76px;left:12px}.lp-guided-tools button{width:38px;height:38px}}@media (width<=560px){.lp-page.is-guided-first-lesson .ld-shell{padding:64px 26px 126px}.lp-page.is-guided-first-lesson .ld-card{border-radius:0;padding:0;top:14px}}@media (prefers-reduced-motion:reduce){.lp-page.is-guided-first-lesson:after{opacity:0;animation:none}}.lp-toolbar{min-height:76px;padding:8px max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) minmax(500px,680px) minmax(0,1fr);align-items:center;gap:12px;display:grid}.lp-toolbar.has-no-progress{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lp-toolbar-left{align-items:center;gap:8px;min-width:0;display:flex}.lp-toolbar .btn{min-height:42px}.lp-toolbar .btn-discord:not(:disabled){background:var(--button-primary-hover);color:var(--white);box-shadow:0 4px 0 var(--frame-shadow-deep)}.lp-toolbar .btn-discord:not(:disabled):hover{background:var(--button-primary-hover);filter:brightness(.94);box-shadow:0 5px 0 var(--frame-shadow-deep)}.lp-toolbar .btn-discord.is-active{background:var(--button-primary-hover);color:var(--white);transform:translateY(3px);box-shadow:inset 0 2px 5px #0a234f4d}.lp-icon-button{width:44px;min-width:44px;padding:0!important}.lp-home-button{color:var(--learn-text);border-color:var(--learn-border);background:var(--learn-surface)}.lp-report-button{justify-self:end}.lp-lesson-tag,.lp-phase{white-space:nowrap;min-height:28px;font-size:var(--learn-meta-size);font-weight:var(--learn-meta-weight);border-radius:999px;align-items:center;padding:5px 11px;display:inline-flex}.lp-lesson-tag{color:var(--qb-chip-purple-fg);background:var(--qb-chip-purple-bg)}.lp-progress-rail{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-self:stretch;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:grid}.lp-progress-rail li{min-width:0;color:var(--learn-muted);font-size:var(--learn-meta-size);font-weight:var(--learn-meta-weight);align-content:center;justify-items:center;gap:5px;display:grid;position:relative}.lp-progress-rail li:before{content:"";background:var(--learn-border-strong);width:calc(100% + 6px);height:3px;position:absolute;top:5px;left:calc(-50% - 3px)}.lp-progress-rail li:first-child:before{display:none}.lp-progress-rail li.is-done:before,.lp-progress-rail li.is-active:before{background:var(--learn-accent)}.lp-progress-dot{z-index:1;border:3px solid var(--learn-border-strong);background:var(--learn-surface);border-radius:50%;width:12px;height:12px;position:relative}.lp-progress-rail li.is-done .lp-progress-dot{border-color:var(--learn-accent);background:var(--learn-accent)}.lp-progress-rail li.is-active{color:var(--learn-text)}.lp-progress-rail li.is-active .lp-progress-dot{border-color:var(--learn-accent);box-shadow:0 0 0 4px var(--learn-focus-ring)}.lp-page.has-compact-progress .lp-toolbar{background:#fff;grid-template-columns:max-content minmax(120px,1fr) max-content}.lp-page.has-compact-progress .lp-toolbar-left{justify-self:start}.lp-report-button-wrap{justify-self:end}.lp-page .qv-modal-overlay{z-index:100;backdrop-filter:blur(6px);background:#0a234f8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lp-page .qv-modal{border:1px solid var(--learn-border,#b7ccdd);background:var(--learn-surface,#fff);width:min(100%,520px);max-height:calc(100dvh - 40px);color:var(--learn-text,#10264b);border-radius:18px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 60px #0a234f47}.lp-page .qv-modal-header{border-bottom:1px solid var(--learn-border,#d8e2ec);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.lp-page .qv-modal-header h3{margin:0;font-size:20px}.lp-page .qv-modal-close{color:#10264b;cursor:pointer;background:#e6f5ff;border:0;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;display:grid}.lp-page .qv-modal-body{padding:20px;overflow-y:auto}.lp-page .qv-report-body{flex-direction:column;gap:14px;display:flex}.lp-page .qv-report-hint,.lp-page .qv-report-status{margin:0}.lp-page .qv-report-textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--learn-border,#b7ccdd);color:#10264b;width:100%;min-height:124px;font:inherit;background:#fff;border-radius:10px;padding:12px 14px;line-height:1.5}.lp-page .qv-report-textarea:focus{border-color:#1685d8;outline:3px solid #1685d829}.lp-page .qv-report-actions{justify-content:flex-end;gap:10px;display:flex}.lp-page.has-compact-progress .lp-top{background:#fff;box-shadow:0 3px 12px #0a234f14}.lp-page.has-compact-progress .lp-progress-rail{align-self:center;gap:5px;height:10px}.lp-page.has-compact-progress .lp-progress-rail li{height:7px;display:block}.lp-page.has-compact-progress .lp-progress-rail li:before{display:none}.lp-page.has-compact-progress .lp-progress-dot{box-sizing:border-box;cursor:pointer;appearance:none;background:#b7cee1;border:0;border-radius:999px;width:100%;height:7px;display:block}.lp-page.has-compact-progress .lp-progress-rail li.is-done .lp-progress-dot{box-shadow:none;background:#1685d8;border:0}.lp-page.has-compact-progress .lp-progress-rail li.is-active .lp-progress-dot{background:#76bff0;border:0;box-shadow:0 0 0 2px #1685d82e}.lp-page.has-compact-progress .lp-progress-dot:disabled{cursor:default;opacity:1}.lp-page.has-compact-progress .lp-progress-dot:not(:disabled):hover,.lp-page.has-compact-progress .lp-progress-dot:not(:disabled):focus-visible{outline-offset:2px;background:#4aa6e5;outline:2px solid #1685d847}.lp-page.has-compact-progress .lp-progress-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lp-content{min-height:0;padding-bottom:var(--lp-bottom-bar-space)}.lp-page.has-no-bottom-bar .lp-content{padding-bottom:24px}.lp-task-meta{width:min(calc(100% - 32px), var(--learn-content-width));align-items:center;gap:8px;margin:22px auto 0;display:flex}.lp-page .ld-shell{padding-top:10px;padding-bottom:var(--lp-bottom-bar-space)}.lp-page .lf-check,.lp-warmup-status{width:min(calc(100% - 32px), var(--learn-content-width));box-sizing:border-box;margin:10px auto var(--lp-bottom-bar-space)}.lp-page.is-highlighting .lp-content{cursor:text}.lp-inline-highlight{color:inherit;background:#fef3a9;border-radius:3px;padding:1px 0}html[data-dolphin-theme=dark] .lp-inline-highlight{background:#735f16}.lp-bottom-wrapper{z-index:40;background:var(--learn-surface);border-top:2px solid var(--learn-border);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:auto 0 0;box-shadow:0 -6px 18px #0a234f12}.lp-bottom{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;max-width:1120px;min-height:76px;margin:0 auto;padding:10px 16px;display:grid}.lp-count{color:var(--learn-text);font-size:var(--learn-meta-size);font-weight:var(--learn-meta-weight);font-variant-numeric:tabular-nums;white-space:nowrap;justify-self:center}.lp-bottom-action{justify-self:end;margin-right:96px}.lp-bottom-action:empty{min-width:1px}.lp-bottom-action .ld-btn,.lp-bottom-action .path-btn{min-width:132px;margin:0}.lp-bottom-action .path-btn-primary:hover:not(:disabled){background:var(--learn-accent-hover);box-shadow:0 3px 0 var(--button-primary-shadow);transform:translateY(1px)}.lp-bottom-action .path-btn-primary:disabled{cursor:default;color:var(--learn-muted);background:var(--app-cloud-soft);box-shadow:0 3px 0 var(--app-cloud);opacity:1}@media (width>=1024px) and (width<=1500px){html[data-pip-dock=open] .lp-toolbar{grid-template-columns:auto minmax(260px,1fr) auto}html[data-pip-dock=open] .lp-progress-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.lp-page.has-compact-progress.is-progress-wrapped .lp-toolbar{grid-template-columns:minmax(0,1fr) auto}.lp-page.has-compact-progress.is-progress-wrapped .lp-toolbar-left{grid-area:1/1}.lp-page.has-compact-progress.is-progress-wrapped .lp-progress-rail{box-sizing:border-box;grid-area:2/1/auto/-1;justify-self:stretch;width:100%;min-height:18px;padding:4px 8px 1px}.lp-page.has-compact-progress.is-progress-wrapped .lp-report-button-wrap{grid-area:1/2}@media (width<=1100px){.lp-page:not(.has-compact-progress) .lp-toolbar{grid-template-columns:minmax(0,1fr) auto}.lp-page:not(.has-compact-progress) .lp-toolbar-left{grid-area:1/1}.lp-page:not(.has-compact-progress) .lp-progress-rail{box-sizing:border-box;grid-area:2/1/auto/-1;justify-self:stretch;width:100%;min-height:18px;padding:4px 8px 1px}.lp-page:not(.has-compact-progress) .lp-report-button-wrap{grid-area:1/2}.lp-progress-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lp-page.has-compact-progress .lp-home-button .lp-button-label{display:none}}@media (width<=700px){.lp-page{--lp-bottom-bar-space:calc(70px + 32px)}.lp-toolbar{grid-template-columns:minmax(0,1fr) auto;min-height:56px;padding:7px 10px}.lp-toolbar .btn{min-height:40px}.lp-icon-button{width:40px;min-width:40px}.lp-toolbar>.btn-discord .lp-button-label{display:none}.lp-task-meta{width:min(calc(100% - 24px), var(--learn-content-width));margin-top:14px}.lp-bottom{grid-template-columns:minmax(0,1fr) auto;min-height:70px;padding:9px 12px}.lp-bottom-spacer{display:none}.lp-count{justify-self:start}.lp-bottom-action{justify-self:end;margin-right:88px}.lp-bottom-action .ld-btn,.lp-bottom-action .path-btn{min-width:116px;min-height:46px;padding-inline:18px}}@media (width<=390px){.lp-button-label{display:none}.lp-home-button{width:40px;min-width:40px;padding:0!important}.lp-toolbar-left{gap:6px}.lp-bottom-action .ld-btn,.lp-bottom-action .path-btn{min-width:108px;padding-inline:14px}}@media (prefers-reduced-motion:reduce){.lp-progress-dot,.lp-toolbar .btn{transition:none}}
