body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--app-background-color:#111;--button-foreground:#ccc;--button-highlight:#fff3;--button-accent-background-color:#7c71cb;--button-accent-background-color-hover:#9a93d2;--button-accent-color:#2c2c2c}body{background-color:#111;background-color:var(--app-background-color);color:#ccc;color:var(--button-foreground);font-family:Nunito,sans-serif;margin:0;padding:0}::-webkit-scrollbar{height:5px;width:8px}::-webkit-scrollbar-track{background:#1c1c1c}::-webkit-scrollbar-thumb{background-color:#333;border-radius:10px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background-color:#444}a.Action,button.Action{background-color:initial;border:2px solid #ccc;border:2px solid var(--button-foreground);border-radius:30px;color:#ccc;color:var(--button-foreground);cursor:pointer;font-family:inherit;font-size:20px;padding:8px 12px;text-decoration:none;transition:background-color .2s ease;white-space:nowrap}a.Action:hover,button.Action:hover{background-color:#fff3;background-color:var(--button-highlight)}a.Action.Accent,button.Action.Accent{background:linear-gradient(45deg,#4c46ec,#7c47eb);border-color:#775de9;color:#eee;text-shadow:1px 1px 2px #00187a75;transition:filter .2s ease}a.Action.Accent:hover,button.Action.Accent:hover{filter:brightness(1.1)}:root{--header-height:50px}@-moz-document url-prefix(){.Logo{max-height:50px;max-height:var(--header-height);overflow:visible;transform:translateY(-4px)}}.Header{background-color:#222;box-sizing:border-box;display:flex;flex-shrink:0;height:50px;height:var(--header-height);justify-content:space-between;overflow:hidden;padding:5px 10px;width:100%}.Header.Sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}.Header .CloseButton,.Header .SettingsButton{align-items:center;background:0;border:0;cursor:pointer;display:flex;height:100%}.Header .CloseButton svg,.Header .SettingsButton svg{fill:#888;height:25px;width:25px}.HeaderRight{align-items:center;display:flex;gap:10px}.HeaderRight .Action{font-size:16px}.LogoContainer{align-content:center;display:flex;gap:6px;padding:7px 0}.Logo{height:100%}.PlusText{align-self:center;box-sizing:border-box;display:flex;filter:drop-shadow(2px 2px 1px rgb(23 29 71)) drop-shadow(0 0 5px rgb(82,70,159));height:90%;max-height:20px}.PlusText,.PlusText svg{width:-webkit-min-content;width:-moz-min-content;width:min-content}.PlusText svg{height:100%}.Header .Language{align-items:center;background:#0000;background-color:#454545;border:0;border-radius:15px;color:#ddd;cursor:pointer;display:flex;padding:5px 10px}.Header .Flag{border-radius:2px;width:30px}.Header .Action{padding:5px 10px}@media (max-width:700px){.welcome-text{flex-basis:100%;padding:0}.welcome-main{flex-wrap:wrap}.welcome-graphic{display:none!important;justify-content:center}.feature{flex-direction:column!important}.feature>:nth-child(2){max-width:1000px!important;width:100%!important}}.name-explainer{background-color:#090e20;border-radius:7px;color:#7f7f7f;display:flex;flex-direction:row;font-size:14px;gap:8px;padding:5px 10px}.name-explainer span.ipa{color:#ccc}.name-explainer span.breakdown>span{color:#97a7e2}.welcome-banner{background:linear-gradient(90deg,#0000 25%,#2d1c56ab 55%);overflow:hidden;position:relative}.welcome-banner.Compact{background:#2d1c56ab}.welcome-banner-inner{box-sizing:border-box;color:#ddd;margin:auto;max-width:1200px;padding:0 20px;width:100%}.welcome-main{align-items:center;display:flex;flex-direction:row;justify-content:center;min-height:450px}.welcome-banner h1{color:#eee;font-size:42px;text-shadow:0 0 10px #000000aa}.welcome-outer{box-sizing:border-box;color:#ddd;margin:auto;max-width:1200px;padding:0 20px;width:100%}.welcome-outer h2{font-size:28px}.welcome-graphic{display:flex;flex-basis:33%;flex-direction:column;justify-content:flex-start;padding:50px}.graphic-item{align-items:center;animation-fill-mode:forwards;display:flex;gap:10px;transition:transform .35s ease-out,opacity .4s ease-out}.graphic-item img{border:2px solid #51249f;border-radius:50%;height:50px;width:50px}.graphic-message{animation:graphic-message-switch linear 5s ease;background-color:#333333aa;border-radius:15px;border-top-left-radius:3px;color:var(--chat-message-color);font-size:20px;line-height:1.2;max-width:65%;padding:13px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.welcome-text{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:20px;text-align:center}.welcome-text p{font-size:20px}.welcome-avatar{align-items:center;display:flex;flex-basis:50%;flex-direction:column;flex-shrink:0;position:relative}.welcome-avatar .ActiveMessage{margin-top:350px}.welcome-avatar canvas{transform:scale(.8)!important;transform-origin:center 25%}.welcome-actions{align-items:center;display:flex;flex-direction:column;gap:5px;margin-top:30px;width:50%}.welcome-actions .Action{font-size:20px;padding:10px;width:100%}.blurb h2{font-size:36px}.feature{align-items:center;display:flex;filter:grayscale(.4);flex-direction:row;gap:40px;justify-content:space-between;margin:50px 0}.feature.animation-visible{filter:grayscale(0)}.feature>:first-child{color:#ccc;flex-basis:50%;flex-grow:1;font-size:20px}.feature .feature-description,.feature>:first-child>h2{opacity:0;transform:translateY(-20px);transition:transform .5s ease,opacity .5s ease}.feature .feature-description{color:#bbb;transition-delay:.2s}.feature.seen .feature-description,.feature.seen>:first-child>h2{opacity:1;transform:translateY(0);transition-delay:0!important}.feature>:nth-child(2){background:linear-gradient(90deg,#413a78,#2d4686);border-radius:20px;box-sizing:border-box;max-width:600px;opacity:0;padding:4px 4px 0;transform:translateY(50px) scale(.9);transition:transform .5s ease,box-shadow .5s ease,opacity .5s ease;width:50vw}.feature.visible>:nth-child(2){opacity:1;transform:translateY(0) scale(.9)}.feature>:nth-child(2).active{box-shadow:0 0 30px #2f2956;transform:translateY(-10px) scale(1)}.feature .message-container{box-sizing:border-box;padding:10px 20px;width:100%}@keyframes feature-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature>:nth-child(2) img{border-radius:18px;height:auto;max-height:50vh;max-width:100%;position:relative}.feature .emphasize{font-size:24px}.blurb:nth-child(2n) .feature{flex-direction:row-reverse}.languages-container{background-color:#181818;display:flex}.languages{display:flex;flex-direction:row;gap:20px;margin:5px 10px;overflow-x:scroll;overflow-y:hidden;padding:10px}.language{align-items:center;color:inherit;cursor:pointer;display:flex;flex:0 0 50px;flex-direction:column;font-size:12px;gap:3px;justify-content:flex-start;text-decoration:none;transition:transform .2s ease}.language:hover{text-decoration:underline;transform:scale(1.1)}.language-flag{height:30px}.language img{background-color:#222;border-radius:2px;height:auto;width:30px}.language-flag .skeleton{animation:skeleton-pulse 2s linear infinite;aspect-ratio:1.3;background:linear-gradient(90deg,#222,#262626 15px,#222 30px);background-size:200% 100%;width:30px}.language-name .skeleton{animation:skeleton-pulse 2s linear infinite;background:linear-gradient(90deg,#222,#262626 40px,#222 80px);background-size:200% 100%;border-radius:3px;height:10px;width:50px}.units{display:flex;flex-direction:row;gap:20px;overflow-x:auto;padding:20px 0}.units .UnitThumbnail{width:250px!important}.message-container{align-items:flex-end;background-color:#000;border-radius:18px;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;min-height:200px;width:100%}.message-container .ChatMessageScore{min-width:50px}.message-container .ChatMessage{max-width:80%}.message-container .message-container-scroll{transition:transform .5s ease;width:100%}.message-container .GoalHeader h2{font-size:18px;margin:5px 0}.welcome-graphic.state-1 .graphic-item:first-child{opacity:0;transform:translateY(0)}.welcome-graphic.state-1 .graphic-item:nth-child(2),.welcome-graphic.state-1 .graphic-item:nth-child(3),.welcome-graphic.state-1 .graphic-item:nth-child(4){transform:translateY(0)}.welcome-graphic.state-1 .graphic-item:nth-child(5){opacity:0;transform:translateY(0)}.welcome-graphic.state-2 .graphic-item:first-child{opacity:0;transform:translateY(400%)}.welcome-graphic.state-2 .graphic-item:nth-child(2){opacity:0;transform:translateY(-100%)}.welcome-graphic.state-2 .graphic-item:nth-child(3),.welcome-graphic.state-2 .graphic-item:nth-child(4),.welcome-graphic.state-2 .graphic-item:nth-child(5){transform:translateY(-100%)}.welcome-graphic.state-3 .graphic-item:first-child{transform:translateY(300%)}.welcome-graphic.state-3 .graphic-item:nth-child(2){opacity:0;transform:translateY(300%)}.welcome-graphic.state-3 .graphic-item:nth-child(3){opacity:0;transform:translateY(-200%)}.welcome-graphic.state-3 .graphic-item:nth-child(4),.welcome-graphic.state-3 .graphic-item:nth-child(5){transform:translateY(-200%)}.welcome-graphic.state-4 .graphic-item:first-child,.welcome-graphic.state-4 .graphic-item:nth-child(2){transform:translateY(200%)}.welcome-graphic.state-4 .graphic-item:nth-child(3){opacity:0;transform:translateY(200%)}.welcome-graphic.state-4 .graphic-item:nth-child(4){opacity:0;transform:translateY(-300%)}.welcome-graphic.state-4 .graphic-item:nth-child(5){transform:translateY(-300%)}.welcome-graphic.state-5 .graphic-item:first-child,.welcome-graphic.state-5 .graphic-item:nth-child(2),.welcome-graphic.state-5 .graphic-item:nth-child(3){transform:translateY(100%)}.welcome-graphic.state-5 .graphic-item:nth-child(4){opacity:0;transform:translateY(100%)}.welcome-graphic.state-5 .graphic-item:nth-child(5){opacity:0;transform:translateY(-400%)}.UnitsContainer{align-items:center;overflow-y:auto;padding:5vh 20px 0}.UnitsContainer,.UnitsContent{display:flex;flex-direction:column}.UnitsContent{max-width:1400px;padding:20px 20px 0;width:100%}.UnitsContent,.UnitsList{gap:15px;justify-content:center}.UnitsList{grid-gap:15px;align-items:center;align-items:self-start;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,420px))}.UnitsList.Loading .Unit{opacity:.5}.Unit{align-items:center;background:#0000;border:0;color:#ccc;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:1.2em;gap:10px;justify-content:center;outline:0;padding:5px;position:relative;transition:transform .2s ease}.Unit:active{transform:scale(.98)}.Unit.Hidden{visibility:hidden}.Unit.Reveal{animation:reveal 1s ease forwards;visibility:visible}@keyframes reveal{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.Unit:focus-visible .UnitThumbnail{position:relative}.Unit:focus-visible:after{animation:DotPulsating 1s linear infinite;border-radius:20px;content:"";display:block;inset:0;outline:2px solid #ccc;position:absolute}@keyframes DotPulsating{0%{transform:scale(.99)}50%{transform:scale(1.01)}to{transform:scale(.99)}}.Unit .UnitThumbnail{aspect-ratio:1.43;background-color:#31356a;border:3px solid #335099;border-radius:10px;flex-shrink:0;overflow:hidden;position:relative;transition:border-color .2s ease,filter .2s ease;width:100%}.Unit .UnitThumbnail.Skeleton{border-color:#222!important}.Unit .UnitName.Skeleton,.Unit .UnitThumbnail.Skeleton{animation:skeleton-pulse 2s linear infinite;background:linear-gradient(90deg,#222,#2c2c2c 100px,#222 200px);background-size:200% 100%}.Unit .UnitName.Skeleton{border-radius:5px;height:20px;width:100%}@keyframes skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}.Unit.Locked .UnitThumbnail{background-color:#52546c}.Unit .UnitThumbnail img{height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transform:scale(1);transition:opacity .4s ease,transform .4s ease;width:100%}.Unit.Locked .UnitThumbnail img{filter:blur(3px)}.Unit .ColorOverlay{background:linear-gradient(45deg,#4a2191,#182f68);inset:0;mix-blend-mode:hue;opacity:0;position:absolute;transition:filter .2s ease}.Unit:focus:not(.Locked) .UnitThumbnail,.Unit:hover:not(.Locked) .UnitThumbnail{border-color:#8b67e4;filter:saturate(1.2)}.Unit:focus:not(.Locked) .UnitThumbnail img,.Unit:hover:not(.Locked) .UnitThumbnail img{transform:scale(1.05)}.Unit.Locked .UnitThumbnail{align-items:center;border-color:#4d5b80;display:flex;justify-content:center}.Unit span.New{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#9920df99;border-radius:16px;bottom:10px;color:#eee;font-size:.7em;left:50%;padding:4px 8px;position:absolute;text-transform:uppercase;transform:translateX(-50%)}.Unit .UnitThumbnail .Lock{inset:0;position:absolute}.Lock .LockInner,.Unit .UnitThumbnail .Lock{align-items:center;display:flex;justify-content:center}.Lock .LockInner{background-color:#8080801a;flex-direction:column;gap:10px;height:100%;width:100%}.Premium{align-items:flex-start;display:flex;inset:0;justify-content:flex-start;position:absolute}.Premium span{align-items:center;background:linear-gradient(45deg,#4e00b1cc,#3b78ad66);border-radius:50%;display:flex;flex-direction:column;margin:10px;padding:7px}.Premium span svg{filter:brightness(1.8);height:20px;width:20px}.Unit .UnitThumbnail .Lock svg{fill:#f2f2f2e6;filter:drop-shadow(0 0 5px #000000aa);height:30px;width:30px}.Unit.Completed .UnitThumbnail{border-color:#339941}.Unit.Completed .ColorOverlay{background:linear-gradient(45deg,#2b9121,#18684c);mix-blend-mode:hard-light}.Unit.Completed:focus:not(.Locked) .UnitThumbnail,.Unit.Completed:hover:not(.Locked) .UnitThumbnail{border-color:#7be467}.Unit.Completed .UnitThumbnail .Completed{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#2fc63680;border-radius:50%;bottom:10px;color:#eee;display:flex;left:50%;padding:6px;position:absolute;transform:translateX(-50%)}.Unit.Completed .UnitThumbnail .Completed svg{fill:#bce8b0;height:12px;width:12px}.Unit.Completed.Perfect .UnitThumbnail{border-color:#998f33}.Unit.Completed.Perfect .ColorOverlay{background:linear-gradient(45deg,#918321,#684718)}.Unit.Completed.Perfect:focus:not(.Locked) .UnitThumbnail,.Unit.Completed.Perfect:hover:not(.Locked) .UnitThumbnail{border-color:#e4d867}.Unit.Completed.Perfect .UnitThumbnail .Completed{background-color:#c68a2f80}.Unit.Completed.Perfect .UnitThumbnail .Completed svg{fill:#e8d5b0}.Unit .UnitThumbnail .Progress{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#d9d9d94d;border-radius:10px;bottom:10px;filter:drop-shadow(0 0 4px #00000088);height:10px;left:10px;overflow:hidden;position:absolute;right:10px}.Unit .UnitThumbnail .Progress .ProgressInner{--progress-start-color:#3d49f5;--progress-end-color:#933df5;background-color:#3d49f5;border-radius:10px;height:100%;opacity:.8;width:0}.Unit span.DebugId{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000aa;color:#eee;display:block;font-size:.6em;opacity:.6;position:inherit;position:absolute;top:0;width:100%}.DemoMessage{background:linear-gradient(0,#2b293d,#322c3a);border-radius:10px;box-sizing:border-box;color:#eee;font-size:1.2em;max-width:900px;padding:10px 20px;width:100%}.DemoMessage>div{margin:12px 0}.DemoMessage>div:first-child{align-items:center;display:flex;font-size:1.1em;gap:10px}.DemoMessage .WaveImage{background-color:#d9c4ff;border-radius:50%;box-sizing:border-box;height:50px;padding:10px;width:50px}.DemoMessage .WaveImage svg{fill:#31097c;height:100%;width:100%}.DemoMessage svg.Discord{height:40px;width:40px}.MoreUnits{max-height:100px;overflow:hidden;position:relative}.MoreUnitsList{opacity:.4}.MoreUnitsList:after{background:linear-gradient(180deg,#0000,var(--app-background-color));bottom:0;content:"";height:100px;left:0;position:absolute;width:100%}.MoreUnitsMessage{align-items:center;border-radius:10px;color:#ddd;display:flex;font-size:1.2em;gap:10px;height:100%;justify-content:center;left:0;position:absolute;text-shadow:0 0 5px #000000ee;top:0;width:100%}.MoreUnitsMessage svg{fill:#ddd;flex-shrink:0;height:24px;width:24px}.ErrorOverlay{align-items:center;display:flex;flex-direction:column;justify-content:center}.ErrorOverlay p{color:#ccc}.ErrorOverlay button{background-color:#ddd;border:none;border-radius:20px;color:#111;cursor:pointer;padding:.5rem 1rem}.ErrorOverlay button:hover{background-color:#eee}:root{--chat-message-background-color:#00000077;--active-message-background-color:#000000dd;--chat-message-color:#ddd;--active-message-color:#eee;--chat-message-by-me-pro-background-color:#eeeeeeaa;--chat-message-by-me-background-color:#eeeeeeaa;--chat-message-by-me-color:#2c2c2c;--chat-message-by-me-correction-color:#111;--chat-message-score-color:#9271f4;--chat-message-lesson-background-color:#507a4d;--score-item-incorrect-color:#732626;--score-item-correction-color:#392673;--translation-color:#eee}.ChatMessageGroup{margin:10px 0;overflow:hidden;padding:5px 15px 0}.ChatMessageGroup.Teacher{background:linear-gradient(45deg,#35186899,#13151699);border-radius:20px}.ChatMessageGroup.Debug .ChatMessageRow,.ChatMessageGroup.System .ChatMessageRow{justify-content:center}.ChatMessage.system{border-radius:5px;margin:auto;min-width:0!important}.ChatMessage.debug{border-radius:5px;color:#bbb;font-size:12px;margin:auto;white-space:pre-wrap}.ChatMessageGroup.GoalComplete .ChatMessageRow{background-color:initial;justify-content:center}.ChatMessageGroup.GoalComplete .ChatMessage{background-color:initial;color:#bbb;font-size:14px;margin:0 auto;padding:0}.ChatMessageGroup.GoalComplete .ChatMessageContentText{align-items:center;display:flex;gap:5px}.ChatMessageGroup.GoalComplete .ChatMessage.Reading{animation:none;box-shadow:none;outline:0;transform:none}.ChatMesssageGroup.Results{background-color:#151515}.ChatMessageGroup.Results>.ChatMessageRow>.ChatMessage{background-color:#222;border-radius:5px;margin:auto;max-width:500px;width:90%}.ChatMessageGroup.Command .ChatMessage{background-color:#222!important;border-radius:2px;color:#aaa;padding:5px}.ChatMessageRow{align-items:center;box-sizing:border-box;display:flex;gap:10px;margin-bottom:5px;width:100%}.ChatMessageRow.SentByMe{justify-content:flex-end}.ChatMessageRow.Continues{margin-bottom:2px}.ChatMessageColumn{display:flex;flex-direction:column;gap:5px}.ChatMessageName{color:#ccc;display:flex;flex-direction:column;font-size:12px;text-shadow:0 0 3px #000000ee}.ChatMessage,.ChatMessageName{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ChatMessage{background-color:#00000077;background-color:var(--chat-message-background-color);border-radius:15px;border-top-left-radius:3px;color:#ddd;color:var(--chat-message-color);padding:10px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@keyframes ActiveRipple{0%{outline-color:#ddddddaa;outline-offset:0}to{outline-color:#ddd0;outline-offset:10px}}.ChatMessage.Divider{background:repeating-linear-gradient(45deg,#51249f,#51249f 5px,#121212 0,#121212 10px);height:50px;opacity:.2}.ChatMessage.SentByMe.Correct{animation:wave .6s ease-out .3s forwards;background:linear-gradient(90deg,#eeeeeeaa,#3a933a 25%,#eeeeeeaa 50%);background:linear-gradient(90deg,var(--chat-message-by-me-pro-background-color) 0,#3a933a 25%,var(--chat-message-by-me-pro-background-color) 50%);background-position:100% 50%;background-size:200% 100%}.ChatMessage.SentByMe.Incorrect{animation:wave .6s ease-out .3s forwards;background:linear-gradient(90deg,#eeeeeeaa,#933a3a 25%,#eeeeeeaa 50%);background:linear-gradient(90deg,var(--chat-message-by-me-pro-background-color) 0,#933a3a 25%,var(--chat-message-by-me-pro-background-color) 50%);background-position:100% 50%;background-size:200% 100%}@keyframes wave{0%{background-position:100% 50%}to{background-position:-100% 50%}}.ChatMessage.Loading{animation:shimmering 3s ease infinite;opacity:.7}@keyframes shimmering{0%{opacity:.7}50%{opacity:.6}to{opacity:.7}}.AnimatedEnter{animation:MessageEnter .3s ease}.ChatMessageAvatar{align-self:flex-start;background-color:#222;border-radius:50%;display:inline-block;flex-shrink:0;height:40px;overflow:hidden;vertical-align:middle;width:40px}.ChatMessageAvatar img{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.ChatMessageAvatar img.Loading{opacity:0}.ChatMessageAvatar.Talking{animation:AvatarTalking 2s ease-out infinite;outline:2px solid #fffc}@keyframes AvatarTalking{0%{outline-color:#fffc;outline-offset:0;transform:scale(.9)}10%{transform:scale(1.1)}20%{transform:scale(1)}to{outline-color:#fff0;outline-offset:7px}}.ChatMessageContent{outline:0}.ChatMessageContentText p{margin:5px 0}.ChatMessageContextText span{white-space:nowrap}.ChatMessageContent svg.Audio{fill:#ccc;height:25px;margin-bottom:-7px;margin-top:-2px;width:50px}.ChatMessage.SentByMe .WaveformAnimation div{background-color:#333}.ChatMessageContent svg.GoalCheck{fill:#1ab31a;height:15px;width:15px}.ChatMessageContent .Characters{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:center;max-width:300px}.ChatMessageContent .Character{align-items:center;display:flex;flex-direction:column;gap:3px}.ChatMessageContent .Character .ChatMessageAvatar{height:60px;width:60px}span.ScoreItem{display:inline-block;opacity:.5;position:relative}span.ScoreItem span.ScoreItemScore{display:none;position:relative}span.ScoreItem.Removed.Scored{color:#732626;color:var(--score-item-incorrect-color)}span.ScoreItem.Removed:after{background:#732626;background:var(--score-item-incorrect-color);content:"";height:2px;left:0;position:absolute;top:50%;transition:width 1s ease .5s;width:0}span.ScoreItem.Removed.Scored:not(.Animate):after{transition:none}span.ScoreItem.Removed.Scored:after{width:100%}span.ScoreItem.Added{display:none}span.ScoreItem.Added.Scored{color:#392673;color:var(--score-item-correction-color);display:inline-block;font-weight:700}span.ScoreItem.Scored:not(.Animate){opacity:1;transform:scale(1)}span.ScoreItem.Scored.Animate{animation:ScoreItemEnter .3s ease;animation-fill-mode:forwards}span.ScoreItem.Scored span.ScoreItemScore{color:#9271f4;color:var(--chat-message-score-color);display:block;font-weight:700;left:50%;position:absolute;text-shadow:0 0 4px #000;transform:translateX(-50%);transform-origin:center}span.ScoreItem.Scored:not(.Animate) span.ScoreItemScore{opacity:0}span.ScoreItem.Scored.Animate span.ScoreItemScore{animation:ScoreItemScoreEnter 1s ease;animation-fill-mode:forwards}@keyframes ScoreItemScoreEnter{0%{opacity:0;transform:scale(.5) translateX(-50%) translateY(0)}80%{opacity:1;transform:scale(1.5) translateX(-50%) translateY(-20px)}to{opacity:0;transform:scale(1.5) translateX(-50%) translateY(-40px)}}@keyframes ScoreItemEnter{0%{opacity:.5;transform:scale(1)}20%{opacity:1;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.ChatMessageRow.Continues .ChatMessage{border-bottom-left-radius:3px}.ChatMessage.SentByMe{background-color:#eeeeeeaa;background-color:var(--chat-message-by-me-background-color);border-bottom-right-radius:3px;border-top-left-radius:15px;color:#2c2c2c;color:var(--chat-message-by-me-color);margin-bottom:5px;margin-left:auto;margin-top:10px}.Pro .ChatMessage.SentByMe{background-color:#eeeeeeaa;background-color:var(--chat-message-by-me-pro-background-color)}.ChatDivider{border-bottom:2px solid #00000088;border-top:1px solid #7575754d;color:#888;font-size:14px;height:0;margin:20px 0;padding:0;text-align:center}.ChatDivider .ChatDividerText{padding-bottom:5px}@keyframes MessageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ChatMessageFlag{border-radius:2px;display:inline;height:18px;vertical-align:middle;width:24px}.ChatMessageScore{align-items:center;color:#9271f4;color:var(--chat-message-score-color);display:flex;flex-grow:1;font-size:20px;gap:10px;justify-content:flex-end}.ChatMessageScore .ChatMessageScoreTotal{animation:ScoreEnter .5s ease;display:flex;font-weight:700;transform-origin:center}@keyframes ScoreEnter{0%{opacity:0;transform:scale(.5) translateY(20px)}50%{opacity:.5;transform:scale(1.5) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.ChatMessageScoreIcon{animation:ScoreIconEnter .5s ease .5s both;display:flex;font-weight:700;transform-origin:center}.ChatMessageScoreIcon svg{fill:#ccc;height:20px;width:20px}.ChatMessageScoreIcon.Correct svg{fill:#1dbb1d}.ChatMessageScoreIcon.Incorrect svg{fill:#bb1d1d}@keyframes ScoreIconEnter{0%{opacity:0;transform:scale(0)}50%{opacity:.5;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}.ChatMessage .ChatMessageContentText .Blur{filter:blur(5px);transition:filter .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ChatMessage.Reveal .ChatMessageContentText .Blur{filter:blur(0);-webkit-user-select:inherit;-moz-user-select:inherit;user-select:inherit}.ChatMessage .ChatMessageContentText .Hide{color:#0000;transition:color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ChatMessage.Reveal .ChatMessageContentText .Hide{color:inherit;-webkit-user-select:inherit;-moz-user-select:inherit;user-select:inherit}.ChatMessage .ChatMessageContentText .Mask{background-color:#6857c0;border-radius:7px;color:#0000}.ChatMessage .ChatMessageContentText .Underline{border-bottom:2px solid #ddd;border-bottom:2px solid var(--chat-message-color);display:inline-block}.ChatMessageActionContainer{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:-5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ChatMessageAction{align-items:center;background-color:#1116;border-radius:10px;color:#ddd;display:flex;font-size:14px;gap:5px;padding:2px 8px;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.ChatMessageActionContainer.AnimatedEnter{animation:MessageEnter .3s ease}.ChatMessageAction svg{fill:#ddd;flex-shrink:0;height:18px;width:18px}.ChatMessage span.Selectable{cursor:text}.ChatMessage span.Selectable:not(.Selected):hover{background-color:#444;border-radius:3px}.ChatMessage span.Selected{background-color:#644bac}.ChatMessage span.Selected.Start{border-bottom-left-radius:3px;border-top-left-radius:3px}.ChatMessage span.Selected.End{border-bottom-right-radius:3px;border-top-right-radius:3px}.MessageTranslatePopup{background-color:#9382c4;border-radius:5px;box-shadow:0 0 10px #000;box-sizing:border-box;color:#111;font-size:14px;max-width:300px;padding:8px;position:fixed;transform:translateX(-50%) translateY(-100%);z-index:100}.MessageTranslatePopup:after{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid #9382c4;bottom:-9px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.MessageTranslatePopup svg{fill:#111;height:20px;width:20px}.MessageTranslatePopup button{align-items:center;background-color:initial;border:0;color:inherit;cursor:pointer;display:flex;gap:3px;margin:0;outline:0;padding:0}.MessageTranslatePopup button span{display:flex}.MessageTranslatePopup button .TranslateText{flex-grow:1}.ChatMessage .ChatMessageContentText .Highlight{background-color:#af42d726;border-radius:3px;outline:0;padding:0 2px;position:relative}.ChatMessage .ChatMessageContentText .Translated{background-color:#42a5d726;border-radius:3px;outline:0;padding:0 2px;position:relative}.ChatMessage .ChatMessageContentText .Translated.Loading{animation:Gradient 1.5s linear infinite;background:linear-gradient(90deg,#54b0de1a,#a9d8ef45,#54b0de1a);background-size:200% 100%}.ChatMessage .ChatMessageContentText .TranslatedText{bottom:100%;display:none;left:50%;margin-bottom:10px;position:absolute}.ChatMessage .ChatMessageContentText .TranslatedText .Inside{background-color:#eee;background-color:var(--translation-color);border-radius:10px;box-shadow:0 0 10px #000;color:#111;display:block;font-size:12px;padding:8px;position:fixed;transform:translateX(-50%) translateY(-100%);z-index:999}.ChatMessage .ChatMessageContentText .TranslatedText .Inside:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #eee;border-top:8px solid var(--translation-color);bottom:-7px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.ChatMessage .ChatMessageContentText .Translated:focus .TranslatedText,.ChatMessage .ChatMessageContentText .Translated:hover .TranslatedText{display:block}@keyframes Gradient{0%{background-position:0 50%}to{background-position:-200% 50%}}.ChatMessage .ChatMessageContentText .Translated:focus,.ChatMessage .ChatMessageContentText .Translated:hover{background-color:#19b2ff40}.ChatMessageTranslation{animation-composition:accumulate;animation:MessageEnter .1s ease;background-color:#eee;background-color:var(--translation-color);border-radius:10px;box-shadow:0 0 10px #000;color:#111;display:block;font-size:12px;padding:8px;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(-100%);z-index:10000}.ChatMessageTranslation .ChatMessageTranslationText:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #eee;border-top:8px solid var(--translation-color);bottom:-7px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.ActiveMessage .ChatMessage.results{font-size:16px}.ActiveMessage .ChatMessage.goalComplete{background-color:#222222aa;min-width:0;padding:5px 20px}.ActiveMessage .ChatMessage.goalComplete .ChatMessageContentText{align-items:center;display:flex;gap:10px}.ActiveMessage .ChatMessage.goalComplete .ChatMessageContentText svg{height:22px;width:22px}.ActiveMessage .ChatMessageRow>.ChatMessageAvatar{display:none}.ActiveMessage .ChatMessageRow.Reading .ChatMessage{animation:ActiveRipple 1.3s infinite forwards;outline:3px solid #ddddddaa}.ActiveMessage .ChatMessageName{color:#eee;font-size:18px;padding:0 5px;text-shadow:0 0 5px #000,0 0 10px #000;z-index:1}.ActiveMessage .ChatMessage{background-color:#000000dd;background-color:var(--active-message-background-color);border-radius:8px;color:#eee;color:var(--active-message-color);font-size:26px;min-width:80px;padding:12px;text-align:center}.ActiveMessage .ChatMessageColumn{gap:3px}.ActiveMessage .ChatMessageRow{animation:ActiveMessageEnter .5s ease;flex-direction:column;gap:5px;justify-content:center;margin-bottom:10px;max-width:1100px;padding:0 5vw}@keyframes ActiveMessageEnter{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.ChatMessagePaused{animation:Bouncing 1.2s cubic-bezier(.4,0,1,1) infinite;bottom:0;line-height:0;position:absolute;right:20px}.ChatMessagePaused svg{fill:#aaa;filter:drop-shadow(0 0 2px black);height:15px;transform:rotate(90deg);width:15px}@keyframes Bouncing{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.ChatMessageActions{position:absolute;right:-35px;top:7px}.ReplayButton{background:#0000;border:0;cursor:pointer;line-height:0;padding:3px}.ReplayButton svg{fill:#ddd;filter:drop-shadow(0 0 2px black);height:20px;opacity:.5;width:20px}.ReplayButton:hover svg{fill:#fff;opacity:1}.Summary{display:flex;flex-direction:column;gap:20px;max-width:600px;overflow:hidden;width:100%}.SummaryTitle{border-bottom:2px solid #333;font-size:20px;font-weight:600;padding-bottom:5px;text-align:center}.SummaryStats{grid-gap:5px;display:grid;gap:5px;grid-template-columns:30% 30% 30%;justify-content:center;overflow:hidden}.SummaryStat{background-color:#1a1a1a;border-radius:10px;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:10px}.SummaryStatName{color:#aaa;font-size:14px;text-align:center}.SummaryStatValue{font-size:20px;text-align:center}.SummaryTip{align-self:center;display:flex;gap:10px}:root{--loading-spinner-color:#ccc;--loading-spinner-color-dim:#cccccc40}.LoadingSpinner{height:10px;margin:7px 10px;width:30px}.DotFlashing{animation:DotFlashing .8s linear infinite alternate;animation-delay:.4s;background-color:#ccc;background-color:var(--loading-spinner-color);border-radius:5px;color:#ccc;color:var(--loading-spinner-color);height:10px;left:10px;position:relative;width:10px}.DotFlashing:after,.DotFlashing:before{content:"";display:inline-block;position:absolute;top:0}.DotFlashing:before{animation:DotFlashing .8s infinite alternate;animation-delay:0s;left:-15px}.DotFlashing:after,.DotFlashing:before{background-color:#ccc;background-color:var(--loading-spinner-color);border-radius:5px;color:#ccc;color:var(--loading-spinner-color);height:10px;width:10px}.DotFlashing:after{animation:DotFlashing .8s infinite alternate;animation-delay:.8s;left:15px}@keyframes DotFlashing{0%{background-color:#ccc;background-color:var(--loading-spinner-color)}50%,to{background-color:#cccccc40;background-color:var(--loading-spinner-color-dim)}}.WaveformAnimation{align-items:center;display:flex;height:20px;justify-content:center}.WaveformAnimation div{background-color:#ccc;border-radius:2px;margin:0 1px;opacity:.9;transform-origin:center bottom;width:2px}.GoalsContents{grid-gap:10px;align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;gap:10px}.GoalsContents:not(.Floating).Hidden{display:none}.GoalsContents.Floating{background:none;background-color:#00000055;height:100%;max-width:none;position:absolute;transition:background-color .2s ease;width:100%}.GoalsContents.Floating.Hidden{background-color:initial;overflow-y:hidden;pointer-events:none}.GoalsContents.Floating .GoalsInner{opacity:1;transform:translateX(0);transition:opacity .2s ease,transform .2s ease}.GoalsContents.Floating.Hidden .GoalsInner{opacity:0;transform:translateX(100%)}.GoalsInner{background-color:#0009;border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;max-width:350px;padding:15px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.GoalsContainer{overflow:hidden}.GoalsContents h1{color:#eee;font-size:26px;margin:0;text-align:center}.GoalsContents h2{border-bottom:1px solid #aaa;color:#eee;font-size:18px;margin:10px 0}.GoalsContents h2:first-of-type{margin-top:0}.Goals{display:flex;flex-direction:column;gap:8px}.Goal{align-items:center;display:flex;gap:10px}.Goal .GoalCheckbox{border:2px solid #ddd;border-radius:3px;flex-shrink:0;height:20px;width:20px}.Goal .GoalCheckbox svg{fill:#ddd;box-sizing:border-box;height:100%;padding:3px;width:100%}.Goal.Complete .GoalCheckbox svg{fill:#1ab31a}.Goal.Incomplete .GoalCheckbox svg{fill:#b31a1a}.Goal.Complete.Animate .GoalCheckbox svg{animation:GoalCheckEnter .2s ease-in-out}@keyframes GoalCheckEnter{0%{opacity:.1;transform:scale(4)}to{opacity:1;transform:scale(1)}}.Goal .GoalTitle{color:#ddd;font-size:16px;transition:color .2s ease}.Goal.Complete .GoalTitle{color:#aaa;display:inline-block;position:relative}.Goal.Complete .GoalTitle:after{background:#aaa;content:"";height:2px;left:0;position:absolute;top:50%;transition:width 1s ease .3s;width:100%}.Goal.Complete.Animate .GoalTitle:after{width:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ChatBackground{filter:brightness(1) blur(5px);height:calc(100% + 10px);left:-5px;object-fit:cover;opacity:0;position:absolute;top:-5px;transition:filter .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:calc(100% + 10px);z-index:-1}.ChatBackground.Dark{filter:brightness(.4) blur(5px)}.ChatBackground.FadeIn{animation:fadeIn .3s ease-in-out forwards}.ChatBackground.Visible{opacity:1}.FullAvatar{left:50%;opacity:0;pointer-events:none;position:absolute;top:40%;transform:scale(.95);transition:transform .5s ease,opacity .5s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.FullAvatar.Teacher{animation:hovering 3s ease-in-out infinite}.FullAvatar:after{border-radius:50%;box-shadow:0 0 20px purple;content:"";height:400px;left:0;position:absolute;top:0;width:400px}.FullAvatar.Visible{opacity:1;transform:scale(1)}.FullAvatar.Hidden{visibility:hidden}.footer{background-color:#131313;color:#888;display:flex;justify-content:center;padding:20px 40px}.footer-inner{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;max-width:1200px;width:100%}.footer-section{flex:1 1 200px;min-width:150px}.footer-section h4{color:#bbb;font-size:18px;margin-bottom:16px}.footer-section-links{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0}.footer-section a,.footer-section option,.footer-section select{color:#888;font-size:16px;line-height:1.5;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#ccc}.footer-section select{background-color:#111;border:1px solid #444;border-radius:4px;color:#ccc;cursor:pointer;margin:0;padding:5px}.footer-section select:focus{border-color:#666;outline:none}.footer-section .language-selector{width:100%}.footer-bottom{color:#666;flex:1 0 100%;margin-top:10px;text-align:center}.footer-bottom .footer-left{font-size:14px}.footer .footer-section:last-child h4{margin-bottom:15px}.footer .footer-section:last-child{align-self:flex-start}.footer a svg{height:30px;transition:fill .3s ease;width:30px}@media (max-width:768px){.footer{align-items:flex-start;flex-direction:column}.footer-section{flex:none;width:100%}.footer-bottom{margin-top:20px;text-align:left}}.cta-bottom{background:linear-gradient(180deg,#221539,#673ab71f 50%);color:#eee;overflow:hidden;padding:100px 20px;position:relative}.cta-bottom h2{font-size:2.2em;margin:20px;text-align:center}.cta-bottom-split{gap:30px;justify-content:space-between}.cta-bottom-split,.cta-bottom-split-top{align-items:center;display:flex;flex-direction:column}.cta-bottom-split-top{font-size:1.3em;max-width:650px;text-align:center}.cta-bottom-actions{display:flex;gap:10px}.cta-bg{filter:blur(4px);height:100%;left:-4px;object-fit:cover;position:absolute;top:0;width:calc(100% + 8px);z-index:-1}.ChatPage{display:flex;flex-direction:column;overflow:hidden}.ChatPage,.ChatSceneContainer{height:100%;left:0;position:absolute;top:0;width:100%}.ChatSceneContainer{pointer-events:none;z-index:-1}.ChatPageSplit{display:flex;flex-grow:1;overflow:hidden;position:relative}.ScrollDown{align-items:center;background-color:#333333dd;border:0;border-radius:50%;bottom:10px;cursor:pointer;display:flex;justify-content:center;left:50%;padding:5px;position:absolute;transform:translateX(-50%)}.ScrollDown:hover{background-color:#333}.ScrollDown svg{fill:#ccc;height:15px;width:15px}.ChatContainer{height:100%;overflow:hidden;padding-bottom:15px;position:relative;width:100%}.ActiveMessage,.ChatContainer{display:flex;flex-direction:column}.ActiveMessage{align-items:center;flex-grow:1;flex-shrink:0;justify-content:flex-end}@keyframes hovering{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.ChatLog{background:linear-gradient(90deg,#000000aa,#0000);box-sizing:border-box;height:100%;left:0;max-width:20vw;overflow:hidden;padding-bottom:20vh;padding-left:20px;position:absolute;top:0;transition:opacity .3s ease;width:100%}.ChatLog:not(.HasMessages){opacity:0}.ChatLog.LogOpen{background:none;display:flex;justify-content:center;max-width:100%;padding:0;position:static}.ChatLog.LogOpen .ChatMessages{justify-content:flex-start;max-width:800px;overflow-y:auto;padding:60px 20px 0}.GoalsFloating{background:linear-gradient(270deg,#000000aa,#0000);box-sizing:border-box;height:100%;max-width:18vw;padding-right:10px;padding-top:60px;position:absolute;right:0;top:0;width:100%}.GoalsFloating.Wide{max-width:100%;padding:60px 20px 0}.GoalsFloating.Wide .GoalsContents{position:relative;z-index:10000}.ChatErrorContainer{z-index:1}.ChatErrorContainer button.Action.Accent{background-color:#eeeeeeee;border-color:#0000;color:#222}.ChatErrorContainer button.Action.Accent:hover{background-color:#eee}.FrozenIndicator{align-items:center;background-color:#000c;border-radius:50%;display:flex;height:100px;justify-content:center;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:opacity .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100px}.FrozenIndicator.Frozen{opacity:1}.FrozenIndicator svg{fill:#ccc;height:60px;width:60px}.ChatMessageError{grid-gap:20px;background-color:#222222dd;border-radius:10px;color:#ccc;display:flex;flex-direction:column;gap:20px;padding:20px}.ChatAction,.ChatMessageError{align-self:center;box-sizing:border-box;margin:15px auto;text-align:center}.ChatAction{font-size:18px}.ChatAction button{background-color:#eeeeeedd;border:0;border-radius:20px;cursor:pointer;font-family:inherit;font-size:18px;padding:8px 20px;transition:background-color .2s}.ChatAction button:hover{background-color:#fff}.ChatAction span.Foreground{align-items:center;cursor:pointer;display:flex;gap:8px}.ChatAction svg{height:16px;transform:rotate(90deg);width:16px}.ChatAction.Pulsating button{position:relative}.ChatAction.Pulsating button:after{animation:ChatActionPulsating 1s linear infinite;border-radius:20px;content:"";display:block;inset:0 0 0 0;outline:3px solid #fff;position:absolute}@keyframes ChatActionPulsating{0%{transform:scale(.97)}50%{transform:scale(1)}to{transform:scale(.97)}}.ChatAction.Timer .Foreground,.ChatAction.Timer button{position:relative}.ChatAction:not(.Timer) .Background{display:none}.ChatAction.Timer .BackgroundOuter{border-radius:20px;height:100%;left:-2px;overflow:hidden;padding:1px 2px;position:absolute;top:-1px;width:100%}.ChatAction.Timer .Background{background-color:#fff;height:100%;left:0;mix-blend-mode:hard-light;opacity:.5;position:absolute;top:0}.ChatMessages{box-sizing:border-box;height:100%;justify-content:flex-end;width:100%}.ChatBoxContainer,.ChatMessages{display:flex;flex-direction:column}.ChatBoxContainer{align-items:center;gap:10px;padding:0 15px}.ChatBoxResponseOptions{display:flex;flex-direction:row;gap:10px;width:100%}.ChatBoxResponseOptionType{align-self:center;display:inline-flex;left:0;padding:5px;position:-webkit-sticky;position:sticky;z-index:2}.ChatBoxResponseOptionType svg{fill:#eee;align-self:center;filter:drop-shadow(0 0 5px black);height:25px;width:25px}.ChatBoxResponseOptionsList{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;padding:6px 10px 6px 0}.ChatBoxResponseOptions.Vertical .ChatBoxResponseOptionsList{flex-direction:column;gap:5px}.ChatBoxResponseOption{animation:ChatBoxResponseOptionsEnter .3s ease forwards;background-color:#eeeeeedd;border:none;border-radius:20px;color:#111;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:16px;opacity:0;padding:6px 15px;text-align:left;transition:background-color,opacity .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ChatBoxResponseOptionEllipsis{color:#888}.ChatBoxResponseOption span.Translation{color:#aaa;font-size:12px}.ChatBoxResponseOption.Loading{animation:Shimmer 1.5s linear infinite,ChatBoxResponseOptionsEnter .3s ease forwards;background:linear-gradient(90deg,#333,#444,#333);background-size:500px 100px;color:#0000;opacity:.5!important;width:40vw}@keyframes Shimmer{0%{background-position:-500px 0}to{background-position:0 0}}.ChatBoxResponseOption.Generate{align-items:center;background:linear-gradient(45deg,#404cbf,#6040bf);border:1px solid #bdadeb;display:flex;gap:5px;padding:8px 15px 8px 10px}.ChatBoxResponseOptionShortcut{background-color:#262626;border:1px solid #3a3a3a;border-radius:5px;color:#aaa;font-size:12px;padding:1px 4px}.ChatBoxResponseOption:disabled{cursor:default}.ChatBoxResponseOption.Deemphasize{opacity:.5!important}.ChatBoxResponseOption:not(:disabled):hover{background-color:#fff}.ChatSection{box-sizing:border-box;gap:20px;justify-content:center;max-width:800px}.ChatBox,.ChatSection{align-items:center;display:flex;width:100%}.ChatBox{background-color:#181818ee;border-radius:20px;flex:1 1;gap:5px;max-width:600px;padding:0 5px;position:relative}.ChatBox.AskingQuestion{background-color:#462c51ee}.ChatInput{background:#0000;border:0;box-sizing:border-box;color:#ccc;outline:0;overflow:hidden;padding:10px;resize:none;width:100%}.ChatBoxPlaceholder,.ChatInput{font-family:inherit;font-size:16px}.ChatBoxPlaceholder{color:#aaa;left:15px;pointer-events:none;position:absolute;top:10px}.ChatBoxSendButton{align-items:center;aspect-ratio:1;background-color:#ddd;border:0;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;padding:5px}.ChatBoxSendButton:not(:disabled):hover{background-color:#eee}.ChatBoxSendButton svg{fill:#222;height:20px;transition:transform .2s ease;width:20px}.ChatBoxSendButton.Paused svg{transform:rotate(90deg)}.ChatBoxSendButton:disabled{background-color:#333;cursor:default}.ChatBoxLengthIndicator{align-items:center;color:#888;cursor:default;display:flex;flex-direction:column;font-size:16px}.ChatBoxListening svg{fill:#aa2e2e!important}.ChatBoxSpeechPreview{background:#0000;border:0;box-sizing:border-box;color:#333;color:#ccc;font-family:inherit;font-size:16px;outline:0;overflow:hidden;padding:10px;resize:none;width:100%}.ChatBoxSpeechPreviewResult{display:inline-block;margin-right:5px}.ChatBoxSpeechPreviewResult:last-child{margin-right:0}.ChatBoxSpeechPreviewResult span{color:#888}.ChatBoxSpeechPreviewResult .Final{color:#ccc}.ChatBoxAbilitiesButton{align-items:center;background-color:#222;background-color:var(--button-accent-background-color);border:0;border-radius:50%;cursor:pointer;display:flex;height:35px;margin:7.5px;padding:0;position:relative;transition:background-color .2s ease;width:35px}.ChatBoxAbilitiesButton:disabled{cursor:default;visibility:hidden}.ChatBoxAbilitiesButton:disabled img{filter:brightness(.6)}.ChatBoxAbilitiesButton img{border-radius:50%;height:100%;transform:scale(1.2);transition:filter .2s ease;width:100%}.ChatBoxAbilitiesButton.NotAvailable:after{animation:AbilitiesLineEnter .5s ease forwards;background-color:#ccc;border-radius:2px;bottom:0;box-shadow:0 0 3px #00000055;content:"";height:3px;left:0;position:absolute;transform:rotate(-45deg);transform-origin:0 0;width:130%}@keyframes AbilitiesLineEnter{0%{width:0}to{width:130%}}.ChatBoxAbilitiesButton:not(:disabled):after{align-items:center;background-color:#222;border-radius:3px;bottom:-5px;box-shadow:0 0 3px #00000055;color:#aaa;content:"F1";display:flex;font-size:12px;left:50%;padding:1px 4px;position:absolute;text-align:center;transform:translateX(-50%)}.ChatBoxKeyboardButton{align-items:center;background-color:initial;border:0;border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;padding:10px;transition:background-color .2s ease;width:50px;z-index:1}.ChatBoxKeyboardButton svg{fill:#eee;filter:drop-shadow(0 0 4px #000000dd);height:30px;width:30px}.ChatBoxKeyboardButton:hover svg{fill:#fff}.ChatBoxMicrophoneButton{align-items:center;background-color:#ffffffdd;border:0;border-radius:50%;box-shadow:0 0 15px #0003;cursor:pointer;display:flex;height:80px;justify-content:center;padding:10px;transition:background-color .2s ease;width:80px;z-index:1}.ChatBoxMicrophoneButton:not(:disabled):hover{background-color:#fff}.ChatBoxMicrophoneButton.Listening{animation:ChatBoxMicrophoneButtonListening 2s ease-in-out infinite alternate;background-color:#aa2e2e}@keyframes ChatBoxMicrophoneButtonListening{0%{background-color:#902727}to{background-color:#ce3838}}.ChatBoxMicrophoneButton:not(.Listening):not(:focus).Required{animation:ChatBoxMicrophoneButtonRequiredPulse 4s ease-in-out infinite;outline:2px solid #4b3491}.ChatBoxMicrophoneButton:not(.Listening).Required svg{animation:ChatBoxMicrophoneButtonRequiredShake 3s cubic-bezier(.55,.06,.68,.19) infinite}@keyframes ChatBoxMicrophoneButtonRequiredPulse{0%{outline-color:#4b3491aa}30%{outline-color:#5934c7}to{outline-color:#4b3491aa}}@keyframes ChatBoxMicrophoneButtonRequiredShake{0%{transform:none}5%{transform:rotate(-10deg)}10%{transform:rotate(6deg)}15%{transform:rotate(-6deg)}20%{transform:none}}.ChatBoxMicrophoneButton svg{fill:#222;height:30px;width:30px}.ChatBoxMicrophoneButton.Listening svg{fill:#fff}.ChatBoxMicrophoneButton:disabled{background-color:#222222dd}.ChatBoxMicrophoneButton:disabled svg{fill:#444}.ChatBoxMicrophoneButton:disabled{cursor:default}.ChatBoxMicrophoneButton.Pulsating{position:relative}.ChatBoxMicrophoneButton.Pulsating:after{animation:ChatActionPulsating 1s linear infinite;border-radius:50%;content:"";display:block;inset:0 0 0 0;outline:3px solid #fff;position:absolute}.ChatBoxTabCompletePreview{color:#222;font-family:inherit;font-size:16px;left:15px;pointer-events:none;position:absolute;top:10px}.ChatBoxTabCompletePreviewValue{color:#0000}.ChatBoxTabCompletePreviewSuggestion{color:#777}.ChatBoxWordBank{background-color:#1a1a1a;display:flex;flex-direction:row;gap:5px;gap:10px;max-height:30vh;padding:10px 15px}.ChatBoxWordBankWords{display:flex;flex-basis:100%;flex-wrap:wrap;gap:5px;overflow-y:auto}.ChatBoxWordBankWord{animation:ChatBoxResponseOptionsEnter .3s ease forwards;border:2px solid #0000;border-radius:5px;color:#ccc;cursor:default;font-family:inherit;font-size:14px;opacity:0;padding:8px 14px;transition:background-color,opacity .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ChatBoxWordBankWord.Correct{background-color:#244224;border-color:green}.ChatBoxWordBankWord.Incorrect{background-color:#422424;border-color:red}@keyframes ChatBoxResponseOptionsEnter{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.ChatBoxWordBankType{align-self:center;display:inline-flex}.ChatBoxWordBankType svg{fill:#888;align-self:center;height:25px;width:25px}.ChatBoxInstruction{box-sizing:border-box;display:flex;justify-content:center;max-width:800px;width:100%}.ChatBoxInstructionInner{animation:ChatBoxInstructionEnter .3s ease forwards;background-color:#eeeeeebb;border-radius:8px;display:flex;flex-direction:row;gap:5px;gap:8px;max-height:30vh;padding:10px 16px}@keyframes ChatBoxInstructionEnter{0%{-webkit-clip-path:polygon(0 100%,50% 100%,50% 0,0 0);clip-path:polygon(0 100%,50% 100%,50% 0,0 0);opacity:0}to{-webkit-clip-path:polygon(0 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,100% 100%,100% 0,0 0);opacity:1}}.ChatBoxInstructionType{align-self:center;display:inline-flex}.ChatBoxInstructionType svg{fill:#000;animation:ChatBoxInstructionTextEnter .3s ease forwards;animation-delay:.15s;display:flex;height:18px;opacity:0;width:18px}.ChatBoxInstructionText{align-self:center;color:#111;font-size:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ChatBoxInstructionText>span{animation:ChatBoxInstructionTextEnter .3s ease forwards;opacity:0}@keyframes ChatBoxInstructionTextEnter{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.ChatBoxActions{display:flex;gap:10px;padding:0 10px;z-index:1}.ChatBoxActionsIcon{align-self:center;display:inline-flex;left:0;padding:5px;position:-webkit-sticky;position:sticky;z-index:2}.ChatBoxActionsIcon svg{fill:#eee;align-self:center;filter:drop-shadow(0 0 5px black);height:25px;width:25px}.ChatBoxActionsList{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.ChatBoxAction{align-items:center;animation:ChatBoxResponseOptionsEnter .3s ease forwards;background-color:#eeeeeedd;border-radius:20px;color:#222;cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:5px;opacity:0;padding:8px 15px 8px 10px;transition:background-color .2s ease,opacity .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ChatBoxAction.Selected,.ChatBoxAction:hover{background-color:#fff}.ChatBoxAction.NotSelected{opacity:.5!important}.ChatBoxActionNumber{background-color:#222;border-radius:5px;color:#ccc;font-size:10px;padding:1px 4px}.ExpectedSpokenResponse{background-color:#fffc;border-radius:5px;color:#111;filter:drop-shadow(0 0 5px #00000044);padding:7px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ExpectedSpokenResponse:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #fffc;bottom:-6px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}:root{--accent-picker-background:#333;--accent-background:#222;--accent-color:#ccc;--accent-selected-background:#ccc;--accent-selected-color:#111}.ChatBoxAccentPicker{animation:AccentPickerEnter .2s ease;background-color:#333;background-color:var(--accent-picker-background);border-radius:5px;bottom:60px;box-shadow:0 0 10px #000;color:#ccc;color:var(--accent-color);display:flex;flex-direction:column;gap:3px;left:55px;padding:5px;position:fixed;z-index:99}@keyframes AccentPickerEnter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.AccentRow{display:flex;gap:5px}.AccentRow div{background-color:#222;background-color:var(--accent-background);border-radius:5px;padding:2px 5px;text-align:center;width:10px}.AccentRow div.AccentSelected{background-color:#ccc;background-color:var(--accent-selected-background);color:#111;color:var(--accent-selected-color)}.ChatBoxTranslator{grid-gap:10px;align-items:center;background-color:#dfae54;border-radius:5px;box-shadow:0 0 10px #000000aa;display:flex;gap:10px;min-width:200px;padding:5px 10px;position:absolute;top:-55px;width:25%}.ChatBoxTranslator svg{fill:#2b1f08;flex-shrink:0;height:32px;width:32px}.ChatBoxTranslator input{background-color:#f0e0c2;border:none;border-radius:9px;color:#000;flex-basis:100%;font-family:inherit;font-size:14px;outline:0;padding:8px}.ChatBoxTranslatorCost{background-color:#e6bd70;border-radius:25px;color:#111;flex-basis:20px;font-family:inherit;font-size:16px;font-weight:700;padding:5px;text-align:center}.ChatBoxAbilitiesList{animation:AbilitiesListEnter .2s ease;background-color:#462c51ee;border-radius:5px;bottom:50px;box-shadow:0 0 10px #00000088;color:var(--accent-color);left:-40px;outline:0;position:absolute;z-index:99}@keyframes AbilitiesListEnter{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.ChatBoxAbilitiesList ul{list-style:none;margin:0;padding:5px 0}.ChatBoxAbilitiesList li{align-items:center;animation:AbilitiesListItemEnter .2s ease forwards;color:var(--accent-color);color:#ccc;display:flex;font-size:18px;opacity:0;transition:background-color .2s ease}.ChatBoxAbilitiesList li.Disabled{opacity:.5!important;pointer-events:none}@keyframes AbilitiesListItemEnter{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.ChatBoxAbilitiesList li:hover{background-color:#cccccc22}.ChatBoxAbilitiesList li button{align-items:center;background-color:initial;border:0;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;gap:10px;outline:0;padding:10px;width:100%}.ChatBoxAbilitiesList li div{display:flex}.ChatBoxAbilitiesList li svg{fill:#ccc;height:20px;width:20px}.ChatBoxAbilitiesList li .name{flex-grow:1}.ChatBoxAbilitiesList li .shortcut{align-items:center;background-color:#222;border-radius:5px;color:#aaa;display:flex;font-size:13px;justify-content:center;padding:1px 3px;width:10px}.SentenceBuilder{display:flex;flex-direction:column;gap:10px;margin:auto;max-width:600px;width:100%}.SentenceBuilderDisplay{align-items:center;background:#0000;background-color:#181818ee;border:0;border-radius:22px;box-sizing:border-box;color:#eee;display:flex;flex:1 1;flex-wrap:wrap;font-family:inherit;font-size:20px;gap:5px;outline:0;overflow:hidden;padding:8px 16px;position:relative;resize:none;width:100%}.SentenceBuilderDisplay .CurrentSegment{animation:caret-fade 1.2s ease-in-out infinite}@keyframes caret-fade{0%{border-color:#888}50%{border-color:#fff}to{border-color:#888}}.SentenceBuilderDisplay .BlankSegment{border-bottom:3px solid #888;display:inline-block;height:24px;min-width:50px}.SentenceBuilderChoices{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.SentenceBuilderChoices.Vertical{flex-direction:column;gap:5px}.SentenceBuilderChoice{animation:ChatBoxResponseOptionsEnter .3s ease forwards;background-color:#eeeeeedd;border:none;border-radius:20px;color:#111;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:18px;opacity:0;padding:6px 15px;text-align:left;transition:background-color,opacity .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.SentenceBuilderChoice:hover{background-color:#fff}@media (max-width:800px){.SettingsCategories,.SettingsControls{width:100%}.SettingsContent{flex-direction:column!important}}.Settings{overflow:hidden}.Settings button{background-color:initial;border:2px solid #aaa;border-radius:20px;color:#ccc;cursor:pointer;padding:10px 15px;width:auto}.Settings button:hover{border-color:#eee}.Settings button.Warning{background-color:#701010}.Settings select{background-color:#111;border:1px solid #444;border-radius:4px;color:#ccc;cursor:pointer;margin:0;padding:5px}.SettingsContent{align-items:center;align-items:flex-start;display:flex;flex-direction:row;height:100%;justify-content:center;overflow:hidden}.SettingsCategories{flex-basis:30%;max-width:300px;min-width:200px;padding:30px 20px}.SettingsCategories ul{list-style:none;margin:0;padding:0}.SettingsCategories ul li svg{fill:#888;height:20px;width:20px}.SettingsCategories ul li a{align-items:center;border-radius:5px;color:#ccc;cursor:pointer;display:flex;gap:10px;margin-bottom:5px;padding:10px;text-decoration:none}.SettingsCategories ul li.Selected a{background-color:#222}.SettingsCategories ul li:not(.Selected) a:hover{background-color:#333}.SettingsControls{box-sizing:border-box;flex-grow:1;height:100%;overflow-y:auto;padding:20px}.CloseHeader{display:flex;justify-content:flex-end}.CloseHeader svg{fill:#888;height:25px;width:25px}.SettingPanel{display:flex;flex-direction:column;gap:20px}.SettingGroupHeader{border-bottom:1px solid #888;font-size:22px;margin:5px 0;padding:3px 0}.Setting{display:flex;flex-direction:column;gap:10px}.SettingTitle{font-size:16px;font-weight:700}.SettingDescription{color:#aaa;font-size:12px}.Settings a{color:#ccc}.Settings .Skeleton{animation:skeleton 1.5s linear infinite;background:linear-gradient(90deg,#282828,#333,#282828);background-size:200% 200%;border-radius:10px;height:20px;line-height:1;opacity:.5;width:100%}@keyframes skeleton{0%{background-position:100% 50%}to{background-position:-100% 50%}}.SubscriptionTitle{display:flex;justify-content:center}.Setting .BenefitsList{list-style:none;margin:0;padding:0}.Setting .BenefitsList li{align-items:center;display:flex;gap:10px}.Setting .BenefitsList svg{fill:#1ab31a;height:15px;width:15px}.Setting .Confirmation{max-width:500px}.SubscriptionHelp{gap:5px}.FAQContainer,.SubscriptionHelp{display:flex;justify-content:center}.FAQList{display:flex;flex-direction:column;gap:5px;max-width:500px}button.toggle{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;gap:8px;padding:0;position:relative}button.toggle:focus{outline:none}button.toggle:focus-visible{border-radius:2px;outline:2px solid #fff;outline-offset:2px}.toggle-track{background-color:#353157;border-radius:9999px;box-sizing:border-box;height:24px;padding:4px;transition:background-color .2s ease-in-out;width:44px}button.toggle[aria-checked=true] .toggle-track{background-color:#7e77db}.toggle-handle{background-color:#fff;border-radius:50%;height:16px;transform:translateX(0);transition:transform .2s ease-in-out;width:16px}button.toggle[aria-checked=true] .toggle-handle{transform:translateX(20px)}.toggle-label{color:#e5e7eb;font-size:14px}form.ChangePassword{display:flex;flex-direction:column;gap:5px;max-width:300px}form.ChangePassword input{background-color:initial;border:2px solid var(--foreground-less);border-radius:5px;color:var(--foreground);padding:8px}form.ChangePassword label{font-size:14px}.Actions{display:flex;gap:5px;margin-top:10px}.Actions button{flex:1 1}.SettingValue.Verification{align-items:center;background-color:#322e38;border-radius:7px;color:var(--foreground);display:flex;font-size:15px;gap:5px;padding:5px 8px}.SettingValue.Verification svg{fill:var(--foreground);height:15px;width:15px}.about-content{display:flex;flex-direction:column}.about-section h4{color:#888;font-size:1.1rem;margin-bottom:10px}.about-section ul{list-style:none;margin:0;padding:0}.about-section ul li{margin-bottom:8px}.about-section ul li a{transition:color .2s}.about-section ul li a:hover{color:#fff}.about-section svg{height:30px;width:30px}.about-footer{color:#aaa;font-size:.9rem;margin-top:20px}@media (max-width:600px){.about-content{flex-direction:column}}@media (max-width:800px){.plans{flex-direction:column}.plan{max-width:none!important}}.pricing-container{margin:0 auto;max-width:800px;padding:10px;text-align:center}.billing-toggle{margin:20px 0}.plans{display:flex;gap:20px;justify-content:center}.plan{background-color:#222;border-radius:10px;flex-basis:40%;max-width:300px;padding:25px;text-align:left}.plan h3{color:#aaa;font-size:20px;margin-bottom:10px;margin-top:0}.plan.pro{background:linear-gradient(0,#3e3b5e,#4b3960);border:2px solid var(--accent-color);flex-basis:80%}.plan.pro h3{color:#eee}.plan .period{color:#aaa;font-size:14px}.price{font-size:24px;font-weight:700;margin:10px 0}.plan ul{padding:0 0 0 5px}.plan.free ul{list-style:disc;padding-left:20px}.plan ul li{margin:5px 0}.plan.pro ul li{align-items:center;display:flex;gap:10px}button.pill-toggle{background:none;border:2px solid #333;border-radius:50px;cursor:pointer;display:inline-flex;font-family:inherit;overflow:hidden;padding:2px;transition:background-color .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pill-option{border-radius:50px;color:#ccc;flex:1 1;font-size:1em;padding:8px 15px;text-align:center;transition:background-color .3s,color .3s}.pill-option.active{background-color:#6e48ac;color:#eee}.plan .subscribe{display:flex;justify-content:center;margin-top:20px}.plan .subscribe button{font-size:1em}.plan ul svg{fill:#a982ff;flex-shrink:0;height:15px;width:15px}button.QuestionButton{align-items:center;background:none;background-color:#181818;border:none;border-radius:10px;color:#ddd;cursor:pointer;display:flex;font-family:inherit;font-size:18px;gap:5px;padding:10px;text-align:left;width:100%}button.QuestionButton:hover{background-color:#222}.AnswerContainer{max-height:0;overflow:hidden;transition:max-height .3s ease}.AnswerContainer.Open{max-height:300px}.AnswerContent{padding:20px}.QuestionButton svg{fill:#888;height:20px;padding:5px;transition:transform .2s ease;width:20px}@media (min-width:800px){.UnitModal .Actions{flex-direction:row!important;gap:10px!important}}.UnitModalOverlay{animation:fade-in .2s ease forwards;inset:0;position:fixed;top:var(--header-height)}@keyframes fade-in{0%{background-color:#0000}to{background-color:#00000080}}.UnitModal{align-items:center;animation:modal-enter .2s ease forwards;box-sizing:border-box;display:flex;height:100%;justify-content:center;outline:none;pointer-events:none;width:100%}@keyframes modal-enter{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.UnitModal .UnitModalContents{background-color:#212121f2;border-radius:30px;box-shadow:0 0 10px #000c;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;max-height:min(90vh,600px);max-width:min(90vw,800px);overflow:hidden;padding:15px;pointer-events:all;width:100%}.UnitModal .UnitModalContents h1{color:#ccc;font-size:2em;margin:0;padding:6px;text-align:center}.UnitModal .Actions{display:flex;flex-direction:column;gap:5px}.UnitModal .Actions.LoginActions{display:flex;flex-direction:column!important;gap:5px}.UnitModal .Actions button.SocialOption{align-items:center;background-color:#eee;color:#333;display:flex;gap:10px;text-shadow:none}.UnitModal button.SocialOption img{height:20px;width:20px}.UnitModal .Actions button{align-items:center;border:0;border-radius:38px;color:#ccc;cursor:pointer;display:flex;flex-basis:50%;flex-grow:1;font-family:inherit;font-size:18px;gap:5px;justify-content:center;padding:10px;text-shadow:0 0 2px #000c;transition:filter .2s ease,flex-basis .4s ease-out .2s}.UnitModal .Actions button svg{fill:#ccc;filter:drop-shadow(0 0 1px #000000cc);height:20px;width:20px}.UnitModal .Actions button.Unavailable{filter:saturate(.3)!important}.UnitModal .Actions button.Discouraged{filter:grayscale(.6);transition:filter 1s ease}.UnitModal .Actions button.Discouraged:hover{filter:grayscale(0)}.UnitModal .Actions button:hover{filter:brightness(1.1)}.UnitModal .Actions button.PracticeAction{background-color:#202f86}.UnitModal .Actions button.StartAction{background-color:#391d81}.UnitModal .Actions button.StartAction.Emphasized{animation:PulseScale 4s ease-in-out infinite;position:relative;transform:translate(0);z-index:0}.UnitModal .Actions button.StartAction.Emphasized:before{animation:ShiftGlow 10s linear infinite;background:radial-gradient(circle at center,#8e77ff99 0,#8e77ff4d 40%,#8e77ff99 70%);background-position:0 0;background-repeat:repeat-x;background-size:200% 200%;border-radius:inherit;content:"";filter:blur(10px);inset:-8px;position:absolute;z-index:-1}.UnitModal .Actions button.StartAction.Emphasized:after{background-color:#391d81;border-radius:inherit;content:"";inset:0;position:absolute;z-index:-1}@keyframes ShiftGlow{0%{background-position:0 0;opacity:.5}50%{background-position:100% 0;opacity:1}to{background-position:200% 0;opacity:.5}}@keyframes PulseScale{0%{transform:scale(1.02)}50%{transform:scale(1.03)}to{transform:scale(1.02)}}.UnitModal .Actions button.DenyAction{background-color:#202f86}.UnitModal .Actions button.AllowAction{background-color:#391d81}.UnitModal .Actions button.StartAction.Discouraged{flex-basis:30%}.UnitDetails{display:flex;flex-direction:column;flex-grow:1;gap:10px}.UnitDetails.Loading{opacity:.5}.UnitDescription{color:#bbb;font-size:1em;padding:15px;text-align:center}.UnitDescription,.UnitProgress{background-color:#1a1a1a;border-radius:10px}.UnitProgress{display:flex;flex-direction:column;gap:10px;padding:10px}.UnitProgressBar{align-items:center;background-color:#111;border-radius:20px;display:flex;height:20px;justify-content:center;overflow:hidden;position:relative;width:100%}.UnitProgressBar.Shimmer:after{animation:ProgressShimmer 1.5s ease forwards;background:linear-gradient(100deg,#fff0 20%,#ffffff2e 40%,#fff0 60%);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-120%)}@keyframes ProgressShimmer{0%{opacity:0;transform:translateX(-120%)}10%{opacity:1}to{opacity:0;transform:translateX(120%)}}@media (prefers-reduced-motion:reduce){.UnitModal .Actions button.StartAction.Emphasized{animation:none}.UnitProgressBar.Shimmer:after{animation-duration:1ms}}.UnitProgressTitle{color:#999;display:flex;font-size:12px;justify-content:center}.UnitProgressFill{background:linear-gradient(352deg,#214191,#5b29b3);border-radius:20px;inset:0;position:absolute;transition:width .2s ease}.UnitProgressLabel{color:#ccc;font-size:14px;position:relative;text-shadow:1px 1px 0 #111}.UnitComplete{align-items:center;align-self:center;background-color:#279523b3;border-radius:20px;color:#e4f9e2;display:flex;gap:10px;justify-content:center;padding:5px 15px}.UnitComplete.Perfect{background-color:#a47228b3;box-shadow:0 0 10px #c6892f;color:#f9efe2;font-weight:700}.UnitComplete svg{fill:#e4f9e2;height:16px;width:16px}.UnitComplete.Perfect svg{fill:#f9efe2;height:20px;width:20px}.UnitComplete.Animate{animation:CompleteAnimation 1s ease forwards}@keyframes CompleteAnimation{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.UnitStats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.UnitStat{background-color:#1a1a1a;border-radius:10px;display:flex;flex-direction:column;flex-grow:1;gap:5px;padding:10px}.UnitStat>span:first-child,.UnitStatTitle{color:#999;font-size:12px;text-align:center}.UnitStat>span:last-child,.UnitStatValue{font-size:24px;text-align:center}.UnitDescription p{margin:5px 0}.UnitDescription p.UnlockTimer{display:flex;gap:5px;justify-content:center;margin-top:15px}.UnitDescription p.UnlockTimer span{font-weight:700}.ActivityHeaderBackground{max-height:66vh;position:absolute;top:0;width:100%;z-index:1}.ActivityHeader p.Instructions{background-color:#202020;border-radius:20px;font-size:24px;margin:0;padding:20px}.ActivityHeaderTitle{align-items:center;box-sizing:border-box;display:flex;gap:20px;height:60px;justify-content:space-between;overflow:hidden;padding:10px}.ActivityHeader.Compact .ActivityHeaderTitle{gap:5px;height:auto}.ActivityHeaderTitle button{align-items:center;background-color:#18181822;border:0;border-radius:50%;cursor:pointer;display:flex;font-size:22px;padding:10px}.ActivityHeaderTitle button.Open{background:linear-gradient(45deg,#3e5bc1,#3d1c70)}.ActivityHeaderTitle button:hover{background:#333333bb}.ActivityHeaderTitle button.Open:hover{background:#513095}.ActivityHeaderTitle .ActivityHeaderTitleContainer{display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:50%}.ActivityHeaderTitle span.Title{background-color:#00000077;border-radius:20px;box-sizing:border-box;display:flex;display:none;height:100%;padding:5px 10px}.ActivityHeader.Compact span.Title{padding:5px}.ActivityHeaderTitle span.Title h1{align-self:center;color:#eee;display:flex;font-size:14px;font-weight:400;height:-webkit-min-content;height:-moz-min-content;height:min-content;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ActivityHeader.Compact .ActivityHeaderTitle span.Title h1{font-size:18px}.ActivityHeaderTitle span.HeaderItem{align-items:center;background-color:#0009;border-radius:10px;box-sizing:border-box;color:#fff;cursor:default;display:flex;flex-shrink:1;font-size:22px;gap:10px;height:100%;padding:5px 15px;text-shadow:0 0 2px #11111188;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ActivityHeaderTitle span.HeaderItem.Health{gap:5px}.ActivityHeader.Compact .ActivityHeaderTitle span.HeaderItem{font-size:18px;padding:5px 10px}.ActivityHeaderTitle svg{fill:#eee;filter:drop-shadow(0 0 1px #11111166);flex-shrink:0;height:100%;max-width:30px;width:auto}.ActivityHeaderTitle svg.Heart{fill:#9271f4;filter:none;height:100%;max-width:30px;width:auto}.ActivityHeaderTitle svg.Heart.Animate{animation:shake .1s cubic-bezier(.36,.07,.19,.97) none,exit .5s ease-in .1s forwards}.ActivityHeaderTitle svg.Heart.Empty{fill:#1116}.ActivityHeaderInfo{align-content:flex-end;display:flex;gap:5px;height:100%}@keyframes exit{0%{opacity:1;transform:scale(1)}5%{opacity:1;transform:scale(1.3)}60%{fill:#11111144;opacity:0;transform:scale(0)}to{fill:#11111144;opacity:1;transform:scale(1)}}@keyframes shake{0%{transform:translate(-3px,-3px)}10%{transform:translate(3px,-3px)}20%{transform:translate(-3px,3px)}30%{transform:translate(3px,-3px)}40%{transform:translate(-3px,3px)}50%{transform:translate(3px,-3px)}60%{transform:translate(-3px,3px)}70%{transform:translate(3px,-3px)}80%{transform:translate(-3px,3px)}90%{transform:translate(3px,-3px)}to{transform:translate(0)}}.ActivityHeaderDescription{background-color:#111;display:flex;flex-direction:column;gap:20px;padding:20px}.ActivityHeaderDescription p{margin:10px 0}.EncounterObjectives{background-color:#202020;border-radius:20px;padding:20px}.EncounterObjectives h2{margin:5px 0}.EncounterObjectives ul li{font-size:20px;margin-bottom:10px}.ActivityProgress{background-color:#1c1c1c66;overflow:hidden;width:100%}.ActivityProgress .ActivityProgressBar{background:repeating-linear-gradient(-45deg,#8ca2d9,#8ca2d9 4px,#66c 6px,#8c8cd9 10px);background-size:14.1421px 14.1421px;border-bottom-right-radius:3px;border-top-right-radius:3px;height:4px;transition:filter 1s ease;width:100%}.ActivityProgress .ActivityProgressBar.Timer{animation:timer-bar 1s linear infinite;animation-fill-mode:forwards}.ActivityProgressBar.Timer.Warning{filter:hue-rotate(173deg)}.ActivityProgressBar.Timer.Danger{filter:hue-rotate(115deg) contrast(1.2)}@keyframes timer-bar{0%{background-position:0 0}to{background-position:28.2842px 0}}.Languages{box-sizing:border-box;color:#fff;display:flex;max-height:calc(100dvh - var(--header-height));padding:20px}.Languages h1{margin-top:0}.LanguagesContent{display:flex;flex-basis:100%;flex-direction:column;margin:0 auto;max-height:100%;max-width:1600px}.LanguageFilterInputWrapper{align-items:center;background-color:#222;border-radius:10px;box-sizing:border-box;cursor:text;display:flex;margin-bottom:20px;padding:0 12px;width:100%}.LanguageFilterInputWrapper:focus-within{outline:2px solid var(--accent-color)}.LanguageFilterInputIcon{fill:#aaa;height:20px;margin-right:10px;width:20px}.LanguageFilterInput{background-color:initial;border:none;color:#fff;font-family:inherit;font-size:16px;padding:10px 0;width:100%}.LanguageFilterInput:focus{outline:none}.LanguagesLayout{display:flex;flex-direction:row;flex-grow:1;gap:10px;max-height:100%;overflow:hidden}.LanguagesListContainer{display:flex;flex:1 1;flex-direction:column;gap:10px;margin:0;max-width:300px;overflow:hidden}.LanguagesListHeader{align-items:center;background:linear-gradient(90deg,#413a78,#2d4686);border-radius:10px;display:flex;gap:8px;padding:10px}.LanguagesListHeader a{color:#fff;flex-grow:1;font-size:16px;font-weight:700;text-decoration:underline}.LanguagesListHeader svg{fill:#fff;height:20px;width:20px}.LanguagesList{list-style:none;margin:0;overflow-y:auto;padding:0 5px}.LanguageItem{border-radius:5px;cursor:pointer;display:flex;padding:10px}.LanguageItem:focus-visible{outline:2px solid var(--accent-color);outline-offset:-2px}.LanguageItem.Focused,.LanguageItem:hover{background-color:#222}.LanguageItem.Selected{background-color:#453852}.NoResults{color:#666;padding:20px;text-align:center}.LanguageItem.Placeholder{background-color:#222;color:#0000;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.NativeName{font-weight:700}.LocalizedName{color:#aaa;margin-left:5px}.MapContainer{display:flex;flex:2 1;flex-direction:column;gap:10px;position:relative}.CanvasContainer{background-color:#000;border-radius:10px;box-sizing:border-box;padding:20px 10px 20px 20%;position:relative;width:100%}.MapMessage{align-items:center;color:#bbb;display:flex;font-size:2em;height:100%;justify-content:center;left:0;position:absolute;text-shadow:0 0 10px #000c;top:0;width:100%}.MapCanvas{aspect-ratio:7/3;background-color:#000;border-radius:10px;width:100%}.LanguageInfoBox{background:linear-gradient(0,#2b293d,#322c3a);border-radius:10px;left:20px;max-width:300px;padding:15px;position:absolute;top:20px}.LanguageInfoBox h2{font-size:30px;margin-bottom:-5px;margin-top:0}.LanguageInfoBox h3{color:#bbb;margin:0}.LanguageStats{padding:10px 0}.Difficulty{gap:5px}.Difficulty,.Difficulty>div{align-items:center;display:flex}.Difficulty>div{gap:2px}.DifficultyDot{border:2px solid var(--accent-color);border-radius:50%;display:inline-block;height:10px;overflow:hidden;width:10px}.DifficultyDot.Filled,.DifficultyDot.HalfFilled:before{background-color:var(--accent-color)}.DifficultyDot.HalfFilled:before{content:"";display:block;height:100%;width:50%}.TopCountries{display:flex;gap:5px;margin-top:10px}@media (max-width:768px){.LanguagesLayout{flex-direction:column}.LanguagesListContainer{flex-basis:100%;margin-right:0;max-width:none}.MapContainer{width:100%}.CanvasContainer{display:none}.LanguageInfoBox{display:none;margin-top:20px;position:static}}.Continue{display:flex;justify-content:flex-end}.Continue button{align-items:center;background-color:#391d81;border:0;border-radius:25px;color:#ccc;cursor:pointer;display:flex;flex-basis:100%;font-family:inherit;font-size:18px;gap:5px;justify-content:center;padding:10px;text-shadow:0 0 2px #000c;transition:filter .2s ease}.Continue button:hover{filter:brightness(1.1)}.FlagImage{border-radius:5px;display:inline-block;height:20px;overflow:hidden;position:relative;width:30px}.FlagImage .Placeholder{background-color:#adadadaa;height:100%;left:0;position:absolute;top:0;width:100%}.FlagImage .Placeholder.Hidden{display:none}.FlagImage img{display:block;height:100%;width:100%}:root{--background:#111;--foreground:#ccc;--foreground-less:#aaa;--accent-color:#7c71cb;--accent-color-light:#9a93d2;--error-color:#f44242}.LoginOuter{align-self:center;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;margin:auto;max-width:430px;padding:0 20px;width:100%}.LoginOuter,.LoginOuter h1{color:#ccc;color:var(--foreground)}.LoginOuter h1{font-size:36px;text-align:center}.SocialOption{align-items:center;background-color:#eee;border:0;border-radius:24px;color:#111;cursor:pointer;display:flex;flex-direction:row;gap:10px;justify-content:center;padding:10px;width:100%}button.SocialOption:disabled{opacity:.5}.SocialOptions img{height:25px;width:25px}.LoginDivider{border-bottom:1px solid #aaa;border-bottom:1px solid var(--foreground-less);line-height:0;margin:30px 0;text-align:center;width:100%}.LoginDivider span{background-color:#111;background-color:var(--background);color:#aaa;color:var(--foreground-less);font-size:14px;padding:0 10px;vertical-align:middle}.LoginForm{display:flex;flex-direction:column;gap:10px;margin:auto}.LoginForm,.LoginForm input{color:#ccc;color:var(--foreground)}.LoginForm input{background-color:initial;border:2px solid #ccc;border:2px solid var(--foreground);border-radius:5px;box-sizing:border-box;font-size:16px;margin-bottom:10px;outline:0;padding:10px;width:100%}.LoginForm input:focus{border-color:#7c71cb!important;border-color:var(--accent-color)!important}.LoginForm input.Error{border-color:#f44242;border-color:var(--error-color)}.FormRow.Actions{display:flex;flex-direction:column;gap:10px;justify-content:flex-end}.FormRow.Actions button{font-size:16px;width:100%}.FormRow.Actions button:disabled{opacity:.5;pointer-events:none}.Error{color:#f44242;color:var(--error-color);font-size:14px;margin:5px 0}.AlternateOption{display:flex;flex-direction:row;gap:5px;justify-content:center}.LoginForm a{color:#7c71cb;color:var(--accent-color);text-decoration:none}.LoginForm a:hover{color:#9a93d2;color:var(--accent-color-light)}.Footer{color:#aaa;color:var(--foreground-less);margin-top:100px}.Footer,.FooterRight{display:flex;flex-direction:row;gap:10px;justify-content:center}.Footer a{color:#aaa;color:var(--foreground-less)}.faq-content{margin:0 auto;max-width:800px;padding:20px}.faq-title{font-size:2rem;margin-bottom:20px;text-align:center}.faq-category{margin-bottom:30px}.faq-category-title{color:#aaa;font-size:1.5rem;margin-bottom:10px}.faq-items{display:flex;flex-direction:column;gap:5px}.pricing-content{margin:0 auto;max-width:1000px;padding:20px}.pricing-content h1{color:#eee;font-size:2.5rem;margin:20px 0;text-align:center}.pricing-content a{color:#eee;text-decoration:underline}.content-wrapper h1{color:#eee;font-size:2.5rem;margin:20px 0;text-align:center}.content-wrapper h2{font-size:1.8rem;margin:20px 0}.header-image-wrapper{background:linear-gradient(0,#665cd6,#935cd6);border-radius:50%;box-sizing:border-box;display:block;height:150px;margin:20px auto;overflow:hidden;padding:20px;position:relative;width:150px}.header-image-wrapper img{filter:opacity(.8);margin:0;mix-blend-mode:darken;width:100%}.changelog-articles{display:flex;flex-direction:column;gap:20px;padding:20px 0}.changelog-article img{aspect-ratio:16/9;border-radius:10px;box-shadow:0 0 10px #00000077;margin-bottom:0;max-width:100%;object-fit:cover}.changelog-article h2{font-size:1.8em;margin:0}.changelog-article .article-date{color:#bbb;font-size:.9em;margin:0}a.article-link{grid-gap:20px;color:#eee;display:grid;gap:20px;grid-template-columns:40% 1fr;text-decoration:none}@media (max-width:800px){a.article-link{gap:10px;grid-template-columns:1fr}}a.article-link:hover h2{text-decoration:underline}.article-description{color:#ccc}.changelog-article-wrapper{margin:0 auto;max-width:1000px;padding:20px}.changelog-article-wrapper .article-wrapper{padding:0}.changelog-article-wrapper .back-link{color:#aaa;transition:color .2s}.changelog-article-wrapper .back-link:hover{color:#eee}.article-skeleton{padding:1rem}.skeleton-title{height:4rem}.skeleton-image,.skeleton-title{animation:shimmer 1.5s infinite;background:linear-gradient(110deg,#ffffff0d 30%,#ffffff1a 50%,#ffffff0d 70%);background-size:200% 100%;border-radius:.5rem;margin:0 auto 1rem}.skeleton-image{aspect-ratio:16/9;height:400px;width:80%}.skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(110deg,#ffffff0d 30%,#ffffff1a 50%,#ffffff0d 70%);background-size:200% 100%;border-radius:.25rem;height:1rem;margin-bottom:.75rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.article-wrapper{color:#ddd;margin:0 auto;max-width:1000px;padding:20px}article.article-content{line-height:1.6}article.article-content blockquote{font-size:1.4rem;margin:0 0 20px;padding:0}article.article-content>p>img,article.article-content>p>video{display:block;margin:0 auto}article.article-content img,article.article-content video{border-radius:10px;margin-bottom:20px;max-width:100%}article.article-content video{height:auto}article.article-content a{color:#eee;text-decoration:underline}article.article-content .article-icon-wrapper{align-items:center;background-color:#f5f5f5;border-radius:50%;box-sizing:border-box;display:flex;height:50px;justify-content:center;margin-right:10px;padding:10px;width:50px}article.article-content .article-icon-wrapper img.article-icon{filter:opacity(.85);height:100%;margin-bottom:0;mix-blend-mode:darken;width:100%}article.article-content .article-blurb{background:linear-gradient(0,#2b293d,#322c3a);border-radius:20px;padding:20px 30px}article.article-content .article-blurb h2{font-size:1.5em;margin:10px 0 20px;text-align:center}article.article-content .article-blurb-items{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}article.article-content .article-blurb-items.three-wide{grid-template-columns:1fr 1fr 1fr}@media (max-width:800px){article.article-content .article-blurb-items{display:flex;flex-direction:column}}article.article-content time{color:#bbb;font-size:.9em;margin:0}