.desktop-nav-brand{display:none}@media (min-width:768px){.bottom-nav{right:auto;left:50%;transform:translateX(-50%)}.audio-settings-content,.content,.figma-practice-content,.figma-profile-body,.settings{width:100%;padding-left:2rem;padding-right:2rem}.dark-header>*,.figma-profile-head>*,.home-hero>*{margin-left:auto;margin-right:auto;width:100%;max-width:74rem}.home-page .content{display:grid;max-width:74rem;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:1.25rem;column-gap:1.25rem}.home-page .content>.section-title:first-of-type,.home-page .continue-card,.home-page .quick-scroll{grid-column:span 2/span 2}.home-page .quick-scroll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.home-page .quick-card{width:auto}.home-page .weekly{grid-column-start:1;grid-row:span 2/span 2;align-self:flex-start}.home-page .leaderboard,.home-page .weekly+.section-title{grid-column-start:2}.figma-practice-content{margin-left:auto;margin-right:auto;display:grid;max-width:74rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:flex-start;-moz-column-gap:1.5rem;column-gap:1.5rem}.figma-practice-content .practice-block{grid-column:span 2/span 2;margin-bottom:0}.figma-practice-content .speaking-card{grid-column:span 2/span 2}.figma-categories{grid-template-columns:repeat(4,minmax(0,1fr))}.figma-profile-body{margin-left:auto;margin-right:auto;max-width:74rem}.profile-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.figma-profile-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background-color:var(--border)}.figma-profile-menu>a{border-width:0}.achievement-grid-v2>div{grid-template-columns:repeat(3,minmax(0,1fr))}.settings{margin-left:auto;margin-right:auto;display:grid;max-width:64rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:flex-start;-moz-column-gap:1.5rem;column-gap:1.5rem}.settings>.account-card,.settings>.logout,.settings>.settings-group:last-of-type{grid-column:span 2/span 2}.settings>.settings-group:last-of-type .panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.settings>.settings-group:last-of-type .panel>button{height:100%;border-bottom-width:0;border-left-width:1px;border-style:solid;border-color:var(--border)}.settings>.settings-group:last-of-type .panel>button:last-child{border-left-width:0}.audio-settings-content,.stats-content{max-width:60rem}.audio-settings-content{grid-template-columns:repeat(2,minmax(0,1fr));align-items:flex-start}.audio-settings-content>:first-child,.audio-settings-content>:last-child{grid-column:span 2/span 2}.lesson-action,.lesson-header{margin-left:auto;margin-right:auto;width:100%}.lesson-action,.lesson-content,.lesson-header{max-width:50rem;padding-left:2rem;padding-right:2rem}.a1-lesson .lesson-content{max-width:50rem}.results-page-v2{--result-width:720px}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.app-screen.has-bottom-nav{min-height:100dvh;padding-bottom:0;padding-right:15rem}.bottom-nav{position:fixed;top:0;bottom:0;right:0;left:auto;height:100dvh;width:15rem;--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));grid-template-columns:repeat(1,minmax(0,1fr));align-content:flex-start;gap:.5rem;border-radius:0;border-top-width:0;border-bottom-width:0;border-left-width:1px;padding:1.5rem 1rem;--tw-shadow:-12px 0 36px rgba(35,19,71,.08);--tw-shadow-colored:-12px 0 36px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);grid-template-rows:auto repeat(5,58px);transform:none}.desktop-nav-brand{margin-bottom:1.25rem;display:flex;height:4rem;align-items:center;gap:.75rem;border-bottom-width:1px;border-color:var(--border);padding-left:.5rem;padding-right:.5rem;padding-bottom:1.25rem}.desktop-nav-brand>span{display:grid;width:2.75rem;height:2.75rem;place-items:center;border-radius:1rem;background-color:var(--brand);font-family:Outfit,sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:800;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:rgba(76,29,149,.2);--tw-shadow:var(--tw-shadow-colored)}.desktop-nav-brand>p{margin:0;display:grid;text-align:right}.desktop-nav-brand strong{font-family:Outfit,sans-serif;font-size:1.125rem;line-height:1.75rem;color:var(--ink)}.desktop-nav-brand small{font-size:.68rem;color:var(--muted)}.bottom-nav a{min-width:0;flex-direction:row;justify-content:flex-start;gap:.75rem;border-radius:1rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem}.bottom-nav a.active{background-color:var(--brand-surface)}.bottom-nav a.active:before{top:50%;right:0;left:auto;height:1.75rem;width:.25rem;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bottom-nav svg{width:1.5rem;height:1.5rem}.dark-header,.figma-profile-head,.home-hero{padding-left:2.5rem;padding-right:2.5rem}.figma-path-list{margin-left:auto;margin-right:auto;max-width:46rem}.achievement-grid-v2,.figma-path-list{padding-left:2rem;padding-right:2rem}.achievement-grid-v2{max-width:74rem}.achievement-grid-v2>div{grid-template-columns:repeat(4,minmax(0,1fr))}.achievement-overview-band-v2>*,.simple-header>*{position:relative}.simple-header{padding-inline:max(2.5rem,calc(50% - 37rem))}.achievement-overview-band-v2{padding-left:2rem;padding-right:2rem}.auth-page{display:grid;grid-template-columns:minmax(20rem,.9fr) minmax(28rem,1.1fr);grid-template-rows:repeat(1,minmax(0,1fr))}.auth-top{height:100dvh;min-height:0;align-content:center;align-self:stretch;padding-left:3rem;padding-right:3rem}.auth-body{margin-top:auto;margin-bottom:auto;max-height:calc(100dvh - 4rem);width:100%;max-width:34rem;border-radius:2rem;border-width:1px;border-color:var(--border);padding:2.5rem;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.onboarding>main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr));align-content:center;gap:2.5rem;padding-left:3rem;padding-right:3rem}.onboarding .onboard-copy,.onboarding .onboard-visual{width:100%}.onboarding .onboard-copy{align-items:flex-start;text-align:right}.onboarding .onboard-copy>*{margin-left:0;margin-right:0;text-align:right}}@media (min-width:1280px){.figma-practice-content,.figma-profile-body,.home-page .content{-moz-column-gap:2rem;column-gap:2rem}.figma-practice-content .practice-block{grid-column:span 1/span 1}.figma-practice-content .figma-challenges{grid-template-columns:repeat(1,minmax(0,1fr))}.figma-practice-content .figma-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.figma-path-list{max-width:50rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.relative{position:relative}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.size-9{width:2.25rem;height:2.25rem}.h-28{height:7rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-dvh{height:100dvh}.min-h-0{min-height:0}.min-h-\[72px\]{min-height:72px}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-y-2{row-gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-\[\#ebe6f3\]{--tw-border-opacity:1;border-color:rgb(235 230 243/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.bg-\[\#e4f9f1\]{--tw-bg-opacity:1;background-color:rgb(228 249 241/var(--tw-bg-opacity,1))}.bg-\[\#f0ebff\]{--tw-bg-opacity:1;background-color:rgb(240 235 255/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-indigo-50{--tw-gradient-from:#eef2ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(238,242,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-violet-100{--tw-gradient-to:#ede9fe var(--tw-gradient-to-position)}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.ps-1{padding-inline-start:.25rem}.ps-2{padding-inline-start:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-display{font-family:Outfit,sans-serif}.font-en{font-family:Plus Jakarta Sans,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[0\.62rem\]{font-size:.62rem}.text-\[0\.65rem\]{font-size:.65rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tracking-wide{letter-spacing:.025em}.text-\[\#00865f\]{--tw-text-opacity:1;color:rgb(0 134 95/var(--tw-text-opacity,1))}.text-\[\#211838\]{--tw-text-opacity:1;color:rgb(33 24 56/var(--tw-text-opacity,1))}.text-\[\#5c35cc\]{--tw-text-opacity:1;color:rgb(92 53 204/var(--tw-text-opacity,1))}.text-\[\#9b8eae\]{--tw-text-opacity:1;color:rgb(155 142 174/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-violet-700{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity,1))}.opacity-40{opacity:.4}.opacity-70{opacity:.7}.shadow-\[0_6px_22px_rgba\(42\2c 16\2c 96\2c 0\.06\)\]{--tw-shadow:0 6px 22px rgba(42,16,96,.06);--tw-shadow-colored:0 6px 22px var(--tw-shadow-color)}.shadow-\[0_6px_22px_rgba\(42\2c 16\2c 96\2c 0\.06\)\],.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:border-\[\#302542\]:is(.dark *){--tw-border-opacity:1;border-color:rgb(48 37 66/var(--tw-border-opacity,1))}.dark\:border-white\/10:is(.dark *){border-color:hsla(0,0%,100%,.1)}.dark\:bg-\[\#171025\]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(23 16 37/var(--tw-bg-opacity,1))}.dark\:bg-\[rgba\(0\2c 196\2c 140\2c 0\.12\)\]:is(.dark *){background-color:rgba(0,196,140,.12)}.dark\:bg-\[rgba\(139\2c 108\2c 240\2c 0\.14\)\]:is(.dark *){background-color:rgba(139,108,240,.14)}.dark\:bg-\[var\(--theme-card-raised\)\]:is(.dark *){background-color:var(--theme-card-raised)}.dark\:from-indigo-500\/10:is(.dark *){--tw-gradient-from:rgba(99,102,241,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(99,102,241,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:to-violet-500\/15:is(.dark *){--tw-gradient-to:rgba(139,92,246,.15) var(--tw-gradient-to-position)}.dark\:text-\[\#58dfb7\]:is(.dark *){--tw-text-opacity:1;color:rgb(88 223 183/var(--tw-text-opacity,1))}.dark\:text-\[\#958aa8\]:is(.dark *){--tw-text-opacity:1;color:rgb(149 138 168/var(--tw-text-opacity,1))}.dark\:text-\[\#b9a7ff\]:is(.dark *){--tw-text-opacity:1;color:rgb(185 167 255/var(--tw-text-opacity,1))}.dark\:text-\[\#f4efff\]:is(.dark *){--tw-text-opacity:1;color:rgb(244 239 255/var(--tw-text-opacity,1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:shadow-\[0_8px_28px_rgba\(0\2c 0\2c 0\2c 0\.24\)\]:is(.dark *){--tw-shadow:0 8px 28px rgba(0,0,0,.24);--tw-shadow-colored:0 8px 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.md\:h-32{height:8rem}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:gap-4{gap:1rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&_svg\]\:size-3 svg{width:.75rem;height:.75rem}.\[\&_svg\]\:size-\[18px\] svg{width:18px;height:18px}