.friendPage .chat>section{min-width:0;display:flex;flex-direction:column}.friendPage .chat .chatHead{flex-wrap:wrap;gap:12px}.dossha-language{margin-left:auto;border:1px solid #e3dff0;border-radius:10px;background:white;color:#51476c;padding:9px;max-width:160px;font-size:13px}.friendPage .chat .messages{min-height:300px;max-height:520px;overflow-y:auto;overscroll-behavior:contain;flex:1 1}.friendPage .message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;max-width:100%}.friendPage .chat form textarea{flex:1 1;min-width:0;resize:vertical;min-height:52px;max-height:160px;border:1px solid #e0daed;border-radius:12px;padding:12px;background:#faf8ff;color:#29203e;font:inherit;font-size:14px;line-height:1.5}.friendPage .chat form{align-items:center}.friendPage .quick{display:flex;flex-wrap:wrap;gap:7px;padding:14px 20px}.friendPage .quick button{font-size:11px;white-space:normal;text-align:left;padding:8px 11px}.friendPage button:disabled{opacity:.5;cursor:not-allowed;transform:none}.dossha-mode-note{font-size:12px;line-height:1.6;color:#756343;background:#fff5df;margin:0;padding:12px 22px}.dossha-mode-note a{color:#6850b5;text-decoration:underline}.dossha-save-note{font-size:10px!important;line-height:1.6;color:#837a91;margin:0;padding:0 20px 16px}.dossha-books-link{display:block;margin:18px 0;color:#6b55b0;font-size:12px;font-weight:700}.dossha-typing p{color:#73628c}@keyframes dossha-pulse{0%{opacity:.55}to{opacity:1}}@media (max-width:700px){.friendPage .chat{display:block}.friendPage .chat>aside{padding:20px!important}.friendPage .friendPortrait{width:64px;height:64px}.friendPage .chat aside h2{font-size:20px;margin:8px 0 4px}.friendPage .chat aside>p,.friendPage .safe{display:none}.friendPage .dossha-books-link{margin:12px 0 0}.friendPage .chat .messages{max-height:480px;min-height:280px}.friendPage .chat form{padding:12px;gap:7px}.friendPage .chat form button{width:40px;height:40px;min-width:40px}.friendPage .quick{padding:12px}.friendPage .dossha-language{max-width:115px}.dossha-mode-note{padding:12px}.dossha-save-note{padding:0 12px 12px}}@media (prefers-reduced-motion:reduce){.dossha-typing p{animation:none}}.qd-still .dossha-typing p{animation:none}.friendPage .chat>aside{display:flex;flex-direction:column;height:auto!important;min-width:0}.friendPage .friendPortrait{flex-shrink:0}.dossha-dictionary{width:100%;margin-top:14px;text-align:left}.dossha-dictionary summary{font-size:12px;font-weight:700;cursor:pointer;color:#6853b0;padding:12px;border:1px solid #ddd6ed;border-radius:10px;background:white}.dossha-dictionary .translatorPanel{margin-top:10px}.friendPage .friendPortrait>.mascot{transform-origin:50% 85%;animation:dossha-breathe 5s ease-in-out infinite}.friendPage[data-dossha-state=thinking] .friendPortrait>.mascot{animation:dossha-think 3s ease-in-out infinite}.friendPage[data-dossha-state=listening] .friendPortrait>.mascot{animation:dossha-listen 2.6s ease-in-out infinite}.friendPage .message:last-child{animation:dossha-arrive .26s cubic-bezier(.2,.7,.25,1) both}.dossha-dots{display:inline-flex;align-items:center;gap:4px;width:32px;height:16px;margin-left:8px;vertical-align:middle}.dossha-dots i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:dossha-dot 1.4s ease-in-out infinite}.dossha-dots i:nth-child(2){animation-delay:.14s}.dossha-dots i:nth-child(3){animation-delay:.28s}.friendPage .chat form button,.friendPage .dossha-dictionary summary,.friendPage .quick button{transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.friendPage button:not(:disabled):active{transform:scale(.97)}.friendPage .chat form textarea{transition:border-color .18s ease,box-shadow .18s ease}.friendPage .chat form textarea:focus-visible{outline:none;border-color:#7966bd;box-shadow:0 0 0 3px #7966bd22}.dossha-message-body{max-width:min(78%,650px)}.friendPage .message .dossha-message-body>p{max-width:none}.message.mine .dossha-message-body{margin-left:auto}.dossha-rating{display:flex;align-items:center;gap:7px;padding:7px 4px 0;color:var(--muted)}.dossha-rating small{margin-right:2px}.dossha-feedback-note button,.dossha-rating button{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:10px;background:white;color:#4b5874;padding:6px 9px;cursor:pointer}.dossha-rating span{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-size:11px}.dossha-feedback-note{margin-top:8px;padding:12px;border:1px solid #ffd7cc;border-radius:13px;background:#fff8f5}.dossha-feedback-note label{display:block;font-size:11px;font-weight:700}.dossha-feedback-note textarea{width:100%;margin:8px 0;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:9px;font:inherit}.dossha-feedback-note>div{display:flex;justify-content:flex-end;gap:7px}.dossha-feedback-note>div button:last-child{background:var(--purple);color:white;border-color:var(--purple)}.dossha-review-summary{display:grid;grid-template-columns:repeat(2,minmax(0,260px));grid-gap:14px;gap:14px;margin-bottom:18px}.dossha-review-summary>div{display:flex;align-items:center;gap:12px;padding:18px;background:white;border:1px solid var(--line);border-radius:16px;color:var(--purple)}.dossha-review-summary span>*{display:block}.dossha-review-summary b{font-size:24px}.dossha-review-summary small{color:var(--muted)}.dossha-review-list{display:grid;grid-gap:15px;gap:15px}.dossha-review-card{border-left:4px solid #ff9a76}.dossha-review-card.corrected{border-left-color:var(--green)}.dossha-review-card h3{margin:15px 0 6px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.dossha-review-card p{margin:0;white-space:pre-wrap;line-height:1.6}.dossha-review-card .dossha-old-answer{padding:13px;background:#f7f8fc;border-radius:12px}.dossha-review-card blockquote{margin:12px 0;padding:10px 13px;background:#fff8e7;border-left:3px solid #f3bd45}.dossha-review-card label{display:block;margin:16px 0 7px;font-size:12px;font-weight:800}.dossha-review-card textarea{width:100%;padding:12px;resize:vertical;border:1px solid var(--line);border-radius:12px;font:inherit;line-height:1.5}.dossha-review-card .btn{margin-top:10px}.dossha-review-status{display:flex;justify-content:space-between;align-items:center}.dossha-review-status span{padding:5px 9px;border-radius:999px;background:#fff0ea;color:#b94d2b;font-size:10px;font-weight:800}.dossha-review-card.corrected .dossha-review-status span{background:#e5f8f1;color:#23785b}.dossha-review-status time{color:var(--muted);font-size:11px}.dossha-review-empty{text-align:center;padding:50px 20px;color:var(--muted)}.dossha-review-empty svg{color:var(--green);width:40px;height:40px}.dossha-review-error{padding:12px;border-radius:10px;background:#fff0ed;color:#a63c2b}@media (max-width:600px){.dossha-message-body{max-width:88%}.dossha-rating small{display:none}.dossha-review-summary{grid-template-columns:1fr}}.friendPage .dossha-dictionary[open] .translatorPanel{animation:dossha-arrive .2s ease-out}@media (hover:hover){.friendPage .quick button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 3px 8px #30264512}}@keyframes dossha-breathe{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}@keyframes dossha-think{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-3px)}}@keyframes dossha-listen{0%,to{transform:rotate(-4deg)}50%{transform:rotate(-1deg) translateY(-2px)}}@keyframes dossha-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes dossha-dot{0%,65%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.friendPage.qd-still *,.qd-still .friendPage *{animation:none!important;transition:none!important;transform:none!important}@media (prefers-reduced-motion:reduce){.friendPage *{animation:none!important;transition:none!important;transform:none!important}}.dossha-writing-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 0}.dossha-writing-controls label{display:inline-flex;align-items:center;gap:6px;font-size:13px}.dossha-writing-controls select{max-width:180px}::selection{background:#dddfff;color:#24295b}:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #ac541e}:where(button,a,input,textarea,select){-webkit-tap-highlight-color:transparent}.btn{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed}.appShell{background:radial-gradient(ellipse at 100% 0,#eeedff80,transparent 55%),#f8f9fd}.appShell>aside{box-shadow:8px 0 36px #303c6904;overflow-y:auto}.appShell nav a{transition:background-color .2s,color .2s,box-shadow .2s}.appShell nav a.active{box-shadow:inset 3px 0 var(--purple)}.panel,.qd-option,.stat{box-shadow:0 5px 20px #25345a04}.qd-bar{background:#ffffffb8}.landing{background:radial-gradient(ellipse at 85% 12%,#e7e4ff 0,transparent 30%),radial-gradient(ellipse at 0 45%,#eaf8f2 0,transparent 30%),#fbfbfe}.landingNav{border-bottom:1px solid #dedff080}.landingHero{margin-bottom:36px}.landingHero h1{font-size:clamp(38px,5.4vw,65px)}.landingHero h1 span{background:linear-gradient(110deg,#555fdb,#9061ce);background-clip:text;-webkit-background-clip:text;color:transparent}.features{padding-bottom:64px}.features>div{box-shadow:0 8px 32px #31396305}.exploreSection,.landingFaq,.landingFooter,.startSection{max-width:1132px;margin:0 auto}.exploreSection{padding:40px 0 72px}.exploreHeading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}.exploreHeading h2,.landingFaq h2,.startSection h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.035em;line-height:1.2;margin:16px 0}.exploreHeading>p{max-width:320px;color:var(--muted);line-height:1.7}.exploreGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.exploreCard{border:1px solid #ffffff;border-radius:26px;padding:27px 24px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.exploreCard.mint{background:#e8f5ee}.exploreCard.peach{background:#fff0e6}.exploreCard.lavender{background:#efebfc}.exploreCard.blue{background:#e8f1fc}.exploreIcon{width:58px;height:58px;display:grid;place-items:center;border-radius:19px;background:#ffffffaa;font-size:30px}.exploreCard h3{font-size:19px;margin:24px 0 10px}.exploreCard p{color:#536079;font-size:14px;line-height:1.75;margin:0 0 24px}.exploreLink{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:13px;font-weight:800}.startSection{display:grid;grid-template-columns:1fr 1fr;grid-gap:70px;gap:70px;padding:48px;background:white;border:1px solid var(--line);border-radius:32px}.startSection p{line-height:1.8;color:var(--muted)}.startSection .btn{margin-top:12px}.startSteps{list-style:none;margin:0;padding:0;display:grid;grid-gap:22px;gap:22px}.startSteps li{display:flex;gap:18px;align-items:flex-start}.startSteps li>b{border-radius:16px;background:#f0efff;color:var(--purple);padding:14px}.startSteps h3{font-size:16px;margin:3px 0 5px}.startSteps p{font-size:13px;margin:0}.landingFaq{padding:72px 0;max-width:780px}.landingFaq h2{text-align:center;margin-bottom:28px}.landingFaq details{border-bottom:1px solid var(--line);padding:20px 4px}.landingFaq summary{cursor:pointer;font-weight:700;line-height:1.6}.landingFaq p{color:var(--muted);line-height:1.8}.landingFaq p a{color:var(--purple);text-decoration:underline}.landingFooter{border-top:1px solid var(--line);padding:28px 0;display:flex;flex-wrap:wrap;align-items:center;gap:24px}.landingFooter p{flex:1 1;color:var(--muted);font-size:13px}.landingFooter>a{font-size:13px}@media (hover:hover){.exploreCard:hover{transform:translateY(-6px);box-shadow:0 16px 32px #30375812}.btn.primary:hover{box-shadow:0 10px 25px #5c67e845}.appShell nav a:hover{background:#f0f1fc;color:var(--purple)}}@media (prefers-reduced-motion:no-preference){.appShell .page,.features,.landingHero>div:first-child,.teacherPage{animation:polish-enter .5s ease-out both}.landingVisual{animation:polish-enter .7s ease-out both}.floatCard{animation:polish-float 5s ease-in-out 2}.fc2{animation-delay:.7s}@keyframes polish-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes polish-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}}@media (max-width:1180px){.exploreSection,.landingFaq,.landingFooter,.startSection{margin-left:24px;margin-right:24px}}@media (max-width:900px){.exploreGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.startSection{gap:30px;padding:32px}.exploreHeading{align-items:flex-start;flex-direction:column;gap:0}.exploreHeading>p{max-width:none}}@media (max-width:600px){.landingNav{height:auto;min-height:78px;padding:16px;gap:12px;flex-wrap:wrap}.landingNav>div{gap:8px}.landingNav .btn{padding:10px 13px}.landingHero{padding:20px;margin-top:14px}.landingHero p{font-size:16px}.heroBtns,.trust{flex-wrap:wrap}.trust{gap:10px}.landingVisual{height:330px;min-width:0}.mascotBlob{width:min(280px,80vw);height:min(280px,80vw)}.fc1{left:0;top:30px}.fc2{right:0;bottom:35px}.exploreSection,.landingFaq,.landingFooter,.startSection{margin-left:20px;margin-right:20px}.exploreSection{padding:16px 0 40px}.exploreGrid{grid-template-columns:1fr;gap:12px}.exploreCard{padding:22px}.exploreCard h3{margin-top:16px}.startSection{grid-template-columns:1fr;padding:24px;border-radius:24px}.landingFaq{padding:44px 0}.landingFooter{gap:16px}.landingFooter p{flex-basis:100%;margin:0}}.logo.qd-brand-logo{display:inline-flex;align-items:center;gap:8px;max-width:100%;line-height:1;vertical-align:middle}.qd-brand-logo .qd-brand-symbol{display:block;width:42px;height:auto;flex:0 0 42px}.qd-brand-logo .qd-brand-wordmark{display:block;width:132px;height:auto;min-width:0}@media (max-width:480px){.logo.qd-brand-logo{gap:6px}.qd-brand-logo .qd-brand-symbol{width:34px;flex-basis:34px}.qd-brand-logo .qd-brand-wordmark{width:112px}}.cartoonPage{max-width:1180px}.cartoonIntro{min-height:190px;padding:30px 34px;display:flex;justify-content:space-between;gap:24px;align-items:center;overflow:hidden;border-radius:24px;color:white;background:linear-gradient(125deg,#3766c9,#7a5de0 56%,#a85ed9);position:relative}.cartoonIntro:after,.cartoonIntro:before{content:"";position:absolute;border:36px solid #fff2;border-radius:50%}.cartoonIntro:before{width:180px;height:180px;right:75px;top:-110px}.cartoonIntro:after{width:230px;height:230px;right:-105px;bottom:-155px}.cartoonIntro>div{max-width:620px;position:relative;z-index:1}.cartoonIntro h2{margin:8px 0;font-size:32px}.cartoonIntro p{margin:0;opacity:.9}.cartoonIntro>svg{width:100px;height:100px;opacity:.86;position:relative;z-index:1}.cartoonPlayer,.dictionary{margin-top:20px}.videoLinkForm{display:grid;grid-gap:7px;gap:7px;color:#46506b;font-weight:700;font-size:13px}.videoLinkForm>div{display:flex;gap:10px}.videoLinkForm input{min-width:0;flex:1 1;border:1px solid #d8ddeb;border-radius:12px;padding:12px 14px;color:var(--ink);background:#fbfcff}.videoLinkForm .btn{white-space:nowrap}.videoStage{margin-top:18px;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#151b32}.videoStage iframe,.videoStage video{display:block;width:100%;height:100%;border:0}.videoPlaceholder{height:100%;color:white;display:grid;place-content:center;text-align:center;padding:20px;background:radial-gradient(circle at 50% 30%,#5365b1,#151b32 70%)}.videoPlaceholder span{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%;background:#ffffff24}.videoPlaceholder p{margin:6px 0 0;color:#d5daf2;font-size:14px}.videoError{margin:14px 0 0;padding:10px 12px;color:#964123;background:#fff1eb;border-radius:10px;font-size:13px}.sourceLink{margin-top:13px;display:inline-flex;align-items:center;gap:6px;color:var(--purple);font-size:13px;font-weight:800}.videoLevels{margin-top:20px}.levelGroups{display:grid;grid-gap:22px;gap:22px}.levelGroup h4{margin:0 0 10px;font-size:15px;color:#3e4b85}.levelCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.levelCard{min-height:166px;padding:17px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;background:#fff;color:var(--ink);border:1px solid #dfe3ef;border-radius:16px;cursor:pointer;transition:.18s ease}.levelCard:focus-visible,.levelCard:hover{transform:translateY(-2px);border-color:var(--purple);box-shadow:0 8px 24px #4c57bc17}.levelCard.active{border:2px solid var(--purple);background:#f4f5ff}.levelCard>span{color:var(--purple);font-size:11px;font-weight:800;letter-spacing:.08em}.levelCard b{font-size:16px}.levelCard small{color:var(--muted);line-height:1.45}.levelCard em{margin-top:auto;display:flex;align-items:center;gap:5px;font-size:12px;font-style:normal;color:var(--purple);font-weight:800}.dictionaryHead{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.dictionaryHead h3{margin:5px 0;font-size:20px}.dictionaryHead p{margin:0;color:var(--muted);font-size:13px}.directionButton,.resetWords{display:inline-flex;align-items:center;gap:7px;border:1px solid #d9dcef;border-radius:11px;padding:10px 13px;background:#f7f8ff;color:var(--purple);cursor:pointer;font-weight:800;font-size:13px}.wordGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.wordCard{min-height:155px;padding:16px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:7px;border:1px solid #e0e4ef;border-radius:16px;background:#fff;color:var(--ink);cursor:pointer;transition:.18s ease}.wordCard:focus-visible,.wordCard:hover{border-color:var(--purple);box-shadow:0 8px 24px #4c57bc17;transform:translateY(-2px)}.wordCard.revealed{border-color:#aeb6ff;background:#f4f5ff}.wordLanguage{color:#8590a7;font-size:10px;letter-spacing:.1em;font-weight:800}.wordCard b{font-size:20px}.tapHint,.translation{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800}.tapHint{color:#8791a6}.translation{color:#3b49b3}.wordCard small{font-size:11px;color:var(--muted)}.resetWords{margin-top:16px;background:white;color:#59647b}.subtitleUnavailable{margin:16px 0 0;padding:13px 15px;border-radius:12px;background:#fff7e8;color:#805a17;font-size:13px;line-height:1.5}.phraseSection{margin-top:34px;padding-top:27px;border-top:1px solid var(--line)}.phraseSection h4{margin:5px 0;font-size:19px}.phraseSection p{margin:0 0 16px;color:var(--muted);font-size:13px}.phraseList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.phraseCard{min-height:92px;padding:14px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;color:var(--ink);background:#fbfcff;border:1px solid #e1e5f0;border-radius:14px;cursor:pointer;transition:.18s ease}.phraseCard:focus-visible,.phraseCard:hover{transform:translateY(-2px);border-color:var(--purple)}.phraseCard.revealed{background:#f4f5ff;border-color:#aeb6ff}.phraseCard>span{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8891a6;font-weight:800}.phraseCard b{font-size:15px}.phraseCard em,.phraseCard strong{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-style:normal}.phraseCard strong{color:#3b49b3}.phraseCard em{color:#8791a6}@media (max-width:860px){.wordGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.levelCards{grid-template-columns:1fr}}@media (max-width:600px){.cartoonIntro{padding:24px;min-height:160px}.cartoonIntro h2{font-size:26px}.cartoonIntro>svg{width:62px;height:62px}.videoLinkForm>div{flex-direction:column}.videoLinkForm .btn{width:100%}.dictionaryHead{flex-direction:column}.phraseList,.wordGrid{grid-template-columns:1fr}.wordCard{min-height:132px}}body{background:var(--qd-paper);line-height:1.55}::selection{background:var(--qd-lavender);color:var(--ink)}h1,h2,h3{text-wrap:balance;line-height:1.2;letter-spacing:-.035em}a,button,p,summary{overflow-wrap:anywhere}a,button,input,select,textarea{touch-action:manipulation}:where(button,input,select,summary,.btn){min-height:44px}:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--qd-brand-dark);outline-offset:4px}:where(input,textarea,select){accent-color:var(--qd-brand);scroll-margin-block:100px}.btn{border-radius:var(--qd-radius-small);min-height:46px;transition:transform var(--qd-fast),background var(--qd-fast),box-shadow var(--qd-fast);line-height:1.4}.btn.primary{background:var(--qd-brand);box-shadow:0 4px 0 var(--qd-brand-dark);color:white}.btn.primary:hover:not(:disabled){background:var(--qd-brand-dark);box-shadow:0 6px 0 var(--qd-brand-dark)}.btn.ghost{border-color:var(--line);color:var(--ink)}.btn.ghost,.btn.white{background:var(--qd-glass-solid)}.btn.white{color:var(--qd-brand-dark)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:none}.btn:disabled,button:disabled{opacity:.52;cursor:not-allowed;transform:none;box-shadow:none}button[aria-busy=true]{cursor:progress}.demoTag,.pill{background:var(--qd-lavender);color:var(--qd-brand-dark);letter-spacing:.06em}.appShell,.landing{background:radial-gradient(ellipse at 100% 0,var(--qd-lavender) 0,transparent 45%),var(--qd-paper)}.landingNav{height:92px;max-width:1240px;border-color:var(--line)}.landingHero{max-width:1240px;gap:32px;margin:28px auto 60px;padding-block:36px}.landingHero h1{font-size:clamp(36px,4.2vw,59px);line-height:1.13;letter-spacing:-.05em}.landingHero h1 span{color:var(--qd-brand)}.landingHero p{font-size:17px;max-width:510px;color:var(--muted)}.trust{flex-wrap:wrap;gap:8px 20px}.journey-scene{height:490px;isolation:isolate;border-radius:48% 48% 28px 28px;overflow:hidden;border:1px solid var(--qd-lavender)}.journey-scene,.journey-sun{background:var(--qd-lavender)}.journey-sun{position:absolute;width:100px;height:100px;border-radius:50%;top:35px;right:60px}.journey-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.journey-scene .mascotBlob{position:absolute;bottom:35px;left:20%;width:60%;height:310px;background:none;border-radius:0;box-shadow:none;overflow:visible}.journey-scene .mascotBlob .mascot{width:100%;height:100%;filter:drop-shadow(0 12px 12px #5b21b614)}.journey-scene .floatCard{display:grid;grid-template-columns:24px 1fr;grid-gap:2px 8px;gap:2px 8px;padding:12px 15px;border-color:#ffffffb3;border-radius:16px;box-shadow:0 10px 24px #5b21b614;font-size:13px;background:var(--qd-glass-solid)}.journey-scene .floatCard svg{grid-row:span 2;color:var(--qd-brand)}.journey-scene .floatCard small{font-size:11px}.journey-scene .fc1{top:105px;left:18px;transform:rotate(-5deg)}.journey-scene .fc2{right:12px;bottom:110px;color:var(--ink);transform:rotate(4deg)}.journey-caption{position:absolute;bottom:18px;background:var(--qd-glass-solid);padding:9px 18px;border-radius:20px;font-size:13px;font-weight:800}.features{max-width:1240px;gap:18px}.exploreCard,.features>div{border:1px solid var(--line);box-shadow:var(--qd-shadow);border-radius:var(--qd-radius)}.features i{background:var(--qd-lavender);color:var(--qd-brand)}.landing .ql-marketing{background:var(--qd-brand-dark);color:white;border:0;box-shadow:none}.landing .ql-marketing p,.landing .ql-marketing small{color:var(--qd-lavender)}.landing .ql-marketing .pill{background:#5b21b614;color:var(--qd-lavender)}.appShell>aside{background:var(--qd-glass-solid);border-color:var(--line);padding:24px 14px;scrollbar-width:thin}.appShell nav a{color:var(--muted);min-height:46px;border-radius:12px;font-size:13px;gap:10px}.appShell nav a svg{flex-shrink:0}.appShell nav a.active{color:var(--qd-brand-dark);box-shadow:inset 3px 0 var(--qd-brand)}.appShell nav a.active,.appShell nav a:hover{background:var(--qd-lavender)}.qd-bar{border-bottom:1px solid var(--line);background:#5b21b614;min-height:68px}.page .top h1{font-size:var(--qd-title)}.heroCard,.qd-dashboard .heroCard{background:linear-gradient(115deg,var(--qd-brand),var(--qd-brand-dark));border:1px solid var(--qd-brand-dark);border-radius:28px;box-shadow:0 14px 28px #5b21b614}.heroCard:after{border-color:#5b21b614}.heroCard h2{font-size:clamp(25px,3vw,36px)}.panel,.qd-exercise,.stat{border-radius:var(--qd-radius);border-color:var(--line);box-shadow:var(--qd-shadow)}.stat{border-top:3px solid var(--qd-brand)}.stat:nth-child(2),.stat:nth-child(3){border-top-color:var(--qd-lavender)}.stat strong{color:var(--ink);font-size:24px}.qd-dashboard .sectionHead{gap:16px}progress{accent-color:var(--qd-brand);height:10px;border-radius:20px;overflow:hidden;background:var(--qd-lavender)}progress::-webkit-progress-bar{background:var(--qd-lavender);border-radius:20px}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--qd-brand),var(--qd-brand));border-radius:20px;-webkit-transition:width var(--qd-enter);transition:width var(--qd-enter)}.qd-map-node{position:relative;border-radius:16px;margin:12px 0;padding:18px;background:var(--qd-glass-solid);border:1px solid var(--line)}.qd-map-node.available,.qd-map-node.started{background:var(--qd-lavender);border-color:var(--qd-brand)}.qd-map-node.completed,.qd-map-node.perfect{border-color:var(--qd-brand)}.qd-map-node .qd-node{background:var(--qd-lavender);color:var(--qd-brand-dark);box-shadow:none}.qd-map-node.locked{opacity:1;background:var(--qd-glass-solid);color:var(--muted)}.qd-content-filters{padding:20px;background:var(--qd-glass-solid);border:1px solid var(--line);border-radius:22px}.qd-lesson{max-width:960px}.qd-exercise{background:white;padding:clamp(20px,4vw,40px);border-top:4px solid var(--qd-brand)}.qd-choice,.qd-option{border-radius:14px;min-height:54px;transition:border-color var(--qd-fast),background var(--qd-fast),transform var(--qd-fast)}.qd-choice.active,.qd-option:has(input:checked){background:var(--qd-lavender);border-color:var(--qd-brand);box-shadow:0 0 0 1px var(--qd-brand)}.qd-feedback.correct{background:#e8f5ec;color:#21563e;border:1px solid #a9ceb4;animation:journey-enter var(--qd-enter) both}.qd-feedback.incorrect{background:#fff3e3;color:#79542a;border:1px solid #e4c49d;animation:none}.qd-answer-box button,.qd-token-bank button{border-radius:12px;min-height:46px;box-shadow:0 3px 0 var(--qd-lavender)}.qd-result{background:radial-gradient(ellipse at top,var(--qd-lavender),transparent 65%);padding-top:48px}.qd-overlay{z-index:var(--qd-dialog-layer);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.qd-error,.song-error{border-radius:14px;background:#fff1e7;color:#813f2c;border:1px solid #e4b6a6;padding:18px}.qd-loading{color:var(--muted);border:1px dashed var(--qd-brand);border-radius:22px;background:var(--qd-glass-solid);padding:32px}.qd-calendar .active{background:var(--qd-brand);color:white}.qd-badges .earned{background:var(--qd-glass-solid);border-color:var(--qd-lavender)}.appShell .ng-card,.appShell .song-card,.appShell .travel-panel{border-radius:22px;border-color:var(--line);box-shadow:var(--qd-shadow)}.appShell .song-hero{background:linear-gradient(120deg,var(--qd-lavender),var(--qd-glass-solid));color:var(--ink);border:1px solid var(--line)}.song-karaoke-window{background:var(--qd-brand-dark);color:white;border:0}.song-karaoke-window .song-current-line{color:var(--qd-lavender);font-size:clamp(24px,4vw,40px)}.song-find-options{grid-gap:12px;gap:12px}.journey-menu-toggle{display:none}.journey-skip{position:fixed;top:-100px;left:16px;background:white;padding:12px;z-index:110}.journey-skip:focus{top:12px}@keyframes journey-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.features>div,.landingHero,.page>.top,.qd-exercise,.statsGrid>.stat{animation:journey-enter var(--qd-enter) both}.features>div:nth-child(2),.statsGrid>.stat:nth-child(2){animation-delay:50ms}.features>div:nth-child(3),.statsGrid>.stat:nth-child(3){animation-delay:.1s}.features>div:nth-child(4),.statsGrid>.stat:nth-child(4){animation-delay:.15s}}@media (max-width:900px){.landingHero{gap:24px}.journey-scene{height:410px}.journey-scene .mascotBlob{height:260px}}@media (max-width:760px){.landingNav{height:76px;padding:0 16px}.landingNav>div>a:first-child{display:none}.landingNav>div{gap:8px}.landingNav .btn{padding:10px 12px;font-size:12px}.landingHero{grid-template-columns:1fr;margin:8px auto 36px;padding:24px 20px}.landingHero h1{font-size:38px}.landingHero p{font-size:16px}.heroBtns{flex-wrap:wrap}.journey-scene{height:360px;max-width:500px;width:100%;margin:auto}.journey-scene .mascotBlob{height:245px}.journey-scene .fc1{top:60px}.journey-scene .fc2{bottom:90px}.features{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px 40px;gap:12px}.features>div{padding:20px}.qd-shell.appShell{display:block}.qd-shell.appShell>aside{position:relative;height:auto;padding:0;border:0;display:none}.qd-shell.journey-menu-open>aside{display:block}.qd-shell.appShell>aside nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:12px;grid-gap:4px;gap:4px}.qd-shell.appShell>aside nav a{flex-direction:row;white-space:normal;font-size:12px;padding:10px;min-width:0}.qd-shell.appShell>aside nav a span{display:block}.journey-menu-toggle{display:inline-flex;flex-shrink:0;padding:8px 10px}.qd-bar{gap:12px;padding:12px 16px;font-size:11px}.qd-bar>span{flex:1 1}.qd-bar .avatar{flex-shrink:0}.qd-shell .page{padding:24px 16px 50px}.page .top{align-items:flex-start;gap:12px;flex-wrap:wrap}.qd-map-node{padding:14px}.qd-map-node>div{min-width:0;flex:1 1}.qd-lock-note,.qd-map-node .btn{margin-left:0;max-width:100%}.qd-content-filters{padding:14px}.qd-actions{flex-wrap:wrap}.qd-actions .btn{flex:1 1 140px}.qd-lesson .qd-content-material{margin-block:16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.journey-discover{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin:24px 0}.journey-discover-card{padding:24px;border:1px solid var(--line);border-radius:22px;transition:transform var(--qd-fast)}.journey-discover-card,.journey-discover-card:nth-child(2),.journey-discover-card:nth-child(3){background:var(--qd-lavender)}.journey-discover-card h3{font-size:20px;margin:18px 0 10px}.journey-discover-card p{font-size:13px;color:var(--muted)}.journey-discover-card>b{font-size:13px;color:var(--qd-brand-dark)}.journey-discover-card:hover{transform:translateY(-3px)}.journey-tip-toggle{float:right;width:44px;border:0;background:transparent;color:inherit;font-size:20px;border-radius:12px}@media (max-width:1000px){.journey-discover{grid-template-columns:1fr}.journey-discover-card{padding:20px}}.qd-app progress::-webkit-progress-bar{background:var(--qd-lavender)}.qd-app progress::-webkit-progress-value{background:linear-gradient(90deg,var(--qd-brand),var(--qd-brand))}.appShell .song-mode-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.appShell .song-mode-nav a{min-height:46px;padding:10px 8px;text-align:center;justify-content:center;font-size:12px;background:var(--qd-glass-solid);border:1px solid var(--line)}.appShell .song-mode-nav a[aria-current=page]{background:var(--qd-lavender);color:var(--qd-brand-dark);border-color:var(--qd-brand)}.journey-state{max-width:560px;margin:10vh auto;padding:32px;background:white;border:1px solid var(--line);border-radius:var(--qd-radius);box-shadow:var(--qd-shadow)}.journey-state-symbol{display:grid;place-items:center;width:56px;height:56px;background:var(--qd-lavender);border-radius:18px;color:var(--qd-brand);font-size:28px}@media (max-width:760px){.landingNav>div>a.btn{display:inline-flex}.landingNav .qd-brand-wordmark{width:100px}.landingNav .qd-brand-symbol{width:30px;flex-basis:30px}.journey-state{margin:32px 16px;padding:24px}}.appShell .vw-intro h2,.appShell .vw-section-title h2{color:var(--ink)}.appShell .vw-intro>span{color:var(--qd-brand-dark)}.appShell .vw-intro p,.appShell .vw-section-title p{color:var(--muted)}.appShell .vw-game-link{border-color:var(--line);background:var(--qd-glass-solid);border-radius:22px;box-shadow:var(--qd-shadow)}.appShell .vw-number{background:var(--qd-lavender);color:var(--qd-brand-dark)}.appShell .vw-places span{background:var(--qd-brand);box-shadow:0 4px 0 var(--qd-brand-dark);border-color:var(--qd-lavender)}.appShell .vw-map{border-color:var(--qd-glass-solid);box-shadow:var(--qd-shadow)}.appShell .ng-heading h1,.appShell .vw-game-link h3{color:var(--ink)}.appShell .vw-game-link p{color:var(--muted)}.journey-skip:not(:focus){width:1px;height:1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}:is(.panel,.stat,.qd-exercise,.features>div,.exploreCard,.journey-discover-card,.journey-state,.qd-content-filters,.appShell .song-card,.appShell .ng-card,.appShell .travel-panel,.appShell .vw-game-link,.landingFaq details,.startSteps li){background:var(--qd-glass-solid);border:1px solid var(--qd-border);box-shadow:var(--qd-glass-shadow);min-width:0;overflow-wrap:anywhere;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}@supports (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){:is(.panel,.stat,.features>div,.exploreCard,.journey-discover-card,.journey-state,.appShell .song-card,.appShell .ng-card,.appShell .travel-panel,.appShell .vw-game-link){background:var(--qd-glass);-webkit-backdrop-filter:blur(var(--qd-glass-blur));backdrop-filter:blur(var(--qd-glass-blur))}.appShell>aside,.journey-scene .floatCard,.qd-bar{background:#faf8fff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.btn.primary{background-image:var(--qd-gloss),linear-gradient(115deg,var(--qd-brand),var(--qd-brand-dark));background-size:250% 100%,100% 100%;background-position:100% 0,0 0;border:1px solid #ffffff55;box-shadow:inset 0 1px 0 #ffffff55,0 5px 16px #5b21b626}.btn.primary:hover:not(:disabled){background-color:var(--qd-brand-dark);box-shadow:inset 0 1px 0 #ffffff55,0 8px 22px #5b21b630}.btn.primary:active:not(:disabled){transform:translateY(1px) scale(.98)}.appShell,.landing{background:radial-gradient(ellipse at 90% 0,#e5dcfa 0,transparent 48%),var(--qd-background)}.appShell:has(.qd-lesson,.ng-game,.song-exercise){background:var(--qd-background)}.appShell .song-mode-nav a[aria-current=page],.appShell nav a.active{background:var(--qd-lavender);color:var(--qd-brand-dark);box-shadow:inset 3px 0 var(--qd-brand)}.journey-scene{background:radial-gradient(ellipse at 15% 0,white,var(--qd-lavender) 65%);border-color:#ffffff;box-shadow:inset 0 2px 0 white,0 20px 60px #5b21b614}.journey-sun{background:#ffffffb3;box-shadow:0 0 45px #ffffff99}.journey-caption{color:var(--qd-brand-dark)}.landing .ql-marketing{background:linear-gradient(120deg,#35205b,var(--qd-brand-dark))}.landing .ql-marketing :is(p,small){color:#f1ebff}.landing .ql-marketing .pill{background:#ffffff20;color:white}.startSection{background:var(--qd-lavender)}.exploreLink,.startSteps b{color:var(--qd-brand-dark)}.stat,.stat:nth-child(2),.stat:nth-child(3){border-top-color:var(--qd-brand-light)}.stat i,.stat i.coral,.stat i.green{background:var(--qd-lavender);color:var(--qd-brand-dark)}.qd-map-node.available,.qd-map-node.started{border-color:var(--qd-brand-light)}.qd-choice.active,.qd-option:has(input:checked){color:var(--qd-ink)}.qd-exercise{border-top:3px solid var(--qd-brand-light)}.appShell .vw-places span,.qd-calendar .active{background:var(--qd-brand)}.qd-app progress,progress{accent-color:var(--qd-brand)}.qd-app progress::-webkit-progress-value,progress::-webkit-progress-value{background:linear-gradient(90deg,var(--qd-brand),var(--qd-brand-dark));-webkit-transition:width var(--qd-progress-duration) ease;transition:width var(--qd-progress-duration) ease}progress::-moz-progress-bar{background:var(--qd-brand)}.appShell .song-karaoke-window{background:var(--qd-ink);color:white}.appShell .song-karaoke-window .song-current-line{color:#ede9fe}:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--qd-brand-dark);outline-offset:4px}.heroCard :focus-visible,.ql-marketing :focus-visible,.song-karaoke-window :focus-visible{outline-color:white}.page h1,.page h2,.panel h3{overflow-wrap:anywhere}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){:is(.exploreCard,.journey-discover-card,.appShell .song-card,.appShell .vw-game-link):hover{transform:translateY(-3px);border-color:var(--qd-brand-light);box-shadow:var(--qd-glass-hover-shadow);background-color:var(--qd-glass-solid);background-image:var(--qd-gloss),var(--qd-glass);background-size:250% 100%,100% 100%;animation:qd-reflect .55s ease-out both}.btn.primary:hover{animation:qd-reflect .55s ease-out both}}@keyframes qd-reflect{0%{background-position:100% 0,0 0}to{background-position:0 0,0 0}}@keyframes qd-achievement{0%,to{box-shadow:0 0 0 transparent}45%{box-shadow:0 0 32px #a78bfa55}}@media (prefers-reduced-motion:no-preference){.journey-discover-card:not(:hover),.song-card:not(:hover){animation:journey-enter var(--qd-enter) ease both}.qd-result{animation:qd-achievement .8s ease-out 1}}@media (hover:none){.btn:hover,.journey-discover-card:hover{transform:none}}@media (max-width:760px){:is(.panel,.stat,.features>div,.exploreCard,.journey-discover-card,.journey-state,.appShell .song-card,.appShell .ng-card,.appShell .travel-panel,.appShell .vw-game-link,.appShell>aside){-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--qd-glass-solid)}.journey-scene .floatCard,.qd-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.startSteps li>b{flex:0 0 auto;white-space:nowrap}.startSteps li{padding:12px;border-radius:18px}.appShell .song-card-icon{background:var(--qd-lavender);color:var(--qd-brand-dark)}.ql-exam,.ql-panel,.ql-start{background:var(--qd-glass-solid);box-shadow:var(--qd-shadow)}.ql-exam{-webkit-backdrop-filter:none;backdrop-filter:none}.qd-profile .qd-option{background:var(--qd-glass-solid);color:var(--ink)}.qd-profile .qd-option.selected{background:var(--qd-lavender);border-color:var(--qd-brand);box-shadow:0 0 0 1px var(--qd-brand)}.lit-heading h1,.lit-page{color:var(--ink)}.lit-heading p,.lit-panel small,.lit-stats span{color:var(--muted)}.lit-notice,.lit-stats>div{background:var(--qd-lavender);border-color:var(--line)}.lit-notice,.lit-panel summary,.lit-stats strong{color:var(--qd-brand-dark)}.lit-panel{background:var(--qd-glass-solid);border-color:var(--line);box-shadow:var(--qd-shadow)}.appShell .travel-page{--travel-ink:var(--ink);--travel-soft:var(--muted);--travel-line:var(--line)}.appShell .travel-page p{color:var(--muted)}.appShell .travel-page .btn.primary{background:var(--qd-gloss),linear-gradient(115deg,var(--qd-brand),var(--qd-brand-dark));border-color:var(--qd-brand)}.appShell .travel-page :is(button,a,input,select):focus-visible{outline-color:var(--qd-brand-dark)}.appShell :is(.travel-welcome,.travel-destination,.travel-map-block,.travel-title-badge){background:var(--qd-glass-solid);border-color:var(--line)}.appShell :is(.travel-eyebrow,.travel-heading small,.travel-panel>small,.travel-intro-heading h1 em){color:var(--qd-brand-dark)}.appShell .ng-page{--ng-purple:var(--qd-brand);--ng-ink:var(--qd-ink)}.appShell :is(.ng-page,.song-page) :is(button,a,input,select):focus-visible{outline:3px solid var(--qd-brand-dark);outline-offset:4px}.appShell :is(.ng-game-stats,.song-mode-nav){color:var(--qd-ink)}.appShell :is(.ng-game-card,.song-panel,.qd-profile .panel){background:var(--qd-glass-solid);border-color:var(--qd-border);box-shadow:var(--qd-glass-shadow)}.appShell:has(.ng-game-stats,.song-player,.ql-exam){background:var(--qd-background)}@media (prefers-reduced-motion:no-preference){.ng-result{animation:qd-achievement .8s ease-out 1}}.appShell .song-card .song-card-icon,.appShell .song-summary span{background:var(--qd-lavender);color:var(--qd-brand-dark)}.appShell .song-completed{background:var(--qd-glass-solid);border-color:var(--qd-brand-light)}.song-page{max-width:1200px}.song-page h1{font-size:clamp(28px,4vw,44px);letter-spacing:-.04em;line-height:1.16}.song-page h2{font-size:26px;letter-spacing:-.025em}.song-page p{line-height:1.75}.song-page small{line-height:1.7}.song-hero{position:relative;display:grid;grid-template-columns:1.25fr .75fr;grid-gap:24px;gap:24px;align-items:center;background:linear-gradient(125deg,#f0edff,#e9f5fa);border:1px solid #e0e0f3;border-radius:28px;padding:36px;overflow:hidden}.song-hero:after{content:"";position:absolute;right:-80px;bottom:-130px;width:340px;height:340px;border:40px double #7163c910;border-radius:35%;transform:rotate(45deg);pointer-events:none}.song-hero .pill{display:inline-flex;gap:7px;align-items:center}.song-hero h1{margin:20px 0}.song-hero h1 span{color:var(--purple)}.song-hero p{max-width:570px;color:#59657e;font-size:15px}.song-hero small{display:block;margin-top:18px;color:#69718b;font-size:11px}.song-mascot{position:relative;min-width:0;z-index:1}.song-mascot img{width:100%;max-height:300px;object-fit:contain;filter:drop-shadow(0 15px 20px #6867d020)}.song-note-one,.song-note-two{position:absolute;color:#7463c8;font-size:60px;font-weight:800}.song-note-one{left:0;top:10px;transform:rotate(-15deg)}.song-note-two{right:0;bottom:15px;transform:rotate(15deg)}.song-method{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.song-method>span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.song-method b{display:grid;place-items:center;width:26px;height:26px;background:#eeedfa;color:var(--purple);border-radius:50%}.song-note{color:#65708a;font-size:12px}.song-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin:24px 0}.song-metrics>div{padding:20px;background:white;border:1px solid var(--line);border-radius:18px}.song-metrics strong{display:block;font-size:25px}.song-metrics span{display:block;font-size:11px;color:var(--muted);margin-top:7px}.song-level-panel{padding:18px 22px;border:1px solid #dddff0;border-radius:18px;background:#f5f5fd;font-size:13px}.song-level-panel label{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.song-list-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0 20px}.song-list-head h2{margin:8px 0}.song-filters{display:flex;gap:10px}.song-filters label{display:grid;grid-gap:6px;gap:6px;font-size:11px;color:#65718b}.song-page input:not([type=radio]),.song-page select,.song-page textarea{background:white;border:1px solid #dce0ec;border-radius:11px;padding:11px 12px;color:var(--ink);max-width:100%}.song-page textarea{resize:vertical;width:100%;min-height:120px;font-size:16px;line-height:1.75}.song-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.song-card{display:flex;flex-direction:column;border:1px solid #e1e3ef;background:white;border-radius:22px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s}.song-card-top{display:flex;justify-content:space-between;align-items:center}.song-card-icon{height:54px;width:54px;background:#eeeafb;color:#7865bf;display:grid;place-items:center;border-radius:17px}.song-tone-1 .song-card-icon{background:#e8f4ed;color:#358565}.song-tone-2 .song-card-icon{background:#fff0dd;color:#ad7730}.song-card h3{font-size:21px;margin:22px 0 8px}.song-topic{font-size:11px;color:#707991;font-weight:700}.song-card p{font-size:13px;color:#65718b;flex:1 1}.song-card-meta{display:flex;gap:15px;font-size:11px;color:#67748a;margin:15px 0}.song-card-meta>span{display:flex;gap:5px;align-items:center}.song-card-status{display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid #ececf4;font-size:12px;font-weight:800}.song-back,.song-card-status{align-items:center;color:var(--purple)}.song-back{display:inline-flex;gap:8px;font-size:13px;margin-bottom:24px}.song-intro{padding:36px;background:white;border:1px solid var(--line);border-radius:24px}.song-session-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.song-session-head h1{font-size:32px;margin:10px 0}.song-session-head p{color:#65718b;font-size:13px}.song-page>progress{width:100%;height:8px;margin:16px 0 22px}.song-stages{display:flex!important;flex-direction:row!important;gap:8px!important;overflow:auto;padding:2px 2px 10px}.song-stages button{display:flex;align-items:center;gap:7px;border:1px solid #dedfeb;background:white;border-radius:12px;padding:11px 13px;color:#56617a;font-size:12px;cursor:pointer;white-space:nowrap}.song-stages button>span{height:21px;width:21px;display:grid;place-items:center;background:#f0eff9;border-radius:50%;font-size:11px}.song-stages button.active{border-color:var(--purple);background:#eeeffd;color:var(--purple);font-weight:800}.song-stages button:disabled{opacity:.5;cursor:not-allowed}.song-dosha-tip{display:flex;align-items:flex-start;gap:12px;background:#f0effc;border:1px solid #e3dff3;border-radius:16px;padding:16px;margin:14px 0 26px;color:#55507e}.song-dosha-tip>svg{flex-shrink:0;margin-top:4px}.song-dosha-tip p{margin:0;font-size:13px}.song-player{border:1px solid var(--line);background:white;border-radius:22px;padding:24px}.song-player audio,.song-recorder audio{width:100%;margin:10px 0}.song-audio-notice{display:flex;gap:12px;align-items:flex-start;padding:18px;background:#faf6ea;border-radius:14px;color:#76602e;font-size:13px}.song-audio-notice>svg{flex-shrink:0}.song-audio-notice p{margin:6px 0 0;font-size:12px}.song-lyrics{display:grid;grid-gap:6px;gap:6px;margin:22px 0}.song-lyrics button{border:1px solid transparent;background:#fafbfe;text-align:left;border-radius:11px;padding:12px 15px;font-size:20px;line-height:1.65;color:#303d58;display:flex;align-items:center;gap:15px;cursor:pointer}.song-lyrics button>span{font-size:10px;color:#8a94a8;min-width:18px}.song-lyrics button.active{border-color:#ada6df;background:#eeeafa;color:#5f4b9c}.karaoke .song-lyrics button{font-size:24px}.song-actions,.song-media-tools{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;align-items:center}.song-media-tools label{display:flex;align-items:center;gap:8px;font-size:12px}.song-next{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}.song-word-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.song-word-tabs button{padding:10px 15px;border:1px solid #e0deed;background:white;color:var(--ink);border-radius:25px;display:flex;align-items:center;gap:7px;font-size:16px;cursor:pointer}.song-word-tabs button.active{background:#eeeafa;border-color:#a99dd9;color:#5c4a8c}.song-word-card{padding:26px;background:white;border:1px solid var(--line);border-radius:22px}.song-word-card h2{font-size:35px;margin:12px 0}.song-word-card blockquote{margin:20px 0;padding:18px;border-left:3px solid var(--purple);background:#f6f6fd;border-radius:0 12px 12px 0;font-size:19px;line-height:1.6}.song-translations{display:flex;gap:12px;flex-wrap:wrap;color:#65718b;font-size:13px}.song-grammar{border:1px solid var(--line);border-radius:15px;background:#fafaff;padding:18px;margin-top:18px;font-size:14px}.song-grammar summary{font-weight:800;cursor:pointer}.song-annotated{padding:20px;border-radius:18px;background:white;line-height:1.9;font-size:19px}.song-annotated p{margin:8px 0}.song-annotated button{font:inherit;border:0;border-bottom:1px dashed #8a76c0;background:#eeeafa;color:#5e4690;padding:0 2px;border-radius:3px;cursor:pointer}.song-check,.song-game{padding:24px;background:white;border:1px solid var(--line);border-radius:20px;margin:18px 0}.song-game h3{font-size:20px;line-height:1.55}.song-options{border:0;padding:0;display:grid;grid-gap:10px;gap:10px;margin:18px 0}.song-options label{border:1px solid #e2e4ef;border-radius:12px;padding:14px;display:flex;align-items:center;gap:10px;cursor:pointer}.song-options label.selected{background:#f0eefa;border-color:#aba0d6}.song-options input{accent-color:var(--purple);width:18px;height:18px}.song-matches{display:grid;grid-gap:12px;gap:12px;margin:22px 0}.song-matches label{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:14px;gap:14px}.song-sentence{padding:18px;border:1px dashed #bab5d5;border-radius:13px;background:#faf9fe;min-height:65px;font-size:20px}.song-feedback{padding:15px;border-radius:12px;font-size:13px}.song-feedback.correct{background:#eaf7ef;color:#286342}.song-error,.song-feedback.wrong{background:#fff3e9;color:#874a23}.song-error{padding:15px;border-radius:12px;line-height:1.65}.song-recorder{padding:24px;background:white;border:1px solid var(--line);border-radius:20px;margin:20px 0}.song-recorder p{font-size:13px;color:#66728a}.song-recorder details{padding:16px;background:#f7f7fc;border-radius:12px;margin-top:20px}.song-recorder summary{cursor:pointer;font-weight:700;font-size:13px}.song-label{display:grid;grid-gap:10px;gap:10px;margin:20px 0;font-size:14px;font-weight:700}.song-prompts{background:#f5f3fe;padding:22px 22px 22px 44px;border-radius:18px;line-height:2;font-size:17px}.song-chat{padding:24px;border:1px solid #dcd7f0;background:#f6f3ff;border-radius:18px;margin:20px 0}.song-chat p{white-space:pre-wrap}.song-summary{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.song-summary span{background:#eaf4ef;border-radius:10px;padding:12px;font-size:12px;color:#347459}.song-completed{padding:26px;border:1px solid #d1e7db;background:#edf8f1;border-radius:20px;margin-top:24px}.song-completed .btn{margin:8px 8px 0 0}.song-review{padding:24px;border:1px solid var(--line);border-radius:20px;background:white;margin:24px 0}.song-review>p{font-size:12px;color:#65718b}.song-review-word{display:grid;grid-gap:12px;gap:12px;border-top:1px solid var(--line);padding:20px 0}.song-review-word label{display:grid;grid-gap:8px;gap:8px}.song-review-word label>span{font-size:11px;color:#65718b}.song-review-word .btn{justify-self:start}.song-maker-header{display:flex;align-items:center;gap:15px;margin:40px 0 15px}.song-maker-header svg{color:var(--purple)}.song-maker-header h2{margin:0}.song-maker-header p{font-size:13px;color:#65718b}.song-maker{padding:26px;background:white;border:1px solid var(--line);border-radius:22px}.song-generated{margin-top:28px;border-top:1px solid var(--line);padding-top:26px}.song-generated-lines{font-size:20px;padding:20px;background:#f5f3fc;border-radius:14px}.song-generated-lines p{margin:8px 0}.song-generated dl>div{padding:12px 0;border-bottom:1px solid var(--line)}.song-generated dt{font-weight:800}.song-generated dd{margin:8px 0;font-size:13px;color:#65718b}.song-dashboard-link{display:flex;align-items:center;gap:18px;margin-bottom:18px;background:#f4f0fe;color:#5d4b95}.song-dashboard-link>span:first-child{font-size:34px}.song-dashboard-link>span:last-child{margin-left:auto}.song-dashboard-link p{font-size:12px;margin:6px 0 0}.song-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media (hover:hover){.song-card:hover{transform:translateY(-4px);border-color:#b8addb;box-shadow:0 12px 30px #635e9f12}.song-lyrics button:hover{background:#f0edf9}}@media (prefers-reduced-motion:no-preference){.song-note-one,.song-note-two{animation:song-float 5s ease-in-out infinite alternate}@keyframes song-float{to{transform:translateY(-8px) rotate(8deg)}}}.qd-still .song-note-one,.qd-still .song-note-two{animation:none}@media (max-width:1000px){.song-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.song-hero{padding:28px}.song-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.song-list-head{flex-direction:column;align-items:flex-start}}@media (max-width:600px){.song-hero{grid-template-columns:1fr;padding:24px}.song-hero h1{font-size:35px}.song-mascot,.song-mascot img{height:170px}.song-note-one{left:20%;font-size:45px}.song-note-two{right:20%;font-size:45px}.song-cards{grid-template-columns:1fr}.song-card{padding:22px}.song-metrics{gap:10px}.song-metrics>div{padding:16px}.song-metrics strong{font-size:22px}.song-filters{width:100%}.song-filters label{min-width:0;flex:1 1}.song-level-panel{padding:16px}.song-session-head{align-items:flex-start;flex-direction:column;gap:3px}.song-session-head h1{font-size:28px}.song-stages button{padding:9px 10px;font-size:11px}.song-game,.song-maker,.song-player,.song-recorder,.song-review,.song-word-card{padding:18px}.karaoke .song-lyrics button,.song-lyrics button{font-size:18px;padding:11px 10px;gap:9px}.song-matches label{grid-template-columns:1fr;gap:7px}.song-next .btn{width:100%}.song-prompts{font-size:15px}.song-media-tools{align-items:stretch;flex-direction:column}.song-page h2{font-size:23px}.song-method{gap:10px}.song-method>span{font-size:11px}.song-hero .btn{width:100%}.song-card-status{font-size:13px}}@media (prefers-reduced-motion:reduce){.song-card{transition:none}.song-note-one,.song-note-two{animation:none}}.song-resume{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;margin:24px 0;background:white;border:1px solid #dedbf0;border-radius:20px}.song-resume h2{margin:8px 0}.song-resume p{font-size:12px;color:#68738a;margin:8px 0 15px}.song-resume progress{width:min(400px,100%);height:7px}.song-resume .btn{flex-shrink:0}.song-word-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin:24px 0}.song-word-status section{padding:20px;border:1px solid #e1e4ef;border-radius:16px;background:white}.song-word-status h3{font-size:15px;margin:0 0 12px}.song-word-status p{margin:0;font-size:14px;line-height:1.8}@media (max-width:600px){.song-resume{flex-direction:column;align-items:stretch;padding:20px;gap:10px}.song-resume h2{font-size:23px}.song-word-status{grid-template-columns:1fr}}.song-ornament{position:absolute;right:28px;bottom:14px;width:180px;height:72px;color:#7c6bba;opacity:.14;pointer-events:none}.song-card-main{display:flex;flex-direction:column;gap:14px;color:inherit;text-decoration:none}.song-mode-nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.song-mode-nav a{border:1px solid #d7dcf6;background:#fff;border-radius:14px;padding:12px 16px;color:#3f428c;font-weight:700;text-decoration:none}.song-mode-nav a[aria-current=page]{background:#ecebff;border-color:#6563e9}.song-mode-page{display:flex;flex-direction:column;gap:18px}.song-mode-page label{display:flex;flex-direction:column;gap:8px;font-weight:600;margin:12px 0}.song-mode-page input:not([type=checkbox]),.song-mode-page select,.song-mode-page textarea{width:100%;max-width:100%;font:inherit;border:1px solid #d7dcf6;border-radius:12px;padding:12px;background:#fff;color:#20243c}.song-mode-page textarea{min-height:110px}.song-current-line{font-size:clamp(26px,5vw,40px);line-height:1.5;font-weight:750;overflow-wrap:anywhere}.song-neighbour-line{font-size:20px;line-height:1.5;color:#66708d}.song-mode-audio audio{width:100%}.song-find-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin:18px 0}.song-find-options button{white-space:normal;min-height:52px;overflow-wrap:anywhere}.song-comparison{padding:18px;background:#f4f5ff;border-radius:16px;margin:16px 0}.song-comparison li{margin:12px 0;line-height:1.6;overflow-wrap:anywhere}.song-active-word{text-decoration:underline;text-decoration-thickness:3px;color:#4842d6}.song-find-progress{width:100%;height:8px;accent-color:#4842d6;margin:8px 0 16px}.song-listening-sheet{padding:16px;margin:16px 0;background:#f6f5ff;border:1px solid #e4e1fb;border-radius:20px}.song-listening-sheet p{display:flex;align-items:baseline;gap:12px;margin:0;padding:12px;border-radius:12px;transition:background .15s ease;overflow-wrap:anywhere}.song-listening-sheet .song-current-line{background:white;box-shadow:0 2px 10px #4842d610;color:#3730a3;font-weight:700}.song-listening-sheet [data-playing]{outline:2px solid #c4b5fd}.song-line-number{flex:0 0 22px;font-size:12px;opacity:.6}.song-line-solved{margin-left:auto;color:#15803d}.song-real-player audio,.song-real-player iframe{display:block;width:100%;margin:20px 0}.song-real-player iframe{aspect-ratio:16/9;border:0;border-radius:16px}.song-real-player>a{display:block;margin-top:12px;font-size:13px}.song-answer-wrong{border-color:#b45309;color:#92400e}.song-stt-consent label{display:flex;flex-direction:row;align-items:flex-start;line-height:1.6}.song-stt-consent input{flex-shrink:0;margin-top:6px}@media (max-width:600px){.song-mode-page .panel{padding:18px}.song-mode-nav a{flex:1 1 130px;text-align:center}.song-find-options{grid-template-columns:1fr 1fr}.song-mode-page .song-media-tools{align-items:stretch;flex-direction:column}.song-mode-page .btn{max-width:100%;white-space:normal}}.song-full-text-input{display:block;width:100%;margin:12px 0;padding:12px;border:1px solid #cbd5e1;border-radius:12px;font:inherit}.song-timed-lyrics{max-height:360px;overflow:auto;margin:20px 0;padding:16px;background:#f8fafc;border-radius:16px}.song-timed-lyrics p{padding:10px;margin:0;line-height:1.7}.song-timed-lyrics [aria-current=step]{background:#e8eaff;border-radius:10px}.song-find form input{max-width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}