.MaxWidth700{max-width: 700px;width: 100%}@media (max-width: 480px){.LanguagePickerGrid{grid-template-columns: 1fr}}.MaxWidth520{max-width: 520px;width: 100%}.SkipTrialBlock{width: 100%;text-align: center;padding-top: 0.5rem;border-top: 1px solid rgba(255,255,255,0.15);margin-top: 0.5rem}.SkipTrialBlock .ButtonSecondary{color: var(--color-text)}.LegalDoc ul.Bulleted{line-height: 1.7;margin: 0 0 1.25rem;padding-left: 1.4rem;list-style: disc}.LegalDoc .LegalMeta{color: var(--color-text-muted);font-size: 0.9rem;margin-bottom: 2.5rem}.LegalDoc .LegalTBD{color: #96733a;font-style: italic}.AuthEmailDisplay{font-weight: 700}.AuthChangeLink{color: var(--color-accent)}.PrincipleRow.JustifyStart{justify-content: flex-start}.PrincipleChip .Icon{color: var(--color-accent)}.FAQItem{background-color: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: 0.5rem 1.5rem;max-width: 960px;width: 100%}.FAQList{width: 100%}.FAQItem summary::-webkit-details-marker{display: none}.HelpFinder{box-sizing: border-box;width: 100%;max-width: 960px;margin: 0 auto;padding: 2rem;border: 1px solid #efece6;border-radius: 24px;background-color: var(--color-white);box-shadow: 0 24px 50px -34px rgba(90,45,0,0.45)}.HelpStep[hidden]{display: none}.HelpStepTitle{margin: 0 0 0.3rem;font-size: 1.5rem;line-height: 1.25;outline: none}.HelpStepNote{margin: 0 0 1.25rem;color: var(--color-text-muted);font-size: 1rem}.HelpTopic:hover{border-color: var(--color-accent);box-shadow: 0 12px 24px -18px rgba(90,45,0,0.5);transform: translateY(-2px);opacity: 1}.HelpChoice:hover{border-color: var(--color-accent);background-color: var(--color-peach);opacity: 1}.HelpChoice{padding: 0.9rem 1.3rem;font-size: 1rem}.HelpBack:hover{color: var(--color-accent);opacity: 1}.HelpQuestions[hidden]{display: none}.HelpQuestion:hover{border-color: var(--color-accent);background-color: #fbfaf8;opacity: 1}.HelpAnswer{margin: 0.75rem 0 1.25rem;padding: 1.1rem 1.25rem;border-radius: 16px;background-color: var(--color-peach);font-size: 1.02rem;line-height: 1.6}.HelpYes{border: 1px solid #e2ddd2;background-color: var(--color-white);color: var(--color-text)}.HelpYes:hover{background-color: var(--color-surface-alt);opacity: 1}.HelpNo{border: 1px solid var(--color-accent);background-color: var(--color-accent);color: var(--color-white)}.HelpNo:hover{border-color: #c96f0c;background-color: #c96f0c;opacity: 1}.HelpTopic:focus-visible,.HelpChoice:focus-visible,.HelpQuestion:focus-visible,.HelpYes:focus-visible,.HelpNo:focus-visible,.HelpBack:focus-visible,.HelpNone:focus-visible{outline: none;box-shadow: 0 0 0 3px rgba(226,128,17,0.35)}.HelpModal{box-sizing: border-box;padding: 3rem 1rem;background-color: var(--color-surface-alt)}.HelpModal.Popup{position: fixed;inset: 0;z-index: 9500;display: flex;align-items: center;justify-content: center;padding: 1rem;background-color: rgba(20,16,12,0.55)}.HelpModal.Popup[hidden]{display: none}.HelpModal:not(.Popup) .HelpModalClose{display: none}.HelpModalClose:hover{background-color: #efece6;color: var(--color-text);opacity: 1}.HelpModalClose:focus-visible{outline: none;box-shadow: 0 0 0 3px rgba(226,128,17,0.35)}.HelpModalHead{margin-bottom: 1rem;padding-right: 2.6rem}body.HelpModalOpen{overflow: hidden}.HelpFormAbout{margin: 0;padding: 0.7rem 0.9rem;border-radius: 12px;background-color: var(--color-peach);font-size: 0.92rem}.HelpFormAbout[hidden]{display: none}.HelpSend{justify-content: center}.FAQGroup .FAQList{align-items: center}.FAQGroup[hidden],.FAQItem[hidden]{display: none}.FAQNone{text-align: center;color: var(--color-text-muted)}.FAQHint{max-width: 560px;margin: -0.75rem auto 0;text-align: center;color: var(--color-text-muted);font-size: 0.92rem}.FAQHint[hidden]{display: none}.FAQGroups.Featured{gap: 1rem}.FAQGroups.Featured .FAQGroupTitle{display: none}@media (max-width: 600px){.HelpFinder{padding: 1.3rem 1.1rem;border-radius: 18px}.HelpStepTitle{font-size: 1.3rem}.HelpHelped{flex-direction: column;align-items: stretch}.HelpYes,.HelpNo{width: 100%}}@media (prefers-reduced-motion: reduce){.HelpTopic{transition: none}.HelpTopic:hover{transform: none}}@media only screen and (max-width: 900px){.HeroGrid{text-align: center}.HeroGrid .PrincipleRow,.HeroGrid .Flex.Row{justify-content: center}}@media only screen and (max-width: 640px){.CodeBoxGroup{gap: 2vw}}.PlanGrid > .PlanTutor{order: 1}@media (max-width: 520px){.HeroArt{padding: 3rem 0.4rem 5.2rem}}.HowSteps{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.25rem;width: 100%}@media (max-width: 900px){.HowSteps{grid-template-columns: repeat(2,minmax(0,1fr))}.HowSteps.Three{grid-template-columns: minmax(0,1fr);max-width: 520px;margin: 0 auto}}@media (max-width: 600px){.HowSteps{grid-template-columns: minmax(0,1fr)}}.LangCards{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.25rem;width: 100%}.HomeGuidesHeading{width: 100%;margin: 1rem 0 0;text-align: center}.HomeGuides{display: grid;grid-template-columns: repeat(auto-fill,minmax(240px,1fr));gap: 0.9rem;width: 100%}a.HomeGuide:hover{color: var(--color-text);transform: translateY(-2px);box-shadow: 0 0 0 1px #f1c48a,0 18px 32px -20px rgba(90,45,0,0.5)}a.HomeGuide:focus-visible{outline: 3px solid var(--color-accent);outline-offset: 3px}a.HomeGuide > i{flex: none;color: var(--color-accent);font-size: 1.1rem;width: 1.4rem;text-align: center}a.HomeGuide span{display: flex;flex-direction: column;min-width: 0;line-height: 1.3}a.HomeGuide strong{font-weight: 700}a.HomeGuide small{color: var(--color-text-muted);font-size: 0.8rem}@media only screen and (max-width: 900px){.LangCards{grid-template-columns: repeat(2,minmax(0,1fr))}}@media only screen and (max-width: 560px){.LangCards{gap: 0.75rem}}.HelpConvSection{padding-block: 2.5rem 0;padding-inline: 1.5rem}.HelpConvCard{box-sizing: border-box;max-width: 860px;margin: 0 auto;padding: 1.4rem 1.5rem;border: 1px solid #efece6;border-radius: 22px;background-color: var(--color-white);box-shadow: 0 18px 36px -24px rgba(90,45,0,0.35)}.HelpConvHead{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;gap: 0.6rem 1rem;margin-bottom: 1rem}.HelpConvHead h2{margin: 0;font-size: 1.35rem;line-height: 1.25}.HelpConvTour{display: inline-flex;align-items: center;gap: 0.4rem;font-weight: 700;color: var(--color-accent);text-decoration: none;white-space: nowrap}.HelpConvList{display: flex;flex-direction: column;gap: 0.5rem}.HelpConv{display: flex;align-items: center;gap: 0.85rem;padding: 0.8rem 1rem;border: 1px solid #efece6;border-radius: 14px;background-color: var(--color-white);color: var(--color-text);text-decoration: none;transition: border-color 0.15s ease,transform 0.15s ease}.HelpConv:hover{border-color: #f1cf9f;opacity: 1;transform: translateY(-1px)}.HelpConv:focus-visible{outline: 3px solid var(--color-accent);outline-offset: 2px}.HelpConvText{flex: 1;display: flex;flex-direction: column;min-width: 0}.HelpConvTag{flex-shrink: 0;padding: 0.2rem 0.65rem;border-radius: 999px;background-color: #efece6;color: #5f5b53;font-size: 0.75rem;font-weight: 700;white-space: nowrap}.HelpConvTag.Waiting{background-color: rgba(226,128,17,0.14);color: #a85c08}.HelpConvTag.Replied{background-color: rgba(46,125,50,0.12);color: #2e7d32}.HelpConvTag.You{background-color: var(--color-accent);color: var(--color-white)}.HelpConv > .fa-chevron-right{flex-shrink: 0;font-size: 0.8rem;color: #b8b0a2}.HelpConvEmpty{display: flex;align-items: center;gap: 0.6rem;margin: 0;padding: 1rem;border-radius: 14px;background-color: var(--color-surface-alt);color: var(--color-text-muted)}.HelpConvMore summary{padding: 0.45rem 0.2rem;font-weight: 700;color: var(--color-accent);cursor: pointer}.HelpConvMore[open] summary{margin-bottom: 0.5rem}@media (prefers-reduced-motion: reduce){.HelpConv{transition: none}.HelpConv:hover{transform: none}}@media (max-width: 640px){.HelpConvSection{padding-inline: 1rem}.HelpConvCard{padding: 1.1rem 1rem}.HelpConv{flex-wrap: wrap;row-gap: 0.4rem}.HelpConvText{flex-basis: calc(100% - 2rem)}}#conversations.HelpConvSection{padding: 2.5rem 1.5rem 0}@media (max-width: 640px){#conversations.HelpConvSection{padding: 1.75rem 1rem 0}}.HelpConvCard{max-width: 960px;padding: 2rem;border-radius: 24px;box-shadow: 0 24px 50px -34px rgba(90,45,0,0.45)}.HelpConvHead{align-items: center;gap: 1rem 1.5rem;margin-bottom: 1.4rem}.HelpConvHead h2{font-size: 1.5rem}.HelpConvList{gap: 0.7rem}.HelpConv{gap: 1rem;padding: 1rem 1.2rem}.HelpConvTour{gap: 0.55rem;padding: 0.4rem 1.1rem 0.4rem 0.4rem;border: 1px solid #f1cf9f;border-radius: 999px;background-color: var(--color-peach);color: #a85c08;font-size: 0.92rem;transition: background-color 0.15s ease,border-color 0.15s ease,transform 0.15s ease}.HelpConvTour:hover{border-color: var(--color-accent);background-color: #f8d6a8;color: #8a4a05;opacity: 1;transform: translateY(-1px)}.HelpConvTour:focus-visible{outline: 3px solid var(--color-accent);outline-offset: 2px}#conversations.HelpConvSection{padding: 3rem 1.5rem 0}@media (prefers-reduced-motion: reduce){.HelpConvTour{transition: none}.HelpConvTour:hover{transform: none}}@media (max-width: 640px){.HelpConvCard{padding: 1.25rem 1rem}#conversations.HelpConvSection{padding: 2rem 1rem 0}}.PayLayout{box-sizing: border-box;display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.15fr);gap: 1.25rem;width: 100%;max-width: 980px;margin: 2.25rem auto 0;align-items: start;color: var(--color-text);text-align: left}.PayLayout [hidden]{display: none !important}.PayCard{box-sizing: border-box;display: flex;flex-direction: column;gap: 1rem;min-width: 0;padding: 1.75rem;border-radius: 24px;background-color: var(--color-white);box-shadow: var(--shadow-dramatic)}.WhiteText .PayCard .ButtonPrimary{color: var(--color-accent)}.PayCardHead{display: flex;align-items: baseline;justify-content: space-between;flex-wrap: wrap;gap: 0.5rem 1rem}.PayCardHead h2{margin: 0;font-size: 1.2rem;line-height: 1.3;color: var(--color-text)}.PayLink{align-self: flex-start;padding: 0;border: 0;background: none;font: inherit;font-size: 0.9rem;font-weight: 700;color: #b8650a;text-decoration: none;cursor: pointer}.PayLink:hover{text-decoration: underline;opacity: 1}.PayLink:focus-visible,.PayCodeRow button:focus-visible{outline: 3px solid var(--color-accent);outline-offset: 2px}.PaySecure{display: inline-flex;align-items: center;gap: 0.4rem;font-size: 0.8rem;color: #6f6a62}.PaySummary{display: flex;flex-direction: column}.PayTick{display: inline-flex;align-items: flex-start;gap: 0.6rem;margin: 0.9rem 0 0;color: var(--color-text);font-size: 0.95rem;font-weight: 600;line-height: 1.4;cursor: pointer}.PayTick input[type="checkbox"]{flex-shrink: 0;width: 1.15rem;height: 1.15rem;margin: 0.1rem 0 0;padding: 0;accent-color: var(--color-accent);cursor: pointer}.PayCodeWrap{margin-top: 0.6rem}.PayCodeRow{display: flex;gap: 0.5rem}.PayCodeRow input{box-sizing: border-box;flex: 1 1 auto;min-width: 0;height: 46px;margin: 0;padding: 0 0.9rem;text-indent: 0;border: 1px solid #e5e1d8;border-radius: 12px;background-color: var(--color-white);color: var(--color-text);font: inherit;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase}.PayCodeRow input::placeholder{font-weight: 400;letter-spacing: 0;text-transform: none;color: #9a948a}.PayCodeRow input:focus{outline: none;border-color: var(--color-accent);box-shadow: var(--shadow-focus-ring)}.PayCodeRow button:disabled,.PayCodeRow input:disabled{opacity: 0.55;cursor: default}.PayCodeMsg{margin: 0;font-size: 0.85rem;line-height: 1.4}.PayCodeMsg:empty{display: none}.PayCodeMsg.Bad{color: #c62828}.PayCodeMsg.Good::before{content: '\2713';margin-right: 0.4rem;font-weight: 700;color: var(--color-accent)}.PayCard .PlanPayer{width: auto;max-width: none;margin: 0;box-shadow: none}.PayText{margin: 0;line-height: 1.5}[data-pay-free] .PayText{font-size: 0.9rem;color: #6b645a}.PaySmall{margin: 0;font-size: 0.82rem;line-height: 1.5;color: #6f6a62}.PaySmall a{font-weight: 700;color: var(--color-text)}.PayNotice{margin: 0;padding: 0.75rem 0.95rem;border-radius: 12px;background-color: var(--color-peach);font-size: 0.88rem;line-height: 1.45}.PayError{margin: 0;padding: 0.75rem 0.95rem;border-radius: 12px;background-color: var(--color-danger-tint);color: #b71c1c;font-size: 0.88rem;line-height: 1.45}.PayNotReady{display: flex;align-items: flex-start;gap: 0.7rem;padding: 0.85rem 1rem;border-radius: 14px;background-color: var(--color-surface-alt);font-size: 0.9rem;line-height: 1.45}.PayNotReady i{margin-top: 0.2rem;color: var(--color-accent)}.PayNotReady p{margin: 0}.PayCheckout{min-height: 380px}.PayBusy{opacity: 0.6;pointer-events: none}@media (max-width: 820px){.PayLayout{grid-template-columns: minmax(0,1fr)}.PayCard{padding: 1.35rem}}.ToolkitGames{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.25rem}.ToolkitGame,.ToolkitMore,.ToolkitTool{box-sizing: border-box;min-width: 0;border: 1px solid #efece6;border-radius: 22px;background-color: var(--color-white);color: var(--color-text);box-shadow: 0 18px 36px -24px rgba(90,45,0,0.35)}.ToolkitGame{display: flex;flex-direction: column;padding: 0.75rem}.ToolkitPanel{position: relative;display: flex;align-items: center;justify-content: center;height: 200px;overflow: hidden;border-radius: 16px;background: linear-gradient(135deg,var(--color-peach) 0%,#f8d6a8 100%)}.ToolkitPanel > .HomeGameCard{z-index: 1}.ToolkitGame:hover .HomeGameCard{transform: rotate(0deg) translateY(-3px)}.ToolkitScene{position: absolute;right: 0.8rem;bottom: 0.6rem;z-index: 0;display: block;width: 96px;pointer-events: none}.ToolkitGame:nth-child(2) .ToolkitScene{right: auto;left: 0.8rem}.ToolkitSceneArt{display: block;width: 100%;height: auto}.ToolkitGameBody{display: flex;flex-direction: column;align-items: flex-start;gap: 0.5rem;padding: 1rem 0.75rem 0.6rem}.ToolkitTag{display: inline-flex;align-items: center;gap: 0.3rem;padding: 0.15rem 0.6rem;border-radius: 999px;background-color: var(--color-accent-tint-strong);color: #a85c08;font-size: 0.74rem;font-weight: 700;white-space: nowrap}.ToolkitGameBody h3{display: flex;align-items: center;gap: 0.6rem;margin: 0;color: var(--color-text);font-size: 1.35rem;line-height: 1.2}.ToolkitGameBody p,.ToolkitTool p{margin: 0;color: #5f5b53;font-size: 0.95rem;line-height: 1.5}.ToolkitMore{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1rem 1.5rem;padding: 1.15rem 1.4rem}.ToolkitMoreText{display: flex;flex: 1 1 260px;flex-direction: column;gap: 0.2rem;min-width: 0}.ToolkitMoreText strong{font-size: 1.1rem;font-weight: 800;line-height: 1.3}.ToolkitSlots{display: grid;grid-template-columns: repeat(12,30px);gap: 6px}.ToolkitSlots span.On{border-color: var(--color-accent);background-color: var(--color-accent);color: var(--color-white);font-size: 0.78rem}.ToolkitTools{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 1.25rem}.ToolkitTool{display: flex;flex-direction: column;gap: 0.45rem;padding: 0.75rem 0.75rem 1.15rem}.ToolkitToolArt{display: flex;align-items: center;justify-content: center;height: 140px;margin-bottom: 0.35rem;overflow: hidden;border-radius: 16px;background: linear-gradient(135deg,var(--color-peach) 0%,#f8d6a8 100%)}.ToolkitTool h3{margin: 0 0.6rem;color: var(--color-text);font-size: 1.15rem;font-weight: 800;line-height: 1.25}.ToolkitTool p{margin: 0 0.6rem;font-size: 0.9rem}.ToolkitCount{display: flex;flex-direction: column;align-items: center;gap: 0.15rem;width: min(84%,200px);text-align: center}.ToolkitCount strong{color: var(--color-text);font-size: 2.4rem;font-weight: 800;line-height: 1;font-variant-numeric: tabular-nums}.ToolkitSplit{display: flex;width: 100%;height: 8px;margin-top: 0.45rem;overflow: hidden;border-radius: 999px;background-color: rgba(255,255,255,0.85)}.ToolkitSplit .Mastered{background-color: var(--color-accent)}.ToolkitSplit .Learned{background-color: var(--color-accent-light)}.ToolkitSplit .Learning{background-color: #efc48c}.ToolkitStreak{display: flex;flex-direction: column;align-items: center;gap: 0.65rem;max-width: 92%}.ToolkitFire{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.85rem;border-radius: 999px;background-color: var(--color-accent);color: var(--color-white);font-size: 0.82rem;font-weight: 800;white-space: nowrap;box-shadow: 0 10px 20px -10px rgba(90,45,0,0.7)}.ToolkitNudge{display: inline-flex;align-items: center;gap: 0.5rem;max-width: 100%;padding: 0.4rem 0.8rem 0.4rem 0.4rem;border-radius: 12px;background-color: var(--color-white);color: var(--color-text);font-size: 0.8rem;font-weight: 700;box-shadow: 0 12px 22px -12px rgba(90,45,0,0.55);transform: rotate(-2deg)}.ToolkitBell{display: inline-flex;flex-shrink: 0;align-items: center;justify-content: center;width: 26px;height: 26px;border-radius: 50%;background-color: var(--color-peach);color: var(--color-accent);font-size: 0.75rem}@media (prefers-reduced-motion: reduce){.ToolkitGame:hover .HomeGameCard{transform: rotate(-3deg)}.ToolkitGame:hover .HomeGameCard.Photo{transform: rotate(3deg)}.ToolkitGame:hover .HomeGameCard.Sound{transform: rotate(-2deg)}}@media (max-width: 1100px){.ToolkitTools{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.ToolkitGames{grid-template-columns: minmax(0,1fr);max-width: 560px;width: 100%;margin: 0 auto}.ToolkitMore,.ToolkitTools{max-width: 560px;width: 100%;margin: 0 auto}.ToolkitMore{box-sizing: border-box}}@media (max-width: 560px){.ToolkitGame{padding: 0.6rem}.ToolkitPanel{height: 180px}.ToolkitScene{width: 74px;right: 0.6rem;bottom: 0.5rem}.ToolkitGame:nth-child(2) .ToolkitScene{left: 0.6rem}.ToolkitGameBody{padding: 0.85rem 0.5rem 0.4rem}.ToolkitGameBody h3{font-size: 1.2rem}.ToolkitMore{padding: 1rem}.ToolkitSlots{grid-template-columns: repeat(6,30px)}.ToolkitTools{gap: 0.75rem}.ToolkitTool{padding: 0.5rem 0.5rem 0.9rem;border-radius: 18px}.ToolkitToolArt{height: 110px;border-radius: 13px}.ToolkitTool h3{margin: 0 0.35rem;font-size: 1rem}.ToolkitTool p{margin: 0 0.35rem;font-size: 0.82rem;line-height: 1.45}.ToolkitCount strong{font-size: 1.9rem}.ToolkitCount small{font-size: 0.6rem}.ToolkitFire{padding: 0.3rem 0.65rem;font-size: 0.7rem}.ToolkitNudge{padding: 0.3rem 0.6rem 0.3rem 0.3rem;font-size: 0.68rem}.ToolkitBell{width: 22px;height: 22px;font-size: 0.65rem}.ToolkitToolArt .ArtWeek{grid-template-columns: repeat(7,12px);gap: 5px;height: 72px}.ToolkitToolArt .ArtWeek i{height: calc(var(--h) * 0.5px)}}.WhyGrid{box-sizing: border-box;display: grid;grid-template-columns: minmax(0,1fr) minmax(0,0.9fr);align-items: center;gap: 3rem;width: 100%;text-align: left}.WhyText h2{margin: 0.25rem 0 1rem;color: var(--color-white)}.WhyText p{margin: 0;color: rgba(255,255,255,0.82);font-size: 1.05rem;line-height: 1.65}.WhyCard{box-sizing: border-box;display: flex;flex-direction: column;gap: 0.75rem;width: 100%;max-width: 480px;margin: 0 auto;padding: 0.75rem 0.75rem 1rem;border-radius: 22px;background-color: var(--color-white);color: var(--color-text);box-shadow: 0 30px 60px -28px rgba(0,0,0,0.75)}.WhyCardHead{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.5rem 1rem;padding: 0.4rem 0.6rem 0}.WhyCardHead > span:first-child{display: flex;flex-direction: column;line-height: 1.25}.WhyCardHead small{color: var(--color-text-muted);font-size: 0.66rem;font-weight: 800;letter-spacing: 0.06em;text-transform: uppercase}.WhyCardHead strong{font-size: 1.15rem;font-weight: 800}.WhyStreak{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.35rem 0.8rem;border-radius: 999px;background-color: var(--color-accent);color: var(--color-white);font-size: 0.8rem;font-weight: 800;white-space: nowrap}.WhyPanel{position: relative;display: flex;align-items: center;justify-content: flex-start;height: 170px;padding: 0 1.5rem;overflow: hidden;border-radius: 16px;background: linear-gradient(135deg,var(--color-peach) 0%,#f8d6a8 100%)}.WhyPanel .ArtWeek{position: relative;z-index: 1;grid-template-columns: repeat(7,20px);gap: 10px;height: 120px}.WhyPanel .ArtWeek i{height: calc(var(--h) * 0.9px)}.WhyPanel .ArtWeek small{font-size: 0.68rem}.WhyScene{position: absolute;right: 0.9rem;bottom: 0.7rem;z-index: 0;display: block;width: 104px;pointer-events: none}.WhySceneArt{display: block;width: 100%;height: auto}.WhyFacts{display: flex;flex-wrap: wrap;gap: 0.4rem;padding: 0 0.3rem}.WhyFacts span{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.3rem 0.75rem;border-radius: 999px;background-color: var(--color-surface-alt);font-size: 0.82rem;font-weight: 600;line-height: 1.3}.WhyFacts i{color: var(--color-accent);font-size: 0.78rem}@media (max-width: 900px){.WhyGrid{grid-template-columns: minmax(0,1fr);gap: 2rem}.WhyText{max-width: 640px}}@media (max-width: 480px){.WhyPanel{height: 150px;padding: 0 1rem}.WhyPanel .ArtWeek{grid-template-columns: repeat(7,16px);gap: 7px;height: 104px}.WhyPanel .ArtWeek i{height: calc(var(--h) * 0.75px)}.WhyScene{width: 78px;right: 0.6rem}}@media (min-width: 900px){.AuthHero > .MaxWidth700:has(> .PlanGrid){width: 100%;max-width: 1120px}.AuthHero > .MaxWidth700:has(> .PlanGrid) > :not(.PlanGrid){width: 100%;max-width: 700px;margin-inline: auto}.AuthHero > .MaxWidth700:has(> .PlanGrid) > .PlanGrid{flex-wrap: nowrap}}.FAQList{align-items: center}.Toolkit .ToolkitGame{position: relative;padding: 0.6rem 0.6rem 0.9rem;overflow: hidden;border: none;border-radius: 22px;background: radial-gradient(120% 140% at 0% 0%,var(--color-peach) 0%,#f9dcb2 55%,#f4c282 100%);box-shadow: 0 6px 0 #ebc28c,0 20px 36px -26px rgba(90,45,0,0.55);isolation: isolate}.Toolkit .ToolkitGame::before{content: '';position: absolute;inset: 0;z-index: -1;background-image: radial-gradient(rgba(226,128,17,0.14) 2px,transparent 2.5px);background-size: 22px 22px;mask-image: linear-gradient(to bottom,rgba(0,0,0,0.8),transparent 70%);-webkit-mask-image: linear-gradient(to bottom,rgba(0,0,0,0.8),transparent 70%)}.Toolkit .ToolkitPanel{height: 210px;overflow: visible;background: none}.Toolkit .ToolkitScene{width: 104px;right: 0.4rem;bottom: -0.2rem;opacity: 0.6}.Toolkit .ToolkitGame:nth-child(2) .ToolkitScene{right: 0.4rem;left: auto}.ToolkitMini{position: relative;z-index: 1;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;gap: 0.35rem;width: 100%;max-width: 250px;padding: 0.9rem 0.85rem 0.85rem;border-radius: 18px;background-color: var(--color-white);box-shadow: 0 5px 0 #ebc28c,0 16px 26px -18px rgba(90,45,0,0.5);transform: rotate(-2deg);transition: transform 0.25s ease}.ToolkitGame:nth-child(2) .ToolkitMini{transform: rotate(2deg)}.ToolkitGame:hover .ToolkitMini{transform: rotate(0deg) translateY(-3px)}.ToolkitMini > small{color: #c07418;font-size: 0.6rem;font-weight: 800;letter-spacing: 0.1em;text-transform: uppercase}.ToolkitMini > strong{color: var(--color-text);font-size: 1.45rem;font-weight: 800;line-height: 1.1}.ToolkitChips{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.35rem;width: 100%;margin-top: 0.3rem}.ToolkitChips > span{box-sizing: border-box;display: flex;align-items: center;gap: 0.35rem;min-width: 0;padding: 0.35rem 0.45rem;overflow: hidden;border-radius: 10px;background-color: #fdf6ec;color: #3a2308;font-size: 0.72rem;font-weight: 700;white-space: nowrap;text-overflow: ellipsis}.ToolkitChips > span b{flex: none;display: inline-flex;align-items: center;justify-content: center;width: 16px;height: 16px;border-radius: 5px;background-color: var(--color-accent);color: var(--color-white);font-size: 0.6rem}.ToolkitChips > span.On{background-color: #e7f5ea;color: #1f7a36;box-shadow: inset 0 0 0 2px #2e9d4a}.ToolkitChips > span.On b{background-color: #2e9d4a}.ToolkitXP{position: absolute;top: -12px;right: -10px;display: inline-flex;align-items: center;gap: 0.3rem;padding: 0.25rem 0.6rem;border-radius: 999px;background-color: var(--color-text);color: var(--color-white);font-size: 0.72rem;font-weight: 800}.ToolkitXP i{color: var(--color-accent-light)}.ToolkitListen{display: flex;align-items: center;gap: 0.6rem;margin: 0.15rem 0 0}.ToolkitListenPlay{display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: 50%;background-color: var(--color-accent);color: var(--color-white);font-size: 0.95rem;box-shadow: 0 3px 0 #b8650a}.ToolkitWave{display: flex;align-items: center;gap: 3px;height: 30px}.ToolkitWave i{width: 4px;border-radius: 2px;background-color: var(--color-accent-light);animation: ToolkitWave 1.2s ease-in-out infinite}@keyframes ToolkitWave{0%,100%{transform: scaleY(0.5)}50%{transform: scaleY(1)}}.ToolkitPicture{display: inline-flex;align-items: center;justify-content: center;width: 72px;height: 56px;border-radius: 14px;background: linear-gradient(160deg,var(--color-peach),#f9dcb2);color: #c07418;font-size: 1.7rem}.Toolkit .ToolkitGameBody{gap: 0.5rem;padding: 0.9rem 0.8rem 0.2rem}.Toolkit .ToolkitTag{background-color: rgba(254,254,254,0.75)}.Toolkit .ToolkitGameBody h3{font-size: 2rem;line-height: 1.05}.Toolkit .ToolkitGameBody p{color: #6b4410;font-weight: 700}.ToolkitPills{display: flex;flex-wrap: wrap;gap: 0.4rem;margin-top: 0.15rem}.ToolkitPills > span{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.28rem 0.65rem;border-radius: 999px;background-color: rgba(254,254,254,0.8);color: #6b4410;font-size: 0.78rem;font-weight: 700;white-space: nowrap}.ToolkitPills > span i{color: var(--color-accent)}.ToolkitSlots span.On{overflow: hidden;border-color: #f1cf9f;background-color: var(--color-peach)}.ToolkitSlotLogo{display: block;width: 22px;height: 22px;overflow: visible}.ToolkitBar{box-sizing: border-box;display: flex;flex-direction: column;gap: 0.45rem;width: min(88%,250px);padding: 0.6rem 0.75rem 0.7rem;border: 1px solid #efe7da;border-radius: 16px;background-color: #f6f1ea;box-shadow: 0 12px 24px -16px rgba(90,45,0,0.45)}.ToolkitBarTop{display: flex;align-items: center;gap: 0.45rem;min-width: 0;padding-bottom: 0.45rem;border-bottom: 1px solid #e6ddcf}.ToolkitLevel{flex: none;display: inline-flex;align-items: baseline;gap: 0.25rem;padding: 0.2rem 0.55rem;border-radius: 999px;background-color: var(--color-accent);color: var(--color-white);line-height: 1.05}.ToolkitLevel small{font-size: 0.52rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase}.ToolkitLevel b{font-size: 0.85rem;font-weight: 800}.ToolkitLevelName{min-width: 0;overflow: hidden;color: #a85c08;font-size: 0.72rem;font-weight: 800;text-overflow: ellipsis;white-space: nowrap}.ToolkitBarRow{display: grid;grid-template-columns: 3.2rem minmax(0,1fr) auto;align-items: center;gap: 0.45rem}.ToolkitBarRow small{color: var(--color-text-muted);font-size: 0.56rem;font-weight: 800;letter-spacing: 0.06em;text-transform: uppercase}.ToolkitBarRow i{position: relative;display: block;height: 7px;overflow: hidden;border-radius: 999px;background-color: #e7dfd2}.ToolkitBarRow i b{position: absolute;top: 0;bottom: 0;left: 0;border-radius: 999px;background: linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-light) 100%)}.ToolkitBarRow em{color: var(--color-text);font-size: 0.72rem;font-style: normal;font-weight: 800;font-variant-numeric: tabular-nums}.ToolkitBarRow em span{color: var(--color-text-muted);font-weight: 700}@media (max-width: 560px){.Toolkit .ToolkitPanel{height: 196px}.Toolkit .ToolkitGameBody h3{font-size: 1.7rem}.Toolkit .ToolkitScene{width: 80px}}@media (prefers-reduced-motion: reduce){.ToolkitWave i{animation: none}.ToolkitMini{transition: none}}.HeroArt .HeroXP{background-color: var(--color-text)}.HeroArt .HeroXP i{color: var(--color-accent-light)}.AboutArt{padding: 1.6rem 0.8rem}.AboutArtCard{box-sizing: border-box;width: 100%;padding: 1.4rem 1.3rem 1.7rem;border-radius: 26px;background-color: var(--color-white);color: var(--color-text);box-shadow: 0 6px 0 #ebc28c,0 30px 50px -24px rgba(0,0,0,0.65)}.AboutArtHead{display: flex;flex-direction: column;gap: 0.1rem;margin-bottom: 1.6rem}.AboutArtHead small{color: var(--color-text-muted);font-size: 0.72rem;font-weight: 800;letter-spacing: 0.08em;text-transform: uppercase}.AboutArtHead strong{font-size: 1.4rem;font-weight: 800;line-height: 1.15}.AboutFlags{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 2.4rem 0.6rem;padding-top: 0.6rem}.AboutFlags .LangArt{justify-self: center}.AboutFlags .LangArt .HowFlag{width: 66px;height: 66px}.AboutFlags .LangHello{left: 46px;top: -18px;padding: 0.28rem 0.6rem;font-size: 0.8rem}@media only screen and (max-width: 560px){.AboutArt{padding: 1.2rem 0}.AboutFlags{gap: 2.1rem 0.4rem}.AboutFlags .LangArt .HowFlag{width: 54px;height: 54px;box-shadow: 0 0 0 4px var(--color-white),0 12px 20px -10px rgba(90,45,0,0.6)}.AboutFlags .LangHello{left: 36px;top: -16px;padding: 0.22rem 0.5rem;font-size: 0.72rem}}.BackgroundWhite .PrincipleChip,.BackgroundGrey .PrincipleChip{border-color: #e5e1d8;background-color: var(--color-white);color: var(--color-text);font-weight: 600;box-shadow: 0 8px 18px -14px rgba(90,45,0,0.45)}.DBSSection{background-color: #11182B;color: #ffffff}.DBSSection h2,.DBSSection h3,.DBSSection p{color: #ffffff}.DBSSection .DBSEyebrow{color: #ffffff}.DBSName{margin: 0.6rem 0 1.25rem}.DBSLogo{display: block;width: 170px;max-width: 58%;height: auto;margin: 0 auto}.DBSSection .DBSText{color: #D7DEEA}.DBSSection .DBSText em{color: #ffffff;font-style: normal;font-weight: 700}.DBSChips{margin-top: 0.5rem}.DBSSection .PrincipleChip{border-color: rgba(255,255,255,0.2);background-color: rgba(255,255,255,0.06);color: #E8EDF5}.DBSSection .PrincipleChip .Icon{color: #ffffff}.DBSLink{display: inline-flex;align-self: center;align-items: center;justify-content: center;gap: 8px;margin-top: 0.5rem;padding: 16px 30px;border: 1px solid #CAD5E2;border-radius: 6px;background-color: #ffffff;color: #11182B;font-size: 1rem;font-weight: 600;line-height: 1;text-decoration: none;transition: background-color 0.2s,border-color 0.2s,color 0.2s}.DBSLink:hover,.DBSLink:focus{border-color: #11182B;background-color: #F8FAFC;color: #11182B}.DBSLink i{font-size: 0.8em}@media only screen and (max-width: 700px){.DBSLogo{width: 140px}}.ToolkitLevel,.ToolkitFire,.WhyStreak{color: var(--color-text)}.ToolkitLevelName{color: var(--color-text)}.HeroLight{overflow: hidden;background: linear-gradient(135deg,var(--color-peach) 0%,#f8d6a8 100%)}.HeroLight::before,.HeroLight::after{content: '';position: absolute;border-radius: 50%;background-color: rgba(255,255,255,0.45);pointer-events: none}.HeroLight::before{width: 620px;height: 620px;top: -300px;right: -180px}.HeroLight::after{width: 420px;height: 420px;bottom: -220px;left: -140px}.HeroCentre{position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;gap: 1.25rem;padding: 1.5rem 0 0.5rem;text-align: center}.HeroCentre .Eyebrow{margin-bottom: 0}.HeroCentre h1{max-width: 920px;margin: 0}.HeroLight .MainColour{color: inherit}.HeroCentreText{max-width: 720px;margin: 0.25rem 0 0}.HeroFlags{display: flex;flex-wrap: wrap;justify-content: center;gap: 1.75rem 2.5rem;padding-top: 1.5rem}.HeroFlagPick{position: relative;display: inline-flex;color: var(--color-white);text-decoration: none}.HeroFlagPick .HowFlag{width: 108px;height: 108px;box-shadow: 0 0 0 7px var(--color-white),0 22px 34px -14px rgba(90,45,0,0.55);transition: transform 0.15s ease,box-shadow 0.15s ease}.HeroFlagName{position: absolute;z-index: 2;left: 72%;top: -22px;padding: 0.4rem 0.85rem;border-radius: 14px 14px 14px 4px;background-color: var(--color-text);color: var(--color-white);font-size: 1rem;font-weight: 800;line-height: 1.2;white-space: nowrap;box-shadow: 0 10px 18px -10px rgba(0,0,0,0.6);opacity: 0;transform: translateY(6px) scale(0.9);transform-origin: bottom left;transition: opacity 0.18s ease,transform 0.18s ease;animation: HeroFlagBubble 12s ease-in-out infinite both;animation-delay: calc(var(--i,0) * 2s)}@keyframes HeroFlagBubble{0%{opacity: 0;transform: translateY(6px) scale(0.9)}3%,14%{opacity: 1;transform: none}17%,100%{opacity: 0;transform: translateY(6px) scale(0.9)}}.HeroFlagPick:nth-child(n+4) .HeroFlagName{left: auto;right: 72%;border-radius: 14px 14px 4px 14px;transform-origin: bottom right}.HeroFlags:hover .HeroFlagName,.HeroFlags:focus-within .HeroFlagName{animation: none}.HeroFlagPick:hover .HeroFlagName,.HeroFlagPick:focus-visible .HeroFlagName{opacity: 1;transform: none}@media (hover: hover){.HeroFlagPick:hover{opacity: 1;color: var(--color-white)}.HeroFlagPick:hover .HowFlag{transform: translateY(-4px);box-shadow: 0 0 0 7px var(--color-white),0 26px 36px -14px rgba(90,45,0,0.65)}}.HeroFlagPick:focus-visible{outline: none}.HeroFlagPick:focus-visible .HowFlag{box-shadow: 0 0 0 7px var(--color-white),0 0 0 10px var(--color-text)}@media (prefers-reduced-motion: reduce){.HeroFlagName{animation: none}}@media (min-width: 641px) and (max-width: 899px){.HeroFlags{max-width: 440px;margin-left: auto;margin-right: auto}}@media (max-width: 899px){.HeroFlagPick:nth-child(n+4) .HeroFlagName{left: 72%;right: auto;border-radius: 14px 14px 14px 4px;transform-origin: bottom left}.HeroFlagPick:nth-child(3n) .HeroFlagName{left: auto;right: 72%;border-radius: 14px 14px 4px 14px;transform-origin: bottom right}}@media (max-width: 640px){.HeroLight::before{width: 360px;height: 360px;top: -180px;right: -160px}.HeroFlags{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));justify-items: center;gap: 2rem 0.75rem;width: 100%;max-width: 360px}.HeroFlagPick .HowFlag{width: 76px;height: 76px;box-shadow: 0 0 0 5px var(--color-white),0 16px 26px -12px rgba(90,45,0,0.55)}.HeroFlagName{left: 58%;top: -20px;font-size: 0.85rem;padding: 0.3rem 0.65rem}.HeroFlagPick:nth-child(n) .HeroFlagName{left: 58%;right: auto}.HeroFlagPick:nth-child(3n) .HeroFlagName{left: auto;right: 58%}}