/* One collection, one pack, one quiet place to begin. */
.lexiatlas-v5 .site-header{height:78px;background:#f8f7f2;border-bottom-color:#e7e8df}
.lexiatlas-v5 .header-inner{max-width:1280px;padding:0 42px}
.lexiatlas-v5 .main-nav{gap:5px}
.lexiatlas-v5 .nav-item{padding:9px 18px;font-size:12px}
.lexiatlas-v5 .site-footer{margin-bottom:24px}
.lexiatlas-v5 .onboarding-header-note{font:italic 13px var(--serif);color:#8c9585;margin-left:auto;margin-right:16px}
.onboarding-main{max-width:1110px;min-height:calc(100dvh - 78px);padding:48px 42px 35px}
.deck-picker-heading{text-align:center;margin-bottom:30px}
.deck-picker-heading .eyebrow{display:block;font-size:9px;letter-spacing:2.8px;color:#8b997f;margin-bottom:12px}
.deck-picker-heading h1{font-size:35px;letter-spacing:-1px;font-weight:530;line-height:1.4}
.deck-picker-heading h2{font-size:27px;letter-spacing:-.7px;font-weight:550}
.deck-picker-heading p{font-size:12px;color:#87907f;margin-top:11px;line-height:1.9}
.deck-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.deck-choice{position:relative;display:flex;flex-direction:column;text-align:left;min-width:0;padding:0 0 23px;border:1px solid #dedfd3;border-radius:18px;background:#fdfcf7;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.deck-choice:hover{border-color:#9caa8d;transform:translateY(-3px)}
.deck-choice.selected{border-color:#526f46;box-shadow:0 0 0 2px #526f46,0 12px 30px #3146290b}
.deck-choice-visual{height:196px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 32%,#dce6ce,#edf1e7 68%);position:relative;overflow:hidden;margin-bottom:20px}
.deck-choice-visual.cet6{background:radial-gradient(ellipse at 50% 32%,#d7e4e2,#edf1ee 68%)}
.deck-choice-visual.ielts{background:radial-gradient(ellipse at 50% 32%,#e9dfc9,#f3eee3 68%)}
.deck-choice-visual .packet-object{position:absolute;top:-48px;transform:rotate(-7deg) scale(.47);transform-origin:50% 50%;pointer-events:none}
.deck-choice-visual.cet6 .packet-object{transform:rotate(2deg) scale(.47)}
.deck-choice-visual.ielts .packet-object{transform:rotate(7deg) scale(.47)}
.deck-choice-content{display:flex;flex-direction:column;padding:0 23px}
.deck-choice-code{font-family:var(--serif);font-size:12px;letter-spacing:1.3px;color:#829173}
.deck-choice-name{font-size:20px;font-weight:550;color:#304735;margin:3px 0 10px}
.deck-choice-description{font-size:11px;color:#87907e;line-height:1.8;min-height:40px}
.deck-choice-count{font-size:10px;color:#8c9a82;margin-top:11px}
.deck-choice-tick{position:absolute;right:13px;top:13px;width:25px;height:25px;display:grid;place-items:center;border:1px solid #c7cfbb;border-radius:50%;color:transparent;background:#f8faf1cc}
.deck-choice.selected .deck-choice-tick{background:#47663b;border-color:#47663b;color:#f2f5df}
.deck-picker-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:29px}
.deck-picker-initial .deck-picker-actions{flex-direction:column;gap:12px}
.deck-picker-actions>.btn-primary{min-width:245px;min-height:48px}
.deck-picker-actions>p{font-size:11px;color:#97a08f}
.deck-picker-source{font-size:10px;color:#939b8a;text-align:center;margin-top:20px;line-height:1.9}
.deck-picker-source button{background:none;padding:0 0 0 6px;color:#647c54;font:inherit;text-decoration:underline;text-underline-offset:3px}
.modal:has(.deck-picker){width:min(920px,100%);max-width:920px;padding:36px}
.modal .deck-choice-visual{height:146px;margin-bottom:16px}
.modal .deck-choice-visual .packet-object{top:-77px;transform:rotate(-6deg) scale(.37)}
.modal .deck-choice-content{padding:0 18px}
.modal .deck-choice-name{font-size:18px}
.modal .deck-choice-description{min-height:40px;font-size:10px}
.modal .deck-picker-heading{margin-bottom:24px}
.draw-main{max-width:1190px;padding:22px 42px 28px;min-height:calc(100dvh - 78px)}
.draw-collection{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;padding:0 3px}
.current-collection{display:inline-flex;align-items:center;gap:10px;color:#66815c;font-family:var(--serif);font-size:12px;letter-spacing:.7px}
.current-collection i{width:5px;height:5px;background:#819369;border-radius:50%}
.current-collection b{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-size:11px;font-weight:400;letter-spacing:.2px;color:#8b9782;margin-left:11px}
.change-collection{font-size:11px;color:#819073;display:flex;gap:8px;align-items:center;background:none;padding:8px 0 8px 14px;min-height:36px}
.change-collection:hover{color:#3b633e}
.draw-quiet-stage{margin:0;position:relative;min-height:560px;height:calc(100dvh - 183px);max-height:770px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px 29px;border-radius:23px;background:radial-gradient(ellipse at 50% 43%,#344e3b 0%,#243e31 40%,#172f27 80%);border:1px solid #2b4636;isolation:isolate;overflow:hidden}
.draw-quiet-stage::before,.draw-quiet-stage::after{display:none}
.draw-pack-heading{text-align:center;position:relative;z-index:3;margin-bottom:13px}
.draw-pack-heading>span{font-size:8px;letter-spacing:2.5px;color:#93a58e}
.draw-pack-heading h1{font-size:25px;font-weight:400;letter-spacing:1.5px;color:#dbe5c6;margin-top:9px}
.draw-quiet-stage .idle-packet-scene{height:318px;width:330px;margin:0 0 12px;border:0;background:none;border-radius:18px}
.draw-quiet-stage .idle-packet-scene .packet-object{transform:rotate(-5deg) scale(.92);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.draw-quiet-stage .pack-launch:hover:not(:disabled) .packet-object{transform:rotate(-2deg) scale(.96)}
.draw-quiet-stage .pack-launch:disabled{opacity:.7}
.draw-quiet-stage>.btn{min-width:195px;border-radius:10px;position:relative;z-index:3}
.draw-quiet-stage>.draw-caption{margin-top:14px;font-size:10px;color:#97ab90;position:relative;z-index:3;letter-spacing:.5px;text-align:center}
.draw-next-learning{background:none;color:#d0dfbb;font-size:11px;padding:8px;margin-top:3px;position:relative;z-index:3}
.is-draw .reveal-area{padding:28px 0 10px;min-height:540px}
.reveal-header h1{font-size:24px;font-weight:500;letter-spacing:-.5px}
.is-draw .reveal-hint{font-size:11px;margin-top:24px}
.is-draw .reveal-actions{margin-top:23px}
.study-phases{display:flex;align-items:center;justify-content:center;gap:15px;font-size:11px;color:#a1aa97;margin:3px 0 24px}
.study-phases i{height:1px;width:34px;background:#d6dfcb}
.study-phases .active{color:#43623a;font-weight:600}
.study-phases .done{color:#829473}
.intro-step-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:25px}
.intro-step-actions>.btn-primary{margin-left:auto}
.group-ready{text-align:center;padding:55px 25px 44px;display:flex;align-items:center;flex-direction:column;gap:16px;min-height:430px}
.group-ready-emblem{color:#9aaf7a;margin-bottom:1px}
.group-ready .eyebrow{font-size:9px;color:#8c9d7d;letter-spacing:2.2px;margin-top:4px}
.group-ready h1{font-size:29px;font-weight:500;letter-spacing:-.8px}
.group-ready>p{font-size:12px;color:#87947b;line-height:2}
.group-ready>.btn-primary{margin-top:12px;min-width:220px}
.group-ready>.btn-ghost{margin-top:-11px}
.group-ready>.group-ready-note{font-size:10px;color:#a0aa95;margin-top:8px}
.lexiatlas-v5 .toast{bottom:24px}
@media(min-width:761px) and (max-height:760px){.onboarding-main{padding-top:30px}.deck-picker-heading{margin-bottom:24px}.deck-choice-visual{height:166px}.deck-choice-visual .packet-object{top:-65px;transform:rotate(-7deg) scale(.43)}.draw-quiet-stage{min-height:520px}.draw-quiet-stage .idle-packet-scene{height:286px}.draw-quiet-stage .idle-packet-scene .packet-object{transform:rotate(-5deg) scale(.82)}}
@media(max-width:760px){
 .lexiatlas-v5 .site-header{height:68px}.lexiatlas-v5 .header-inner{padding:0 20px;gap:12px}.lexiatlas-v5 .brand-title{font-size:19px}.lexiatlas-v5 .brand-sub{display:none}.lexiatlas-v5 .brand-symbol{width:31px;height:31px;border-radius:9px}.lexiatlas-v5 .main-nav{display:flex;gap:2px;margin-left:auto}.lexiatlas-v5 .nav-item{padding:7px 10px;border-radius:8px;font-size:11px;gap:5px}.lexiatlas-v5 .nav-item svg{display:none}.lexiatlas-v5 .header-inner>.icon-btn{width:31px;height:31px;border:0}.lexiatlas-v5 .onboarding-header-note{font-size:10px;margin-right:0}.lexiatlas-v5 main:not(.draw-main):not(.onboarding-main){padding:25px 20px 32px;min-height:calc(100dvh - 140px)}.lexiatlas-v5 .site-footer{margin:0 20px 24px}.lexiatlas-v5 .toast{bottom:20px}
 .onboarding-main{padding:33px 24px 30px;min-height:calc(100dvh - 68px)}.deck-picker-heading{margin-bottom:24px}.deck-picker-heading h1{font-size:28px}.deck-picker-heading h2{font-size:24px}.deck-picker-heading .eyebrow{font-size:8px;letter-spacing:2.1px;margin-bottom:9px}.deck-picker-heading p{font-size:11px;max-width:270px;margin:10px auto 0}.deck-choice-grid{grid-template-columns:1fr;gap:12px}.deck-choice{display:grid;grid-template-columns:98px 1fr;padding:0;min-height:122px;align-items:center;border-radius:13px}.deck-choice-visual{height:100%;min-height:122px;margin:0;border-radius:0}.deck-choice-visual .packet-object,.deck-choice-visual.cet6 .packet-object,.deck-choice-visual.ielts .packet-object{top:-90px;transform:rotate(-6deg) scale(.28)}.deck-choice-content{padding:14px 15px}.deck-choice-code{font-size:9px;letter-spacing:1.2px}.deck-choice-name{font-size:17px;margin:1px 0 4px}.deck-choice-description{font-size:10px;min-height:0;max-width:190px}.deck-choice-count{font-size:9px;margin-top:7px}.deck-choice-tick{width:21px;height:21px;right:10px;top:10px}.deck-choice-tick svg{width:12px}.deck-picker-actions{margin-top:24px}.deck-picker-initial .deck-picker-actions .btn{width:100%;font-size:12px;min-width:0}.deck-picker-actions>p{font-size:10px}.modal:has(.deck-picker){padding:32px 20px 22px;max-height:92dvh}.modal .deck-choice{grid-template-columns:78px 1fr;min-height:106px}.modal .deck-choice-visual{height:100%;min-height:106px;margin:0}.modal .deck-choice-visual .packet-object{top:-100px;transform:rotate(-6deg) scale(.24)}.modal .deck-choice-content{padding:12px}.modal .deck-choice-name{font-size:16px}.modal .deck-choice-description{min-height:0;font-size:9px;max-width:170px}.modal .deck-picker-actions{flex-direction:column;gap:2px}.modal .deck-picker-actions .btn-primary{width:100%;min-width:0}.deck-picker-source{font-size:9px;margin-top:9px}
 .draw-main{padding:13px 16px 16px;min-height:calc(100dvh - 68px)}.draw-collection{margin-bottom:9px;padding:0 4px}.current-collection{font-size:11px;gap:8px}.current-collection b{font-size:10px;margin-left:8px}.change-collection{font-size:10px;gap:5px}.draw-quiet-stage{height:calc(100dvh - 142px);min-height:500px;max-height:760px;border-radius:18px;padding:25px 18px}.draw-pack-heading{margin-bottom:13px}.draw-pack-heading>span{font-size:7px;letter-spacing:2px}.draw-pack-heading h1{font-size:22px;margin-top:10px}.draw-quiet-stage .idle-packet-scene{width:290px;height:293px;margin-bottom:13px}.draw-quiet-stage .idle-packet-scene .packet-object{transform:rotate(-5deg) scale(.83)}.draw-quiet-stage .pack-launch:hover:not(:disabled) .packet-object{transform:rotate(-3deg) scale(.85)}.draw-quiet-stage>.btn{min-width:190px;font-size:12px;min-height:45px}.draw-quiet-stage>.draw-caption{font-size:9px;letter-spacing:.2px;margin-top:13px}.is-draw .reveal-area{padding-top:20px;min-height:0}.reveal-header h1{font-size:20px}.is-draw .reveal-header{align-items:flex-start}.is-draw .reveal-header .btn{padding:7px 11px;min-height:35px;font-size:10px}.is-draw .reveal-actions{gap:5px;flex-wrap:wrap}.is-draw .reveal-hint{font-size:10px;margin-top:18px}.study-phases{font-size:10px;margin:0 0 19px;gap:13px}.intro-step-actions{margin-top:22px;gap:4px}.intro-step-actions>.btn{width:auto;margin-top:0;padding:10px 12px;font-size:11px}.intro-step-actions>.btn-primary{flex:1}.intro-step-actions>.btn-ghost{padding:9px 4px;flex:0 0 auto}.group-ready{padding:38px 22px;gap:14px;min-height:410px}.group-ready h1{font-size:24px}.group-ready>p{font-size:11px}.group-ready .eyebrow{font-size:8px}.group-ready>.group-ready-note{font-size:9px}.session-count{white-space:nowrap}
}
@media(max-width:370px){.lexiatlas-v5 .header-inner{padding:0 14px;gap:8px}.lexiatlas-v5 .nav-item{padding:7px 8px}.onboarding-main{padding-left:18px;padding-right:18px}.deck-choice{grid-template-columns:83px 1fr}.deck-choice-content{padding-right:21px}.draw-quiet-stage .idle-packet-scene{width:260px}.current-collection b{font-size:9px}}
@media(prefers-reduced-motion:reduce){.deck-choice,.draw-quiet-stage .idle-packet-scene .packet-object{transition:none}.deck-choice:hover{transform:none}}

.modal-overlay:has(.deck-picker){animation:none}