*{box-sizing:border-box}
body{margin:0;font-family:'DM Sans',sans-serif}
button,input,textarea{font:inherit}
button{cursor:pointer}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.07}
h2{font-size:1.7rem;letter-spacing:-.04em}
h3{font-size:1.16rem;letter-spacing:-.025em}
p{line-height:1.6}
.shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}
.sidebar{display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}
.brand{line-height:1}
.brand span{color:#8edb2b}
.side-links{display:grid;gap:8px}
.nav-btn{background:transparent;display:flex;align-items:center;text-align:left;width:100%}
.nav-icon{text-align:center}
.side-bottom{margin-top:auto;padding:16px;border-radius:19px}
.side-bottom img{width:68px;height:68px;object-fit:cover}
.main{padding:31px clamp(20px,4vw,58px) 80px;max-width:1500px;width:100%;margin:auto}
.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:12px}
.eyebrow{text-transform:uppercase}
.top-right{display:flex;align-items:center;gap:10px}
.pill{border-radius:99px;padding:9px 14px;font-weight:800;font-size:.85rem;border:1px solid var(--border)}
.avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-weight:900}
.hero{display:grid;overflow:hidden;position:relative}
.hero-content{z-index:1}
.hero h1{max-width:580px}
.hero img{width:100%;object-fit:cover}
.hero .scribble{color:var(--lime)}
.btn{border:0;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn.ghost{border:1px solid var(--border)}
.btn.small{padding:9px 13px;font-size:.82rem}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:30px 0 14px}
.section-head h2{margin:0}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.card{border:1px solid var(--border);padding:22px}
.card h3{margin:10px 0 5px}
.card p{font-size:.9rem;color:var(--muted);margin-bottom:16px}
.card-icon{width:50px;height:50px;display:grid;place-items:center;font-size:25px}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.stat{border:1px solid var(--border);padding:17px}
.stat strong{font-size:1.55rem;display:block}
.stat small{color:var(--muted)}
.progress{height:9px;background:#e8ece5;border-radius:99px;overflow:hidden}
.progress>div{height:100%;border-radius:99px;transition:width .3s}
.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.lesson-card{display:flex;gap:15px;align-items:flex-start}
.lesson-card .card-icon{flex-shrink:0}
.lesson-card h3{margin:0 0 5px}
.lesson-card p{margin:0 0 10px}
.lesson-card .btn{margin-top:12px}
.tag{display:inline-block;border-radius:99px;padding:5px 10px;font-size:.73rem;font-weight:900}
.quiz-wrap{max-width:750px;margin:auto}
.quiz-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.quiz-panel{padding:30px;margin-top:20px}
.question{font-family:Nunito;font-weight:1000;font-size:1.65rem;line-height:1.35;margin:18px 0}
.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.answer{border:2px solid var(--border);border-radius:15px;background:white;text-align:left;font-weight:800;color:var(--green)}
.answer:hover{border-color:#96c768}
.answer.selected{border-color:var(--green)}
.feedback{margin-top:20px}
.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px}
.chat-card{height:min(680px,75vh);min-height:490px;display:flex;flex-direction:column;padding:0;overflow:hidden}
.chat-header{padding:16px 22px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--border)}
.chat-header img{width:47px;height:47px;border-radius:14px;object-fit:cover}
.chat-messages{padding:22px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px}
.bubble{max-width:80%;padding:13px 16px;border-radius:17px;line-height:1.5;white-space:pre-wrap;font-size:.93rem}
.bubble.bot{align-self:flex-start;border-bottom-left-radius:4px}
.bubble.user{align-self:flex-end;border-bottom-right-radius:4px}
.chat-compose{border-top:1px solid var(--border);padding:14px;display:flex;gap:10px}
.chat-compose input{border:1px solid var(--border);border-radius:13px;padding:13px 14px;flex:1;min-width:0;outline:none}
.chat-compose input:focus{border-color:#8edb2b}
.notice{font-size:.8rem;color:var(--muted);margin-top:8px}
.info-panel{align-self:start}
.info-panel img{width:100%;max-height:160px;object-fit:cover;border-radius:17px}
.info-panel ul{padding-left:19px;line-height:1.9;color:var(--muted);font-size:.88rem}
.setup{background:#fff4dd;padding:11px 14px;border-radius:12px;font-size:.83rem;color:#85621b;margin-bottom:13px}
.phrase{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}
.phrase:last-child{border-bottom:0}
.phrase strong{display:block}
.phrase small{color:var(--muted)}
.community-card{padding:22px;margin-bottom:15px}
.community-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.community-card p{margin:0 0 13px}
.community-actions{display:flex;gap:10px;align-items:center}
.text-button{border:0;background:none;color:#537260;font-weight:800;padding:6px}
.profile-banner{padding:25px;border-radius:24px;display:flex;align-items:center;gap:22px}
.profile-banner img{width:90px;height:90px;object-fit:cover;border-radius:24px}
.input-group{display:grid;gap:7px;margin-bottom:16px}
.input-group label{font-weight:800;font-size:.85rem}
.input-group input,.input-group select{width:100%;padding:13px;border:1px solid #d8e2d6;border-radius:12px;background:white;color:var(--green)}
.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.empty{color:var(--muted);padding:20px;text-align:center}
.footer-note{font-size:.75rem;color:#809185;margin-top:30px}
.mobile-nav{display:none}
.intro{margin:0 auto}
.choice{width:100%;display:flex;align-items:center;justify-content:space-between;border:2px solid var(--border);background:white;padding:20px;border-radius:18px;text-align:left;margin-bottom:12px;font-weight:900}
.welcome-image{width:100%;max-height:235px;object-fit:cover;object-position:center 45%;border-radius:22px}
.banner-mini{border-radius:20px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.banner-mini img{width:95px;height:95px;border-radius:19px;object-fit:cover}
.toast{position:fixed;bottom:25px;right:25px;background:var(--green);color:white;border-radius:14px;padding:13px 18px;z-index:10;box-shadow:var(--shadow)}
@media (max-width:950px){
.shell{grid-template-columns:78px 1fr}
.sidebar .brand{font-size:1.3rem}
.nav-btn{justify-content:center}
.nav-btn .nav-label,.side-bottom{display:none}
.chat-layout{grid-template-columns:1fr}
.info-panel{display:none}
}
@media (max-width:650px){
.shell{display:block}
.sidebar{display:none}
.cards,.lesson-grid,.stat-row,.two-cols{grid-template-columns:1fr}
.stat-row{grid-template-columns:repeat(3,1fr)}
.stat{padding:11px}
.stat strong{font-size:1.25rem}
.topbar{margin-bottom:18px}
.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--border);justify-content:space-around;z-index:5}
.mobile-nav button{border:0;background:none;color:#728478;display:grid;place-items:center;font-weight:800}
.mobile-nav button.active{color:var(--green)}
.chat-card{height:calc(100dvh - 215px);min-height:400px}
.bubble{max-width:91%}
.quiz-panel{padding:20px}
.profile-banner{align-items:flex-start}
.profile-banner img{width:70px;height:70px}
}
:root{--muted:#6e786d}
h1,h2,h3,.brand,.intro .logo-large{font-family:'DM Sans',sans-serif}
h1{font-weight:800;letter-spacing:-.055em}
h2{font-weight:800}
.sidebar{border-right:1px solid #ece8df;padding:34px 21px}
.brand{white-space:nowrap}
.brand-mark{color:#7f9b71;font-size:.58em;vertical-align:top;display:inline-block;margin-left:6px;transform:rotate(-8deg);letter-spacing:0}
.side-bottom{background:#f1f0e7;border:1px solid #e7e5d9}
.side-bottom img{border-radius:18px}
.main{padding-top:36px}
.eyebrow{color:#718b74;font-weight:800;letter-spacing:.16em;font-size:.7rem}
.hero{min-height:400px;background:#e9e8d9;color:#1b3329;grid-template-columns:1.05fr .95fr;border-radius:28px;box-shadow:0 18px 45px rgba(36,55,38,.08)}
.hero-content{padding:clamp(28px,4vw,58px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero h1{font-size:clamp(2.3rem,4.2vw,4.15rem);line-height:1.07;margin:20px 0}
.hero p{color:#4c6557;font-size:1rem;max-width:440px}
.hero .eyebrow{color:#5f8069!important}
.hero-highlight,.soft-accent{color:#66816b}
.hero img{mask-image:linear-gradient(to right,transparent 0%,black 17%);object-position:50% 32%;height:100%;min-height:400px}
.btn{background:#264b3b;color:#fff;border-radius:999px;padding:13px 23px;font-weight:750;box-shadow:none}
.btn:hover{background:#35644e}
.btn.dark{background:#264b3b;color:#fff}
.btn.ghost{background:#f7f6f1;color:#254938}
.btn.small{font-weight:750}
.card,.stat{background:#fffefa;border-color:#ece9e0;border-radius:20px;box-shadow:0 8px 28px rgba(40,57,40,.035)}
.card-icon{background:#e8ede4;border-radius:14px}
.card-icon.coral{background:#f9e9df}
.card-icon.blue{background:#e6eff0}
.stat strong{font-family:'DM Sans',sans-serif;font-weight:800}
.progress>div{background:#829e7d}
.tag{background:#eef1e8;color:#56755c}
.pill{background:#fffefa;color:#3d5b4a;border-color:#ebe8de}
.avatar{background:#eec3a8;color:#234135}
.banner-mini{background:#e9eee4;border:1px solid #dce5d9}
.banner-mini img,.chat-header img,.profile-banner img{object-position:center 22%}
.chat-messages{background:#fbfaf6}
.bubble.user{background:#dce9d9}
.bubble.bot{background:#f0f1ec}
.answer.selected{background:#e7eee4}
.feedback{background:#eef2e9}
.profile-banner{background:#e9eee4}
.intro{max-width:760px}
.intro .welcome-image{max-height:330px;object-position:center 38%;border-radius:26px;margin-top:16px}
.intro h1{font-size:clamp(2.4rem,5vw,4rem)}
.intro p{max-width:580px}
.choice:hover,.choice.selected{border-color:#8aa18b;background:#eef2e9}
@media (max-width:950px){
.sidebar{padding:24px 10px}
}
@media (max-width:650px){
.hero{grid-template-columns:1fr}
.hero-content{padding:29px}
.hero img{min-height:0;height:245px;mask-image:linear-gradient(to bottom,transparent,black 12%);object-position:center 35%}
.hero h1{font-size:2.3rem}
.intro{padding-top:16px!important}
.intro .welcome-image{max-height:270px}
}
:root{--green:#19392e;--green2:#315746;--lime:#94a98e;--coral:#e9b39b;--blue:#afc9c7;--border:#e6e6dd;--shadow:0 12px 36px rgba(28,58,41,.055)}
body{color:#213c30}
.shell .main{max-width:1480px}
.hero.premium-hero{background:#e9eae0;min-height:445px;border:1px solid #e4e6dc;box-shadow:none;overflow:hidden}
.hero.premium-hero .hero-content{z-index:1;position:relative}
.hero.premium-hero h1{font-size:clamp(2.6rem,4.5vw,5rem);letter-spacing:-.065em;line-height:1.05}
.hero.premium-hero .hero-highlight{color:#759379}
.hero.premium-hero p{line-height:1.8;font-size:1.02rem}
.hero.premium-hero img{object-fit:cover;object-position:42% 40%;filter:saturate(.88);mask-image:linear-gradient(to right,transparent,black 20%)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.hero-footnote{font-size:.79rem;color:#698371;margin-top:25px;letter-spacing:.025em}
.journey-strip,.flash-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 35px}
.journey-strip>div,.flash-overview>div{background:#fffefa;border:1px solid #e9e8df;border-radius:20px;padding:23px;display:flex;flex-direction:column;gap:7px}
.journey-strip strong,.flash-overview strong{font-size:2rem;letter-spacing:-.06em;color:#1c3e31}
.journey-strip strong small{font-size:.87rem;font-weight:600;letter-spacing:0}
.journey-strip>div>span:last-child,.flash-overview>div>span:last-child{font-size:.83rem;color:#7a867d}
.chapter-card{background:#e6ebe3;border:1px solid #dce5da;border-radius:24px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.chapter-card>div{max-width:600px;flex:1}
.chapter-card h3{font-size:1.65rem;letter-spacing:-.04em;margin:12px 0 8px}
.chapter-card p{color:#637769;line-height:1.7}
.chapter-card .progress{margin-top:19px;max-width:500px}
.premium-cards .action-card{min-height:245px;padding:26px;display:flex;flex-direction:column;align-items:flex-start}
.action-glyph{font-size:.69rem;letter-spacing:.14em;color:#87998a;font-weight:800}
.action-icon{width:52px;height:52px;border-radius:17px;background:#e5ede3;color:#376b4c;display:grid;place-items:center;font-size:1.7rem;margin:18px 0}
.action-icon.peach{background:#f5e5dc;color:#b57659}
.action-icon.blue{background:#e4efee;color:#5b8583}
.action-card h3{font-size:1.35rem;letter-spacing:-.035em;margin-bottom:8px}
.action-card p{font-size:.91rem;color:#758279;line-height:1.65}
.text-link{border:0;background:transparent;padding:0;margin-top:auto;color:#2d6249;font-weight:800;text-align:left}
.miko-personality{background:#fffefa;border:1px solid #e8e7de;border-radius:24px;padding:25px;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:28px}
.miko-personality img{width:180px;height:180px;object-fit:cover;border-radius:22px}
.miko-personality h3{font-size:clamp(1.25rem,2vw,1.85rem);letter-spacing:-.04em;margin:12px 0}
.miko-personality p{color:#738276}
.mood-choices,.flash-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.mood-pill.selected{background:#264d3a;color:white;border-color:#264d3a}
.phrase-banner{background:#e6ebe2}
.phrase-banner h3{font-size:1.7rem!important;letter-spacing:-.04em}
.phrase-banner img{border-radius:20px}
.flash-tabs{margin:10px 0 24px}
.flash-wrap{max-width:780px;margin:0 auto 40px}
.flash-card{width:100%;min-height:320px;background:#e8eee6;border:1px solid #dbe4d9;border-radius:28px;padding:35px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;color:#19392e;box-shadow:0 12px 30px rgba(29,56,37,.05);transition:transform .2s ease,background .2s ease}
.flash-card:hover{transform:translateY(-3px)}
.flash-card.flipped{background:#f7eae0;border-color:#f0dfd3}
.flash-card strong{font-size:clamp(1.65rem,3.5vw,2.65rem);letter-spacing:-.045em;line-height:1.3}
.flip-hint{font-size:.84rem;color:#7a887b}
.flash-controls,.flash-rating{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.flash-rating{border-top:1px solid #e6e6dd;padding-top:20px}
.flash-rating span{width:100%;text-align:center;font-size:.84rem;color:#738578}
.flash-count{color:#748477;font-size:.85rem;min-width:65px;text-align:center}
.phrase-library .phrase{padding:17px 4px}
@media (max-width:750px){
.journey-strip,.flash-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.journey-strip>div,.flash-overview>div{padding:14px 10px}
.journey-strip strong,.flash-overview strong{font-size:1.5rem}
.journey-strip>div>span:last-child,.flash-overview>div>span:last-child{font-size:.69rem}
.journey-strip .eyebrow,.flash-overview .eyebrow{font-size:.57rem}
.chapter-card{display:block;padding:24px}
.chapter-card .btn{margin-top:20px}
.miko-personality{grid-template-columns:1fr;gap:15px}
.miko-personality img{width:110px;height:110px}
.hero.premium-hero img{mask-image:linear-gradient(to bottom,transparent,black 14%);height:240px}
.hero.premium-hero h1{font-size:2.55rem}
}
@media (prefers-reduced-motion:reduce){
.flash-card{transition:none}
}
.brand,.intro .logo-large{font-family:'DM Sans',sans-serif!important;font-weight:900!important;letter-spacing:-.09em!important;color:#173a2d!important;text-transform:lowercase}
.brand{font-size:2.15rem!important}
.intro .logo-large{font-size:clamp(3.3rem,8vw,6rem)!important}
.course-overview{display:grid;overflow:hidden;align-items:stretch;background:#e9ede7;border-radius:25px;border:1px solid #dfe5dd}
.course-overview>div{position:relative;z-index:1}
.course-overview h2{font-size:clamp(1.5rem,3vw,2.25rem);margin:11px 0 8px}
.course-overview p{color:#667c6d;max-width:480px}
.course-overview img{width:100%}
.level-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 28px}
.level-tab{background:#fffefa;border:1px solid #e7e8df;border-radius:18px;padding:17px 20px;text-align:left;display:flex;flex-direction:column;gap:6px;color:#2b4a3a}
.level-tab small{font-size:.65rem;letter-spacing:.14em;color:#87998a;font-weight:850}
.level-tab strong{font-size:1.13rem;letter-spacing:-.025em}
.level-tab span{font-size:.77rem;color:#738678}
.level-tab.selected{background:#244b3a;color:#fff;border-color:#244b3a}
.level-tab.selected small,.level-tab.selected span{color:#c3d5c9}
.course-section{background:#fffefa;border:1px solid #e6e8df;border-radius:26px;padding:28px}
.course-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}
.course-title h2{font-size:2rem;margin:8px 0 5px}
.course-title p{color:#718376;margin:0}
.course-ring{border:5px solid #d8e4d9;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:850;color:#244d39;flex-shrink:0}
.course-ring small{font-size:.85rem;color:#7b9481}
.course-steps{display:grid}
.course-unit{border:1px solid #e7e9e2;background:#fbfbf7;border-radius:18px;display:flex;gap:17px;align-items:center;text-align:left;color:#234537;transition:background .15s}
.course-unit:hover{background:#edf2eb;border-color:#c5d7c7}
.unit-number{display:grid;place-items:center;background:#e4ede4;color:#3b694c;width:48px;height:48px;border-radius:15px;font-weight:850;flex-shrink:0}
.unit-body{display:flex;flex-direction:column;gap:5px;flex:1}
.unit-body small{font-size:.68rem;letter-spacing:.1em;color:#87988b;font-weight:850}
.unit-body strong{font-size:1.15rem}
.unit-body>span{color:#78897c;font-size:.85rem}
.unit-arrow{font-size:1.35rem;color:#6d9276}
.course-foot{margin:22px 0;background:#f0ede5;border-radius:20px;padding:22px 26px;display:flex;gap:20px}
.course-foot>span{font-size:2rem;color:#76927a}
.course-foot strong{font-size:1.05rem}
.course-foot p{margin:7px 0 0;color:#758379;font-size:.9rem}
.lesson-detail{max-width:1000px;margin:auto}
.back-link{border:0;background:transparent;color:#496d57;font-weight:800;padding:12px 0 20px}
.lesson-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}
.lesson-heading h1{margin:12px 0}
.context-box{background:#e9eee8;border-radius:24px;padding:28px 32px;border:1px solid #dfe8dc}
.context-box h3{font-size:1.6rem;margin:10px 0}
.context-box p{color:#5b7364}
.example-line{border-top:1px solid #d2ded3;padding-top:18px;display:flex;align-items:center;justify-content:space-between;font-weight:750;flex-wrap:wrap}
.vocab-list{display:grid;gap:10px}
.vocab-row{background:#fffefa;border:1px solid #e6e9df;border-radius:17px;display:flex;align-items:center}
.vocab-save{background:none;border:0;display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;color:#224434;min-width:0}
.vocab-save strong{font-size:1.13rem}
.vocab-save span{font-size:.89rem;color:#6f8275}
.vocab-save small{font-size:.7rem;color:#59836b}
.vocab-save:hover strong{text-decoration:underline;text-underline-offset:3px}
.audio-btn{background:#eff3ed;color:#335b44;border:1px solid #dfe9dd;white-space:nowrap;font-size:.82rem;font-weight:750}
.audio-btn:hover{background:#dce8db}
.audio-small{font-size:.78rem}
.lesson-end{background:#244b3a;color:#fff;border-radius:22px;padding:27px 31px;display:flex;justify-content:space-between;align-items:center;gap:25px;margin:26px 0}
.lesson-end h3{font-size:1.4rem;margin:8px 0}
.lesson-end p{color:#c6d7cc;margin:0}
.lesson-end .eyebrow{color:#b7d0be}
.lesson-end .btn{background:#f1eee5;color:#254c3b;flex-shrink:0}
.flash-audio{display:flex;justify-content:center;gap:10px;margin-top:18px}
@media (max-width:760px){
.level-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
.course-section{padding:19px}
.course-title h2{font-size:1.55rem}
.lesson-heading,.lesson-end{flex-direction:column;align-items:flex-start}
.context-box{padding:23px}
.vocab-row{flex-wrap:wrap}
.vocab-save{flex-basis:100%}
.vocab-row .audio-btn{flex:1}
.level-tab{padding:14px}
.course-foot{padding:19px}
.lesson-end .btn{width:100%}
}
.leaf-logo{color:#6d9175;font-size:.53em;margin:0 0 0 5px;font-weight:500;letter-spacing:0}
.level-select-wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:34px 0 18px}
.level-select-wrap h2{margin:7px 0;font-size:1.7rem}
.level-select-wrap p{margin:0;color:#6e8274}
.level-select-wrap select{min-width:250px;padding:15px 18px;border-radius:15px;border:1px solid #d5ded3;background:#fffefa;color:#244836;font-size:1rem;font-weight:800}
.module-guide{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.module-guide span{padding:9px 13px;border-radius:999px;background:#eef1ea;color:#496e56;font-size:.76rem;font-weight:800}
.level-exam{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#e9eee8;border-radius:22px;padding:25px;margin-top:24px}
.level-exam h3{font-size:1.5rem;margin:8px 0}
.level-exam p{color:#657e6a;max-width:560px}
.level-exam .btn{white-space:nowrap}
.lesson-landmark{width:100%;border-radius:17px;margin:0 0 22px}
.practice-panel{padding:28px 30px;background:#fffefa;border:1px solid #e1e9e0;border-radius:23px;margin:30px 0}
.practice-panel h3{font-size:1.7rem;margin:10px 0}
.practice-panel p{color:#657b6c}
.practice-target{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px;background:#f0f3ed;border-radius:15px;margin:20px 0}
.practice-target strong{font-size:1.2rem}
.pronounce-feedback{color:#557363;font-size:.9rem;margin-top:17px;line-height:1.6}
.miko-mode-tabs{display:flex;gap:8px;margin:20px 0}
.miko-mode-tabs button{border:1px solid #dce6dc;border-radius:999px;background:#fffefa;color:#466951;padding:13px 24px;font-weight:800}
.miko-mode-tabs button.active{background:#234a37;color:#fff}
.voice-panel{display:grid;grid-template-columns:1fr 1fr;border-radius:25px;overflow:hidden;background:#e9eee8;min-height:370px}
.voice-panel>img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.voice-content{padding:36px;display:flex;flex-direction:column;justify-content:center}
.voice-content h2{font-size:2rem;letter-spacing:-.04em;margin:12px 0}
.voice-content p{color:#597463}
#voice-status{border:1px solid #d4e1d5;background:#fffefa;border-radius:15px;padding:15px;color:#335b43;margin:14px 0;line-height:1.5}
.voice-buttons{display:flex;gap:10px;flex-wrap:wrap}
.exam-input{font-size:1.1rem;margin:20px 0}
.speak-exam{padding:22px;background:#f0f4ed;border-radius:15px;margin:22px 0}
.result-panel{background:#fffefa;padding:34px;border:1px solid #e2e7df;border-radius:24px}
.result-panel h1{font-size:2.8rem;margin:15px 0}
.result-panel p{color:#647968}
.result-skills{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}
.result-skills strong{font-size:.9rem}
.result-skills .progress{margin-top:9px}
.result-correction{padding:12px 14px;background:#f3f4ee;border-radius:12px}
@media (max-width:760px){
.level-select-wrap,.level-exam{flex-direction:column;align-items:stretch}
.level-select-wrap select{width:100%}
.voice-panel{grid-template-columns:1fr}
.voice-panel>img{height:240px}
.voice-content{padding:25px}
.result-skills{grid-template-columns:1fr}
.level-exam .btn{width:100%}
}
.lesson-explain{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}
.explain-block{background:#fffefa;border:1px solid #e5e9e1;border-radius:20px;padding:23px}
.explain-block h3{margin:12px 0;font-size:1.3rem}
.explain-block p{color:#657d6b;font-size:.91rem;line-height:1.65}
@media (max-width:760px){
.lesson-explain{grid-template-columns:1fr}
}
.leaf-logo{display:inline-flex!important;position:relative;width:29px;height:30px;vertical-align:top;margin-left:9px;transform:rotate(-12deg)!important}
.leaf-logo i{position:absolute;display:block;width:10px;height:18px;border-radius:100% 0 100% 0;background:#b3a66e;transform:rotate(-25deg);left:4px;top:6px}
.leaf-logo i:nth-child(2){background:#668d65;transform:rotate(36deg);left:14px;top:0}
.leaf-logo i:nth-child(3){background:#e4a478;transform:rotate(96deg);left:16px;top:16px;width:8px;height:14px}
.brand .leaf-logo{transform:scale(.73) rotate(-12deg)!important;transform-origin:left top}
.audio-btn{min-width:47px;min-height:47px;padding:11px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:0;flex-shrink:0;border-radius:15px!important}
.audio-btn svg{flex-shrink:0}
.vocab-row{gap:15px!important;padding:18px 20px!important}
.vocab-save{padding-right:16px}
.example-line{gap:22px!important}
.lesson-landmark{height:280px!important;object-position:center!important}
.course-overview{min-height:300px!important;grid-template-columns:1fr 1fr!important}
.course-overview img{height:100%!important;min-height:300px;object-position:center!important;mask-image:none!important}
.course-overview>div{display:flex;flex-direction:column;justify-content:center;padding:38px!important}
.course-overview .btn{align-self:flex-start;margin-top:14px}
.course-steps{gap:12px!important}
.course-unit{padding:21px 23px!important}
.course-section{margin-top:18px}
.miko-home-greeting{display:flex;align-items:center;gap:13px;margin-top:20px;background:rgba(248,247,239,.93);padding:12px 16px;border-radius:18px;max-width:420px;color:#214433;box-shadow:0 7px 26px rgba(24,60,41,.08)}
.miko-home-greeting img{width:53px;height:53px;object-fit:cover;border-radius:14px}
.miko-home-greeting div{display:flex;flex-direction:column;gap:4px}
.miko-home-greeting strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#67816e}
.miko-home-greeting span{font-size:.91rem;line-height:1.4;font-weight:700}
.nav-icon{font-family:Arial,sans-serif!important;font-size:1.3rem!important;min-width:27px}
.custom-flash-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;background:#e8eee8;border-radius:22px;margin:20px 0}
.custom-flash-panel h3{font-size:1.35rem;margin:8px 0}
.custom-flash-panel p{color:#6b7f70;margin:0;max-width:520px}
.custom-flash-panel .btn{flex-shrink:0}
.custom-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:15px}
.custom-card-item{display:flex;align-items:center;justify-content:space-between;background:#fffefa;border:1px solid #e3e9e0;border-radius:14px;padding:14px 18px;gap:14px}
.custom-card-item>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.custom-card-item strong{overflow-wrap:anywhere;color:#214432}
.custom-card-item small{color:#738779}
.custom-actions{display:flex;gap:5px;flex-shrink:0}
.icon-action{border:1px solid #dbe5da;border-radius:11px;background:#f0f4ef;color:#356449;min-width:35px;height:35px;font-size:1.15rem}
.editor-page{max-width:720px;margin:auto}
.editor-card{padding:35px!important}
.editor-card h1{font-size:2.4rem;margin:12px 0}
.editor-card p{color:#6c8172}
.miko-pop{position:fixed;z-index:10000;bottom:28px;right:26px;display:flex;align-items:center;gap:13px;background:#fcfbf5;border:1px solid #d9e6d8;box-shadow:0 15px 55px rgba(14,48,29,.2);padding:12px 15px;border-radius:20px;max-width:390px;animation:mikoIn .22s ease-out}
.miko-pop img{width:67px;height:67px;object-fit:cover;border-radius:17px}
.miko-pop div{display:flex;flex-direction:column;gap:5px}
.miko-pop strong{color:#234e37;font-size:.99rem}
.miko-pop small{color:#7b8b7d;line-height:1.3}
.miko-pop button{border:0;background:transparent;font-size:1.3rem;align-self:flex-start;color:#6c8070}
@keyframes mikoIn{from{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}
.feedback{border-radius:18px!important;padding:20px!important;line-height:1.55}
.feedback-reason{font-size:.92rem;line-height:1.65;color:#506e5b}
.answer{min-height:57px;padding:15px 20px!important}
.answer.correct{border-color:#73a681!important;background:#e7f3e8!important;color:#245737!important}
.answer.wrong{border-color:#d9a18e!important;background:#fdf0e8!important;color:#9a5942!important}
@media (max-width:780px){
.course-overview{grid-template-columns:1fr!important}
.course-overview img{height:225px!important;min-height:225px!important}
.course-overview>div{padding:25px!important}
.custom-flash-panel{flex-direction:column;align-items:flex-start}
.custom-card-list{grid-template-columns:1fr}
.miko-pop{left:14px;right:14px;bottom:85px}
.lesson-landmark{height:210px!important}
}
.course-overview img{object-fit:contain!important;background:#e0e9e0!important}
.lesson-landmark{object-fit:contain!important;background:#e0e9e0!important}
.home-redesign{display:flex;flex-direction:column;gap:24px}
.home-top{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:26px;align-items:stretch}
.home-welcome{padding:clamp(25px,4vw,54px);background:#e9eee7;border-radius:28px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.home-welcome h1{font-size:clamp(2.8rem,5vw,4.5rem);letter-spacing:-.07em;line-height:1.05;margin:14px 0}
.home-welcome p{max-width:490px;color:#5b7261;font-size:1.05rem;line-height:1.7;margin:0}
.home-period{color:#9aae96}
.home-buttons{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}
.home-greeting{display:flex;align-items:center;gap:13px;padding:13px 16px;border-radius:18px;background:#fffefa;margin-top:27px;max-width:480px}
.home-greeting img{width:58px;height:58px;object-fit:cover;border-radius:15px;flex-shrink:0}
.home-greeting div{display:flex;flex-direction:column;gap:4px}
.home-greeting strong{font-size:.67rem;letter-spacing:.12em;color:#728e78}
.home-greeting span{font-size:.9rem;line-height:1.45;font-weight:700}
.home-miko-card{background:#f3f0e7;border:1px solid #e7e5d9;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px;overflow:hidden}
.home-miko-photo{width:min(100%,210px);height:245px;overflow:hidden;border-radius:22px;background:#dfe7da}
.home-miko-photo img{width:100%;height:100%;object-fit:cover;object-position:center 24%;display:block}
.home-miko-caption{display:flex;flex-direction:column;align-items:center;gap:3px}
.home-miko-caption span{font-size:.65rem;letter-spacing:.13em;color:#788b7b;font-weight:850}
.home-miko-caption strong{font-size:1.3rem;color:#244b39}
.home-path{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 31px;border-radius:22px;background:#fffefa;border:1px solid #e8e9df}
.home-path h2{font-size:1.5rem;margin:8px 0}
.home-path p{color:#6a806e;margin:0 0 12px}
.home-path .progress{max-width:480px;margin:0 0 8px}
.home-path small{color:#708674}
.home-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.home-action{display:flex;align-items:flex-start;flex-direction:column;gap:8px;padding:23px;background:#fffefa;border:1px solid #e7e8df;border-radius:22px;color:#214534;text-align:left}
.home-action:hover{background:#f1f5ef;transform:translateY(-2px)}
.home-action-art{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#e4ebe0;color:#2d6044;font-size:1.9rem}
.home-action-art.coral-art{background:#f6e5db;color:#9b644d}
.home-action-art.sky-art{background:#e2edf0;color:#477984}
.home-action strong{font-size:1.35rem;margin-top:7px}
.home-action small{color:#758879;font-size:.84rem}
.home-action>span:last-child{align-self:flex-end;color:#76927b;font-size:1.3rem}
.home-personality{display:flex;align-items:center;gap:25px;padding:24px;border-radius:22px;background:#fffefa;border:1px solid #e7e8df}
.home-personality>img{width:120px;height:120px;object-fit:cover;border-radius:20px;flex-shrink:0}
.home-personality h3{font-size:1.35rem;margin:8px 0}
.home-personality p{color:#708372;margin:5px 0}
@media (max-width:760px){
.home-top{grid-template-columns:1fr}
.home-miko-card{flex-direction:row;justify-content:flex-start}
.home-miko-photo{width:115px;height:115px;flex-shrink:0}
.home-path{flex-direction:column;align-items:flex-start}
.home-action-grid{grid-template-columns:1fr}
.home-personality{align-items:flex-start}
.home-personality>img{width:75px;height:75px}
.home-welcome{padding:28px}
}
:root{--bg-soft:#f4f5ee;--card-soft:#f9faf6;--sage:#6e9076;--sage2:#dfe7dd;--moss:#244b3a;--forest:#14392d;--cream2:#fefcf7;--gold:#dfc08f}
.brand-wrap{display:grid;gap:8px}
.brand-subline{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#7d9681;font-weight:900;padding-left:4px}
.logo-image .brand-image{max-width:260px}
.genz-intro .welcome-split{display:grid;grid-template-columns:1.08fr .92fr;gap:26px;align-items:center}
.welcome-miko{max-height:none;height:420px;object-fit:cover;object-position:center top;background:#edf1e8;border:1px solid var(--border)}
.nav-btn{border:1px solid transparent;padding:14px 14px;border-radius:18px;gap:12px;font-weight:800;color:#547163;transition:all .16s ease}
.nav-btn:hover{background:#f0f4ee;color:var(--forest);border-color:#dfe6dd}
.nav-btn.active{background:linear-gradient(135deg,#1f4938,#274f3f);color:#fff;box-shadow:0 10px 24px rgba(16,48,37,.16)}
.nav-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#edf2ee;border:1px solid #e0e8df;color:#4d6d59}
.nav-btn.active .nav-icon{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16);color:#fff}
.nav-icon svg{width:18px;height:18px}
.mobile-nav .nav-icon{width:30px;height:30px}
.side-brand-card{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;background:linear-gradient(180deg,#eff4ea,#edf2ef);border:1px solid #e0e7df;border-radius:24px;padding:16px}
.side-brand-card img{width:64px;height:64px;border-radius:18px}
.side-brand-card strong{display:block;margin-bottom:4px}
.side-brand-card p{margin:0;font-size:.82rem;color:#6c8071;line-height:1.45}
.home-v6,.learn-v6,.lesson-v6,.placement-wrap{display:grid;gap:24px}
.hero-v6{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
.hero-copy,.hero-miko-panel,.feature-card,.home-shortcut,.personality-panel,.learn-hero,.learn-tools article,.level-nav,.lesson-card-v6,.level-check-card,.lesson-hero-v6,.memory-card,.lesson-context-v6,.practice-launch-v6,.placement-hero,.placement-card{background:#fffefb;border:1px solid #e3e9df;border-radius:28px;box-shadow:0 10px 30px rgba(22,42,33,.05)}
.hero-copy{padding:34px;display:grid;align-content:start}
.hero-copy p{max-width:630px;color:#687e71}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.home-note-card{margin-top:18px;background:#f5f7f2;border:1px solid #e6ece4;border-radius:20px;padding:14px;display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center}
.home-note-card img{width:64px;height:64px;border-radius:18px;object-fit:cover}
.home-note-card strong{display:block;font-size:.8rem;letter-spacing:.1em;color:#6b8972}
.home-note-card span{display:block;margin-top:5px;font-weight:700;line-height:1.5}
.hero-miko-panel{padding:20px;position:relative;overflow:hidden;background:linear-gradient(180deg,#f6f8f2 0%,#edf2ec 100%)}
.hero-miko-panel img{width:100%;height:360px;object-fit:contain;object-position:center top;display:block}
.hero-miko-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}
.hero-miko-bubble{position:absolute;left:24px;right:24px;bottom:22px;background:rgba(255,255,255,.82);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.85);padding:14px 16px;border-radius:18px;font-weight:800;color:#365542}
.home-grid-v6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.feature-card{padding:24px}
.feature-card.primary{background:linear-gradient(145deg,#153e30,#234d3d);color:#fff}
.feature-card.primary p{color:#d6e2da}
.feature-card .feature-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.badge{display:inline-flex;padding:7px 11px;border-radius:99px;background:#eef3ea;color:#476651;font-size:.75rem;font-weight:900}
.feature-card.primary .badge{background:rgba(255,255,255,.13);color:#fff}
.inline-link{border:0;background:none;padding:0;margin-top:18px;font-weight:900;color:inherit}
.feature-card.image{display:grid;grid-template-columns:.88fr 1fr;gap:14px;align-items:center;padding:14px}
.feature-card.image img{width:100%;height:170px;object-fit:cover;border-radius:20px}
.feature-card.image h3{margin:4px 0 0;font-size:1.5rem}
.shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-shortcut{padding:22px;display:grid;align-content:start;gap:12px;text-align:left;position:relative;overflow:hidden;background:linear-gradient(180deg,#fffefb 0%,#f6f8f4 100%)}
.home-shortcut span:last-child{position:absolute;right:20px;bottom:18px;font-size:1.2rem;font-weight:900;color:#6f8c79}
.home-shortcut-icon{width:44px;height:44px;border-radius:14px;background:#ecf2ec;border:1px solid #dfe8dd;display:grid;place-items:center;color:#2c503d}
.home-shortcut-icon svg{width:21px;height:21px}
.home-shortcut strong{font-size:1.16rem}
.home-shortcut small{color:#6d8374;line-height:1.5}
.placement-result-banner,.personality-panel{padding:22px 24px}
.placement-result-banner{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#f4f7f3;border:1px solid #e1e8df;border-radius:24px}
.personality-panel{display:grid;grid-template-columns:74px 1fr auto;gap:18px;align-items:center}
.personality-panel img{width:74px;height:74px;border-radius:20px}
.mood-pills{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.mood-pill{border:1px solid #dee6dd;background:#f8faf6;color:#4a6656;border-radius:999px;padding:10px 14px;font-size:.82rem;font-weight:800}
.mood-pill.active{background:#204636;color:#fff;border-color:#204636}
.learn-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;align-items:center;padding:18px 20px 18px 28px;background:linear-gradient(180deg,#fbfbf7,#f4f7f4)}
.learn-hero img{width:100%;height:240px;object-fit:cover;border-radius:22px}
.learn-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.learn-tools article{padding:18px 20px;display:grid;gap:8px}
.learn-tools span{width:36px;height:36px;border-radius:12px;background:#edf3ee;display:grid;place-items:center;font-weight:900}
.learn-tools small{color:#718475;line-height:1.5}
.level-nav{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.level-control{display:grid;gap:10px;justify-items:end}
.level-control select{min-width:270px;padding:14px 16px;border:1px solid #d8e1d7;border-radius:15px;background:#fff}
.level-score-chip{padding:7px 11px;border-radius:99px;background:#edf2ee;font-size:.77rem;font-weight:800;color:#54705f}
.lesson-list-v6{display:grid;gap:14px}
.lesson-card-v6{padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:15px}
.lesson-card-v6.complete{background:linear-gradient(180deg,#fafcf8,#f3f8f2)}
.lesson-card-main{display:grid;grid-template-columns:56px 1fr;gap:15px}
.lesson-order{width:56px;height:56px;border-radius:18px;background:#eff4ef;color:#355641;display:grid;place-items:center;font-weight:1000;font-size:1.05rem}
.lesson-topline{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.lesson-card-v6 p{color:#6d8173;margin-bottom:10px}
.lesson-meta-row{display:flex;gap:14px;flex-wrap:wrap;font-size:.82rem;font-weight:800;color:#5f7a6a}
.lesson-actions{display:flex;gap:10px;align-items:center}
.complete-tag{background:#e6f2d9;color:#5b7a25}
.level-check-card{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(180deg,#f4f7f3,#eef3f0)}
.lesson-hero-v6{padding:24px;display:grid;grid-template-columns:1fr 310px;gap:18px;align-items:start}
.lesson-side-miko{background:#f5f7f3;border:1px solid #e4ebdf;border-radius:22px;padding:18px;display:grid;gap:10px}
.lesson-side-miko img{width:84px;height:84px;border-radius:20px}
.lesson-side-miko small{color:#6d8173;line-height:1.55}
.lesson-flow{display:flex;gap:10px;flex-wrap:wrap}
.flow-chip{padding:10px 14px;border-radius:999px;border:1px solid #dde5dc;background:#fffefb;font-weight:800;color:#54705f}
.flow-chip.active{background:#204636;color:#fff;border-color:#204636}
.memory-grid-v6{display:grid;gap:14px}
.memory-card{padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
.memory-card h3{font-size:2rem;margin:0 0 4px;letter-spacing:-.045em}
.memory-card p{font-size:1.25rem;color:#6b8173;margin:0 0 8px}
.save-link{border:0;background:none;padding:0;color:#5d7f6c;font-weight:800}
.memory-audio{display:flex;gap:10px}
.lesson-context-v6{padding:16px;display:grid;grid-template-columns:1.05fr .95fr;gap:18px;background:linear-gradient(180deg,#fffefb,#f4f7f3)}
.context-visual{position:relative}
.context-visual img{width:100%;height:100%;min-height:320px;object-fit:cover;border-radius:22px}
.context-mini-card{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.9);backdrop-filter:blur(6px);border-radius:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.85);display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:center}
.context-mini-card img{width:50px;height:50px;border-radius:14px;min-height:auto}
.context-mini-card span{font-size:.75rem;font-weight:900;letter-spacing:.11em;color:#6e8776;text-transform:uppercase}
.context-mini-card strong{display:block}
.context-copy{padding:14px 10px 14px 4px}
.context-copy h2{margin:10px 0 10px;font-size:2rem}
.context-copy p{color:#6b8173}
.example-line.big{margin:18px 0 16px;padding:16px 18px;border-radius:18px;background:#f8faf6;border:1px solid #e4ece2}
.context-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.context-notes>div{background:#fbfcfa;border:1px solid #e5ebe3;border-radius:18px;padding:16px}
.context-notes p{margin:6px 0 0}
.practice-launch-v6{padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:center;background:#173e31;color:#fff}
.practice-launch-v6 .eyebrow,.practice-launch-v6 p{color:#d3ddd6}
.practice-launch-v6 .btn{background:#fff;color:#173e31}
.quiz-v6 .quiz-panel.stylish,.placement-card{padding:26px}
.quiz-banner,.placement-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.quiz-banner img,.placement-card-head img{width:82px;height:82px;border-radius:20px}
.quiz-head.fancy{align-items:center}
.quiz-finish-card p{font-size:1rem!important}
.result-correction.expanded{background:#f4f7f3;border:1px solid #e2eae1;border-radius:18px;padding:14px 16px;margin-top:18px}
.result-correction.expanded p{margin:6px 0 0}
.placement-hero{padding:26px;display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:center;background:linear-gradient(180deg,#fbfbf8,#f4f7f3)}
.placement-hero img{width:100%;height:320px;object-fit:contain;object-position:center top}
.placement-list{margin:16px 0;padding-left:18px;color:#6c8072;line-height:1.8}
.placement-card{max-width:860px;margin:0 auto}
.exam-input{width:100%;padding:15px 16px;border-radius:16px;border:1px solid #d9e1d8;background:#fff;margin-top:16px}
.logo-image img{max-width:240px}
.soft-accent{color:#6a8f72}
@media (max-width:1050px){
.hero-v6,.learn-hero,.lesson-hero-v6,.lesson-context-v6,.placement-hero{grid-template-columns:1fr}
.home-grid-v6,.shortcut-grid,.learn-tools{grid-template-columns:1fr}
.personality-panel{grid-template-columns:1fr;justify-items:start}
.mood-pills{justify-content:flex-start}
.feature-card.image{grid-template-columns:1fr}
.lesson-card-v6,.level-check-card,.practice-launch-v6{grid-template-columns:1fr;display:grid}
.lesson-actions{justify-content:flex-start}
.level-nav{display:grid;justify-content:stretch}
.level-control{justify-items:start}
.context-notes{grid-template-columns:1fr 1fr}
.genz-intro .welcome-split{grid-template-columns:1fr}
.welcome-miko{height:320px}
}
@media (max-width:760px){
.home-grid-v6,.shortcut-grid,.learn-tools,.context-notes{grid-template-columns:1fr}
.hero-copy,.hero-miko-panel,.feature-card,.home-shortcut,.personality-panel,.learn-hero,.learn-tools article,.level-nav,.lesson-card-v6,.level-check-card,.lesson-hero-v6,.memory-card,.lesson-context-v6,.practice-launch-v6,.placement-hero,.placement-card{border-radius:24px}
.memory-card{grid-template-columns:1fr}
.memory-audio{justify-content:flex-start}
.feature-card.image img{height:140px}
.hero-miko-panel img{height:250px}
.hero-copy,.hero-miko-panel{padding:22px}
.topbar{align-items:flex-start;flex-direction:column}
.mobile-nav button{font-size:.62rem}
.mobile-nav button span.nav-icon{margin-bottom:2px}
.personality-panel img,.home-note-card img{width:56px;height:56px}
.placement-result-banner{display:grid}
.btn{width:auto}
}
.journey-v7{max-width:860px;margin:0 auto;display:grid;gap:18px}
.journey-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:800;color:#597261}
.journey-progress{display:flex;gap:6px}
.journey-progress span{flex:1;height:7px;border-radius:10px;background:#e1e9dd}
.journey-progress .filled{background:#679678}
.journey-card-v7{min-height:570px;border-radius:32px;border:1px solid #dfe8df;background:linear-gradient(165deg,#fffefa,#f0f5ee);box-shadow:0 16px 45px rgba(24,56,39,.065);padding:clamp(23px,5vw,44px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.journey-stage-label{letter-spacing:.15em;font-size:.72rem;font-weight:900;color:#77917a}
.journey-miko{width:100%;display:flex;flex-direction:column;align-items:center;gap:7px;color:#678170;font-size:.78rem;font-weight:800}
.journey-miko img{width:104px;height:104px;object-fit:cover;border-radius:27px;border:4px solid #fff;box-shadow:0 5px 20px rgba(22,60,41,.09)}
.journey-card-v7 h1{font-size:clamp(1.6rem,4.4vw,2.5rem);margin:8px 0 0}
.journey-word{font-size:clamp(2rem,6vw,3.7rem);font-weight:900;letter-spacing:-.055em;color:#174335}
.journey-word.small{font-size:clamp(1.7rem,4vw,2.6rem)}
.journey-meaning{font-size:1.2rem;color:#638071}
.journey-hint{color:#718b7a;font-size:.88rem}
.journey-answer{border-radius:18px;padding:16px 23px;background:#e3efe1;color:#234d37;font-size:1.35rem;font-weight:850}
.journey-bottom{display:flex;gap:10px;justify-content:space-between;width:100%;margin-top:auto;padding-top:22px}
.journey-choices{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.journey-choices button{text-align:center}
.journey-feedback{background:#f0f5eb;border:1px solid #d8e6d8;border-radius:17px;padding:15px 19px;color:#355c45;width:100%;text-align:left}
.journey-feedback p{margin:7px 0 0;font-size:.85rem}
.journey-voice{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.miko-idle{animation:mikoFloat 3.6s ease-in-out infinite}
.miko-think{animation:mikoThink .8s ease-in-out infinite alternate}
.miko-dance{animation:mikoDance .55s ease-in-out infinite alternate}
@keyframes mikoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes mikoThink{0%{transform:rotate(-4deg)}100%{transform:rotate(4deg)}}
@keyframes mikoDance{0%{transform:rotate(-9deg) translateY(0)}100%{transform:rotate(9deg) translateY(-10px)}}
.daily-plan,.mastery-panel,.mission-invite{background:#fffefa;border:1px solid #e1e9df;border-radius:27px;padding:26px;display:grid;gap:19px}
.daily-plan{grid-template-columns:1fr 1.1fr;align-items:center;background:linear-gradient(135deg,#f0f5eb,#fffefa)}
.daily-plan h2,.mastery-panel h2,.mission-invite h2{font-size:1.5rem;margin:8px 0}
.daily-plan p,.mastery-panel p,.mission-invite p{color:#68816f;margin:0}
.daily-tasks{display:grid;gap:9px}
.daily-tasks button{background:#fff;border:1px solid #e0e9df;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:13px;color:#244b38;text-align:left;font-weight:800}
.daily-tasks button b{background:#e8f0e5;padding:9px;border-radius:10px}
.daily-tasks button span{flex:1}
.mastery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.mastery-skill{display:grid;gap:8px;background:#f7faf5;padding:14px;border-radius:15px}
.mastery-skill strong{text-transform:capitalize;font-size:.85rem}
.mastery-skill small{color:#6c8373;text-align:right}
.mission-invite{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(110deg,#e3efe2,#f8faf6)}
.missions-page{max-width:960px;margin:0 auto}
.mission-head{background:#fffefa;border:1px solid #e2e9e0;padding:17px;border-radius:28px;display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center}
.mission-head img{width:100%;height:180px;object-fit:cover;border-radius:19px}
.mission-tabs{display:flex;gap:8px;flex-wrap:wrap}
.mission-dialog{display:grid;grid-template-columns:80px 1fr;gap:20px;align-items:center;margin:20px 0;background:#eff5ee;border:1px solid #dfe9df;padding:24px;border-radius:25px}
.mission-dialog img{width:80px;height:80px;object-fit:cover;border-radius:20px}
.mission-dialog h2{font-size:1.45rem}
.mission-options{display:grid;gap:12px;margin:18px 0}
.mission-options .answer{font-size:1rem}
.missions-page>.btn{margin-top:14px}
.miko-chat-header{display:grid;grid-template-columns:1fr 160px;gap:20px;align-items:center;border-radius:27px;background:#eaf2e9;padding:22px 30px;margin-bottom:16px}
.miko-chat-header img{width:160px;height:170px;object-fit:contain}
.ai-mode-note{border:1px solid #dfebda;border-radius:18px;background:#f3f7ee;padding:17px 20px;margin-bottom:17px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.ai-mode-note p{flex:1 1 340px;margin:0;color:#667e6c}
.ai-mode-note strong{color:#2b553d}
.ai-mode-note.demo{background:#f4f1e6;border-color:#e8e0ce}
@media (max-width:800px){
.daily-plan{grid-template-columns:1fr}
.mastery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mission-invite{flex-direction:column;align-items:flex-start}
.mission-head{grid-template-columns:1fr}
.mission-head img{height:160px}
.journey-choices{grid-template-columns:1fr}
.journey-card-v7{min-height:540px}
.miko-chat-header{grid-template-columns:1fr 105px}
.miko-chat-header img{width:105px;height:125px}
}
@media (prefers-reduced-motion:reduce){
.miko-idle,.miko-think,.miko-dance{animation:none}
}
@keyframes mikoNod{0%,100%{transform:rotate(0)}30%{transform:rotate(7deg)}65%{transform:rotate(-3deg)}}
.miko-nod{animation:mikoNod .65s ease-in-out 1}
.voice-demo-v7{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-radius:22px;border:1px solid #dce6da;background:#f3f7f2;padding:20px 24px;margin-bottom:18px}
.voice-demo-v7 p{margin:7px 0 0;color:#697f70;font-size:.85rem}
.voice-demo-actions{display:flex;gap:9px;flex-wrap:wrap}
.voice-demo-v7 #voice-status{grid-column:1/-1;font-size:.84rem;color:#54715d}
@media (max-width:760px){
.voice-demo-v7{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
.miko-nod{animation:none}
}
.expedition,.atlas-lesson{max-width:1080px;margin:auto}
.expedition-hero{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:20px;padding:28px 32px;border-radius:27px;background:#eaf0de;overflow:hidden}
.expedition-hero h1{font-size:clamp(1.85rem,4vw,3.2rem);line-height:1.12;max-width:630px;color:#193b2b;margin:13px 0}
.expedition-hero p{max-width:550px;color:#486256}
.expedition-hero img{width:100%;max-height:240px;object-fit:contain}
.atlas-stats{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}
.atlas-stats span{background:#fff9;border:1px solid #d6e2cd;padding:7px 11px;border-radius:30px;font-weight:750;font-size:12px;color:#285c41}
.atlas-level{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:23px 0 12px}
.atlas-level label{font-weight:800}
.atlas-level select{border-radius:12px;padding:10px;max-width:190px;background:white;border:1px solid #cddccc}
.atlas-intro{margin:24px 0 17px;display:flex;justify-content:space-between;align-items:end;gap:20px}
.atlas-intro h2{margin:5px 0}
.atlas-intro p{margin:0}
.atlas-meter{width:155px;height:9px;border-radius:30px;background:#dbe5d6;overflow:hidden;flex-shrink:0}
.atlas-meter span{display:block;height:100%;background:#2b7d51;border-radius:30px;transition:width .3s}
.atlas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.atlas-postcard{background:#fffdf7;border:1px solid #dee4d8;border-radius:23px;padding:20px;box-shadow:0 6px 22px #233e2610;position:relative;overflow:hidden;min-width:0}
.atlas-postcard.stamped{border-color:#8ebca1}
.postcard-top,.postcard-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px}
.atlas-coordinates,.passport-stamp{font-size:10px;letter-spacing:.08em;font-weight:850;color:#426c56}
.passport-stamp{border:1px solid #b9cfb8;border-radius:50px;padding:6px 8px}
.stamped .passport-stamp{background:#d6efdb;color:#276542}
.postcard-art{height:96px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(115deg,#f0efcd,#e0edda);border-radius:15px;padding:10px 20px;margin:17px 0}
.postcard-art>span{font-size:54px;color:#638a63}
.postcard-art img{height:80px;max-width:40%;object-fit:contain;border-radius:13px}
.atlas-postcard h3{font-size:1.25rem;margin:8px 0}
.atlas-postcard>p{font-size:.93rem;min-height:34px;color:#526a5c}
.postcard-bottom{border-top:1px dashed #d4e2d3;padding-top:13px;margin-top:17px}
.postcard-bottom small{font-size:10px;color:#627265}
.atlas-enter{border:0;background:#24563c;color:white;border-radius:11px;padding:10px 13px;cursor:pointer;font-weight:750;white-space:nowrap}
.atlas-enter:hover{background:#367450}
.atlas-future{background:#f7f9f4}
.atlas-future .postcard-art{opacity:.72}
.expedition .level-check-card{margin-top:22px}
.lesson-compact-top{display:flex;justify-content:space-between;align-items:center;margin:10px 0 15px}
.lesson-intro{justify-content:space-between;align-items:center;border-radius:23px;background:#eaf0df;padding:19px 24px;gap:16px}
.lesson-intro h1{margin:7px 0;font-size:clamp(1.65rem,4vw,2.4rem)}
.lesson-intro p{margin:0}
.lesson-intro img{width:82px;height:82px;object-fit:contain;border-radius:17px}
.lesson-stage-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}
.lesson-stage-tab{border:1px solid #d5e2d3;background:#fff;border-radius:14px;padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800;cursor:pointer;color:#335642;font-size:13px}
.lesson-stage-tab span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#e4ebdf}
.lesson-stage-tab.is-active{background:#225a3b;color:white;border-color:#225a3b}
.lesson-stage-tab.is-active span{background:#fff;color:#225a3b}
.lesson-stage-tab.is-locked{opacity:.62}
.lesson-stage-tab small{font-size:10px}
.lesson-stage-content{padding:23px;border:1px solid #e0e8d9;border-radius:22px;background:#fffdf8}
.lesson-heading h2{font-size:clamp(1.4rem,3vw,2rem);margin:7px 0}
.lesson-heading p{color:#58705d;margin:5px 0 18px}
.atlas-word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.atlas-word{padding:15px;border:1px solid #dce5d8;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.atlas-word strong{font-size:1rem}
.atlas-word p{margin:3px 0;color:#4c6454;font-size:.9rem}
.atlas-word-actions{display:flex;align-items:center;gap:4px}
.atlas-word .save-link{font-size:24px;min-width:36px;min-height:40px}
.greeting-tip{display:block;max-width:280px;font-size:12px;line-height:1.45;color:#526958;margin-top:7px}
.lesson-advance{margin-top:20px;min-height:46px}
.atlas-context-scene{background:linear-gradient(135deg,#eaf2e6,#f7f1d9);padding:22px;border-radius:20px}
.scene-heading{font-size:12px;font-weight:800;color:#487052}
.atlas-context-scene blockquote{margin:18px 0 7px;font-weight:850;font-size:clamp(1.3rem,3vw,2.1rem);color:#25563d}
.atlas-context-note,.atlas-practice-preview{display:flex;align-items:center;gap:15px;margin-top:14px;border:1px solid #dce7da;border-radius:18px;padding:13px}
.atlas-context-note img,.atlas-practice-preview img{width:66px;height:66px;object-fit:contain;border-radius:13px}
.atlas-context-note p,.atlas-practice-preview p{margin:5px 0}
.atlas-greeting-guide{background:#f7f8ee;margin-top:15px;padding:16px;border-radius:15px}
.atlas-greeting-guide p{margin:8px 0;font-size:.91rem}
.lesson-stage-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:14px 3px;font-size:12px;font-weight:750;color:#617460}
button:focus-visible,select:focus-visible{outline:3px solid #e7ac42!important;outline-offset:3px}
@media (max-width:760px){
.expedition-hero{grid-template-columns:1fr;gap:8px}
.expedition-hero img{height:130px;object-position:left}
.atlas-grid{grid-template-columns:1fr;gap:11px}
.atlas-postcard{padding:15px}
.postcard-art{height:68px;margin:10px 0}
.postcard-art img{height:61px}
.postcard-art>span{font-size:37px}
.atlas-postcard>p{min-height:0}
.atlas-intro{align-items:start;flex-direction:column}
.atlas-meter{width:100%}
.lesson-intro{padding:15px}
.lesson-intro img{width:65px;height:65px}
.lesson-stage-tab{font-size:11px;padding:10px 3px;gap:4px;flex-wrap:wrap}
.lesson-stage-tab span{width:21px;height:21px}
.atlas-word-grid{grid-template-columns:1fr}
.atlas-word{min-height:65px}
.lesson-advance{width:100%}
.atlas-lesson{padding-bottom:70px}
.postcard-bottom small{font-size:9px}
}
@media (prefers-reduced-motion:reduce){
.atlas-meter span{transition:none}
}
@media (max-width:650px){
.main{padding:14px 13px calc(94px + env(safe-area-inset-bottom))}
.topbar{margin:0 0 14px;gap:8px;align-items:center;flex-wrap:wrap}
.topbar .eyebrow{font-size:9px;letter-spacing:.12em;line-height:1.35}
.top-right{gap:6px}
.top-right .pill,.pill{padding:6px 9px;font-size:11px}
.avatar{width:30px;height:30px;font-size:12px}
.atlas-lesson,.expedition{width:100%;max-width:100%;min-width:0}
.lesson-compact-top{margin:0 0 11px;gap:9px;font-size:12px}
.lesson-compact-top .pill{padding:6px 9px}
.lesson-intro{padding:13px 14px;border-radius:19px;gap:10px;align-items:center}
.lesson-intro .eyebrow{font-size:10px;letter-spacing:.11em}
.lesson-intro h1{font-size:clamp(21px,6vw,27px);line-height:1.12;letter-spacing:-.035em;margin:6px 0}
.lesson-intro p{font-size:13px;line-height:1.4}
.lesson-intro img{height:54px;width:54px;flex-shrink:0}
.lesson-stage-tabs{gap:5px;margin:11px 0}
.lesson-stage-tab{min-width:0;min-height:46px;padding:8px 4px;font-size:11px;line-height:1.2;gap:4px;border-radius:12px;flex-wrap:nowrap}
.lesson-stage-tab span{flex-shrink:0;width:19px;height:19px;font-size:11px}
.lesson-stage-tab small{font-size:10px}
.lesson-stage-content{padding:16px 13px;border-radius:18px}
.lesson-heading h2{font-size:21px;line-height:1.2;margin:6px 0}
.lesson-heading p{font-size:13px;line-height:1.45;margin:5px 0 13px}
.atlas-word-grid{gap:9px}
.atlas-word{padding:11px 12px;min-height:68px;border-radius:13px;gap:8px}
.atlas-word strong{font-size:14px;line-height:1.3}
.atlas-word p{font-size:12px;line-height:1.4;margin:3px 0}
.atlas-word-actions{flex-shrink:0;gap:3px}
.atlas-word .audio-btn{min-width:42px;min-height:42px;padding:8px;border-radius:12px}
.atlas-word .save-link{min-width:40px;min-height:42px;font-size:22px}
.greeting-tip{font-size:11px}
.lesson-advance{margin-top:14px;min-height:44px}
.lesson-stage-footer{margin:10px 0;font-size:11px}
.mobile-nav{padding:7px 4px max(8px,env(safe-area-inset-bottom));gap:0}
.mobile-nav button{font-size:10px;min-width:0;flex:1;min-height:49px;gap:2px}
.mobile-nav .nav-icon{font-size:19px}
.miko-pop{bottom:calc(74px + env(safe-area-inset-bottom))}
}
@media (max-width:365px){
.lesson-intro h1{font-size:20px}
.lesson-stage-tab{font-size:10px;gap:2px}
.lesson-stage-tab span{width:17px;height:17px}
.lesson-intro img{width:46px;height:46px}
}
.atlas-word-progress{display:flex;align-items:center;gap:14px;margin:0 0 12px;font-size:12px;color:#57715f}
.atlas-word-progress .atlas-meter{flex:1;min-width:50px}
.atlas-word-single{min-width:0}
.atlas-focus-word{min-height:185px;gap:15px;padding:25px!important;background:#f4f7ee}
.atlas-focus-word>div:first-child{min-width:0;flex:1}
.atlas-focus-word strong{display:block;font-size:clamp(25px,5vw,34px);line-height:1.17;margin:12px 0 6px}
.atlas-focus-word p{font-size:17px}
.atlas-focus-word .greeting-tip{max-width:none}
.atlas-card-controls{display:flex;gap:12px;margin-top:13px}
.atlas-card-controls .btn{flex:1;min-height:48px}
.atlas-card-controls button:disabled{opacity:.4;cursor:not-allowed}
@media (max-width:650px){
.atlas-lesson{width:100%;max-width:100%;margin:0 auto;padding:0 0 24px!important}
.atlas-lesson .lesson-compact-top{margin:0 0 9px}
.atlas-lesson .lesson-intro{padding:11px 13px;gap:8px;border-radius:16px}
.atlas-lesson .lesson-intro h1{font-size:clamp(19px,5.5vw,24px);line-height:1.1;margin:3px 0 4px}
.atlas-lesson .lesson-intro p{font-size:12px;line-height:1.35}
.atlas-lesson .lesson-intro img{height:42px;width:42px}
.atlas-lesson .lesson-stage-tabs{margin:9px 0;gap:5px}
.atlas-lesson .lesson-stage-tab{min-height:43px;padding:6px 3px;font-size:10px}
.atlas-lesson .lesson-stage-tab span{height:18px;width:18px}
.atlas-lesson .lesson-stage-content{padding:13px;border-radius:16px}
.atlas-lesson .lesson-heading h2{font-size:20px;margin:3px 0}
.atlas-lesson .lesson-heading p{font-size:12px;margin:4px 0 12px}
.atlas-lesson .atlas-focus-word{min-height:165px;padding:18px 14px!important;align-items:center;gap:8px}
.atlas-lesson .atlas-focus-word strong{font-size:25px;margin:9px 0 4px;overflow-wrap:anywhere}
.atlas-lesson .atlas-focus-word p{font-size:15px}
.atlas-lesson .atlas-word-actions{display:flex;flex-direction:column;gap:3px}
.atlas-lesson .atlas-word .audio-btn{min-height:44px;min-width:44px}
.atlas-lesson .atlas-word .save-link{min-height:42px;min-width:44px}
.atlas-lesson .atlas-card-controls{gap:8px;margin-top:10px}
.atlas-lesson .atlas-card-controls .btn{min-width:0;font-size:12px;padding:10px 7px}
.atlas-lesson .lesson-stage-footer{margin:10px 0}
.atlas-lesson .eyebrow{letter-spacing:.10em}
}
.refined-hero .hero-miko-panel-focus img{width:100%;max-width:360px;border-radius:28px;object-fit:cover;box-shadow:0 18px 40px rgba(29,64,49,.12)}
.home-grid-refined .passport-card{background:linear-gradient(180deg,#f4f4ea 0%,#eef2e7 100%)}
.hero-image-card p{margin:8px 0 0;color:#5d6c62}
.stamp-mini-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.mini-stamp{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#fff;border:1px solid #d9e0d5;color:#8ca08f;font-weight:800}
.mini-stamp.done{background:#1f5c43;color:#fff;border-color:#1f5c43}
.passport-intro{align-items:center}
.passport-summary{min-width:210px;background:#fff;border:1px solid #dde7da;border-radius:20px;padding:18px}
.passport-summary-top{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.passport-summary-top strong{font-size:2rem;color:#1f4136}
.passport-strip{display:flex;gap:10px;overflow:auto;padding:0 0 6px;margin:12px 0 20px}
.passport-sticker{min-width:64px;padding:10px 8px;border-radius:18px;background:#f4f5ee;border:1px dashed #cdd8cf;display:flex;flex-direction:column;align-items:center;gap:4px;color:#7a8d80}
.passport-sticker span{font-size:1.4rem}
.passport-sticker.earned{background:#eaf2eb;border-style:solid;border-color:#8fb39a;color:#1f5c43;box-shadow:inset 0 0 0 1px rgba(31,92,67,.08)}
.postcard-art.themed{flex-direction:column;align-items:center;justify-content:center;gap:10px}
.postcard-art.themed img{width:56px;height:56px;border-radius:16px}
.lesson-emoji{font-size:2rem;line-height:1}
.lesson-intro-themed{align-items:center}
.lesson-mini-scene{display:inline-flex;align-items:center;background:#fff;border:1px solid #dde7da;margin-top:8px}
.lesson-mini-scene span{font-size:1.25rem}
.lesson-mini-scene small{color:#617168}
.scene-card{background:#fbfcf8;border:1px solid #dde7da;border-radius:28px;padding:18px;display:grid;gap:16px;margin-bottom:16px}
.scene-emoji{width:56px;height:56px;border-radius:18px;background:#edf3eb;display:grid;place-items:center;font-size:1.7rem}
.scene-chat{display:grid;gap:12px}
.scene-bubble{background:#fff;border:1px solid #dde7da;border-radius:20px;padding:14px 16px}
.scene-bubble strong{display:block;margin-bottom:4px}
.scene-bubble p{margin:0}
.scene-bubble.miko{background:#eef4ec}
.scene-options{display:grid;gap:10px;margin-top:12px}
.answer.mini{padding:14px 16px;text-align:left}
.context-quiz{background:#fff;border:1px solid #dde7da;border-radius:22px;padding:16px;margin-bottom:16px}
.practice-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.practice-preview-card{background:#fff;border:1px solid #dde7da;border-radius:20px;padding:14px;display:grid;gap:6px}
.practice-preview-card span{font-size:1.3rem}
.practice-preview-card small{color:#66756b}
.flash-overview.refined,.my-cards-grid{display:grid;gap:14px}
.flash-overview.refined{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}
.flash-overview.refined>div{background:#fff;border:1px solid #dde7da;border-radius:22px;padding:18px}
.flash-overview.refined strong{display:block;font-size:1.8rem;color:#1f4136;margin:6px 0}
.custom-flash-panel.refined{margin:18px 0}
.flash-tabs.refined{margin:10px 0 14px}
.folder-chips{display:flex;gap:10px;overflow:auto;padding-bottom:4px;margin-bottom:14px}
.folder-chip{border:none;background:#eef2ea;color:#355446;padding:10px 14px;border-radius:999px;font-weight:700;white-space:nowrap}
.folder-chip.active{background:#1f5c43;color:#fff}
.flash-wrap.refined{background:#fff;border:1px solid #dde7da;border-radius:28px;padding:18px;display:grid;gap:14px}
.flash-meta-row{display:flex;justify-content:space-between;align-items:center}
.custom-card-item.refined{background:#fff;border:1px solid #dde7da;border-radius:22px;padding:16px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.custom-card-item.refined strong{display:block;margin:8px 0 4px}
.custom-card-item.refined small{display:block;color:#66756b}
.phrase-library.refined{display:grid;gap:10px}
.card-suggestions{display:grid;gap:10px;margin:8px 0 16px}
.suggestion-pill{border:none;background:#f2f5ef;padding:12px 14px;border-radius:18px;text-align:left;display:flex;justify-content:space-between;gap:12px;align-items:center}
.suggestion-pill strong{display:block}
.suggestion-pill small{color:#67766c}
.suggestion-pill:hover{background:#e9f0ea}
@media (max-width:900px){
.flash-overview.refined{grid-template-columns:1fr}
.practice-preview-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
.passport-summary{min-width:0;width:100%}
.flash-wrap.refined,.scene-card,.context-quiz{padding:14px}
.folder-chip{padding:9px 12px}
.lesson-mini-scene{align-items:flex-start}
}
.postcard-art.themed{min-height:172px;border-radius:19px;display:block;background:#e8f0e7}
.postcard-art.themed .lesson-artwork{width:100%!important;height:166px!important;max-width:none!important;display:block;object-fit:cover;border:0;border-radius:18px}
.postcard-art.themed small{right:10px;display:block;width:max-content;max-width:calc(100% - 20px);font-weight:800;text-align:left}
.lesson-mini-scene{border-radius:18px;padding:5px 10px 5px 5px;max-width:100%;gap:9px}
.lesson-mini-scene img{width:70px;height:50px;flex-shrink:0}
.scene-card-visual{display:grid;grid-template-columns:128px 1fr;align-items:center}
.scene-card-visual img{width:128px;height:90px;box-shadow:0 6px 17px rgba(27,67,45,.09)}
.scene-card-visual small{display:block;color:#6e8172;font-size:.85rem;margin-top:4px}
.hero-miko-panel-focus img{aspect-ratio:1.5;max-width:none;height:auto;max-height:300px;object-fit:cover}
@media (max-width:700px){
html,body{max-width:100%;overflow-x:hidden}
body{font-size:15px}
.shell,.main,.atlas-lesson,.expedition{min-width:0;max-width:100%;box-sizing:border-box}
.main{padding-left:14px!important;padding-right:14px!important;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}
.topbar{padding:10px 0 14px!important;min-height:0!important}
.topbar .eyebrow{font-size:.61rem;letter-spacing:.09em}
.top-right{gap:6px;flex-wrap:wrap;justify-content:center}
.top-right .pill{padding:7px 9px;font-size:.7rem}
.top-right .avatar{width:35px;height:35px}
.mobile-nav{padding:7px 9px calc(8px + env(safe-area-inset-bottom,0px))!important;gap:4px}
.mobile-nav button{font-size:.66rem;min-width:0}
.mobile-nav .nav-icon{width:34px;height:34px}
.expedition-hero{padding:18px!important;border-radius:24px;gap:13px!important}
.expedition-hero h1{font-size:clamp(1.45rem,7vw,2rem)!important;line-height:1.12!important;margin:8px 0!important}
.expedition-hero p{font-size:.9rem!important;line-height:1.5!important;margin:8px 0!important}
.expedition-hero img{width:100%;height:135px;object-fit:cover;border-radius:17px}
.atlas-stats{margin:8px 0!important;gap:6px!important}
.atlas-stats span{font-size:.74rem;padding:6px 10px}
.atlas-intro{margin-top:15px!important}
.passport-strip{margin:8px 0 16px!important}
.passport-sticker{min-width:54px;padding:7px 5px}
.passport-sticker span{font-size:1.2rem}
.atlas-lesson{gap:9px!important}
.lesson-compact-top{padding:4px 0!important}
.lesson-intro{padding:14px!important;border-radius:22px!important;margin:5px 0 10px!important;gap:12px!important}
.lesson-intro h1{font-size:clamp(1.35rem,6vw,1.7rem)!important;line-height:1.14!important;margin:5px 0!important;letter-spacing:-.04em}
.lesson-intro p{font-size:.85rem!important;line-height:1.42!important;margin:4px 0 0!important}
.lesson-intro>.eyebrow,.lesson-intro .eyebrow{font-size:.6rem;letter-spacing:.09em}
.lesson-intro>img{width:54px!important;height:54px!important;border-radius:15px!important;object-fit:cover}
.lesson-mini-scene img{width:54px;height:42px}
.lesson-mini-scene small{font-size:.68rem}
.lesson-stage-tabs{margin:0 0 10px!important;gap:5px!important}
.lesson-stage-tab{min-height:46px!important;padding:8px 5px!important;font-size:.7rem!important;gap:5px!important}
.lesson-stage-tab span{width:23px!important;height:23px!important;min-width:23px!important;display:grid;place-items:center}
.lesson-stage-tab small{font-size:.6rem!important}
.lesson-stage-content{padding:14px!important;border-radius:22px!important;margin:0!important}
.lesson-heading{margin:0 0 12px!important}
.lesson-heading h2{font-size:1.3rem!important;line-height:1.2!important;margin:8px 0!important}
.lesson-heading p{font-size:.82rem!important;line-height:1.42!important;margin:4px 0!important}
.atlas-word-progress{margin-bottom:12px!important}
.atlas-word-single{margin:0!important}
.atlas-word.atlas-focus-word{min-height:0!important;padding:18px!important;border-radius:20px!important;gap:10px!important}
.atlas-focus-word strong{font-size:clamp(1.55rem,7vw,2.1rem)!important}
.atlas-focus-word p{font-size:.94rem!important;margin:5px 0!important}
.atlas-word-actions .audio-btn{min-height:42px!important;min-width:42px!important}
.atlas-card-controls{margin-top:11px!important;gap:8px!important}
.atlas-card-controls .btn{font-size:.82rem!important;min-height:44px!important;padding:9px 12px!important}
.lesson-stage-footer{margin-top:10px!important;padding:6px 0!important}
.scene-card{padding:12px!important;gap:11px!important;border-radius:20px!important}
.scene-card-visual{grid-template-columns:92px 1fr}
.scene-card-visual img{width:92px;height:77px}
.scene-card-visual strong{font-size:.9rem}
.scene-card-visual small{font-size:.7rem}
.scene-chat{gap:8px}
.scene-bubble{padding:11px 13px;border-radius:15px}
.scene-bubble p{font-size:.9rem}
.context-quiz{padding:13px!important;border-radius:19px}
.context-quiz>strong{font-size:.88rem}
.scene-options{gap:7px!important;margin-top:8px!important}
.scene-options .answer{padding:11px!important;min-height:44px!important}
.atlas-context-note{padding:12px!important}
.atlas-context-note img{width:43px!important;height:43px!important}
.practice-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.practice-preview-card{padding:9px 7px;border-radius:13px}
.practice-preview-card span{font-size:1.1rem}
.practice-preview-card strong{font-size:.8rem}
.practice-preview-card small{font-size:.66rem;line-height:1.25}
.journey-v7{gap:8px!important}
.journey-top{gap:8px!important;font-size:.74rem!important;align-items:flex-start}
.journey-card-v7{min-height:0!important;padding:17px!important;gap:11px!important;border-radius:23px!important}
.journey-card-v7 h1{font-size:1.5rem!important;margin:5px 0!important}
.journey-miko img{width:70px!important;height:70px!important;border-radius:19px!important}
.journey-miko{gap:3px!important}
.journey-word{font-size:2.1rem!important}
.journey-bottom{padding-top:9px!important}
.journey-bottom .btn{font-size:.81rem;padding:10px 12px}
.journey-choices{gap:9px}
.journey-choices .answer{padding:13px!important;min-height:46px!important}
.journey-hint{font-size:.78rem}
.journey-stage-label{font-size:.64rem}
.journey-progress span{height:5px}
.flash-overview.refined{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.flash-overview.refined>div{padding:10px 8px;border-radius:14px;min-width:0}
.flash-overview.refined .eyebrow{font-size:.57rem!important;letter-spacing:.04em!important}
.flash-overview.refined strong{font-size:1.3rem;margin:3px 0}
.flash-overview.refined span:last-child{font-size:.64rem}
.custom-flash-panel.refined{padding:15px!important;margin:10px 0!important}
.flash-tabs.refined{display:flex;gap:5px;flex-wrap:nowrap}
.flash-tabs.refined button{min-width:0;flex:1;padding:9px 5px!important;font-size:.75rem;white-space:nowrap}
.section-head h1{font-size:clamp(1.55rem,7vw,2rem)!important}
.section-head{margin-bottom:10px!important}
.section-head p{font-size:.85rem}
.my-cards-grid{gap:8px}
.custom-card-item.refined{padding:12px}
.flash-wrap.refined{padding:12px}
}
@media (max-width:370px){
.lesson-stage-tab{font-size:.65rem!important}
.lesson-stage-tab span{width:20px!important;height:20px!important;min-width:20px!important}
.lesson-intro>img{display:none}
.topbar .eyebrow{font-size:.56rem}
.flash-overview.refined .eyebrow{font-size:.5rem!important}
}
:root{--v12-forest:#174b38;--v12-paper:#fdfbf7;--v12-peach:#f7e3d0;--v12-border:#dfe8de}
.v12-challenge,.v12-finish{max-width:690px;margin:0 auto;padding:0 0 56px}
.v12-quiz-top{color:#62806d;font-size:.8rem;font-weight:750;margin:4px 0 14px}
.v12-quiz-top .back-link{font-size:.85rem}
.v12-progress{background:#e5ece1;border-radius:999px;width:100%;height:6px;overflow:hidden}
.v12-progress span{display:block;height:100%;background:var(--v12-forest);transition:width .25s ease}
.v12-quiz-head{margin:24px 0 17px}
.v12-quiz-head h1{letter-spacing:-.04em;line-height:1.13;margin:7px 0}
.v12-quiz-head p{margin:0;color:#506b5b;font-size:1rem}
.v12-quiz-panel{background:#fffdf8;border:1px solid var(--v12-border);border-radius:24px;padding:17px;display:grid;gap:15px}
.v12-picture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.v12-picture-option{border:2px solid #e1e8dc;border-radius:17px;padding:6px;background:#fff;color:var(--v12-forest);cursor:pointer;overflow:hidden;text-align:center;min-width:0}
.v12-picture-option img{width:100%;height:128px;border-radius:12px;display:block;margin-bottom:9px}
.v12-picture-option strong{display:block;font-size:.78rem;min-height:33px;padding:0 4px 5px}
.v12-picture-option.chosen,.v12-choice.chosen{border-color:#287450;box-shadow:0 0 0 2px #cce2d3}
.v12-picture-option.right{background:#e9f4eb;border-color:#277a4e}
.v12-answers{display:grid;gap:10px}
.v12-choice{min-height:54px;background:#fff;border:1.5px solid #dfe8de;border-radius:15px;padding:14px;text-align:left;cursor:pointer;color:#254f3a;font-weight:800}
.v12-choice.right{background:#e5f3e7;border-color:#327d57}
.v12-audio-visual,.v12-dialogue{background:#f0f5ed;border-radius:18px;padding:18px;display:flex;gap:15px;align-items:center}
.v12-audio-visual img,.v12-dialogue img{width:64px;height:64px;object-fit:cover;border-radius:17px}
.v12-audio-visual span{font-weight:750;color:#557361}
.v12-dialogue div{background:#fff;border-radius:13px;padding:13px;font-weight:800}
.v12-build{display:grid;gap:16px}
.v12-sentence-zone{border:1px dashed #abc3b0;border-radius:15px;min-height:75px;display:flex;align-items:center;justify-content:center;padding:12px;font-size:1.25rem;font-weight:850;color:#214d3b;text-align:center}
.v12-sentence-zone span{font-size:.85rem;color:#718a78}
.v12-tiles{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.v12-tiles button{border:1px solid #d3e1d4;background:#fff;border-radius:12px;padding:12px 15px;font-weight:850;color:#285540;cursor:pointer}
.v12-reset{justify-self:center;border:0;background:none;color:#617d6a;text-decoration:underline;cursor:pointer}
.v12-type-label{font-weight:800;color:#345443}
.v12-type{width:100%;border-radius:15px;border:1.5px solid #c9d9cd;background:#fff;padding:16px;font:inherit;color:#163e2f}
.v12-feedback{font-size:.88rem}
.v12-feedback.yes{color:#225a39}
.v12-actions{margin-top:16px;justify-content:flex-end}
.v12-actions .btn{min-width:200px;min-height:49px}
.v12-finish{text-align:center;display:grid;justify-items:center;gap:13px;background:radial-gradient(ellipse at top,#fbeee0,#fffdfa 65%);border:1px solid #e8e0d1;border-radius:28px;padding:24px 18px 40px}
.v12-confetti{color:#dfad55;letter-spacing:1.4em;font-size:1.5rem}
.v12-stamp-frame{border:6px double #c58355;border-radius:27px;padding:16px;background:#fff6eb;display:grid;justify-items:center;gap:10px;max-width:320px;transform:rotate(-3deg);box-shadow:0 16px 35px #523b2520}
.v12-stamp-frame img{width:190px;height:160px;object-fit:cover;border-radius:16px}
.v12-stamp-frame strong{color:#704b2f;font-weight:900}
.v12-stamp-top{font-weight:900;letter-spacing:.12em;font-size:.67rem;color:#b36e4f}
.v12-finish h1{font-size:2.2rem;margin:0}
.v12-finish p{margin:0;color:#5b7463}
.v12-awards{display:flex;gap:14px}
.v12-awards div{background:#fff;border:1px solid #e8e3d8;border-radius:15px;padding:15px}
.v12-miko-tip{background:#edf5e9;border-radius:13px;padding:13px;max-width:330px}
.v12-word-image{width:100%;height:clamp(150px,28vw,250px);border-radius:19px;object-fit:cover;display:block;grid-column:1/-1;margin-bottom:10px}
.atlas-focus-word{display:grid!important;grid-template-columns:1fr auto;align-items:end}
.atlas-focus-word>div:first-of-type{grid-column:1}
.atlas-focus-word .atlas-word-actions{grid-column:2}
.v12-context-photo{width:115px;height:95px;border-radius:14px;object-fit:cover;flex-shrink:0}
.postcard-art.themed{overflow:hidden;position:relative;padding:0!important}
.postcard-art.themed>img{width:100%!important;max-width:100%!important;height:100%!important;object-fit:cover!important;border-radius:15px!important}
.postcard-art.themed small{position:absolute;bottom:8px;left:9px;background:#fffeddf2;padding:5px 8px;border-radius:8px;font-size:.7rem!important;color:#264434!important}
@media (max-width:760px){
.v12-challenge{padding:0 0 75px}
.v12-picture-option img{height:100px}
.v12-quiz-panel{padding:12px;border-radius:20px}
.v12-quiz-head{margin:16px 0 12px}
.v12-quiz-head p{font-size:.9rem}
.v12-actions .btn{width:100%}
.v12-context-photo{width:86px;height:78px}
.atlas-focus-word .v12-word-image{height:190px}
.v12-finish{padding:18px 14px 32px}
.v12-stamp-frame img{width:150px;height:130px}
.v12-awards div{padding:11px}
.postcard-art.themed{height:115px}
.expedition-hero{padding:18px!important}
.expedition-hero h1{font-size:1.8rem!important}
.lesson-intro h1{font-size:clamp(1.4rem,5vw,1.7rem)!important}
.lesson-stage-content{padding:14px!important}
.lesson-stage-content .lesson-heading h2{font-size:1.35rem!important}
.lesson-stage-content .lesson-heading p{font-size:.85rem!important;margin-bottom:10px!important}
}
@media (prefers-reduced-motion:reduce){
.v12-progress span{transition:none}
}
.scene-card-visual{gap:12px!important}
.scene-card-visual img.v12-context-photo{width:115px;height:98px;border-radius:17px;object-fit:cover;flex-shrink:0}
.scene-card-visual>div{min-width:0}
@media (max-width:640px){
.scene-card-visual img.v12-context-photo{width:88px;height:82px}
.v12-picture-option img{height:100px}
}
.v13-word-image{width:100%;max-height:320px;aspect-ratio:16 / 9;display:block;object-fit:contain;background:#f0f3ea;border-radius:22px;margin:0 0 18px}
.v13-word-accent{min-height:86px;display:flex;align-items:center;justify-content:space-between;border-radius:20px;background:linear-gradient(105deg,#e7eee4,#f8f4ec);margin-bottom:16px;padding:16px 22px;color:#42614e;font-size:.92rem;font-weight:700}
.v13-word-accent i{font-size:1.6rem;font-style:normal;color:#adbb96}
.atlas-focus-word{overflow:hidden}
.v12-picture-option img{object-fit:contain!important;background:#f1f3ed;aspect-ratio:4 / 3;max-height:170px}
.v12-picture-option strong{line-height:1.25}
.v12-challenge{max-width:830px!important;margin:auto}
.v12-quiz-head h1{font-size:clamp(1.45rem,3vw,2rem)!important}
.v12-quiz-panel{margin-top:14px}
.v12-quiz-head p{max-width:58ch}
@media (max-width:600px){
.v13-word-image{max-height:230px}
.v12-picture-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.v12-picture-option{padding:8px!important}
.v12-picture-option img{height:118px!important;max-height:118px}
.v12-quiz-head{padding-top:8px!important}
.v12-quiz-panel{padding:12px!important}
.v12-quiz-head h1{font-size:1.4rem!important}
.v12-challenge{padding:0 8px}
.v12-actions .btn{width:100%;min-height:48px}
.lesson-intro{padding:18px!important}
.atlas-lesson .lesson-stage-content{padding:14px!important}
}
.miko-motion{position:fixed;right:18px;bottom:100px;z-index:35;display:flex;align-items:center;gap:8px;pointer-events:none}
.miko-motion-trigger{pointer-events:auto;position:relative;background:#f9fbf7;border:2px solid #d6e5d8;width:60px;height:60px;padding:5px;border-radius:22px;box-shadow:0 8px 24px rgba(25,60,44,.14);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.miko-motion-trigger:hover{box-shadow:0 12px 26px rgba(25,60,44,.2);transform:translateY(-3px)}
.miko-motion-trigger:focus-visible{outline:3px solid #276648;outline-offset:3px}
.miko-motion-trigger img{width:100%;height:100%;object-fit:contain;border-radius:17px;transform-origin:50% 84%;animation:miko-breathe 3.4s ease-in-out infinite}
.miko-motion-note{font-family:inherit;background:#fdfdf7;color:#25513b;border:1px solid #dce8dd;border-radius:18px 18px 6px 18px;padding:9px 12px;box-shadow:0 8px 18px rgba(26,58,42,.08);font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;max-width:138px;opacity:.98}
.miko-motion-spark{position:absolute;top:-9px;right:-7px;color:#d8a648;font-size:20px;animation:miko-twinkle 2.7s ease-in-out infinite}
.miko-motion[data-miko-state="dance"] .miko-motion-trigger img,.miko-motion[data-miko-state="dance"].miko-motion-replay .miko-motion-trigger img{animation:miko-happy-dance .95s ease-in-out 2}
.miko-motion[data-miko-state="think"] .miko-motion-trigger img{animation:miko-think 1s ease-in-out 2}
.miko-motion[data-miko-state="celebrate"] .miko-motion-trigger img{animation:miko-celebrate .75s ease-in-out 3}
.miko-motion-replay .miko-motion-note{animation:miko-note-in .28s ease-out both}
.hero-miko-panel-focus>img,.miko-chat-header img.miko-idle{animation:miko-hero-float 4s ease-in-out infinite;transform-origin:center 85%}
.miko-pop img{animation:miko-happy-dance .85s ease-in-out 2;transform-origin:center bottom}
.passport-sticker.earned,.mini-stamp.done{animation:miko-stamp-pop .55s cubic-bezier(.22,1.8,.5,1) both}
@keyframes miko-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}
@keyframes miko-happy-dance{0%,100%{transform:translateY(0) rotate(0) scale(1)}20%{transform:translateY(-9px) rotate(-10deg) scale(1.05)}45%{transform:translateY(-4px) rotate(9deg)}70%{transform:translateY(-12px) rotate(-6deg) scale(1.06)}}
@keyframes miko-think{0%,100%{transform:rotate(0)}30%{transform:rotate(7deg)}65%{transform:rotate(-4deg)}}
@keyframes miko-celebrate{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-15px) scale(1.1) rotate(9deg)}65%{transform:rotate(-8deg)}}
@keyframes miko-hero-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(1deg)}}
@keyframes miko-twinkle{0%,100%{opacity:.35;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.24) rotate(30deg)}}
@keyframes miko-stamp-pop{0%{transform:scale(.7);opacity:.6}100%{transform:scale(1);opacity:1}}
@keyframes miko-note-in{0%{opacity:0;transform:translateX(8px)}100%{opacity:1;transform:translateX(0)}}
@media (max-width:640px){
.miko-motion{right:13px;bottom:calc(106px + env(safe-area-inset-bottom,0px))}
.miko-motion-trigger{width:48px;height:48px;border-radius:17px;padding:4px}
.miko-motion-note{font-size:11px;padding:7px 9px;max-width:115px}
.miko-motion-idle .miko-motion-note{display:none}
}
@media (prefers-reduced-motion:reduce){
.miko-motion-trigger img,.miko-motion-spark,.hero-miko-panel-focus>img,.miko-chat-header img.miko-idle,.miko-pop img,.passport-sticker.earned,.mini-stamp.done,.miko-motion-replay .miko-motion-note{animation:none!important;transition:none!important}
.miko-motion-trigger:hover{transform:none}
}
.expedition.atlas-v15{max-width:1110px}
.atlas-v15-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:8px 0 14px}
.atlas-v15-headline .eyebrow{font-size:.67rem;letter-spacing:.16em;color:#557b68;font-weight:800}
.atlas-v15-headline h2{font-size:1.55rem;letter-spacing:-.035em;margin:6px 0 5px;color:#193a2d}
.atlas-v15-headline p{margin:0;color:#365748;font-size:.92rem}
.atlas-v15-actions{display:flex;align-items:flex-end;gap:12px}
.atlas-v15-actions label{font-size:.75rem;color:#557b68;display:block;white-space:nowrap}
.atlas-v15-actions select{min-height:43px;border-radius:13px;background:#fff;border:1px solid #d5e4d7;color:#244d39;padding:7px 28px 7px 12px;max-width:145px;font-size:.82rem}
.atlas-v15-count{background:#fff;border:1px solid #d5e4d7;border-radius:17px;padding:14px 17px;min-width:170px;white-space:nowrap;color:#1e4533}
.atlas-v15-count strong{font-size:1.8rem;line-height:1}
.atlas-v15-count>span{font-size:.78rem;padding-left:6px}
.atlas-v15-count .atlas-meter{margin-top:11px;height:7px}
.atlas-v15-stamps{margin:8px 0 20px!important}
.atlas-v15-stamps .passport-sticker{min-width:52px;border-radius:13px}
.atlas-v15-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}
.atlas-v15-card{background:#fffefa;border:1px solid #d5e5d5;border-radius:23px!important;padding:17px!important;display:flex;flex-direction:column;min-width:0;overflow:hidden;box-shadow:0 4px 18px rgba(30,58,45,.035)}
.atlas-v15-card.stamped{border-color:#88b59c}
.atlas-v15-card .postcard-top{padding:0;margin-bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.atlas-v15-card .atlas-coordinates{font-size:.66rem!important;letter-spacing:.1em;font-weight:800;color:#235e44}
.atlas-v15-card .passport-stamp{font-size:.66rem!important;letter-spacing:.05em;font-weight:750;white-space:nowrap;border:1px solid #bfd8c7;border-radius:999px;padding:6px 10px;color:#285e47;background:#f3f9f3}
.atlas-v15-card.stamped .passport-stamp{background:#dff2e5}
.atlas-v15-card .postcard-art.atlas-v15-art{height:auto!important;min-height:unset!important;aspect-ratio:2.06/1;border-radius:19px!important;overflow:hidden;display:block;padding:0!important;margin:0 0 15px;background:#f0f2e9}
.atlas-v15-card .postcard-art.atlas-v15-art .lesson-artwork{width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:2.06/1;object-fit:cover!important;object-position:center center!important;display:block;border-radius:0!important;transform:none!important;filter:none!important}
.atlas-v15-card .postcard-art.atlas-v15-art small{display:none!important}
.atlas-v15-card h3{font-size:1.25rem!important;line-height:1.18;margin:0 0 8px!important;letter-spacing:-.025em;color:#173d2b}
.atlas-v15-card>p{margin:0 0 18px!important;line-height:1.45!important;color:#547064!important;font-size:.88rem!important;min-height:40px}
.atlas-v15-card .postcard-bottom{margin-top:auto;border-top:1px dashed #cfe0d3;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.atlas-v15-card .postcard-bottom small{font-size:.65rem;color:#60796a;text-transform:uppercase}
.atlas-v15-card .atlas-enter{background:#1f5b41!important;color:#fff!important;border:0!important;border-radius:11px!important;min-height:43px!important;white-space:nowrap;font-weight:800!important;padding:10px 15px!important}
.atlas-v15-card .atlas-enter:focus-visible{outline:3px solid #b5d79d;outline-offset:2px}
@media (max-width:760px){
.atlas-v15-head{gap:10px;flex-wrap:wrap}
.atlas-v15-actions{width:100%;justify-content:space-between;align-items:center;gap:8px}
.atlas-v15-count{min-width:0;max-width:150px;padding:10px 12px}
.atlas-v15-headline h2{font-size:1.35rem}
.atlas-v15-grid{grid-template-columns:1fr!important;gap:12px!important}
.atlas-v15-card{padding:13px!important;border-radius:20px!important}
.atlas-v15-card .postcard-art.atlas-v15-art{aspect-ratio:2.05/1;min-height:0!important;height:auto!important}
.atlas-v15-card .postcard-art.atlas-v15-art .lesson-artwork{height:100%!important;aspect-ratio:2.05/1}
.atlas-v15-card h3{font-size:1.14rem!important}
.atlas-v15-card>p{min-height:0;margin-bottom:14px!important}
.atlas-v15-card .postcard-bottom small{font-size:.61rem}
.atlas-v15-stamps{margin:6px 0 13px!important}
}
@media (min-width:761px) and (max-width:960px){
.atlas-v15-card h3{font-size:1.09rem!important}
.atlas-v15-card .atlas-enter{padding:9px 11px!important}
}
.atlas-v15-card.atlas-future, .atlas-v15-card.atlas-future:hover{background:#fffefa;opacity:1;filter:none}
.atlas-v15-card.atlas-future .postcard-art.atlas-v15-art, .atlas-v15-card.atlas-future .postcard-art.atlas-v15-art .lesson-artwork{opacity:1!important;filter:none!important;-webkit-filter:none!important}
.atlas-v15-card.atlas-future .passport-stamp{background:#f3f9f3;border-color:#bfd8c7;color:#285e47}
.greeting-v17{max-width:980px;margin-inline:auto}
.g17-heading{display:grid;grid-template-columns:38% 1fr;gap:18px;background:#edf2e7;border-radius:24px;padding:16px;margin:10px 0 16px;align-items:center}
.g17-heading>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px}
.g17-heading h1{font-size:clamp(1.4rem,3vw,2.25rem);line-height:1.1;margin:6px 0}
.g17-heading p{margin:0 0 8px;color:#536a5b}
.g17-badge{display:inline-block;font-size:.8rem;background:white;border-radius:99px;padding:6px 11px;color:#276046}
.g17-learning,.g17-context,.g17-ready{margin-top:14px}
.g17-kicker{display:flex;justify-content:space-between;gap:10px;color:#557564;font-size:.82rem;font-weight:750}
.g17-track{height:6px;background:#e3ece2;border-radius:10px;margin:9px 0 14px;overflow:hidden}
.g17-track span{display:block;height:100%;background:#286547;border-radius:10px;transition:width .25s}
.g17-word-card{max-width:700px;margin-inline:auto;background:#f4f7ef;border:1px solid #dae4d7;border-radius:25px;overflow:hidden}
.g17-word-art{width:100%;height:clamp(145px,26vw,270px);object-fit:cover;display:block}
.g17-word-typography{min-height:130px;background:linear-gradient(130deg,#dfece1,#f7f6ec);display:flex;align-items:center;justify-content:center;gap:14px;color:#245b40}
.g17-word-typography img{width:65px;height:65px;border-radius:16px;object-fit:cover}
.g17-word-typography strong{font-size:2.3rem}
.g17-word-typography span{font-size:.75rem;max-width:120px}
.g17-phrase{padding:18px 22px}
.g17-phrase h2{font-size:clamp(1.7rem,5vw,2.45rem);margin:8px 0 2px;line-height:1.14}
.g17-phrase p{font-size:1.05rem;margin:0 0 10px;color:#4a6c58}
.g17-phrase small{display:block;font-size:.88rem;color:#5a7164;line-height:1.5}
.g17-tools{display:flex;align-items:center;gap:10px;margin-top:12px}
.g17-learning .atlas-card-controls{max-width:700px;margin:14px auto;display:flex;gap:10px;justify-content:space-between}
.g17-learning .atlas-card-controls .btn{min-height:44px}
.g17-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.g17-scene{display:grid;grid-template-columns:116px minmax(0,1fr);border-radius:18px;overflow:hidden;background:white;border:1px solid #dae4d7}
.g17-scene>img{width:100%;height:100%;min-height:180px;object-fit:cover}
.g17-scene>div{padding:12px}
.g17-scene p{font-size:.9rem;line-height:1.35;margin:9px 0;background:#f0f4ec;border-radius:13px;padding:10px}
.g17-scene b{display:block;font-size:.7rem;color:#387350;margin-bottom:3px}
.g17-scene small{font-size:.74rem;color:#627768}
.g17-scene .speak-btn,.g17-scene .audio-btn{display:inline-flex;vertical-align:middle}
.g17-check,.g17-context-tip{border-radius:18px;background:#f4f7ef;border:1px solid #d8e5d5;padding:17px;margin:12px 0}
.g17-options{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.g17-option{min-height:44px;background:white;border:1px solid #cbdacf;padding:11px 15px;border-radius:14px;color:#264a39;font-weight:650}
.g17-option.chosen{background:#d9ebdf;border-color:#276547}
.g17-right{color:#1d6a44}
.g17-try{color:#956232}
.g17-rounds{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
.g17-rounds>div{background:#f2f6ec;border-radius:18px;padding:20px 12px;display:grid;gap:7px;text-align:center}
.g17-rounds>div>span{font-size:1.6rem}
.g17-rounds small{color:#567261}
.g17-ready{border-radius:22px;background:#fbfaf6;padding:22px}
.g17-ready h2{font-size:clamp(1.6rem,4vw,2.2rem);margin:6px 0}
.g17-ready p{color:#567261}
.g17-context .lesson-advance{margin-top:8px}
@media (max-width:650px){
.greeting-v17{padding-inline:0!important}
.g17-heading{grid-template-columns:100%;gap:9px;padding:12px;border-radius:19px}
.g17-heading>img{height:110px;aspect-ratio:auto}
.g17-heading h1{font-size:1.45rem}
.g17-heading p{font-size:.9rem}
.g17-scenes{grid-template-columns:1fr}
.g17-scene{grid-template-columns:96px minmax(0,1fr)}
.g17-scene>img{min-height:150px}
.g17-rounds>div{padding:12px 6px;font-size:.78rem}
.g17-phrase{padding:14px 16px}
.g17-learning .atlas-card-controls .btn{flex:1;font-size:.88rem}
}
@media (prefers-reduced-motion:reduce){
.g17-track span{transition:none}
}
.greeting-v17 .g17-scenes{grid-template-columns:1fr;gap:14px;max-width:850px;margin:18px auto}
.greeting-v17 .g17-scene{grid-template-columns:minmax(155px,32%) minmax(0,1fr);min-height:245px;border-radius:22px;align-items:stretch}
.greeting-v17 .g17-scene>img{width:100%;height:100%;min-height:245px;max-height:350px;object-fit:cover;object-position:center center;display:block}
.greeting-v17 .g17-scene>div{padding:16px;min-width:0}
.greeting-v17 .g17-scene p{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:12px;overflow-wrap:anywhere}
.greeting-v17 .g17-scene b{flex-basis:100%}
.greeting-v17 .g17-scene .speak-btn{flex:none}
.g18-question-art{display:block;width:100%;height:auto;max-height:310px;aspect-ratio:1.67;object-fit:cover;object-position:center;border-radius:20px;margin:0 0 16px}
@media (max-width:650px){
.greeting-v17 .g17-scenes{grid-template-columns:1fr;gap:12px}
.greeting-v17 .g17-scene{grid-template-columns:minmax(105px,35%) minmax(0,1fr);min-height:250px}
.greeting-v17 .g17-scene>img{min-height:250px;height:100%;max-height:none;object-fit:cover}
.greeting-v17 .g17-scene>div{padding:11px}
.greeting-v17 .g17-scene p{font-size:.86rem;padding:10px;margin:8px 0}
.greeting-v17 .g17-scene small{font-size:.72rem}
.g18-question-art{max-height:260px;aspect-ratio:1.65}
}
.v19-sound-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin:.25rem auto 0;padding:10px 18px;border:1px solid #d8e4d8;border-radius:999px;background:#fbfcf7;color:#456352;font:inherit;font-size:.88rem;cursor:pointer;min-height:42px}
.v19-sound-toggle:focus-visible{outline:3px solid #76a78a;outline-offset:3px}
.v12-feedback.no{background:#fff7ee;border-color:#e9d7c2;color:#775d3e}
.v12-feedback.yes{background:#eff8f0;border-color:#cde3d0}
.v12-feedback{margin-top:14px;border-radius:18px;padding:14px 16px;border:1px solid}
.v12-feedback p{margin:6px 0 0}
.v12-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px}
@media (min-width: 850px){
.v12-challenge{max-width:680px;padding-bottom:30px}
.v12-quiz-top{margin:0 0 8px}
.v12-quiz-head{margin:13px 0 12px}
.v12-quiz-head h1{font-size:clamp(1.5rem, 2.3vw, 1.95rem);margin:4px 0 7px}
.v12-quiz-head p{font-size:.98rem;line-height:1.4}
.v12-quiz-panel{gap:10px;padding:13px;border-radius:20px}
.v12-challenge .g18-question-art{max-height:195px;height:195px;aspect-ratio:auto;object-fit:cover;object-position:center 48%;margin:0 0 8px}
.v12-picture-option img{height:96px}
.v12-challenge .v12-choice{min-height:47px;padding-block:11px}
.v12-challenge .v12-actions{gap:5px;margin-top:10px}
.v12-finish{max-width:660px;gap:9px;padding:15px 20px 21px}
.v12-finish .v12-stamp-frame{padding:9px 12px;gap:4px;border-width:4px;border-radius:19px;max-width:250px}
.v12-finish .v12-stamp-frame img{width:152px;height:105px;border-radius:12px}
.v12-finish .v12-stamp-frame strong{font-size:.86rem}
.v12-finish h1{font-size:1.8rem}
.v12-finish .v12-awards{gap:10px;margin:3px 0}
.v12-finish .v12-miko-tip{padding:10px 14px}
.v12-finish .btn{min-height:43px;padding:9px 24px}
}
.intro-v23 .intro-v23-visual{position:relative;overflow:hidden;min-height:190px;background:#e8efe6}
.intro-v23 .intro-v23-visual>img{display:block}
.intro-v23 .intro-v23-visual>span{position:absolute;bottom:14px;left:14px;padding:7px 12px;border-radius:20px;background:#fff9e8;color:#245c42;font-weight:800;font-size:.75rem;letter-spacing:.09em}
.intro-v23 .g17-scene>img{object-fit:cover;object-position:center center;image-rendering:auto}
.intro-v23 .intro-v23-visual>img{width:100%;height:clamp(170px,27vw,255px);max-height:none;object-fit:cover;object-position:center}
.intro-v23 .g17-scenes{grid-template-columns:1fr}
.intro-v23 .g17-scene{grid-template-columns:minmax(145px,32%) minmax(0,1fr)}
.v12-feedback.no strong{color:#8b5b39}
.v12-feedback.no p{line-height:1.6}
@media (max-width:650px){
.intro-v23 .g17-scene{grid-template-columns:minmax(105px,35%) minmax(0,1fr)}
.intro-v23 .g17-scene>img{min-height:250px;height:100%;object-fit:cover}
.intro-v23 .intro-v23-visual>img{height:175px}
}
.mobile-nav{background:#fffaf2!important}
.home-premium{display:grid;gap:20px}
.home-premium-hero{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:340px;padding:24px 24px 28px;border-radius:34px;overflow:hidden;color:#fff;background-color:#17392d;background-image:linear-gradient(90deg,rgba(14,33,25,.60) 0%,rgba(14,33,25,.28) 45%,rgba(14,33,25,.16) 100%),var(--hero-desktop);background-size:cover;background-position:center center;box-shadow:0 20px 48px rgba(18,41,32,.14)}
.home-premium-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.22));pointer-events:none}
.hero-premium-top,.hero-premium-copy{position:relative;z-index:1}
.hero-premium-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.hero-lang-pill,.hero-status{display:inline-flex;align-items:center;gap:12px;border-radius:999px;padding:11px 16px;background:rgba(255,250,242,.90);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.35);color:#17372a;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.hero-lang-pill .swap{opacity:.7}
.hero-status-pills{display:flex;gap:10px;flex-wrap:wrap}
.hero-premium-copy{max-width:520px;padding-top:24px}
.hero-premium-copy h1{margin:0 0 10px;font-size:clamp(2.3rem,4vw,3.7rem);line-height:1.02;letter-spacing:-.06em;color:#fffef8}
.hero-premium-copy p{margin:0;max-width:470px;font-size:1.03rem;line-height:1.58;color:rgba(255,250,243,.92)}
.home-premium-panels{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:-72px;position:relative;z-index:2}
.premium-panel{background:#fffdf8;border:1px solid #e4e7dd;border-radius:28px;padding:18px;box-shadow:0 18px 36px rgba(18,41,32,.08)}
.continue-panel{display:grid;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:16px}
.continue-media img{width:170px;height:118px;object-fit:cover;border-radius:20px;display:block}
.continue-body{min-width:0}
.mini-tag{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#edf5df;color:#355a44;font-size:.73rem;font-weight:900;letter-spacing:.01em}
.mini-tag.muted{background:#f1f3ed}
.continue-body h3,.plan-panel h3{margin:12px 0 4px;font-size:1.7rem;letter-spacing:-.035em;line-height:1.08;color:#17372a}
.continue-body p{margin:0 0 12px;color:#6f8377;font-weight:600}
.circle-go{width:56px;height:56px;border-radius:999px;border:0;background:#17392d;color:#fff;font-size:1.5rem;font-weight:900;display:grid;place-items:center;box-shadow:0 10px 26px rgba(17,46,35,.18)}
.plan-panel{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.plan-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.plan-list li{position:relative;padding-left:30px;color:#355446;font-weight:700}
.plan-list li::before{content:'◻';position:absolute;left:0;top:0;color:#8aa08f}
.plan-list li.done::before{content:'✓';color:#2d6b43;font-weight:900}
.plan-count{flex:0 0 110px;min-height:110px;display:grid;place-items:center;text-align:center;border-radius:24px;background:linear-gradient(180deg,#184031,#23533f);color:#fff;padding:14px}
.plan-count strong{font-family:Nunito,'DM Sans',sans-serif;font-size:2rem;line-height:1}
.plan-count span{font-size:.84rem;color:#e0ede5}
.home-shortcuts-premium{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.premium-shortcut{background:#fffdf8;border:1px solid #e4e7dd;border-radius:24px;padding:18px;text-align:left;display:grid;gap:10px;box-shadow:0 10px 24px rgba(18,41,32,.05);min-height:152px}
.premium-shortcut:hover{transform:translateY(-2px)}
.premium-shortcut-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#eef3ec;border:1px solid #dee7dd;color:#284d3b}
.premium-shortcut-icon svg{width:22px;height:22px}
.premium-shortcut strong{font-size:1.08rem;color:#183728}
.premium-shortcut small{color:#6b8073;line-height:1.5}
.home-insights-premium{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.insight-card{background:#fffdf8;border:1px solid #e4e7dd;border-radius:24px;padding:20px;display:grid;gap:8px;box-shadow:0 10px 24px rgba(18,41,32,.05)}
.insight-label{font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#6d8374}
.insight-card strong{font-family:Nunito,'DM Sans',sans-serif;font-size:2rem;line-height:1;color:#183728}
.insight-card small{color:#6b8073;line-height:1.5}
.note-card{background:linear-gradient(180deg,#f6f2e7 0%,#fffdf8 100%)}
.note-card strong{font-size:1.2rem}
@media (max-width:1050px){
.home-premium-panels,.home-insights-premium,.home-shortcuts-premium{grid-template-columns:1fr 1fr}
.continue-panel{grid-template-columns:130px minmax(0,1fr) auto}
.continue-media img{width:130px;height:108px}
}
@media (max-width:760px){
.home-premium-hero{min-height:300px;padding:18px 18px 22px;background-image:linear-gradient(180deg,rgba(14,33,25,.16) 0%,rgba(14,33,25,.34) 54%,rgba(14,33,25,.50) 100%),var(--hero-mobile);background-position:center top}
.hero-premium-copy{padding-top:6px}
.hero-premium-copy h1{font-size:2.25rem}
.home-premium-panels{grid-template-columns:1fr;margin-top:-36px}
.continue-panel{grid-template-columns:1fr;align-items:start}
.continue-media img{width:100%;height:158px}
.circle-go{width:50px;height:50px}
.plan-panel{display:grid;grid-template-columns:1fr auto}
.home-shortcuts-premium,.home-insights-premium{grid-template-columns:1fr 1fr}
.premium-shortcut{min-height:0}
}
@media (max-width:560px){
.home-shortcuts-premium,.home-insights-premium{grid-template-columns:1fr}
.hero-lang-pill,.hero-status{font-size:.85rem;padding:10px 14px}
.hero-premium-top{align-items:flex-start}
.hero-status-pills{width:100%}
.hero-premium-copy p{font-size:.94rem}
.continue-body h3,.plan-panel h3{font-size:1.32rem}
}
.tr-home{margin:0 auto;max-width:1300px}
.tr-hero{min-height:470px;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:29px 32px 33px;background-image:linear-gradient(90deg,rgba(13,38,30,.45),rgba(13,38,30,0) 70%),var(--hd);background-size:cover;background-position:center;border-radius:27px 27px 0 0;color:#fff}
.tr-hero-head{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.tr-logo{display:none;font-family:Nunito,sans-serif;font-weight:1000;font-size:1.55rem;color:#fff;letter-spacing:-.08em}
.tr-logo span{color:#c4ff58;font-size:1rem;vertical-align:top;margin-left:2px}
.tr-hero-streak{font-weight:800;font-size:.95rem;padding:8px 14px;background:rgba(15,46,34,.65);border:1px solid rgba(255,255,255,.6);border-radius:60px;backdrop-filter:blur(8px)}
.tr-hero-copy{margin-top:50px;position:relative;z-index:1;max-width:50%}
.tr-hero-copy h1{font-family:Georgia,serif;color:#fffdf6;font-weight:700;font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.13;margin:0 0 13px;letter-spacing:-.035em;text-shadow:0 2px 24px rgba(0,0,0,.18)}
.tr-hero-copy p{max-width:350px;font-size:clamp(1rem,1.4vw,1.3rem);color:#fffdf9;line-height:1.45;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.tr-wave{font-family:Arial,sans-serif;font-size:.55em}
.tr-lang-wrap{position:relative;z-index:2;margin-top:auto;width:max-content;max-width:100%}
.tr-lang{display:flex;align-items:center;gap:13px;background:rgba(255,250,241,.96);border:1px solid rgba(255,255,255,.95);color:#183c2d;box-shadow:0 8px 24px rgba(6,33,24,.18);border-radius:999px;padding:9px 12px 9px 18px;font-size:.93rem;font-weight:800;white-space:nowrap}
.tr-flag{font-size:1.55rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.12))}
.tr-lang-arrow{font-size:1.35rem;font-weight:500;color:#436456;margin:0 6px}
.tr-switch{border:0;background:#e7efdb;border-radius:100%;color:#234631;width:30px;height:30px;font-size:1.25rem;line-height:1;display:grid;place-items:center}
.tr-home-below{background:#fbf7ee;border:1px solid #eee9db;border-top:0;padding:19px 22px 24px;border-radius:0 0 27px 27px}
.tr-feature-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:15px}
.tr-continue,.tr-plan{min-width:0;display:flex;align-items:center;background:#fffefa;border:1px solid #e9e6dc;border-radius:22px;padding:14px;box-shadow:0 5px 14px rgba(21,49,34,.06)}
.tr-continue{gap:14px}
.tr-lesson-img{width:140px;height:106px;object-fit:cover;border-radius:16px;flex-shrink:0}
.tr-continue-main{min-width:0;flex:1}
.tr-overline{display:inline-block;color:#426747;background:#eaf3d8;border-radius:99px;padding:5px 9px;font-size:.71rem;font-weight:900}
.tr-continue h2{color:#153927;font-family:Nunito,sans-serif;font-size:1.3rem;margin:7px 0 4px;letter-spacing:-.03em}
.tr-continue p{font-size:.8rem;color:#6c8171;margin:0 0 10px}
.tr-prog{height:9px;background:#e6e8df;border-radius:99px;overflow:hidden}
.tr-prog>span{height:100%;display:block;background:#a8d84f;border-radius:99px;max-width:100%}
.tr-open{background:#173e2c;color:#fff;border:0;border-radius:50%;height:39px;width:39px;flex-shrink:0;font-size:1.3rem}
.tr-plan{justify-content:space-between;gap:12px;background:#f3f6e9}
.tr-plan-title{font-size:1.05rem;font-weight:900;color:#1c3c2e;margin-bottom:9px}
.tr-checks{display:grid;gap:7px}
.tr-checks span{font-size:.83rem;color:#3c5d4a;display:flex;align-items:center;gap:8px}
.tr-checks span::before{content:'□';font-size:1.25rem;line-height:.8;color:#819b7d}
.tr-checks span.tr-done::before{content:'☑';color:#5a8d3d}
.tr-plan-ring{width:83px;height:83px;border:7px solid #bbdc82;background:#e5f0da;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#1d422f}
.tr-plan-ring strong{font-size:1.38rem}
.tr-plan-ring small{font-size:.71rem}
.tr-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.tr-link{display:flex;gap:9px;align-items:center;justify-content:center;min-width:0;border:1px solid #ece6dc;border-radius:16px;background:#fffefa;padding:14px 8px;color:#173927;box-shadow:0 5px 12px rgba(22,43,30,.04)}
.tr-link>span svg{height:25px;width:25px}
.tr-link b{font-size:.86rem}
@media (max-width:900px){
.tr-feature-grid{grid-template-columns:1fr}
.tr-hero-copy{max-width:58%}
}
@media (max-width:650px){
.tr-home{margin:-18px -16px 0}
.tr-hero{background-image:linear-gradient(180deg,rgba(6,28,24,.54),rgba(6,28,24,0) 34%,rgba(6,28,24,0) 67%,rgba(6,28,24,.60)),var(--hm);min-height:440px;border-radius:0;padding:18px 17px 21px;background-position:center 31%}
.tr-logo{display:block}
.tr-hero-copy{max-width:74%;margin-top:33px}
.tr-hero-copy h1{font-size:clamp(1.8rem,8vw,2.5rem)}
.tr-hero-copy p{font-size:.97rem;line-height:1.38}
.tr-lang-wrap{width:100%}
.tr-lang{width:100%;gap:7px;justify-content:space-between;padding:7px 9px;font-size:clamp(.67rem,2.8vw,.85rem)}
.tr-flag{font-size:1.35rem}
.tr-lang-arrow{margin:0}
.tr-home-below{padding:12px 13px 20px;border:0;border-radius:0;background:#f8f6ef}
.tr-continue{padding:10px;gap:10px}
.tr-lesson-img{width:96px;height:95px;border-radius:12px}
.tr-continue h2{font-size:1.04rem}
.tr-continue p{font-size:.73rem}
.tr-open{height:35px;width:35px}
.tr-feature-grid{gap:10px}
.tr-plan{padding:13px;border-radius:17px}
.tr-plan-ring{height:70px;width:70px;border-width:6px}
.tr-link-grid{gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}
.tr-link{display:grid;justify-items:center;text-align:center;padding:10px 3px;gap:5px;border-radius:13px}
.tr-link>span svg{height:23px;width:23px}
.tr-link b{font-size:.7rem}
}
.tr-home-final{--home-cream:#fffaf2;display:block;color:#133e2d}
.tr-home-final .tr-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:405px;background-image:linear-gradient(90deg,rgba(5,26,28,.43) 0%,rgba(5,26,28,.07) 68%),var(--hd)!important;background-size:cover!important;background-position:center center!important;overflow:hidden;border-radius:25px 25px 0 0;padding:22px 28px 80px;color:white}
.tr-home-final .tr-hero-head,.tr-home-final .tr-hero-copy,.tr-home-final .tr-lang-wrap{position:relative;z-index:2}
.tr-home-final .tr-hero-head{display:flex;justify-content:space-between;gap:12px}
.tr-home-final .tr-logo{font-family:Nunito,sans-serif;font-size:1.7rem;letter-spacing:-.08em;font-weight:1000;color:white}
.tr-home-final .tr-logo span{color:#c5f04d;margin-left:3px}
.tr-home-final .tr-hero-tools{display:flex;align-items:center;gap:10px}
.tr-home-final .tr-hero-streak,.tr-home-final .tr-hero-bell{border:1px solid rgba(255,255,255,.48);background:rgba(13,48,36,.5);color:white;border-radius:999px;padding:9px 14px;font-weight:800;backdrop-filter:blur(10px)}
.tr-home-final .tr-hero-copy{margin:34px 0 18px;max-width:48%;align-self:flex-start}
.tr-home-final .tr-hero-copy h1{font-family:Georgia,serif!important;font-size:clamp(2.2rem,4vw,3.8rem);font-weight:700;letter-spacing:-.045em;line-height:1.08;color:#fffdf4;text-shadow:0 3px 18px #162d2733;margin:0 0 12px}
.tr-home-final .tr-hero-copy p{font-size:clamp(1rem,1.5vw,1.24rem);line-height:1.45;color:#fffdf5;text-shadow:0 2px 10px #102e2855;margin:0;max-width:330px}
.tr-home-final .tr-lang-wrap{align-self:flex-start;margin:14px 0 0;max-width:100%}
.tr-home-final .tr-lang{display:flex;align-items:center;gap:14px;background:#fff9ed;border:1px solid #eee8da;border-radius:999px;padding:12px 18px;color:#123b2c;font-weight:800;box-shadow:0 6px 22px #0d302844;max-width:100%;font-size:.88rem;cursor:pointer}
.tr-home-final .tr-lang-side{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.tr-home-final .tr-flag-svg{width:30px;height:22px;border-radius:3px;box-shadow:0 1px 5px #173e312a;flex-shrink:0}
.tr-home-final .tr-lang-arrow{font-size:22px;font-weight:800}
.tr-home-final .tr-chevron{margin-left:2px;font-size:18px}
.tr-home-final .tr-home-below{position:relative;z-index:2;margin-top:-49px;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 4px 14px}
.tr-home-final .tr-continue{grid-column:1/3;display:grid;grid-template-columns:150px minmax(0,1fr) 46px;gap:20px;align-items:center;min-width:0;border:1px solid #e8e3d8;border-radius:26px;background:#fffdf8;box-shadow:0 13px 30px #173b2d16;padding:16px;overflow:hidden}
.tr-home-final .tr-lesson-img{width:150px;height:125px;object-fit:cover;border-radius:19px;display:block}
.tr-home-final .tr-continue-main{min-width:0}
.tr-home-final .tr-overline{display:inline-block;border-radius:100px;background:#eef7d9;color:#245638;font-size:.78rem;font-weight:900;padding:7px 11px;line-height:1.2}
.tr-home-final .tr-continue-main h2{font-family:Nunito,sans-serif!important;margin:9px 0 4px;font-size:clamp(1.28rem,2vw,1.7rem);line-height:1.15;letter-spacing:-.045em;color:#173b2d}
.tr-home-final .tr-continue-main p{font-size:.87rem;color:#66796b;margin:0 0 10px}
.tr-home-final .tr-progress-row{display:flex;align-items:center;gap:10px}
.tr-home-final .tr-progress-row strong{font-size:.83rem;color:#315e45}
.tr-home-final .tr-prog{height:9px;flex:1;background:#e6e5df;border-radius:99px;overflow:hidden}
.tr-home-final .tr-prog span{display:block;height:100%;background:linear-gradient(90deg,#479932,#a1d92f);border-radius:99px}
.tr-home-final .tr-open{border:0;background:#153d2d;color:white;width:44px;height:44px;border-radius:50%;font-size:1.3rem;display:grid;place-items:center}
.tr-home-final .tr-daily-row{grid-column:1/3;display:grid;grid-template-columns:1.05fr .95fr;gap:16px}
.tr-home-final .tr-miko-tutor,.tr-home-final .tr-stats article,.tr-home-final .tr-plan,.tr-home-final .tr-link{border:1px solid #e7e3d9;border-radius:23px;background:#fffdf8;box-shadow:0 8px 22px #193c2c12}
.tr-home-final .tr-miko-tutor{position:relative;text-align:left;padding:16px 20px;display:grid;grid-template-columns:86px minmax(0,1fr);align-content:center;align-items:center;gap:5px 15px;background:linear-gradient(125deg,#f0f5e7,#fffcf2);color:#183b2c}
.tr-home-final .tr-miko-tutor img{width:86px;height:86px;grid-row:span 2;object-fit:cover;border-radius:20px}
.tr-home-final .tr-miko-tutor strong{font-size:1.22rem;font-weight:900;line-height:1.1}
.tr-home-final .tr-miko-tutor span{color:#67806e;font-size:.8rem}
.tr-home-final .tr-round-arrow{position:absolute;right:13px;bottom:12px;width:29px;height:29px;display:grid;place-items:center;background:#214f3b;color:white;border-radius:50%}
.tr-home-final .tr-stats{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.tr-home-final .tr-stats article{padding:21px 12px;display:grid;align-content:center;gap:3px;text-align:center}
.tr-home-final .tr-stat-icon{font-size:1.8rem}
.tr-home-final .tr-stats strong{font-size:1.07rem;color:#153d2d}
.tr-home-final .tr-stats small{font-size:.8rem;color:#667c6b}
.tr-home-final .tr-link-grid{grid-column:1/3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tr-home-final .tr-link{min-height:90px;padding:13px 8px;border:1px solid #e7e3d9;color:#193c2c;display:grid;justify-items:center;align-content:center;gap:8px}
.tr-home-final .tr-link span svg{width:25px;height:25px}
.tr-home-final .tr-link b{font-size:.81rem}
.tr-home-final .tr-plan{grid-column:1/3;display:flex;justify-content:space-between;gap:20px;padding:18px 22px;align-items:center}
.tr-home-final .tr-plan-title{font-size:.9rem;font-weight:900;margin-bottom:9px}
.tr-home-final .tr-checks{display:grid;gap:6px;font-size:.82rem;color:#54705d}
.tr-home-final .tr-checks span::before{content:'□';margin-right:9px;color:#77977e}
.tr-home-final .tr-checks span.tr-done::before{content:'✓';color:#238443}
.tr-home-final .tr-plan-ring{width:78px;height:78px;flex:none;border:7px solid #9bcf56;border-left-color:#e2eac9;border-radius:50%;display:grid;place-items:center;align-content:center}
.tr-home-final .tr-plan-ring strong{font-size:1.18rem;line-height:1;color:#214a35}
.tr-home-final .tr-plan-ring small{font-size:.7rem;color:#66816e}
@media (min-width:900px){
.tr-home-final .tr-hero{min-height:445px}
.tr-home-final .tr-home-below{grid-template-columns:1.12fr .88fr}
.tr-home-final .tr-continue{grid-column:1/2}
.tr-home-final .tr-plan{grid-column:2/3;grid-row:1}
.tr-home-final .tr-daily-row{grid-column:1/3;grid-row:3}
.tr-home-final .tr-link-grid{grid-row:2}
}
@media (max-width:650px){
.tr-home-final .tr-hero{background-image:linear-gradient(180deg,rgba(9,32,36,.18),rgba(9,32,36,0) 44%,rgba(13,42,36,.36)),var(--hm)!important;background-size:cover!important}
.tr-home-final .tr-logo{font-size:1.6rem}
.tr-home-final .tr-hero-bell{display:none}
.tr-home-final .tr-hero-copy{align-self:stretch}
.tr-home-final .tr-hero-copy h1{letter-spacing:-.045em}
.tr-home-final .tr-lang-wrap{align-self:center}
.tr-home-final .tr-lang{justify-content:space-between}
.tr-home-final .tr-home-below{grid-template-columns:1fr!important}
.tr-home-final .tr-continue{grid-column:1!important}
.tr-home-final .tr-continue-main h2{line-height:1.16!important}
.tr-home-final .tr-open{font-size:1rem}
.tr-home-final .tr-daily-row{grid-column:1;grid-row:auto}
.tr-home-final .tr-miko-tutor{display:block;border-radius:18px}
.tr-home-final .tr-miko-tutor img{border-radius:15px;display:block}
.tr-home-final .tr-miko-tutor strong{display:block;font-size:.91rem;margin-bottom:5px}
.tr-home-final .tr-miko-tutor span{font-size:.7rem}
.tr-home-final .tr-round-arrow{width:25px;height:25px}
.tr-home-final .tr-stats article{padding:10px 8px;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;text-align:left}
.tr-home-final .tr-stat-icon{font-size:1.45rem;grid-row:span 2}
.tr-home-final .tr-stats strong{font-size:.89rem}
.tr-home-final .tr-stats small{font-size:.68rem}
.tr-home-final .tr-link-grid{grid-column:1}
.tr-home-final .tr-link{border-radius:17px;padding:10px 2px}
.tr-home-final .tr-link span svg{width:22px;height:22px}
.tr-home-final .tr-link b{font-size:.64rem}
.tr-home-final .tr-plan{grid-column:1;grid-row:auto;border-radius:20px;padding:14px 16px}
.tr-home-final .tr-plan-title{font-size:.84rem}
.tr-home-final .tr-plan-ring{width:64px;height:64px}
}
.tr-home-final .tr-hero.tr-hero-bali{background-image:linear-gradient(90deg,rgba(5,26,28,.43) 0%,rgba(5,26,28,.07) 68%),url('/assets/home-en-id-desktop.webp')!important}
.tr-home-final .tr-hero.tr-hero-london{background-image:linear-gradient(90deg,rgba(5,26,28,.43) 0%,rgba(5,26,28,.07) 68%),url('/assets/home-id-en-desktop.webp')!important}
@media (max-width:650px){
.tr-home-final .tr-hero.tr-hero-bali{background-image:linear-gradient(180deg,rgba(9,32,36,.18),rgba(9,32,36,0) 44%,rgba(13,42,36,.36)),url('/assets/home-en-id-mobile.webp')!important}
.tr-home-final .tr-hero.tr-hero-london{background-image:linear-gradient(180deg,rgba(9,32,36,.18),rgba(9,32,36,0) 44%,rgba(13,42,36,.36)),url('/assets/home-id-en-mobile.webp')!important}
}
.brand-wrap{background:transparent!important}
.brand-image{display:block;max-width:188px;width:100%;height:auto;object-fit:contain;background:transparent!important}
.tr-home-final .tr-logo-img{width:clamp(132px,16vw,200px);height:auto;max-height:60px;object-fit:contain;object-position:left center;display:block;filter:drop-shadow(0 2px 5px rgba(10,30,22,.17))}
.tr-home-final .tr-hero-head{align-items:center}
@media (max-width:650px){
.tr-home-final .tr-hero-head{padding:0 2px}
.tr-home-final .tr-hero-streak{padding:6px 11px}
.tr-home-final .tr-hero-copy{padding-top:3px}
.tr-home-final .tr-hero-copy p{max-width:235px}
.tr-home-final .tr-lang-wrap{margin-top:0}
.tr-home-final .tr-home-below{margin-top:-1px!important}
.tr-home-final .tr-continue{gap:11px}
.tr-home-final .tr-lesson-img{border-radius:12px}
.tr-home-final .tr-overline{font-size:.63rem;padding:5px 8px}
.tr-home-final .tr-continue-main h2{font-size:1rem!important;line-height:1.17;margin:6px 0 4px}
.tr-home-final .tr-continue-main p{font-size:.72rem;margin-bottom:6px}
.tr-home-final .tr-open{height:29px;width:29px}
.tr-home-final .tr-miko-tutor img{width:53px;height:53px;margin-bottom:6px}
}
@media (max-width:380px){
.tr-home-final .tr-lang{padding:8px 7px;font-size:.64rem}
.tr-home-final .tr-continue{grid-template-columns:72px minmax(0,1fr) 25px;gap:8px}
.tr-home-final .tr-lesson-img{width:72px;height:88px}
.tr-home-final .tr-overline{font-size:.59rem}
.tr-home-final .tr-continue-main h2{font-size:.93rem!important}
}
@media (max-width:650px){
.shell:has(.tr-home-final) .topbar{display:none!important}
.shell:has(.tr-home-final) .main{padding-top:0!important;padding-left:0!important;padding-right:0!important;background:#f9f5ed}
.shell:has(.tr-home-final) .footer-note{padding:0 18px}
.tr-home-final .tr-logo-img{width:148px!important;max-height:45px!important}
.tr-home-final .tr-hero-head{z-index:2}
.tr-home-final .tr-hero-copy h1{margin-bottom:6px!important}
.tr-home-final .tr-hero-copy p{line-height:1.35!important}
.tr-home-final .tr-hero-streak{font-size:.76rem!important}
.tr-home-final .tr-lang-wrap{margin-bottom:-19px!important}
.tr-home-final .tr-lang{color:#143d2d!important;border:1px solid #e6decf!important}
.tr-home-final .tr-continue{grid-template-columns:82px minmax(0,1fr) 33px!important;padding:12px!important;min-height:126px!important;background:#fffdf9!important}
.tr-home-final .tr-lesson-img{height:99px!important;width:82px!important;object-fit:cover}
.tr-home-final .tr-daily-row{display:grid!important}
.tr-home-final .tr-miko-tutor{min-height:150px!important;padding:13px!important}
.tr-home-final .tr-stats{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
.tr-home-final .tr-stats article{min-height:69px!important;gap:4px 8px!important}
.tr-home-final .tr-link-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.tr-home-final .tr-link{background:#fffdf8!important;min-height:73px!important}
.tr-home-final .tr-passport-card{grid-column:1!important}
.shell:has(.tr-home-final) .mobile-nav{left:9px!important;right:9px!important;bottom:9px!important;border:1px solid #38614d!important;border-radius:23px!important;background:#0c3829!important;color:#fff9e9!important;box-shadow:0 13px 35px #092c2242!important;padding:9px 5px calc(9px + env(safe-area-inset-bottom))!important;z-index:40!important}
.shell:has(.tr-home-final) .mobile-nav button{color:#fff9e9!important;gap:3px!important;font-size:.65rem!important;border-radius:15px!important}
.shell:has(.tr-home-final) .mobile-nav button .nav-icon{color:#fff9e9!important;background:transparent!important;border:0!important}
.shell:has(.tr-home-final) .mobile-nav button.active{color:#dfff86!important;background:#1d513a!important}
.shell:has(.tr-home-final) .mobile-nav button.active .nav-icon{color:#ddff79!important}
}
@media (max-width:380px){
.tr-home-final .tr-logo-img{width:135px!important}
}
.tr-home-final .tr-passport-card{grid-column:1/-1;display:flex;align-items:center;gap:16px;min-height:124px;border:1px solid #e7e2d5;background:linear-gradient(118deg,#fffdf8,#f2f2e4);padding:17px;border-radius:23px;text-align:left;box-shadow:0 8px 20px #173b2b0c;color:#173e2c}
.tr-home-final .tr-passport-icon{height:94px;width:80px;flex-shrink:0;transform:rotate(-10deg);background:#123d2c;color:#dce997;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.5rem;gap:6px;border:2px solid #8c9a6f;box-shadow:4px 6px 7px #0b2d241f}
.tr-home-final .tr-passport-icon small{font-size:.52rem;font-weight:900;line-height:1.3;letter-spacing:.07em;text-align:center;color:#efe0a7}
.tr-home-final .tr-passport-copy{display:grid;gap:6px;flex:1}
.tr-home-final .tr-passport-copy strong{font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.25}
.tr-home-final .tr-passport-copy small{font-size:.76rem;color:#60776a}
.tr-home-final .tr-passport-track{height:7px;background:#e4e4d8;border-radius:10px;overflow:hidden;max-width:220px}
.tr-home-final .tr-passport-track i{display:block;width:38%;height:100%;background:#77b73b;border-radius:10px}
.tr-home-final .tr-passport-stamps{font-size:.78rem;font-weight:800;white-space:nowrap}
@media (min-width:651px){
.tr-home-final .tr-passport-card{grid-column:1/-1}
}
.tr-mobile-homebar{display:none}
@media (max-width:650px){
.tr-mobile-homebar{justify-content:space-between;color:#143d2b;position:relative;z-index:2;box-shadow:0 3px 14px #173a2511}
.tr-homebar-avatar{background:#efd0b9;border:0;color:#194333;font-weight:800}
.tr-home-final .tr-hero-head{position:absolute!important;top:11px;right:14px;left:auto;width:auto}
.tr-home-final .tr-logo-img{display:none!important}
.tr-home-final .tr-hero{padding:16px 17px 15px!important}
.tr-home-final .tr-hero-copy{margin:26px 0 auto!important}
.tr-home-final .tr-hero-copy h1{font-size:clamp(1.42rem,6vw,2rem)!important;line-height:1.1!important}
.tr-home-final .tr-hero-copy p{font-size:clamp(.78rem,3.6vw,.95rem)!important}
.tr-home-final .tr-lang{font-size:clamp(.61rem,2.7vw,.9rem)!important}
.tr-home-final .tr-home-below{gap:15px!important}
.tr-home-final .tr-continue,.tr-home-final .tr-passport-card,.tr-home-final .tr-miko-tutor,.tr-home-final .tr-stats article{box-shadow:0 8px 20px #263a1c14!important;border:1px solid #ece1d1!important}
.tr-home-final .tr-continue{border-radius:24px!important}
.tr-home-final .tr-link-grid{display:none!important}
}
@media (max-width:380px){
.tr-mobile-homebar{height:69px;padding:9px 9px}
.tr-mobile-homebar>img{width:108px}
.tr-homebar-metric{padding:7px 5px;font-size:10px}
.tr-homebar-avatar{width:30px;height:30px}
.tr-home-final .tr-hero{height:326px!important;min-height:326px!important}
}
:root{--cream:#faf5ed}
body,.main{background:#faf5ed}
.sidebar{background:#faf5ed!important}
@media (max-width:650px){
html,body,#app,.shell,.main{width:100%;max-width:100%;min-width:0;overflow-x:clip}
.shell .main{padding-bottom:120px!important}
.tr-mobile-homebar{height:68px!important;padding:9px 12px!important;gap:10px;background:#faf5ed!important;border-radius:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.tr-mobile-homebar>img{width:clamp(116px,34vw,154px)!important;height:auto!important;max-width:100%;max-height:44px;object-fit:contain;object-position:left center}
.tr-mobile-homebar-actions{display:flex;gap:5px!important;align-items:center;min-width:0}
.tr-homebar-metric{padding:8px 7px!important;font-size:clamp(9px,2.5vw,12px)!important;line-height:1.1;white-space:nowrap}
.tr-homebar-avatar{width:32px!important;height:32px!important;font-size:12px;flex-shrink:0}
.tr-home-final .tr-hero{background-position:center 45%!important}
.tr-home-final .tr-hero-copy{max-width:69%!important;margin-top:17px!important}
.tr-home-final .tr-lang-wrap{position:absolute!important;left:50%!important;right:auto!important;bottom:-24px!important;width:calc(100% - 26px)!important;margin:0!important;transform:translateX(-50%)!important;z-index:15!important}
.tr-home-final .tr-lang{display:grid!important;grid-template-columns:minmax(0,1fr) 21px minmax(0,1fr) 9px;gap:5px!important;width:100%!important;min-height:51px!important;padding:8px 10px!important;border-radius:16px!important;background:#fffdf8!important;box-shadow:0 10px 24px #163d2b24!important;align-items:center}
.tr-home-final .tr-lang-side{min-width:0;gap:5px!important;font-size:clamp(9px,2.8vw,13px)!important;white-space:nowrap;overflow:hidden}
.tr-home-final .tr-lang-side>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tr-home-final .tr-flag-svg{width:24px!important;height:17px!important;flex-shrink:0}
.tr-home-final .tr-lang-arrow{font-size:19px!important;margin:0!important;text-align:center}
.tr-home-final .tr-chevron{font-size:13px!important;margin:0!important}
.tr-home-final .tr-home-below{padding-top:46px!important;background:#faf5ed!important}
.shell .mobile-nav{display:flex!important;left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;max-width:calc(100% - 20px)!important;min-height:62px;border:1px solid #315744!important;border-radius:20px!important;background:#103b2b!important;box-shadow:0 8px 30px #0c34262b!important;z-index:70!important;padding:7px 6px calc(7px + env(safe-area-inset-bottom,0px))!important;justify-content:space-around;align-items:stretch;gap:2px}
.shell .mobile-nav button{min-width:0!important;flex:1;max-width:25%;display:grid;justify-items:center;align-content:center;gap:2px!important;border-radius:14px!important;color:#fbf4e8!important;font-size:10px!important;line-height:1.2;padding:4px 0!important}
.shell .mobile-nav button .nav-icon{display:grid;place-items:center;background:transparent!important;border:0!important;color:inherit!important;width:27px;height:27px;margin:0!important}
.shell .mobile-nav button.active{background:#285944!important;color:#e2ff90!important}
.shell .mobile-nav button.active .nav-icon{color:#e2ff90!important}
.shell .mobile-nav .nav-icon svg{width:20px;height:20px}
.tr-home-final .tr-home-below{padding-bottom:120px!important}
}
@media (max-width:365px){
.tr-mobile-homebar{gap:5px!important;padding-inline:8px!important}
.tr-mobile-homebar>img{width:103px!important}
.tr-homebar-metric{font-size:9px!important;padding:7px 5px!important}
.tr-homebar-avatar{width:28px!important;height:28px!important}
.tr-home-final .tr-hero{height:316px!important;min-height:316px!important}
}
@media (max-width:650px){
html, body{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}
#app, .shell, .shell>.main{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}
.shell:has(.tr-home-final) .main{padding:0 0 110px!important}
.tr-home-final{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;display:block!important;overflow:visible!important;background:#faf5ed!important}
.tr-mobile-homebar{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.tr-home-final .tr-hero{position:relative!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;height:327px!important;min-height:327px!important;overflow:hidden!important;margin:0!important;border-radius:0 0 18px 18px!important}
.tr-home-final>.tr-lang-wrap{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;transform:none!important;z-index:22!important;display:block!important;width:calc(100% - 24px)!important;max-width:100%!important;margin:-27px auto 0!important;padding:0!important;box-sizing:border-box!important}
.tr-home-final>.tr-lang-wrap .tr-lang{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;width:100%!important;max-width:100%!important;min-height:57px!important;padding:9px 11px!important;border-radius:19px!important;box-sizing:border-box!important;overflow:visible!important;background:#fffaf1!important;box-shadow:0 10px 23px rgba(19,48,32,.15)!important}
.tr-home-final>.tr-lang-wrap .tr-lang-side{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;flex:1 1 0!important;overflow:visible!important;gap:5px!important;white-space:normal!important;line-height:1.12!important;font-size:clamp(10px,2.7vw,13px)!important}
.tr-home-final>.tr-lang-wrap .tr-lang-side>span:last-child{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:center!important;overflow-wrap:normal!important}
.tr-home-final>.tr-lang-wrap .tr-lang-arrow{flex:0 0 22px!important;font-size:22px!important;line-height:1!important}
.tr-home-final>.tr-lang-wrap .tr-chevron{flex:0 0 12px!important}
.tr-home-final>.tr-lang-wrap .tr-flag-svg{flex:0 0 25px!important;width:25px!important;height:18px!important}
.tr-home-final .tr-home-below{padding:25px 12px 125px!important;margin:0!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}
.tr-home-final .tr-home-below>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
}
@media (max-width:380px){
.tr-home-final>.tr-lang-wrap .tr-lang{padding:8px 7px!important}
.tr-home-final>.tr-lang-wrap .tr-flag-svg{flex-basis:21px!important;width:21px!important;height:15px!important}
.tr-home-final>.tr-lang-wrap .tr-lang-side{font-size:10px!important;gap:3px!important}
}
@media (max-width: 650px){
html, body{margin:0!important;padding:0!important;width:100%!important;overflow-x:hidden!important;background:#faf5ed!important}
#app, #app>.shell, #app>.shell>.main{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}
#app>.shell>.main:has(.tr-home-final){padding:0 0 120px!important}
.tr-home-final{position:relative!important;left:50%!important;transform:translateX(-50%)!important;width:100vw!important;max-width:100vw!important;margin:0!important;overflow:visible!important;box-sizing:border-box!important}
.tr-mobile-homebar{width:100%!important;height:78px!important;padding:16px 14px 11px 20px!important;align-items:center!important;gap:8px!important;display:flex!important;justify-content:space-between!important;background:#faf5ed!important;border-radius:0!important}
.tr-mobile-homebar>img{width:clamp(122px,30vw,164px)!important;max-height:43px!important;height:auto!important;display:block!important;object-fit:contain!important;object-position:left center!important;flex-shrink:1}
.tr-mobile-homebar-actions{flex-shrink:0!important;gap:5px!important}
.tr-home-final .tr-hero{width:100%!important;margin:0!important;left:0!important;height:327px!important;min-height:327px!important}
.tr-home-final>.tr-lang-wrap{width:calc(100% - 32px)!important;margin:-25px auto 0!important;left:auto!important;right:auto!important;transform:none!important;position:relative!important;z-index:30!important}
.tr-home-final .tr-home-below{width:100%!important;margin:0 auto!important;padding:28px 16px 130px!important}
}
@media (max-width: 380px){
.tr-mobile-homebar{padding:13px 10px 10px 13px!important;height:72px!important}
.tr-mobile-homebar>img{width:113px!important}
.tr-homebar-metric{padding:6px 5px!important}
}
@media (max-width:650px){
.shell:not(.is-focused-activity)>.mobile-nav{display:flex!important;position:fixed!important;left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;width:calc(100% - 24px)!important;max-width:none!important;margin:0!important;z-index:100!important;box-sizing:border-box!important}
.shell.is-focused-activity>.mobile-nav{display:none!important}
.shell:not(.is-focused-activity)>.main{padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))!important}
.shell.is-focused-activity>.main{padding-bottom:calc(26px + env(safe-area-inset-bottom,0px))!important}
}
.activity-exit{display:flex;align-items:center;gap:9px;width:max-content;margin:0 0 16px auto;padding:7px 13px 7px 10px;border:1px solid #e4dac9;background:#fffaf1;border-radius:12px;color:#153e2d;font-weight:800;font-size:13px;box-shadow:0 3px 12px #1a382010;position:relative;z-index:101}
.activity-exit:first-letter{font-size:22px}
@media (min-width:651px){
.activity-exit{position:sticky;top:12px}
}
.shell.is-focused-activity>.main>.topbar{display:none!important}
.tr-home-final .tr-miko-tutor.tr-miko-premium{display:block!important;position:relative!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important}
.tr-home-final .tr-miko-tutor.tr-miko-premium>img{max-width:none!important;max-height:none!important;grid-row:auto!important}
.tr-home-final .tr-miko-tutor.tr-miko-premium:hover{transform:translateY(-2px)}
.tr-home-final .tr-miko-tutor.tr-miko-premium:focus-visible{outline:3px solid #78a73f!important;outline-offset:3px!important}
@media (min-width:651px){
.tr-home-final .tr-daily-row{grid-template-columns:minmax(0,235px) minmax(0,1fr)!important;align-items:stretch;justify-content:start}
.tr-home-final .tr-stats{min-width:0;align-self:stretch}
}
@media (max-width:650px){
.tr-home-final .tr-daily-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch;gap:10px!important}
.tr-home-final .tr-miko-tutor.tr-miko-premium{min-width:0!important;height:auto!important}
}
.tr-home-final .tr-miko-tutor.tr-miko-premium{aspect-ratio:1/1!important;max-width:235px!important;width:100%!important;padding:0!important;box-sizing:border-box!important;justify-self:start}
.tr-home-final .tr-miko-tutor.tr-miko-premium>img{margin:0!important}
@media (max-width:760px){
.tr-home-final .tr-miko-tutor.tr-miko-premium{justify-self:stretch!important}
}
.tr-home-final .tr-miko-tutor.tr-miko-premium{border:0!important;box-shadow:none!important;background:transparent!important;overflow:hidden!important;border-radius:19px!important;line-height:0!important}
.tr-home-final .tr-miko-tutor.tr-miko-premium>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;border-radius:19px!important}
@media (min-width:761px){
.tr-home-final .tr-hero{position:relative!important;overflow:hidden!important}
.tr-home-final>.tr-lang-wrap{position:relative!important;display:flex!important;z-index:5!important;justify-content:center!important;width:min(600px,calc(100% - 36px))!important;max-width:100%!important;margin:-29px auto 25px!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;transform:none!important}
.tr-home-final>.tr-lang-wrap>.tr-lang{display:flex!important;justify-content:space-around!important;align-items:center!important;width:100%!important;border-radius:999px!important;padding:14px 18px!important;min-height:58px!important;background:#fffaf1!important;color:#123b2c!important;border:1px solid #f0e6da!important;box-shadow:0 12px 26px rgba(10,42,27,.16)!important;gap:12px!important;font-size:clamp(.85rem,1.3vw,1rem)!important}
.tr-home-final>.tr-lang-wrap .tr-lang-side{display:flex!important;align-items:center!important;gap:10px!important;min-width:0}
.tr-home-final>.tr-lang-wrap .tr-flag-svg{width:33px!important;height:22px!important;flex:0 0 33px!important}
.tr-home-final>.tr-lang-wrap .tr-lang-arrow{font-size:26px!important;flex:0 0 35px!important}
.tr-home-final .tr-home-below{padding-top:0!important}
.tr-home-final .tr-daily-row{grid-template-columns:235px minmax(0,1fr)!important;align-items:start!important}
.tr-home-final .tr-miko-tutor.tr-miko-premium{width:235px!important;height:235px!important;max-width:235px!important;min-width:0!important;aspect-ratio:1!important;justify-self:start!important}
}
@media (max-width:760px){
.tr-home-final .tr-miko-tutor.tr-miko-premium{width:100%!important;height:auto!important;max-width:100%!important;aspect-ratio:1!important;min-width:0!important;align-self:start!important}
.tr-home-final .tr-miko-tutor.tr-miko-premium>img{width:100%!important;height:100%!important;object-fit:cover!important}
}
@media (min-width: 761px){
.tr-home-final > .tr-lang-wrap{margin-bottom:58px!important}
.tr-home-final .tr-home-below{padding-top:8px!important}
}
.tr-home-final .tr-passport-art{display:block;flex:0 0 clamp(76px,19vw,112px);align-self:center;overflow:hidden;border-radius:10px}
.tr-home-final .tr-passport-art img{display:block;width:100%;height:auto;aspect-ratio:1/1.1;object-fit:contain;object-position:center}
.tr-home-final .tr-passport-card{overflow:hidden;min-width:0}
.tr-home-final .tr-passport-copy{min-width:0}
@media (min-width:761px){
.tr-home-final .tr-passport-art{flex-basis:112px}
}
@media (max-width:480px){
.tr-home-final .tr-passport-art{flex-basis:76px}
.tr-home-final .tr-passport-card{gap:10px}
}
.tr-learning-homebar{background:#faf5ed!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box;z-index:40;position:relative}
.tr-language-menu{position:relative;min-width:0;flex:0 1 auto}
.tr-flag-switch{display:flex;gap:6px;align-items:center;background:#fffdf9;border:1px solid #e9dfd0;border-radius:13px;padding:9px 12px;color:#123b2e;font-weight:800;cursor:pointer}
.tr-flag-emoji{font-size:22px;line-height:1}
.tr-learn-language-label{font-size:13px;white-space:nowrap}
.tr-menu-chevron{font-size:16px}
.tr-language-options{position:absolute;top:calc(100% + 6px);left:0;z-index:100;background:#fffdf9;border:1px solid #ded4c5;border-radius:14px;box-shadow:0 12px 24px #123b2e22;min-width:190px;padding:6px}
.tr-language-options[hidden]{display:none!important}
.tr-language-options button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:12px 9px;color:#123b2e;cursor:pointer;border-radius:8px;font-weight:700}
.tr-language-options button:hover{background:#e9f2db}
.tr-heart-counter{display:flex;align-items:center;gap:3px;padding:9px 10px;white-space:nowrap;cursor:pointer;font-weight:850}
.tr-heart-counter b{font-size:12px;color:#153b2c}
.tr-premium-backdrop{position:fixed;inset:0;background:rgba(8,30,22,.66);z-index:10000;display:grid;place-items:center;padding:18px}
.tr-premium-dialog{position:relative;background:#faf5ed;color:#163b2e;border-radius:27px;padding:27px 23px;width:min(420px,100%);text-align:center;box-shadow:0 20px 55px #071b1250}
.tr-premium-close{position:absolute;top:7px;right:14px;font-size:28px;border:0;background:transparent;color:#153d2e}
.tr-premium-heart{font-size:43px;color:#d75570}
.tr-premium-dialog h2{margin:10px 0}
.tr-premium-dialog p{line-height:1.5}
.tr-premium-dialog strong,.tr-premium-dialog small{display:block;margin:9px 0}
.tr-premium-dialog small{font-size:12px;color:#63746c}
.tr-premium-cta{background:#143e2c;color:white;padding:14px;border:0;border-radius:14px;width:100%;font-weight:800;margin-top:12px}
.tr-premium-later{background:transparent;border:0;margin-top:12px;color:#173d2d;text-decoration:underline}
@media (min-width:761px){
.tr-learning-homebar{height:70px;border-radius:17px;margin-bottom:18px;padding:8px 18px}
.tr-learning-homebar .tr-mobile-homebar-actions{display:flex;gap:8px;align-items:center}
.tr-learning-homebar+.topbar{display:none}
}
@media (max-width:760px){
.tr-learning-homebar{height:76px!important;min-height:76px!important;border-radius:0 0 18px 18px;padding:12px!important;margin-bottom:14px}
.tr-learning-homebar+.topbar{display:none!important}
.tr-learning-homebar .tr-mobile-homebar-actions{gap:5px!important;display:flex;align-items:center;min-width:0}
.tr-learning-homebar .tr-homebar-metric{font-size:11px!important;padding:7px 6px!important;white-space:nowrap}
.tr-learning-homebar .tr-heart-counter{padding:7px 5px!important;font-size:14px}
.tr-learning-homebar .tr-homebar-avatar{width:30px;height:30px}
.tr-learning-homebar .tr-flag-switch{padding:8px 7px}
.tr-learning-homebar .tr-learn-language-label{font-size:11px}
.tr-learning-homebar .tr-flag-emoji{font-size:20px}
}
@media (max-width:365px){
.tr-learning-homebar .tr-learn-language-label{display:none}
.tr-learning-homebar .tr-homebar-metric{font-size:10px!important}
}
.tr-unified-header{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;border-radius:24px!important;padding:17px 22px 20px!important;height:auto!important;min-height:148px!important;gap:16px!important;box-shadow:none!important;margin:0 0 22px!important}
.tr-unified-top{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-width:0}
.tr-unified-logo{display:block;width:clamp(135px,17vw,205px);height:54px;object-fit:contain;object-position:left center;flex-shrink:0}
.tr-unified-header .tr-mobile-homebar-actions{display:flex!important;align-items:center!important;gap:9px!important;justify-content:flex-end!important;min-width:0}
.tr-unified-header .tr-homebar-metric,.tr-unified-header .tr-heart-counter{border:1px solid #eadfd0!important;background:#fffdfa!important;border-radius:999px!important;padding:10px 13px!important;color:#193d2d!important;box-shadow:0 3px 9px rgba(39,58,30,.035)!important;font-size:13px!important;line-height:1.1!important;white-space:nowrap}
.tr-unified-header .tr-heart-counter span{color:#d75370}
.tr-unified-header .tr-homebar-avatar{width:39px!important;height:39px!important;flex:0 0 39px!important}
.tr-unified-bottom{display:flex;align-items:center;justify-content:flex-start;width:100%;position:relative;z-index:50}
.tr-unified-header .tr-flag-switch{background:#fffdfa;border:1px solid #e9dfd0;border-radius:999px;padding:10px 16px;min-height:46px;gap:11px;box-shadow:0 4px 10px #1b34200d}
.tr-unified-header .tr-learn-language-label{font-size:14px!important}
.tr-unified-header+.topbar{display:none!important}
@media (max-width:760px){
.tr-unified-header{height:auto!important;border-radius:0 0 22px 22px!important;padding:13px 15px 15px!important;gap:13px!important;margin-bottom:18px!important}
.tr-unified-top{gap:8px!important}
.tr-unified-logo{width:clamp(104px,29vw,150px)!important;height:45px!important}
.tr-unified-header .tr-mobile-homebar-actions{gap:5px!important}
.tr-unified-header .tr-homebar-metric,.tr-unified-header .tr-heart-counter{padding:8px 7px!important;font-size:clamp(10px,2.6vw,12px)!important}
.tr-unified-header .tr-heart-counter b{font-size:clamp(10px,2.6vw,12px)!important}
.tr-unified-header .tr-homebar-avatar{flex-basis:33px!important}
.tr-unified-header .tr-flag-switch{min-height:42px;padding:8px 12px!important}
}
@media (max-width:370px){
.tr-unified-header{padding-left:10px!important;padding-right:10px!important}
.tr-unified-logo{width:99px!important}
.tr-unified-header .tr-homebar-metric,.tr-unified-header .tr-heart-counter{padding:7px 5px!important}
}
.tr-unified-header{position:relative!important;overflow:hidden!important;background:linear-gradient(180deg,#faf5ed 0%,#faf7f1 100%)!important;border:1px solid #efe4d3!important}
.tr-unified-header .tr-unified-top,.tr-unified-header .tr-unified-bottom{position:relative;z-index:2}
.tr-header-wave{position:absolute;left:0;right:0;bottom:12px;height:68px;pointer-events:none;opacity:.78;background-repeat:no-repeat;background-position:left bottom;background-size:100% 68px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 110' preserveAspectRatio='none'%3E%3Cpath d='M0 78 C110 92 178 40 290 54 S492 105 617 79 S820 16 962 41 S1092 85 1200 71' fill='none' stroke='%23dbe8d5' stroke-width='30' stroke-linecap='round' stroke-opacity='.95'/%3E%3Cpath d='M0 82 C120 96 184 46 296 58 S500 108 624 82 S826 21 968 46 S1090 88 1200 76' fill='none' stroke='%239ec7ac' stroke-width='6' stroke-linecap='round' stroke-opacity='1'/%3E%3C/svg%3E")}
.tr-unified-bottom{min-height:44px}
.tr-unified-header .tr-language-menu{position:relative}
.tr-unified-header .tr-flag-only-switch{gap:10px!important;padding:10px 14px!important;min-width:auto!important;width:auto!important;border-radius:999px!important}
.tr-unified-header .tr-flag-only-switch .tr-flag-emoji{font-size:22px;line-height:1}
.tr-unified-header .tr-flag-only-text{font-weight:800;font-size:14px;color:#224634;letter-spacing:.01em}
.tr-unified-header .tr-language-options{margin-top:10px;border:1px solid #e6dbc9;box-shadow:0 14px 34px rgba(27,52,32,.12)}
@media (max-width:760px){
.tr-unified-header{min-height:124px!important;padding-top:12px!important;padding-bottom:18px!important}
.tr-header-wave{height:48px;bottom:8px;background-size:100% 48px;opacity:.7}
.tr-unified-header .tr-flag-only-switch{padding:8px 12px!important;gap:8px!important}
.tr-unified-header .tr-flag-only-switch .tr-flag-emoji{font-size:20px}
.tr-unified-header .tr-flag-only-text{font-size:13px}
}
@media (max-width:480px){
.tr-unified-header .tr-flag-only-text{display:none}
.tr-unified-header .tr-flag-only-switch{padding:8px 11px!important}
.tr-unified-header .tr-menu-chevron{font-size:12px}
}
@media (min-width:761px){
.main>.tr-header-v23+.topbar{display:flex!important}
}
@media (max-width:760px){
.main>.tr-header-v23{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin:0!important;overflow:visible!important}
.main>.tr-header-v23:before,.main>.tr-header-v23:after,.tr-header-v23 .tr-header-wave{display:none!important;content:none!important}
.main>.tr-header-v23+.topbar{display:none!important}
.tr-v23-leading{display:flex;align-items:center;justify-content:flex-start;min-width:0;flex-shrink:0}
.tr-header-v23 .tr-v23-logo{display:block!important;width:clamp(103px,26vw,150px)!important;height:42px!important;object-fit:contain;object-position:left center}
.tr-header-v23 .tr-v23-flag{border:1px solid #e8dfd1!important;display:flex!important;align-items:center!important;box-shadow:none!important}
.tr-header-v23 .tr-flag-emoji{font-size:24px!important;line-height:1!important}
.tr-v23-chevron{font-size:14px;color:#1d4936}
.tr-header-v23 .tr-v23-stats{display:flex!important;flex:0 1 auto;align-items:center!important;justify-content:flex-end!important;min-width:0!important}
.tr-header-v23 .tr-v23-stats>.tr-heart-counter,.tr-header-v23 .tr-v23-stats>.tr-homebar-metric{display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap;line-height:1.2!important}
.tr-header-v23 .tr-v23-stats>.tr-heart-counter b{font-size:inherit!important}
.tr-header-v23 .tr-v23-stats>.tr-heart-counter span{color:#cf4d6c}
.tr-header-v23 .tr-v23-stats>.tr-homebar-avatar{padding:0!important}
.tr-header-v23 .tr-language-menu{position:relative!important;z-index:200!important}
.tr-header-v23 .tr-language-options{position:absolute!important;top:100%!important;left:0!important;margin-top:8px!important;z-index:201!important;min-width:188px;background:#fffdfa;border:1px solid #e9dfd2;border-radius:16px;box-shadow:0 12px 30px rgba(20,40,25,.17)}
.tr-header-v23 .tr-language-options[hidden]{display:none!important}
}
@media (max-width:380px){
.main>.tr-header-v23{padding-left:8px!important;padding-right:8px!important;gap:4px!important}
.tr-header-v23 .tr-v23-stats{gap:3px!important}
.tr-header-v23 .tr-v23-stats>.tr-heart-counter,.tr-header-v23 .tr-v23-stats>.tr-homebar-metric{padding:6px 5px!important;font-size:10px!important}
.tr-header-v23 .tr-v23-logo{width:101px!important}
.tr-header-v23 .tr-v23-flag{min-width:46px!important;padding:4px 5px!important}
.tr-header-v23 .tr-v23-stats>.tr-homebar-avatar{width:29px!important;height:29px!important;flex-basis:29px!important}
}
@media (max-width:760px){
.main>.tr-header-v23{background:#faf5ed!important;border:none!important;box-shadow:none!important;gap:6px!important}
.tr-header-v23 .tr-v23-flag{width:52px!important;min-width:52px!important;height:39px!important;padding:5px 7px!important;border-radius:13px!important;gap:5px!important;background:#fffdfa!important}
.tr-header-v23 .tr-v24-flag-art{display:flex!important;align-items:center;justify-content:center;flex:0 0 27px!important;width:27px!important;height:19px!important}
.tr-header-v23 .tr-v24-flag-art svg{display:block!important;width:27px!important;height:19px!important;border-radius:3px!important;overflow:hidden!important;box-shadow:0 1px 3px #0002}
.tr-header-v23 .tr-v23-chevron{font-size:11px!important;line-height:1!important}
.tr-header-v23 .tr-v23-stats{gap:4px!important}
.tr-header-v23 .tr-v23-stats>.tr-heart-counter,.tr-header-v23 .tr-v23-stats>.tr-homebar-metric{min-height:32px!important;padding:7px 6px!important;font-size:11px!important}
.tr-header-v23 .tr-v23-stats>.tr-homebar-avatar{flex-basis:32px!important}
}
@media (max-width:390px){
.main>.tr-header-v23{padding-inline:9px!important;gap:3px!important}
.tr-header-v23 .tr-v23-stats{gap:3px!important}
.tr-header-v23 .tr-v23-stats>.tr-heart-counter,.tr-header-v23 .tr-v23-stats>.tr-homebar-metric{padding-inline:5px!important;font-size:10px!important}
.tr-header-v23 .tr-v23-flag{width:45px!important;min-width:45px!important;padding:4px 5px!important;gap:3px!important}
.tr-header-v23 .tr-v24-flag-art{width:25px!important;flex-basis:25px!important}
.tr-header-v23 .tr-v24-flag-art svg{width:25px!important;height:17px!important}
}
@media (min-width:761px){
.main>.tr-profile-homebar{display:none!important}
}
@media (max-width:760px){
.main>.tr-profile-homebar{display:flex!important;margin:0 0 16px!important;border:0!important;box-shadow:none!important;background:#faf5ed!important}
.main>.tr-profile-homebar .tr-mobile-homebar-actions{display:flex!important}
}
@media (max-width:650px){
.main>.tr-profile-homebar{position:relative!important;left:50%!important;transform:translateX(-50%)!important;width:100vw!important;max-width:100vw!important;min-width:0!important;box-sizing:border-box!important;height:78px!important;min-height:78px!important;max-height:78px!important;padding:16px 14px 11px 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 16px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#faf5ed!important}
.main>.tr-profile-homebar>img{display:block!important;width:clamp(122px,30vw,164px)!important;max-height:43px!important;height:auto!important;object-fit:contain!important;object-position:left center!important;max-width:100%!important;flex-shrink:1!important}
.main>.tr-profile-homebar .tr-mobile-homebar-actions{display:flex!important;align-items:center!important;gap:5px!important;flex-shrink:0!important;min-width:0!important}
}
@media (max-width:380px){
.main>.tr-profile-homebar{height:72px!important;min-height:72px!important;max-height:72px!important;padding:13px 10px 10px 13px!important}
.main>.tr-profile-homebar>img{width:113px!important}
}
@media (max-width:650px){
.main:has(>.tr-mobile-homebar)>.topbar{display:none!important}
.main>.tr-mobile-homebar{width:100%!important;max-width:100%!important;min-width:0!important;transform:none!important;left:auto!important;margin:0 0 16px!important}
.main:has(>.tr-mobile-homebar){padding-top:0!important}
.main>.tr-mobile-homebar{display:flex!important;height:78px!important;min-height:78px!important;max-height:78px!important;padding:16px 14px 11px 20px!important;background:#faf5ed!important;box-shadow:none!important;border:0!important;border-radius:0!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
.main>.tr-mobile-homebar>img{width:clamp(122px,30vw,164px)!important;height:auto!important;max-height:43px!important;object-fit:contain!important;object-position:left center!important;flex-shrink:1!important}
.main>.tr-mobile-homebar .tr-mobile-homebar-actions{display:flex!important;gap:5px!important;align-items:center!important;flex-shrink:0!important}
}
@media (max-width:380px){
.main>.tr-mobile-homebar{height:72px!important;min-height:72px!important;max-height:72px!important;padding:13px 10px 10px 13px!important}
.main>.tr-mobile-homebar>img{width:113px!important}
}
.tr-tree-shell{max-width:1140px;margin:0 auto;padding:12px 18px 110px;color:#143d30}
.tr-tree-intro{background:linear-gradient(122deg,#113c2d,#20513b);border-radius:29px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;position:relative;overflow:hidden}
.tr-tree-intro:after{content:"";position:absolute;right:-90px;top:-100px;width:320px;height:320px;border:1px solid #ffffff22;border-radius:50%;pointer-events:none}
.tr-tree-intro-copy{position:relative;z-index:1;max-width:660px}
.tr-tree-eyebrow{display:block;letter-spacing:.16em;font-size:11px;font-weight:800;color:#799d7d}
.tr-tree-intro .tr-tree-eyebrow{color:#b8d89a}
.tr-tree-intro h1{font-family:Georgia,serif;font-size:clamp(29px,3.7vw,50px);letter-spacing:-.04em;line-height:1.1;margin:11px 0}
.tr-tree-intro p{color:#dce8d9;max-width:470px;line-height:1.55;margin:0}
.tr-tree-actions{display:flex;align-items:center;gap:15px;margin-top:23px;flex-wrap:wrap}
.tr-tree-primary{background:#d7f18b;color:#173b2a;display:inline-flex;justify-content:center;gap:20px;align-items:center;border:0;border-radius:14px;padding:13px 19px;font-weight:850;cursor:pointer;min-height:45px}
.tr-tree-select-label{color:#d6e7d8;font-size:12px;font-weight:700;display:flex;align-items:center;gap:7px}
.tr-tree-select-label select{border:1px solid #ffffff55;background:#315d49;color:white;padding:8px 9px;border-radius:11px;max-width:140px}
.tr-tree-overview{width:175px;flex:0 0 175px;border:1px solid #ffffff3d;border-radius:21px;padding:20px;background:#ffffff12;position:relative;z-index:1}
.tr-tree-overview>span{font-size:10px;letter-spacing:.13em;font-weight:800;color:#c8dfc9}
.tr-tree-overview strong{display:block;font-size:49px;line-height:1.15;margin:12px 0 0}
.tr-tree-overview strong small{font-size:19px;color:#c3d6cb}
.tr-tree-overview p{font-size:12px}
.tr-tree-meter{height:7px;background:#ffffff36;border-radius:30px;margin-top:19px;overflow:hidden}
.tr-tree-meter i{display:block;height:100%;border-radius:30px;background:#d8f181}
.tr-tree-section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:38px 7px 12px}
.tr-tree-section-head h2{font-family:Georgia,serif;font-size:clamp(25px,3vw,35px);letter-spacing:-.035em;margin:8px 0}
.tr-tree-section-progress{font-size:12px;font-weight:800;background:#e8efdf;padding:10px 14px;border-radius:100px;white-space:nowrap}
.tr-tree-route{position:relative;padding:24px 0 18px;display:flex;flex-direction:column;gap:15px}
.tr-tree-route:before{content:"";position:absolute;top:28px;bottom:32px;left:50%;width:3px;transform:translateX(-50%);background:linear-gradient(#9fc97d,#d9e5c5);border-radius:99px}
.tr-tree-stop{position:relative;width:50%;min-height:150px;display:flex;align-items:center}
.tr-tree-stop-left{padding-right:41px;align-self:flex-start;justify-content:flex-end}
.tr-tree-stop-right{padding-left:41px;align-self:flex-end;justify-content:flex-start}
.tr-tree-node{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:5px solid #faf5ed;background:#b3c89e;color:#244830;font-weight:850;font-size:11px;border-radius:50%;box-shadow:0 0 0 1px #d2dcc8;z-index:1}
.tr-tree-stop-left .tr-tree-node{right:-19px}
.tr-tree-stop-right .tr-tree-node{left:-19px}
.tr-tree-stop.is-current .tr-tree-node{background:#bdec66;box-shadow:0 0 0 6px #d8edb9}
.tr-tree-stop.is-done .tr-tree-node{background:#22573a;color:white}
.tr-tree-card{display:flex;text-align:left;width:min(100%,475px);min-width:0;gap:0;padding:0;border:1px solid #e7dfd1;border-radius:21px;overflow:hidden;background:#fffdf8;box-shadow:0 8px 24px #1b3e2710;cursor:pointer;transition:transform .2s,box-shadow .2s;color:#153c2c}
.tr-tree-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px #1b3e2725}
.tr-tree-stop.is-current .tr-tree-card{border-color:#a1c773;box-shadow:0 0 0 3px #d6e7ba,0 8px 24px #1b3e2714}
.tr-tree-card>img{width:115px;flex:0 0 115px;object-fit:cover;min-height:145px;background:#e5eadc}
.tr-tree-card-body{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;padding:15px 17px;gap:5px}
.tr-tree-card-body>small{font-size:9px;letter-spacing:.10em;font-weight:850;color:#64806a}
.tr-tree-card-body>strong{font-size:18px;line-height:1.15;letter-spacing:-.025em}
.tr-tree-desc{font-size:12px;line-height:1.4;color:#6b7a6d}
.tr-tree-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}
.tr-tree-card-foot em{font-size:11px;font-style:normal;font-weight:800;color:#417644}
.tr-tree-card-foot b{display:grid;place-items:center;width:29px;height:29px;background:#174b35;color:white;border-radius:50%;font-size:15px}
.tr-tree-end{background:#eff2e8;border:1px solid #dde7d5;border-radius:22px;padding:19px 22px;display:flex;align-items:center;gap:17px;margin-top:22px}
.tr-tree-end>span{font-size:27px;color:#437e4e}
.tr-tree-end div{flex:1}
.tr-tree-end strong{font-size:17px}
.tr-tree-end p{margin:4px 0;color:#637865;font-size:13px}
@media (max-width:700px){
.tr-tree-shell{padding:8px 13px 115px}
.tr-tree-intro{padding:23px 20px;flex-direction:column;align-items:stretch;gap:20px;border-radius:22px}
.tr-tree-intro h1{font-size:31px}
.tr-tree-overview{width:auto;flex:auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;padding:12px 15px}
.tr-tree-overview strong{font-size:30px;grid-column:2;grid-row:1/3;margin:0}
.tr-tree-overview p{font-size:11px}
.tr-tree-meter{grid-column:1/3;margin-top:8px}
.tr-tree-section-head{margin:27px 3px 8px}
.tr-tree-section-head h2{font-size:25px}
.tr-tree-route:before{left:18px;transform:none}
.tr-tree-stop,.tr-tree-stop-left,.tr-tree-stop-right{width:100%;align-self:stretch;padding-left:47px;padding-right:0;justify-content:flex-start;min-height:132px}
.tr-tree-stop .tr-tree-node,.tr-tree-stop-left .tr-tree-node,.tr-tree-stop-right .tr-tree-node{left:0;right:auto}
.tr-tree-card{max-width:none}
.tr-tree-card>img{width:92px;flex-basis:92px;min-height:130px}
.tr-tree-card-body{padding:11px 12px}
.tr-tree-card-body>strong{font-size:16px}
.tr-tree-desc{font-size:11px}
.tr-tree-end{flex-wrap:wrap}
.tr-tree-end .tr-tree-primary{width:100%}
}
@media (prefers-reduced-motion:reduce){
.tr-tree-card{transition:none}
}
.tl30-shell{--tl-forest:#193f31;--tl-muted:#6c7e6d;--tl-accent:#ccec90;max-width:1130px;margin:0 auto;padding:15px 18px 110px;color:var(--tl-forest)}
.tl30-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 4px 23px}
.tl30-kicker{font-size:10px;letter-spacing:.15em;font-weight:900;color:#638269}
.tl30-top h1{font-family:Georgia,serif;font-size:clamp(31px,4.4vw,56px);letter-spacing:-.045em;margin:8px 0 9px;line-height:1.08}
.tl30-top p{margin:0;font-size:14px;color:#6a7d6b}
.tl30-top-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:#e1edcf;color:#48734b;font-size:37px;flex-shrink:0}
.tl30-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:3px 0 24px}
.tl30-stage{border:1px solid #dfe6d8;background:#f5f5ed;border-radius:18px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;padding:15px 18px;column-gap:10px;color:#4c6250;cursor:pointer;transition:background .2s,border-color .2s}
.tl30-stage.selected{background:#204a37;border-color:#204a37;color:white;box-shadow:0 8px 20px #204a371c}
.tl30-stage-dot{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;background:#e3eadd;border-radius:11px;font-size:21px;color:#4c7851}
.tl30-stage.selected .tl30-stage-dot{background:#ccec90;color:#204a37}
.tl30-stage>span:nth-child(2){font-weight:850;font-size:15px}
.tl30-stage small{font-size:9px;letter-spacing:.09em;font-weight:800;color:#839483;margin-top:4px}
.tl30-stage.selected small{color:#cfe5cc}
.tl30-chapter-head{border-radius:24px;padding:27px 29px;background:#eaf0e1;border:1px solid #dce7d2;display:flex;gap:30px;justify-content:space-between;align-items:center}
.tl30-chapter-head h2{font-family:Georgia,serif;font-size:36px;letter-spacing:-.04em;margin:6px 0 8px}
.tl30-chapter-head p{margin:0;font-size:13px;color:#677b67}
.tl30-progress{min-width:160px;background:#fffdfa;border:1px solid #e0e7d8;border-radius:17px;padding:16px 18px}
.tl30-progress strong{font-size:32px;font-weight:800;display:block}
.tl30-progress strong span{font-weight:500;font-size:19px;color:#8ca08f}
.tl30-progress small{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:#6c846e;margin:5px 0 11px}
.tl30-meter{height:6px;border-radius:20px;background:#e6ebdf;overflow:hidden}
.tl30-meter i{display:block;background:#558b5f;height:100%;border-radius:20px}
.tl30-map-heading{display:flex;justify-content:space-between;gap:15px;padding:27px 0 13px;font-size:10px;letter-spacing:.14em;font-weight:900;color:#788b76}
.tl30-route{position:relative;margin-left:19px;padding:10px 0 8px 35px;display:grid;gap:13px}
.tl30-route:before{content:"";position:absolute;left:0;top:18px;bottom:25px;width:2px;background:#d4e0cb}
.tl30-stop{position:relative}
.tl30-node{position:absolute;left:-53px;top:48px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ecf0e7;border:5px solid #faf5ed;box-sizing:content-box;box-shadow:0 0 0 1px #d1decb;font-size:11px;font-weight:900;color:#68836a;z-index:2}
.tl30-stop.current .tl30-node{background:#d5eea4;color:#244a37;box-shadow:0 0 0 4px #dfeecb}
.tl30-stop.done .tl30-node{background:#276044;color:white}
.tl30-lesson{display:flex;min-height:151px;width:100%;text-align:left;overflow:hidden;background:#fffdfa;border:1px solid #e5e4d8;border-radius:19px;color:#1d4733;cursor:pointer;padding:0;box-shadow:0 3px 13px #273f2510;transition:transform .18s,box-shadow .18s}
.tl30-lesson:hover{transform:translateY(-2px);box-shadow:0 10px 25px #273f2520}
.tl30-stop.current .tl30-lesson{border-color:#9fc682;box-shadow:0 0 0 2px #d9e9c5}
.tl30-image{width:177px;flex:0 0 177px;background:#edf0e6}
.tl30-image img{height:100%;width:100%;object-fit:cover;display:block}
.tl30-copy{padding:19px 24px;display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.tl30-lesson-kicker{color:#76917a;font-size:10px;letter-spacing:.1em;font-weight:900}
.tl30-copy>strong{font-size:21px;letter-spacing:-.025em}
.tl30-description{font-size:12px;line-height:1.45;color:#758575}
.tl30-lesson-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;color:#4f8256;font-size:11px;font-weight:850}
.tl30-arrow{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#204c37;color:white;font-size:16px}
.tl30-next{margin-top:24px;display:flex;align-items:center;gap:18px;background:#214835;color:white;border-radius:22px;padding:22px 24px}
.tl30-next-mark{font-size:31px;background:#355d46;width:54px;height:54px;display:grid;place-items:center;border-radius:15px;color:#cdec9d;flex-shrink:0}
.tl30-next>div:nth-child(2){flex:1}
.tl30-next small{font-size:10px;letter-spacing:.12em;color:#bcdfab;font-weight:850}
.tl30-next h3{font-size:17px;margin:6px 0}
.tl30-next p{margin:0;color:#c6d7c9;font-size:12px}
.tl30-next-button{background:#d5ed99;border:0;border-radius:11px;padding:13px 19px;cursor:pointer;font-weight:850;color:#244b32;white-space:nowrap}
@media (max-width:700px){
.tl30-shell{padding:6px 13px 115px}
.tl30-top{padding:13px 3px 20px}
.tl30-top h1{font-size:33px}
.tl30-top p{font-size:12px}
.tl30-top-icon{width:40px;height:40px;font-size:25px;border-radius:13px}
.tl30-stages{gap:7px;margin-bottom:15px}
.tl30-stage{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:11px 4px;border-radius:13px}
.tl30-stage-dot{width:26px;height:26px;font-size:17px}
.tl30-stage>span:nth-child(2){font-size:12px}
.tl30-stage small{font-size:7px;line-height:1.3}
.tl30-chapter-head{padding:20px 17px;border-radius:18px;gap:13px}
.tl30-chapter-head h2{font-size:28px}
.tl30-chapter-head p{font-size:11px}
.tl30-progress{min-width:92px;padding:11px;border-radius:13px}
.tl30-progress strong{font-size:23px}
.tl30-progress strong span{font-size:14px}
.tl30-progress small{font-size:7px}
.tl30-route{padding-left:26px;margin-left:13px;gap:11px}
.tl30-node{left:-43px;top:39px;width:26px;height:26px;border-width:4px}
.tl30-lesson{min-height:126px;border-radius:15px}
.tl30-image{width:94px;flex-basis:94px}
.tl30-copy{padding:13px 12px;gap:5px}
.tl30-copy>strong{font-size:16px}
.tl30-lesson-kicker{font-size:8px}
.tl30-description{font-size:10px}
.tl30-lesson-foot{font-size:10px}
.tl30-arrow{height:24px;width:24px}
.tl30-next{flex-wrap:wrap;padding:17px;gap:12px}
.tl30-next-mark{width:40px;height:40px;font-size:23px}
.tl30-next-button{width:100%}
}
@media (prefers-reduced-motion:reduce){
.tl30-lesson{transition:none}
}
.tl31-shell{font-family:'DM Sans',sans-serif;max-width:1080px;margin:0 auto 90px;color:#183c2d;padding:0 7px}
.tl31-intro{min-height:240px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;padding:22px 24px 15px}
.tl31-intro-copy{z-index:1;max-width:55%;position:relative}
.tl31-eyebrow{font-size:11px;font-weight:800;letter-spacing:.22em;color:#675f41;line-height:1.5}
.tl31-intro .tl31-eyebrow span{width:37px;height:2px;background:#ab945e;display:inline-block;margin:0 0 3px 5px}
.tl31-intro h1{font-family:Georgia,'Times New Roman',serif;font-weight:600;font-size:clamp(39px,5vw,65px);line-height:.99;letter-spacing:-.047em;margin:12px 0}
.tl31-intro p{font-size:15px;line-height:1.48;color:#243a2d;max-width:420px;margin:0}
.tl31-landscape{position:absolute;right:0;top:0;bottom:0;width:66%;z-index:-1;background:linear-gradient(90deg,#faf7f0 0%,rgba(250,247,240,.22) 49%,rgba(250,247,240,0) 80%),linear-gradient(0deg,#faf7f0 0%,transparent 45%),url('/assets/learn-reference-mountains.webp') center right /cover no-repeat;opacity:.94}
.tl31-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:12px 0 20px}
.tl31-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:127px;border-radius:23px;border:1px solid #e7ddca;background:linear-gradient(145deg,#fffdf8,#f4eddf);box-shadow:0 6px 16px #3b321515;color:#1c382c;cursor:pointer}
.tl31-stage.active{background:linear-gradient(150deg,#24543f,#103829);border-color:#537260;color:#fff;box-shadow:0 12px 18px #203a2c24}
.tl31-symbol{font-family:Georgia,serif;font-size:37px;line-height:.9;color:#65643e}
.tl31-stage.active .tl31-symbol{color:#e3c891}
.tl31-stage strong{font-family:Georgia,serif;font-size:25px;font-weight:600;letter-spacing:-.025em}
.tl31-stage small{font-weight:800;font-size:10px;letter-spacing:.16em;color:inherit;opacity:.8}
.tl31-map{border:1px solid #e2d9c4;position:relative;overflow:hidden;border-radius:29px;background:#f4edde url('/assets/learn-contours.svg') center top/100% auto repeat-y;padding:31px 36px 25px;box-shadow:0 6px 25px #293d2715}
.tl31-map:before{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse 310px 210px at 2% 76%,#9bad8d60,transparent),radial-gradient(ellipse 350px 240px at 97% 88%,#93b8a442,transparent),radial-gradient(ellipse 340px 220px at 83% 13%,#bbcab35c,transparent)}
.tl31-map-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.tl31-heading{max-width:410px}
.tl31-heading h2{font:600 clamp(33px,4vw,53px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:9px 0}
.tl31-heading p{font-size:15px;line-height:1.5;margin:0;max-width:360px}
.tl31-progress{border:1px solid #e6dccb;border-radius:24px;background:#fffaf0e8;box-shadow:0 8px 20px #5a493018;padding:21px 22px;min-width:170px;width:184px;flex-shrink:0}
.tl31-progress strong{font:600 43px/.95 Georgia,serif}
.tl31-progress strong span{font-size:26px}
.tl31-progress small{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;line-height:1.4;margin:9px 0;color:#5a573d}
.tl31-progress-bar{height:10px;border-radius:20px;background:#ddd9c7;overflow:hidden}
.tl31-progress-bar i{display:block;height:100%;border-radius:20px;background:#25543a}
.tl31-compass{position:absolute;right:20px;top:290px;width:120px;height:130px;opacity:.31;display:flex;flex-direction:column;align-items:center;font:16px Georgia,serif;color:#877b48}
.tl31-compass span:nth-child(2){font-size:88px;line-height:1}
.tl31-trail{position:relative;z-index:1;min-height:970px;max-width:760px;margin:22px auto 0}
.tl31-line{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.8}
.tl31-stop{position:relative;display:flex;align-items:center;min-height:152px;margin-left:clamp(68px,15vw,135px)}
.tl31-marker{position:absolute;left:-65px;z-index:2;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:5px solid #f9f3e5;box-shadow:0 2px 12px #29281633;background:#f6f0e3;color:#86734d;font-weight:800;font-size:21px}
.tl31-stop.is-done .tl31-marker{background:#426d4b;color:white}
.tl31-stop.is-current .tl31-marker{background:#426d4b;color:#f8e7a5;border-color:#e6d7a6;box-shadow:0 0 0 4px #a98d4c77}
.tl31-lesson{width:100%;border:1px solid #dfd6c3;padding:7px;display:flex;align-items:center;text-align:left;gap:17px;min-height:112px;border-radius:26px;background:#fff9edea;box-shadow:0 9px 15px #554c3218;color:#1b372b;cursor:pointer}
.tl31-lesson:hover:not(:disabled){transform:translateY(-2px)}
.tl31-lesson:disabled{opacity:.87;cursor:not-allowed}
.tl31-stop.is-current .tl31-lesson{background:linear-gradient(110deg,#286046,#103b2d);color:#fff;border:4px solid #e8d29c;padding:4px;box-shadow:0 10px 23px #1a423b2b}
.tl31-thumb{width:112px;height:98px;flex:0 0 112px;border-radius:20px;overflow:hidden;background:#e9e7d5}
.tl31-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.tl31-details{min-width:0;display:flex;flex-direction:column;gap:5px;padding:5px 0;flex:1}
.tl31-details small{font-size:10px;letter-spacing:.14em;font-weight:900;opacity:.8}
.tl31-details strong{font:600 clamp(19px,2.3vw,29px)/1.06 Georgia,serif}
.tl31-description{font-size:12px;line-height:1.34;max-width:330px;opacity:.88}
.tl31-go{flex:0 0 34px;width:34px;height:34px;margin-right:12px;border:1.5px solid #efcf8e;border-radius:50%;display:grid;place-items:center;color:#efcf8e;font-size:27px}
.tl31-map-footer{position:relative;text-align:center;font:14px Georgia,serif;padding-top:15px;color:#617767}
.tl31-map-footer span{color:#a68a53}
@media (min-width:761px){
.tl31-shell{margin-top:-12px}
}
@media (max-width:760px){
.tl31-shell{padding:0;margin:0 -8px 90px}
.tl31-intro{min-height:230px;padding:15px 15px 10px}
.tl31-intro-copy{max-width:64%}
.tl31-intro h1{font-size:clamp(32px,8.1vw,51px)}
.tl31-intro p{font-size:clamp(11px,2.55vw,15px)}
.tl31-landscape{width:72%}
.tl31-stages{gap:8px;margin:10px 0 13px}
.tl31-stage{min-height:108px;border-radius:17px;gap:8px}
.tl31-symbol{font-size:27px}
.tl31-stage strong{font-size:clamp(15px,3.7vw,23px)}
.tl31-stage small{font-size:clamp(7px,1.7vw,9px)}
.tl31-map{padding:21px 16px;border-radius:24px}
.tl31-heading h2{font-size:clamp(27px,6vw,39px)}
.tl31-heading p{font-size:12px}
.tl31-eyebrow{font-size:9px}
.tl31-progress{width:116px;min-width:116px;border-radius:17px;padding:12px}
.tl31-progress strong{font-size:32px}
.tl31-progress strong span{font-size:17px}
.tl31-progress small{font-size:8px}
.tl31-trail{min-height:860px;margin-top:13px}
.tl31-stop{min-height:137px;margin-left:clamp(48px,15vw,88px)}
.tl31-marker{width:34px;height:34px;font-size:15px;left:-43px;border-width:4px}
.tl31-lesson{gap:8px;min-height:98px;border-radius:20px}
.tl31-thumb{width:clamp(68px,18vw,105px);height:88px;flex-basis:clamp(68px,18vw,105px);border-radius:15px}
.tl31-details{gap:4px}
.tl31-details strong{font-size:clamp(15px,4.1vw,22px)}
.tl31-details small{font-size:8px}
.tl31-description{font-size:clamp(10px,2.5vw,12px)}
.tl31-go{width:25px;height:25px;flex-basis:25px;margin-right:5px;font-size:22px}
.tl31-compass{right:8px;top:260px;transform:scale(.7);transform-origin:top right}
.tl31-map-footer{font-size:12px}
}
@media (max-width:385px){
.tl31-map{padding:17px 10px}
.tl31-stop{margin-left:44px}
.tl31-marker{left:-41px}
.tl31-thumb{width:65px;flex-basis:65px;height:78px}
.tl31-details strong{font-size:15px}
.tl31-description{font-size:9px}
.tl31-progress{width:100px;min-width:100px}
.tl31-intro p{font-size:11px}
}
.tl31-shell{padding-top:0!important}
.tl31-stages{margin-top:0!important}
@media (max-width:760px){
.tl31-stages{margin-top:0!important;margin-bottom:14px!important}
}
.tr-greet-heading{padding:12px 2px 22px}
.tr-greet-heading h1{font-family:Georgia,serif;color:#17402e;font-size:clamp(35px,6vw,57px);line-height:1.05;margin:12px 0}
.tr-greet-heading p{color:#667369;max-width:550px}
.tr-greet-progress{display:flex;justify-content:space-between;letter-spacing:.09em;font-size:12px;font-weight:800;color:#476350}
.tr-greet-discover,.tr-greet-real,.tr-greet-ready{max-width:940px;margin:26px auto}
.tr-greet-flash{display:grid;grid-template-columns:minmax(170px,43%) 1fr;background:#fffcf6;border:1px solid #e4dccd;border-radius:28px;overflow:hidden;margin-top:22px;box-shadow:0 12px 30px #173a2011}
.tr-greet-art{background:#edf2e7;display:grid;place-items:center;min-height:280px;padding:20px}
.tr-greet-art img{width:min(100%,270px);max-height:260px;object-fit:contain;border-radius:20px}
.tr-greet-word{padding:35px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.tr-greet-word h2{font:700 clamp(30px,4.5vw,52px)/1.1 Georgia,serif;color:#163e2d;margin:0}
.tr-greet-word p{font-size:20px;color:#688071;margin:0}
.tr-greet-audio{display:flex;gap:14px;align-items:center}
.tr-greet-tip{font-size:14px;line-height:1.55;color:#536b5d;border-top:1px solid #e5e5d8;padding-top:15px;margin-top:7px}
.tr-greet-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:25px 0}
.tr-greet-scene{background:#fffcf6;border:1px solid #e5dccd;border-radius:23px;overflow:hidden}
.tr-greet-scene>img{width:100%;height:200px;object-fit:cover}
.tr-greet-scene-body{padding:20px}
.tr-greet-scene h3{font-size:17px;margin:11px 0}
.tr-greet-choices{display:flex;flex-wrap:wrap;gap:8px}
.tr-greet-choice{border:1px solid #d8dfd0;background:#f7faf3;padding:10px 13px;border-radius:12px;color:#234a35;cursor:pointer;font-weight:700}
.tr-greet-choice.correct{background:#dbedcc;border-color:#76a969}
.tr-greet-choice.incorrect{background:#ffe9e5;border-color:#d48c84}
.tr-greet-feedback{font-size:13px;margin-top:11px}
.tr-greet-response{display:flex;gap:12px;align-items:center;font-weight:700;color:#22513a}
.tr-greet-footnote{color:#6e756c;font-size:13px;margin:15px 0 20px}
.tr-greet-ready h2,.tr-greet-real h2{font-family:Georgia,serif;color:#17402e;font-size:clamp(28px,4vw,40px)}
@media (max-width:700px){
.tr-greet-flash{grid-template-columns:1fr}
.tr-greet-art{min-height:190px}
.tr-greet-art img{max-height:185px;width:auto}
.tr-greet-word{padding:25px}
.tr-greet-scenes{grid-template-columns:1fr}
.tr-greet-scene>img{height:175px}
}
.tr-greet-discover .tr-greet-flash-text-only{display:block!important;max-width:820px;margin:22px auto 0;background:linear-gradient(145deg,#fffdf9,#faf6ed);border:1px solid #e5dccb;border-radius:26px;box-shadow:0 12px 32px rgba(23,58,32,.055);overflow:hidden}
.tr-greet-discover .tr-greet-flash-text-only .tr-greet-word{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(35px,6vw,80px) clamp(24px,5vw,66px);gap:15px;min-height:360px}
.tr-greet-discover .tr-greet-flash-text-only .tr-greet-word h2{font-family:Georgia,serif;font-size:clamp(43px,7vw,83px);letter-spacing:-.045em;line-height:1.07;color:#173d2c;margin:0;overflow-wrap:anywhere}
.tr-greet-discover .tr-greet-flash-text-only .tr-greet-word p{font-size:clamp(20px,3vw,28px);font-weight:450;color:#607968;margin:0}
.tr-greet-discover .tr-greet-flash-text-only .tr-greet-audio{margin:7px 0;justify-content:center;align-items:center;gap:24px}
.tr-greet-discover .tr-greet-flash-text-only .tr-greet-tip{margin-top:9px;border-top:1px solid #e4e8dd;padding:18px 0 0;max-width:550px;text-align:center;font-size:14px;color:#5b6e60;line-height:1.6}
@media (max-width:700px){
.tr-greet-discover .tr-greet-flash-text-only .tr-greet-word{min-height:310px;padding:36px 18px}
.tr-greet-discover .tr-greet-flash-text-only .tr-greet-word h2{font-size:clamp(39px,11vw,62px)}
.tr-greet-discover .tr-greet-flash-text-only{border-radius:22px}
}
.tr-greet-v33 .tr-greet-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tr-greet-v33 .tr-greet-scene{min-width:0;border-radius:20px}
.tr-greet-v33 .tr-greet-scene>img{width:100%;height:clamp(130px,20vw,210px);object-fit:cover;display:block}
.tr-greet-v33 .tr-greet-scene-body{padding:14px}
.tr-greet-v33 .tr-greet-scene h3{font-size:clamp(13px,1.5vw,17px);line-height:1.3}
.tr-greet-v33 .tr-greet-choices{gap:6px}
.tr-greet-v33 .tr-greet-choice{font-size:clamp(11px,1.2vw,13px);padding:8px 9px;max-width:100%;white-space:normal;text-align:left}
@media (max-width:700px){
.tr-greet-v33 .tr-greet-scenes{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
.tr-greet-v33 .tr-greet-scene>img{height:115px}
.tr-greet-v33 .tr-greet-scene-body{padding:10px}
.tr-greet-v33 .tr-greet-scene h3{font-size:12px;line-height:1.35;margin:8px 0}
.tr-greet-v33 .tr-greet-scene .eyebrow{font-size:9px;letter-spacing:.06em}
.tr-greet-v33 .tr-greet-choice{padding:7px 8px;font-size:11px;border-radius:9px}
.tr-greet-v33 .tr-greet-choices{flex-direction:column}
.tr-greet-v33 .tr-greet-feedback{font-size:11px;line-height:1.35}
.tr-greet-v33 .tr-greet-response{flex-wrap:wrap;font-size:12px}
}
.g35-match{display:grid;gap:15px}
.g35-match-help{color:#62766a;font-size:14px}
.g35-match-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.g35-match-columns>div{display:grid;gap:10px}
.g35-match-item{min-height:62px;border:1px solid #d8e1d4;border-radius:14px;background:#fffdf8;color:#214534;font-weight:650;font-size:clamp(12px,2.5vw,16px);padding:12px 9px;overflow-wrap:anywhere;cursor:pointer}
.g35-match-item.active{background:#e4edcd;border:2px solid #527953}
@media (max-width:760px){
.main>.tr-header-lesson-v36{margin-bottom:0!important}
.tr-lesson-header-back{appearance:none;border:0;background:transparent;padding:8px 0;color:#173d2e;font-weight:800;font-size:17px;display:flex;align-items:center;gap:11px;cursor:pointer;white-space:nowrap}
.tr-lesson-header-back span{font-size:27px;font-weight:400;line-height:1}
.tr-lesson-header-index{font-size:13px;color:#5a7669;white-space:nowrap;font-weight:600}
.tr-greet-v33{max-width:100%;box-sizing:border-box}
.tr-greet-v33 .lesson-compact-top{display:none!important}
.tr-greet-v33 .tr-greet-heading .eyebrow{line-height:1.5}
.tr-greet-v33 .tr-greet-heading h1{letter-spacing:-.04em!important}
.tr-greet-v33 .lesson-stage-tab{min-width:0!important;white-space:nowrap!important}
.tr-greet-v33 .tr-greet-real,.tr-greet-v33 .tr-greet-discover,.tr-greet-v33 .tr-greet-ready{padding:0!important}
.tr-greet-v33 .tr-greet-real h2{font-size:clamp(29px,7vw,38px)!important;line-height:1.06!important;margin:12px 0 15px!important;letter-spacing:-.035em!important}
.tr-greet-v33 .tr-greet-real>.eyebrow{font-size:11px!important;letter-spacing:.1em!important}
.tr-greet-v33 .tr-greet-scenes{margin:23px 0 15px!important;gap:10px!important}
.tr-greet-v33 .tr-greet-scene>img{height:clamp(110px,28vw,172px)!important}
.tr-greet-v33 .tr-greet-scene-body{padding:11px!important}
.tr-greet-v33 .tr-greet-scene{border-radius:15px!important}
.tr-greet-v33 .tr-greet-scene h3{font-size:clamp(12px,3vw,15px)!important;margin:9px 0!important}
.tr-greet-v33 .tr-greet-choice{min-height:34px!important;font-size:11px!important}
}
@media (min-width:761px){
.tr-header-lesson-v36{display:none!important}
}
@media (max-width:760px){
.tr-header-lesson-v36 .tr-lesson-header-back{font-size:clamp(13px,3.8vw,17px)!important;gap:6px!important;padding:7px 0!important;min-width:0}
.tr-header-lesson-v36 .tr-lesson-header-back span{font-size:24px!important}
.tr-header-lesson-v36 .tr-lesson-header-stats{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-shrink:0}
.tr-header-lesson-v36 .tr-lesson-heart,.tr-header-lesson-v36 .tr-lesson-xp{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;border:1px solid #e9dfd2;background:#fffdf9;color:#1b4532;border-radius:999px;padding:8px 10px;font-size:clamp(11px,3.1vw,13px);line-height:1.1;box-shadow:0 2px 6px #203d2607}
.tr-header-lesson-v36 .tr-lesson-heart{cursor:pointer}
.tr-header-lesson-v36 .tr-lesson-heart span{color:#d85178;font-size:16px}
.tr-header-lesson-v36 .tr-lesson-xp{color:#886e32}
.tr-header-lesson-v36 .tr-lesson-xp b{color:#1b4532}
.tr-greet-v33{padding-top:0!important}
.tr-greet-v33 .lesson-stage-tabs{padding-bottom:12px!important}
.tr-greet-v33 .tr-greet-real,.tr-greet-v33 .tr-greet-discover,.tr-greet-v33 .tr-greet-ready{margin-top:8px!important}
.tr-greet-v33 .tr-greet-scenes{margin-top:15px!important}
}
@media (max-width:380px){
.tr-header-lesson-v36 .tr-lesson-header-stats{gap:4px}
.tr-header-lesson-v36 .tr-lesson-heart,.tr-header-lesson-v36 .tr-lesson-xp{padding:7px 7px}
}
@media (max-width:760px){
.shell.is-focused-activity .main>.tr-header-lesson-v36{transform:none}
.shell.is-focused-activity:has(.tr-header-lesson-v36) .tr-greet-v33{padding-top:3px!important}
.shell.is-focused-activity:has(.tr-header-lesson-v36) .tr-greet-v33 .tr-greet-heading{padding-top:10px!important}
}
@media (max-width:760px){
.shell.is-focused-activity:has(>.main>.tr-header-lesson-v36)>.main{padding-top:0!important}
.shell.is-focused-activity .main>.tr-header-lesson-v36{margin-top:0!important;margin-bottom:0!important;flex-direction:row!important}
.shell.is-focused-activity:has(>.main>.tr-header-lesson-v36) .quiz-wrap{margin-top:12px!important}
}
.main>.tr-header-lesson-v36{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-direction:row!important;gap:10px!important;min-height:66px!important;height:66px!important;max-height:66px!important;background:#faf5ed!important;border:0!important;border-bottom:1px solid #e9e1d4!important;border-radius:0!important;padding:0 16px!important;margin:0 0 8px!important;box-shadow:none!important;overflow:visible!important}
.main>.tr-header-lesson-v36 .tr-lesson-header-stats{display:flex!important;gap:7px;align-items:center}
.main>.tr-header-lesson-v36 .tr-lesson-heart,.main>.tr-header-lesson-v36 .tr-lesson-xp{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;font-weight:750;white-space:nowrap}
.main>.tr-header-lesson-v36 .tr-lesson-heart span{color:#d85178}
.main>.tr-header-lesson-v36 .tr-lesson-header-back{border:0;background:transparent;color:#173d2e;font-size:16px;font-weight:750;white-space:nowrap;cursor:pointer}
.shell.is-focused-activity:has(.tr-header-lesson-v36)>.main{padding-top:0!important}
.shell.is-focused-activity:has(.tr-header-lesson-v36)>.main>.activity-exit{display:none!important}
.shell.is-focused-activity:has(.tr-header-lesson-v36) .v12-challenge{margin-top:8px!important}
.shell.is-focused-activity:has(.tr-header-lesson-v36) .v12-quiz-top{justify-content:flex-end!important;margin:2px 0 12px!important;font-size:12px}
.tr-greet-v33 .tr-greet-ready{max-width:850px!important;padding:0 2px 32px!important}
.tr-greet-v33 .tr-greet-ready h2{font-size:clamp(27px,4.5vw,44px)!important;line-height:1.1!important;letter-spacing:-.035em!important;max-width:21ch!important;margin:9px 0 10px!important}
.tr-greet-v33 .tr-greet-ready>p{font-size:clamp(13px,1.7vw,16px)!important;line-height:1.55!important;max-width:47ch!important;margin:0 0 19px!important;color:#647668!important}
.tr-greet-v33 .tr-greet-ready .g17-rounds{margin:12px 0 19px!important;gap:9px!important}
.tr-greet-v33 .tr-greet-ready .g17-rounds>div{padding:15px 8px!important;border-radius:18px!important}
.tr-greet-v33 .tr-greet-ready>.btn{margin-top:3px!important}
@media (max-width:760px){
.main>.tr-header-lesson-v36{padding:0 15px!important;margin:0 0 5px!important}
.tr-greet-v33 .tr-greet-ready{margin-top:2px!important;padding:0 2px 24px!important}
.tr-greet-v33 .tr-greet-ready h2{font-size:clamp(27px,7vw,36px)!important;margin:7px 0 9px!important}
.tr-greet-v33 .tr-greet-ready>p{font-size:13px!important;margin:0 0 13px!important}
.tr-greet-v33 .tr-greet-ready .g17-rounds{margin:10px 0 15px!important;gap:7px!important}
.tr-greet-v33 .tr-greet-ready .g17-rounds>div{padding:13px 4px!important}
.shell.is-focused-activity:has(.tr-header-lesson-v36) .v12-challenge{padding-top:0!important;margin-top:3px!important}
}
.tr41-chapter-nav{margin:0 0 19px;padding:17px 20px 19px;background:#fffdf8;border:1px solid #e8ddc9;border-radius:24px;box-shadow:0 8px 28px rgba(23,59,40,.035)}
.tr41-nav-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px;color:#244735}
.tr41-nav-caption strong{font-size:15px}
.tr41-nav-caption span{font-size:12px;color:#7a8b76}
.tr41-chapter-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.tr41-chapter-pill{background:#f4f3e9;color:#254c38;border:1px solid #e5e7d8;border-radius:15px;min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:background .15s,transform .15s,border-color .15s}
.tr41-chapter-pill:hover{transform:translateY(-2px);border-color:#88ae88}
.tr41-chapter-pill.active{background:#1d4c38;color:white;border-color:#1d4c38;box-shadow:0 6px 16px rgba(29,76,56,.18)}
.tr41-chapter-pill small{font:700 9px/1.2 system-ui,sans-serif;letter-spacing:.12em;opacity:.75}
.tr41-chapter-pill strong{font:700 19px/1.1 system-ui,sans-serif}
.tr41-placeholder-art{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:40px;color:#88a48a;background:linear-gradient(135deg,#eff1e6,#e1eadd)}
.tr-homebar-metric,.tr-heart-counter,.tr-lesson-heart,.tr-lesson-xp,.tr-header-v23 .tr-v23-stats>.tr-heart-counter,.tr-header-v23 .tr-v23-stats>.tr-homebar-metric,.main>.tr-header-lesson-v36 .tr-lesson-heart,.main>.tr-header-lesson-v36 .tr-lesson-xp{border-radius:999px!important;background:linear-gradient(150deg,#fffefa,#f8f7ef)!important;border:1px solid #e5e6d9!important;color:#193f2d!important;box-shadow:0 3px 12px rgba(34,75,46,.055)!important;font-variant-numeric:tabular-nums;letter-spacing:.015em}
.tr-heart-counter span,.tr-lesson-heart span{color:#cf5074!important}
.tr-lesson-xp,.tr-homebar-metric{font-weight:700}
@media (max-width:760px){
.tr41-chapter-nav{margin:0 5px 14px;padding:13px 11px;border-radius:18px}
.tr41-nav-caption{margin-bottom:10px}
.tr41-nav-caption strong{font-size:13px}
.tr41-nav-caption span{font-size:10px}
.tr41-chapter-tabs{gap:5px}
.tr41-chapter-pill{border-radius:11px;min-height:56px}
.tr41-chapter-pill small{font-size:7px;letter-spacing:.02em}
.tr41-chapter-pill strong{font-size:16px}
.tr41-map{margin-top:0}
}
@media (max-width:380px){
.tr41-nav-caption span{display:none}
.tr41-chapter-pill small{font-size:6px}
}
@media (min-width:761px){
.main>.tr-header-v23, .main>.tr-header-lesson-v36, .main>.tr-learning-homebar{display:none!important}
.shell.is-focused-activity>.main>.topbar, .shell:has(.tr-home-final) .main>.topbar, .main>.topbar{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:49px!important;margin:0 0 23px!important;padding:0!important;position:relative;z-index:3}
.shell:has(.tr-home-final) .main>.topbar{padding:0 clamp(20px,4vw,58px)!important;margin-top:22px!important;margin-bottom:12px!important}
.shell:has(.tr-home-final) .topbar>.eyebrow{visibility:hidden!important}
.main>.topbar .tr-desktop-stats{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;margin-left:auto;flex-wrap:nowrap!important}
.tr-desktop-stat{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 14px;border-radius:999px;border:1px solid #e5e6d9;background:linear-gradient(145deg,#fffefa,#f8f7ef);box-shadow:0 4px 14px rgba(28,64,40,.055);white-space:nowrap;color:#193f2d;line-height:1}
button.tr-desktop-stat{cursor:pointer}
button.tr-desktop-stat:hover{border-color:#c0cfb6;background:#fffefa}
.tr-desktop-stat strong{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.tr-desktop-stat-symbol{font-size:20px;display:inline-flex;align-items:center;line-height:1}
.tr-stat-heart{color:#ce5073}
.tr-stat-flame{color:#e39a3c}
.tr-stat-xp{color:#b99548}
.tr-desktop-stat-caption{font-size:11px;font-weight:700;letter-spacing:.015em;color:#718475}
.tr-desktop-profile{border:0;width:40px;height:40px;flex:0 0 40px;background:#efd1ba;color:#17432f;font-weight:800;cursor:pointer}
}
@media (min-width:761px) and (max-width:1040px){
.main>.topbar .tr-desktop-stats{gap:5px!important}
.tr-desktop-stat{padding:7px 9px;min-height:37px;gap:5px}
.tr-desktop-stat strong{font-size:13px}
.tr-desktop-stat-caption{font-size:10px}
.tr-desktop-profile{width:35px;height:35px;flex-basis:35px}
}
.tr41-shell .tr41-chapter-nav{padding:15px 18px 16px;border-radius:20px;background:#fffefa;border-color:#eae3d7;box-shadow:0 4px 20px rgba(25,55,39,.035)}
.tr41-shell .tr41-nav-caption{margin-bottom:12px}
.tr41-shell .tr41-chapter-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:9px;padding:1px 1px 6px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#cad9c7 transparent}
.tr41-shell .tr41-chapter-pill{flex:1 0 auto;min-height:42px;min-width:112px;width:auto;padding:10px 14px;border-radius:999px;scroll-snap-align:start;background:#f6f5ec;border:1px solid #e6e7d9;box-shadow:none;transition:background .18s,border-color .18s,color .18s,transform .18s}
.tr41-shell .tr41-chapter-pill span{white-space:nowrap;font:700 12px/1.2 'DM Sans',sans-serif;letter-spacing:.025em}
.tr41-shell .tr41-chapter-pill.active{background:#1d4c38;color:#fff;border-color:#1d4c38;box-shadow:0 5px 15px #17412e21}
.tr41-shell .tr41-chapter-pill:focus-visible,.tr41-shell .tl31-lesson:focus-visible,.tr41-shell .tl31-stage:focus-visible{outline:3px solid #b8d57c;outline-offset:3px}
.tr41-shell .tl31-progress{background:#fffcf4;border-color:#e5dfd1;box-shadow:0 5px 19px #493f3011}
.tr41-shell .tl31-progress-bar{height:7px;background:#e5e4d6}
.tr41-shell .tl31-progress-bar i{background:linear-gradient(90deg,#37684a,#a4d14c)}
.tr41-shell .tl31-stop.is-current .tl31-lesson{position:relative}
.tr41-shell .tr44-next-indicator{position:absolute;right:17px;top:13px;font:800 9px/1.1 'DM Sans',sans-serif;letter-spacing:.075em;color:#e1efb6;white-space:nowrap}
.tr41-shell .tl31-stop.is-current .tl31-details{padding-top:16px}
.tr41-shell .tl31-stop.is-done .tl31-lesson{border-color:#ccd9c4}
.tr41-shell .tl31-stop.is-locked .tl31-lesson{opacity:.9;box-shadow:0 4px 13px #56483210;background:#faf7f1e3}
.tr41-shell .tl31-stop.is-locked .tl31-details{color:#627569}
.tr41-shell .tl31-stop.is-locked .tl31-thumb img{filter:saturate(.77)}
.tr41-shell .tr44-map-footer{font:600 13px/1.5 'DM Sans',sans-serif;color:#56725d;letter-spacing:0}
@media (max-width:760px){
.tr41-shell .tr41-chapter-nav{padding:12px 12px 9px!important;margin:0 5px 13px!important;border-radius:17px}
.tr41-shell .tr41-chapter-tabs{gap:7px;padding-bottom:7px;margin-right:-6px}
.tr41-shell .tr41-chapter-pill{min-width:102px;min-height:38px;padding:9px 12px;border-radius:999px}
.tr41-shell .tr41-chapter-pill span{font-size:11px}
.tr41-shell .tl31-map{padding:17px 12px 20px;border-radius:22px}
.tr41-shell .tl31-trail{min-height:0;margin-top:12px}
.tr41-shell .tl31-stop{min-height:110px;margin-left:clamp(47px,13vw,73px);padding:5px 0}
.tr41-shell .tl31-marker{left:-42px;width:32px;height:32px;font-size:14px}
.tr41-shell .tl31-lesson{min-height:88px;padding:5px;gap:9px;border-radius:17px}
.tr41-shell .tl31-thumb{width:72px;flex:0 0 72px;height:76px;border-radius:13px}
.tr41-shell .tl31-details{gap:3px;padding:3px 0}
.tr41-shell .tl31-details strong{font-size:clamp(16px,4vw,20px);line-height:1.08}
.tr41-shell .tl31-details small{font-size:8px;letter-spacing:.08em}
.tr41-shell .tl31-description{font-size:10px;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tr41-shell .tr44-next-indicator{top:7px;right:10px;font-size:7px}
.tr41-shell .tl31-stop.is-current .tl31-details{padding-top:12px}
.tr41-shell .tl31-go{width:24px;height:24px;flex:0 0 24px;margin:0 5px 0 0}
.tr41-shell .tl31-heading p{font-size:12px}
.tr41-shell .tl31-progress{padding:10px;width:108px;min-width:108px}
.tr41-shell .tl31-progress strong{font-size:28px}
.tr41-shell .tl31-progress small{font-size:7px}
}
@media (max-width:375px){
.tr41-shell .tl31-stop{margin-left:39px}
.tr41-shell .tl31-marker{left:-36px;width:29px;height:29px}
.tr41-shell .tl31-thumb{width:62px;flex-basis:62px;height:72px}
.tr41-shell .tl31-details strong{font-size:15px}
.tr41-shell .tl31-progress{min-width:96px;width:96px}
}
@media (prefers-reduced-motion:reduce){
.tr41-shell .tr41-chapter-pill,.tr41-shell .tl31-lesson{transition:none!important}
}
.atlas-lesson.tr-greet-v33{max-width:980px}
.tr-greet-v33 .tr-greet-heading{padding:8px 0 7px!important;margin:0!important}
.tr-greet-v33 .tr-greet-heading .eyebrow{color:#728b78;font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:.125em;font-weight:800}
.tr-greet-v33 .tr-greet-heading h1{font:700 clamp(32px,4vw,48px)/1.06 Georgia,serif!important;color:#153d2b;margin:6px 0 2px!important;letter-spacing:-.042em}
.tr-greet-v33 .lesson-stage-tabs{gap:8px!important;margin:11px 0 16px!important;padding:0 0 13px!important;border-bottom:1px solid #e7e4d9}
.tr-greet-v33 .lesson-stage-tab{min-height:46px!important;padding:8px 10px!important;border:1px solid #dce5d8!important;border-radius:13px!important;font-size:13px!important;letter-spacing:-.01em;gap:7px!important;background:#fffefa;box-shadow:0 2px 8px #28452b08;transition:background .17s,border-color .17s}
.tr-greet-v33 .lesson-stage-tab span{height:24px!important;width:24px!important;min-width:24px!important;font-size:12px;background:#e7efe1}
.tr-greet-v33 .lesson-stage-tab.is-active{background:#20543b!important;color:#fff!important;border-color:#20543b!important;box-shadow:0 5px 15px #204e3920}
.tr-greet-v33 .lesson-stage-tab.is-active span{background:#fff!important;color:#20543b!important}
.tr-greet-v33 .lesson-stage-tab.is-locked{opacity:.65}
.tr-greet-v33 .tr-greet-discover,.tr-greet-v33 .tr-greet-real,.tr-greet-v33 .tr-greet-ready{margin:9px auto 0!important}
.tr45-practise-intro{max-width:720px!important;padding:4px 0 32px!important}
.tr45-practise-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
.tr45-count{color:#33624b;font:800 12px/1.25 'DM Sans',sans-serif;border:1px solid #d9e2d4;background:#f0f5e9;padding:7px 12px;border-radius:50px;white-space:nowrap}
.tr-greet-v33 .tr45-practise-intro h2{max-width:none!important;font:700 clamp(29px,3.7vw,42px)/1.08 Georgia,serif!important;letter-spacing:-.035em;margin:6px 0 8px!important}
.tr-greet-v33 .tr45-practise-intro>p{margin:0 0 17px!important;font-size:14px!important;color:#728275;line-height:1.4!important;max-width:none!important}
.tr45-skills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 20px}
.tr45-skills>div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:linear-gradient(155deg,#f4f6ef,#edf2e8);border:1px solid #edf0e8;border-radius:17px;min-height:91px;padding:11px 5px;color:#1a4933}
.tr45-skills>div>span{font-size:23px;font-weight:500;line-height:1.1}
.tr45-skills>div>strong{font:750 12px 'DM Sans',sans-serif}
.tr-greet-v33 .tr45-start{display:flex;justify-content:center;align-items:center;gap:15px;border-radius:999px!important;min-height:50px;padding:12px 25px;box-shadow:0 7px 17px #204c3922;font-weight:800}
.tr-greet-v33 .tr45-start span{font-size:20px}
.shell.is-focused-activity .footer-note,.shell.is-focused-activity .miko-motion{display:none!important}
@media (max-width:760px){
.tr-greet-v33{padding:0 12px 35px!important}
.tr-greet-v33 .tr-greet-heading{padding:5px 0 4px!important}
.tr-greet-v33 .tr-greet-heading .eyebrow{font-size:10px!important;letter-spacing:.105em!important}
.tr-greet-v33 .tr-greet-heading h1{font-size:clamp(31px,8vw,39px)!important;line-height:1.06!important;margin:4px 0 0!important}
.tr-greet-v33 .lesson-stage-tabs{margin:10px 0 12px!important;padding:0 0 11px!important;gap:6px!important}
.tr-greet-v33 .lesson-stage-tab{min-height:43px!important;padding:6px 4px!important;font-size:clamp(10px,3.1vw,12px)!important;gap:4px!important;border-radius:12px!important}
.tr-greet-v33 .lesson-stage-tab span{height:22px!important;width:22px!important;min-width:22px!important;font-size:11px!important}
.tr45-practise-intro{padding:0 0 20px!important}
.tr45-count{font-size:10px;padding:6px 9px}
.tr-greet-v33 .tr45-practise-intro h2{font-size:clamp(28px,7vw,35px)!important;line-height:1.06!important;margin:6px 0 7px!important}
.tr-greet-v33 .tr45-practise-intro>p{font-size:12px!important;margin:0 0 12px!important}
.tr45-skills{gap:7px;margin:12px 0 17px}
.tr45-skills>div{min-height:75px;border-radius:14px;padding:10px 2px;gap:7px}
.tr45-skills>div>span{font-size:19px}
.tr45-skills>div>strong{font-size:10px}
.tr-greet-v33 .tr45-start{width:100%;min-height:49px;font-size:14px}
}
@media (max-width:360px){
.tr-greet-v33 .lesson-stage-tab{font-size:10px!important}
.tr-greet-v33 .lesson-stage-tab span{width:19px!important;min-width:19px!important;height:19px!important}
.tr45-skills{gap:5px}
.tr45-skills>div>strong{font-size:9px}
}
.tr-intro-v46 .tr-intro-context-heading{margin:0 0 16px}
.tr-intro-v46 .tr-intro-context-heading h2{font-size:clamp(1.24rem,3vw,1.65rem);line-height:1.17;margin:7px 0 0;color:#1c4430}
.tr-intro-v46 .tr-intro-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tr-intro-v46 .tr-intro-scene{overflow:hidden;background:#fffdf9;border:1px solid #e6e6d9;border-radius:18px;box-shadow:0 4px 18px #1d4a3010}
.tr-intro-v46 .tr-intro-scene img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.tr-intro-v46 .tr-intro-scene-content{padding:15px}
.tr-intro-v46 .tr-intro-scene-content p{font-size:13px;line-height:1.48;margin:10px 0;color:#345345}
.tr-intro-v46 .tr-intro-scene-content b{display:inline-block;margin-right:5px;color:#184932}
.tr-intro-v46 .tr-intro-context-note{background:#eaf0e2;border:1px solid #d8e5d3;border-radius:16px;padding:15px 17px;color:#294f38;line-height:1.55}
.tr-intro-v46 .tr-intro-context-note p{font-size:13px;margin:5px 0 0}
.tr-intro-v46 .g17-check{margin:18px 0}
@media (max-width:760px){
.tr-intro-v46 .tr-intro-scenes{gap:9px}
.tr-intro-v46 .tr-intro-scene img{aspect-ratio:1.1}
.tr-intro-v46 .tr-intro-scene-content{padding:10px}
.tr-intro-v46 .tr-intro-scene-content p{font-size:11px;line-height:1.42;margin:7px 0}
.tr-intro-v46 .tr-intro-scene-content .eyebrow{font-size:9px}
.tr-intro-v46 .tr-intro-scene-content .speak-button{transform:scale(.88)}
}
@media (max-width:760px){
.shell.is-focused-activity .main>.tr-header-lesson-v36{display:flex!important;position:relative!important;top:0!important;margin:0 0 8px!important;height:66px!important;min-height:66px!important;max-height:66px!important;padding:0 15px!important;align-items:center!important;justify-content:space-between!important}
.shell.is-focused-activity .main>.tr-header-lesson-v36+.topbar{display:none!important}
.shell.is-focused-activity .atlas-lesson .lesson-compact-top{display:none!important}
.tr-intro-v46 .tr-greet-scenes.tr-intro-interactive-scenes{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:16px 0!important}
.tr-intro-v46 .tr-intro-interactive-scenes .tr-greet-scene>img{height:clamp(112px,28vw,170px)!important}
.tr-intro-v46 .tr-intro-interactive-scenes .tr-greet-scene-body{padding:10px!important}
.tr-intro-v46 .tr-intro-interactive-scenes .tr-greet-choice{font-size:clamp(10px,2.65vw,12px)!important;padding:8px 6px!important}
.tr-intro-v46 .tr-intro-interactive-scenes .tr-greet-scene h3{font-size:clamp(11px,3vw,14px)!important;line-height:1.38!important}
}
.tr-intro-v46 .tr-intro-interactive-scenes .tr-greet-scene{overflow:hidden}
.tr-intro-v46 .tr-intro-dialogue-answer{border-top:1px solid #e4e9df;margin-top:12px;padding-top:9px}
.tr-intro-v46 .tr-intro-dialogue-answer .tr-greet-response{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:5px 0;font-size:12px;line-height:1.4}
.tr-intro-v46 .tr-intro-dialogue-answer .tr-greet-response strong{color:#194b36}
.tr-intro-v46 .tr-intro-context-note{margin:17px 0 19px!important}
@media (min-width:761px){
.shell.is-focused-activity .atlas-lesson.tr-intro-v46 .lesson-compact-top{display:flex}
}
.tr-numbers-v50 .n50-word-card{min-height:285px;align-items:center;justify-content:center}
.tr-numbers-v50 .tr-greet-word{text-align:center;max-width:700px;margin-inline:auto}
.tr-numbers-v50 .n50-numeral{font-family:Georgia,serif;font-weight:700;font-size:clamp(72px,12vw,122px);line-height:1.05;color:#194b37;letter-spacing:-.06em;padding:4px 0 8px}
.tr-numbers-v50 .tr-greet-word h2{font-size:clamp(33px,6vw,57px);margin:3px 0}
.tr-numbers-v50 .tr-greet-word p{text-transform:capitalize}
.tr-numbers-v50 .tr-greet-audio{justify-content:center}
.tr-numbers-v50 .n50-tip{padding:14px 18px;border-radius:18px;background:#ecf1e5;border:1px solid #d9e5d4;color:#466851;font-size:14px;line-height:1.6;margin-top:15px}
.tr-numbers-v50 .tr-greet-scenes img{object-fit:cover}
.tr-numbers-v50 .n50-practise{max-width:850px}
.tr-numbers-v50 .n50-practise h2{font-family:Georgia,serif;color:#173f2c;font-size:clamp(31px,5vw,48px);line-height:1.1;margin:13px 0}
.tr-numbers-v50 .n50-practise p{color:#697d6d;margin:0 0 24px}
.tr-numbers-v50 .tr-greet-practise-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tr-numbers-v50 .n50-count{border-radius:30px;background:#e6efd9;color:#315742;padding:8px 12px;font-weight:700;font-size:13px}
.tr-numbers-v50 .n50-practise-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:17px 0 22px}
.tr-numbers-v50 .n50-practise-icons span{background:#eef1e9;border-radius:17px;padding:19px 6px;display:flex;flex-direction:column;text-align:center;align-items:center;gap:8px;font-size:25px;color:#1b4935}
.tr-numbers-v50 .n50-practise-icons small{font-size:12px;font-weight:700}
.tr-numbers-v50 .n50-start{width:100%;max-width:400px;text-align:center}
@media (max-width:650px){
.tr-numbers-v50 .n50-word-card{min-height:250px}
.tr-numbers-v50 .tr-greet-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}
.tr-numbers-v50 .tr-greet-scene-body{padding:11px!important}
.tr-numbers-v50 .tr-greet-scene h3{font-size:14px!important}
.tr-numbers-v50 .tr-greet-choice{font-size:12px!important;padding:10px 8px!important}
.tr-numbers-v50 .n50-tip{font-size:12px;padding:12px 13px}
}
.tr-numbers-v50 .tr-greet-scenes .tr-greet-scene>img{display:block!important;border-radius:0!important}
.tr-numbers-v50 .tr-greet-scenes .tr-greet-scene{min-width:0}
@media (max-width:700px){
.tr-numbers-v50 .tr-greet-scenes{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}
.tr-numbers-v50 .tr-greet-scenes .tr-greet-scene > img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:2/1!important;object-fit:contain!important;object-position:center center!important;background:#efe6d7!important}
.n53-number-challenge .n53-numeral-grid .v12-picture-option{display:flex!important;justify-content:center!important;align-items:center!important;min-width:0;min-height:146px;border-radius:20px!important;background:linear-gradient(145deg,#faf8f1,#f0f4ed)!important}
.n53-number-challenge .n53-numeral-grid .n53-numeral{font:800 clamp(54px,9vw,112px)/1 system-ui,-apple-system,sans-serif;color:#194f39;display:block;padding:20px 3px}
.n53-number-challenge .n53-numeral-grid .v12-picture-option.chosen{border-color:#267e54!important;background:#e1efd9!important}
@media (max-width:760px){
.n53-number-challenge .n53-numeral-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.n53-number-challenge .n53-numeral-grid .v12-picture-option{min-height:140px!important;padding:10px!important}
}
.tr-colours-v55 .c55-word-card{min-height:285px;align-items:center;justify-content:center}
.tr-colours-v55 .c55-main-swatch{background:var(--swatch);border:2px solid var(--swatch-border)}
.tr-colours-v55 .c55-main-swatch:after{content:'';position:absolute;top:10px;left:13px;right:13px;height:35%;border-radius:25px;background:linear-gradient(#ffffff48,transparent)}
.tr-colours-v55 .tr-greet-word{text-align:center;max-width:700px;margin:0 auto}
.tr-colours-v55 .tr-greet-word h2{font-size:clamp(32px,5vw,53px);margin:4px 0}
.tr-colours-v55 .tr-greet-audio{justify-content:center}
.tr-colours-v55 .tr-greet-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tr-colours-v55 .tr-greet-scenes .tr-greet-scene{min-width:0;overflow:hidden}
.tr-colours-v55 .tr-greet-footnote{margin:16px 0;color:#687b6c}
@media (max-width:650px){
.tr-colours-v55 .tr-greet-scenes{gap:9px!important}
.tr-colours-v55 .tr-greet-scenes .tr-greet-scene-body{padding:10px!important}
.tr-colours-v55 .tr-greet-scenes .tr-greet-scene h3{font-size:clamp(11px,3vw,14px)!important;line-height:1.35}
.tr-colours-v55 .tr-greet-choice{font-size:clamp(10px,2.7vw,12px)!important;padding:9px 6px!important}
.tr-colours-v55 .c55-word-card{min-height:255px}
}
.tr-numbers-v50 .tr-greet-scenes .tr-greet-scene>img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center center!important;background:#f5efe4!important}
.tr-colours-v55 .c55-main-swatch{width:min(190px,48vw);height:112px;border-radius:27px;box-shadow:inset 18px 16px 33px #ffffff28,0 12px 30px #203b2918;margin:14px auto 20px;position:relative;overflow:hidden}
.n53-number-challenge .g18-question-art{width:100%!important;max-height:320px!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center center!important;background:#faf5ee;border-radius:18px!important}
.n53-number-challenge .n53-numeral-grid .v12-picture-option strong{display:none!important}
.tr-colours-v55 .c55-choice-swatch{display:block;width:100%;min-height:146px;border-radius:20px;border:2px solid transparent;box-shadow:inset 0 1px 0 #ffffff55}
.n53-number-challenge .v12-picture-grid .v12-picture-option:has(.c55-choice-swatch){padding:12px!important;min-height:168px!important;background:linear-gradient(145deg,#faf8f1,#f0f4ed)!important}
@media (max-width:760px){
.tr-numbers-v50 .tr-greet-scenes{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.tr-numbers-v50 .tr-greet-scenes .tr-greet-scene>img{aspect-ratio:4/3!important}
.n53-number-challenge .g18-question-art{max-height:240px!important;aspect-ratio:4/3!important}
.tr-colours-v55 .c55-choice-swatch{min-height:128px}
.n53-number-challenge .v12-picture-grid .v12-picture-option:has(.c55-choice-swatch){min-height:148px!important;padding:10px!important}
}
.tr-colours-v55 .tr-greet-scenes .tr-greet-scene>img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1.64 / 1!important;object-fit:cover!important;object-position:center!important;background:#f8f3ea!important;border:0!important;border-radius:0!important}
.tr-numbers-v50 .tr-greet-scenes .tr-greet-scene:nth-child(3)>img, .tr-numbers-v50 .tr-greet-scenes .tr-greet-scene:nth-child(4)>img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:461/484!important;object-fit:cover!important;object-position:center!important;background:#f7eee2!important;border:0!important;border-radius:0!important}
.tr-numbers-v50 .tr-greet-scenes .tr-greet-scene:nth-child(1)>img, .tr-numbers-v50 .tr-greet-scenes .tr-greet-scene:nth-child(2)>img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:0!important}
@media (max-width:700px){
.tr-colours-v55 .tr-greet-scenes{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.tr-colours-v55 .tr-greet-scenes .tr-greet-scene>img{aspect-ratio:1.64/1!important}
.tr-numbers-v50 .tr-greet-scenes .tr-greet-scene:nth-child(3)>img, .tr-numbers-v50 .tr-greet-scenes .tr-greet-scene:nth-child(4)>img{aspect-ratio:461/484!important}
}
.tr-colours-v55 .c58-swatch, .n53-number-challenge .c58-swatch{background-image:none!important;box-shadow:inset 0 1px 2px rgba(255,255,255,.1),0 7px 18px rgba(20,50,35,.09)!important}
.tr-colours-v55 .c58-colour-1, .n53-number-challenge .c58-colour-1{background-color:#3277B8!important;border-color:#3277B8!important}
.tr-colours-v55 .c58-colour-2, .n53-number-challenge .c58-colour-2{background-color:#387E4B!important;border-color:#387E4B!important}
.tr-colours-v55 .c58-colour-3, .n53-number-challenge .c58-colour-3{background-color:#DB80A8!important;border-color:#DB80A8!important}
.tr-colours-v55 .c58-colour-4, .n53-number-challenge .c58-colour-4{background-color:#8062A9!important;border-color:#8062A9!important}
.tr-colours-v55 .c58-colour-5, .n53-number-challenge .c58-colour-5{background-color:#CF4F40!important;border-color:#CF4F40!important}
.tr-colours-v55 .c58-colour-6, .n53-number-challenge .c58-colour-6{background-color:#EBC044!important;border-color:#EBC044!important}
.tr-colours-v55 .c58-colour-7, .n53-number-challenge .c58-colour-7{background-color:#E78534!important;border-color:#E78534!important}
.tr-colours-v55 .c58-colour-8, .n53-number-challenge .c58-colour-8{background-color:#FFFFFF!important;border-color:#cad5cb!important}
.tr-colours-v55 .c58-colour-9, .n53-number-challenge .c58-colour-9{background-color:#292F32!important;border-color:#292F32!important}
.tr-colours-v55 .c58-colour-10, .n53-number-challenge .c58-colour-10{background-color:#929A9B!important;border-color:#929A9B!important}
.tr-colours-v55 .c55-main-swatch.c58-swatch:after{display:none!important}
.n53-number-challenge .v12-picture-option .c55-choice-swatch.c58-swatch{display:block!important;width:100%!important;min-height:146px!important;height:100%!important;border-radius:15px!important}
.n53-number-challenge .v12-picture-grid .v12-picture-option:has(.c58-swatch){display:flex!important;align-items:stretch!important;padding:9px!important;min-height:167px!important}
@media (max-width:760px){
.n53-number-challenge .v12-picture-option .c55-choice-swatch.c58-swatch{min-height:130px!important}
.n53-number-challenge .v12-picture-grid .v12-picture-option:has(.c58-swatch){min-height:150px!important}
}
.tr-days-v59 .d59-word-card{min-height:285px;align-items:center;justify-content:center}
.tr-days-v59 .tr-greet-word{text-align:center;max-width:700px;margin:0 auto;align-items:center}
.tr-days-v59 .d59-day-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:12px auto 18px;background:#f0f3eb;border:1px solid #d5dfce;border-radius:25px;box-shadow:0 12px 30px #203b2912;color:#1b4b37}
.tr-days-v59 .d59-day-count{font-size:11px;letter-spacing:.13em;font-weight:800;color:#65816c}
.tr-days-v59 .d59-day-mark strong{line-height:1;font-weight:900}
.tr-days-v59 .tr-greet-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:700px){
.tr-days-v59 .tr-greet-scenes .tr-greet-scene-body{padding:10px!important}
.tr-days-v59 .tr-greet-choice{font-size:11px;padding:8px!important}
.tr-days-v59 .d59-word-card{min-height:255px}
}
.tr-days-v59 .n50-practise{max-width:850px;margin:20px auto 26px!important}
.tr-days-v59 .n50-practise h2{font-family:Georgia,serif;color:#173f2c;font-size:clamp(31px,5vw,48px);line-height:1.1;margin:13px 0 17px}
.tr-days-v59 .n50-practise p{color:#697d6d;margin:0 0 24px;font-size:clamp(15px,2vw,19px)}
.tr-days-v59 .tr-greet-practise-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tr-days-v59 .n50-count{border-radius:30px;background:#e6efd9;color:#315742;padding:8px 12px;font-weight:700;font-size:13px;white-space:nowrap}
.tr-days-v59 .n50-practise-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:17px 0 22px}
.tr-days-v59 .n50-practise-icons span{background:#eef1e9;border-radius:17px;padding:19px 6px;display:flex;flex-direction:column;text-align:center;align-items:center;gap:8px;font-size:25px;color:#1b4935}
.tr-days-v59 .n50-practise-icons small{font-size:12px;font-weight:700}
.tr-days-v59 .n50-start{max-width:100%}
.v12-challenge:has(.d61-day-question) .g18-question-art{object-fit:contain!important}
.v12-challenge .g18-question-art[src*="d61-"]{display:block!important;width:100%!important;height:auto!important;aspect-ratio:448/274!important;max-height:none!important;object-fit:contain!important;object-position:center center!important;background:#f7f0e5!important;border-radius:19px!important}
@media (max-width:700px){
.tr-days-v59 .tr-greet-scenes{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.tr-days-v59 .tr-greet-practise-top{gap:10px}
.tr-days-v59 .n50-practise-icons span{padding:14px 3px}
.v12-challenge .g18-question-art[src*="d61-"]{aspect-ratio:448/274!important;max-height:none!important}
}
.tr-days-v59 .d59-day-mark{width:min(270px,76vw)!important;height:138px!important}
.tr-days-v59 .d59-day-mark strong{font-size:clamp(27px,5vw,43px)!important;letter-spacing:-.035em!important;text-align:center;overflow-wrap:normal}
.tr-days-v59 .tr-greet-scenes .tr-greet-scene>img{border:0!important}
.v12-challenge .g18-question-art[src*="d62-"]{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1344 / 822!important;max-height:none!important;object-fit:contain!important;object-position:center center!important;background:#f5efe5!important;border-radius:19px!important}
@media (max-width:700px){
.v12-challenge .g18-question-art[src*="d62-"]{aspect-ratio:1344 / 822!important;max-height:none!important}
.tr-days-v59 .d59-day-mark strong{font-size:clamp(27px,7vw,39px)!important}
}
.tr-days-v59 .tr-greet-scenes .tr-greet-scene>img{width:100%!important;height:auto!important;aspect-ratio:1344/822!important;object-fit:cover!important;object-position:center!important;display:block!important;background:#f8f4ec!important;border-radius:0!important}
.v12-challenge .g18-question-art[src*="d63-"]{width:100%!important;height:auto!important;aspect-ratio:1344/822!important;object-fit:contain!important;max-height:none!important;object-position:center!important}
.g35-match-item.paired{background:#e2f1dc!important;border-color:#74a879!important;color:#1d5439!important}
.g35-match-item.match-wrong{background:#fce6e3!important;border:2px solid #c75a58!important;color:#8f2e2c!important;box-shadow:0 0 0 2px #fce6e3!important}
.g35-match-item:disabled{cursor:default;opacity:1!important}
.g35-match-status{font-size:14px;color:#657b6b;line-height:1.45;padding:8px 10px;border-radius:12px;background:#f6f8f2}
.g35-match-status.is-correct{background:#eaf5e5;color:#216543}
.g35-match-status.is-wrong{background:#fff0ed;color:#a23e39;font-weight:700}
@media (max-width:700px){
.g35-match-item{min-height:56px!important}
}
.tr-days-v59 .tr-greet-scenes .tr-greet-scene > img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:422/333!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;background:#f8f4ec!important}
.v12-challenge .g18-question-art[src*="d64-"]{width:100%!important;height:auto!important;aspect-ratio:422/333!important;object-fit:contain!important;object-position:center!important;max-height:none!important;border-radius:18px!important}
@media (max-width:700px){
.tr-days-v59 .tr-greet-scenes .tr-greet-scene>img{aspect-ratio:422/333!important}
}
.tr-places-v65 .p65-word-card{min-height:285px;align-items:center;justify-content:center}
.tr-places-v65 .tr-greet-word{align-items:center;text-align:center;max-width:680px;margin:0 auto}
.tr-places-v65 .tr-greet-audio{justify-content:center}
.p65-discover-symbol{width:126px;height:112px;background:#edf2e8;border:1px solid #d8e4d3;border-radius:25px;display:grid;place-items:center;margin:12px auto;color:#1c553e;box-shadow:inset 0 1px #fff,0 11px 24px #1838260c}
.p65-discover-symbol span{font:600 66px/1 Georgia,serif}
.tr-places-v65 .tr-greet-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.tr-places-v65 .tr-greet-scene{min-width:0;overflow:hidden}
.tr-places-v65 .tr-greet-scenes .tr-greet-scene>img{width:100%!important;height:auto!important;aspect-ratio:980/440!important;object-fit:cover!important;object-position:center!important;display:block;border-radius:0!important}
.n53-number-challenge .g18-question-art[src*="p65-"]{width:100%!important;max-height:none!important;height:auto!important;aspect-ratio:980/440!important;object-fit:contain!important;object-position:center!important;background:#f8f5ee}
@media (max-width:700px){
.tr-places-v65 .tr-greet-scenes{gap:9px!important}
.tr-places-v65 .tr-greet-scene-body{padding:10px!important}
.tr-places-v65 .tr-greet-scene h3{font-size:clamp(11px,3vw,14px)!important}
.tr-places-v65 .tr-greet-choice{font-size:clamp(10px,2.7vw,12px)!important;padding:9px 7px!important}
.tr-places-v65 .p65-word-card{min-height:255px}
}
.tr-places-v65 .tr-greet-scenes .tr-greet-scene > img{width:100%!important;height:auto!important;aspect-ratio:407 / 212!important;object-fit:cover!important;object-position:center!important;display:block!important;border-radius:0!important;background:#f8f5ee!important}
.v12-challenge .g18-question-art[src*="p66-"]{width:100%!important;height:auto!important;aspect-ratio:407 / 212!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border-radius:18px!important}
@media (max-width:700px){
.tr-places-v65 .tr-greet-scenes .tr-greet-scene>img{aspect-ratio:407/212!important}
.v12-challenge .g18-question-art[src*="p66-"]{aspect-ratio:407/212!important}
}
.tr67-review-card{position:relative;z-index:2;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:20px;margin:30px 0 8px;padding:26px 28px;border:1px solid #e4d7b4;border-radius:28px;background:linear-gradient(130deg,#174d38,#0b3528);box-shadow:0 12px 32px #132f241b;color:#fffaf0}
.tr67-review-symbol{width:60px;height:60px;border:1px solid #edd5a0;border-radius:50%;display:grid;place-items:center;font:40px Georgia,serif;color:#f1d38a}
.tr67-review-copy .eyebrow{color:#ead5ab;font-size:11px;letter-spacing:.14em}
.tr67-review-copy h3{font:700 clamp(24px,3vw,36px)/1.15 Georgia,serif;margin:8px 0;color:#fff9e9}
.tr67-review-copy p{font-size:14px;color:#e5ede0;line-height:1.5;margin:8px 0}
.tr67-review-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.tr67-review-meta span{border:1px solid #ffffff40;border-radius:20px;padding:6px 10px;color:#f9f5e7;font-size:12px}
.tr67-review-meta .tr67-stamp{background:#e4f0cf;color:#1a5639}
.tr67-review-card .tr67-review-best{font-size:12px;color:#e6d8b6}
.tr67-review-start{background:#f1d6a2!important;color:#153d2d!important;border:0!important;white-space:nowrap;box-shadow:none!important}
.tr67-review-finish{max-width:720px;margin:65px auto;text-align:center}
.tr67-completion-medal{font:72px Georgia,serif;color:#bc9856}
.tr67-review-finish h1{font-family:Georgia,serif;color:#194c37}
.tr67-review-finish .btn{margin:12px 7px}
.tr67-bonus{font-weight:800;color:#24694b}
@media (max-width:760px){
.tr67-review-card{grid-template-columns:42px minmax(0,1fr);gap:12px;margin:20px 0 8px;padding:18px 15px;border-radius:21px}
.tr67-review-symbol{width:40px;height:40px;font-size:28px}
.tr67-review-copy h3{font-size:23px}
.tr67-review-copy p{font-size:12px}
.tr67-review-meta span{font-size:10px;padding:5px 8px}
.tr67-review-start{grid-column:1/-1;width:100%;min-height:48px}
.tr67-review-copy .eyebrow{font-size:9px}
}
.tr-numbers-v50 .tr-greet-scenes .tr-greet-scene > img[src*="n51-fruit.webp"]{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center!important;background:#f9f5ed!important}
.v12-challenge .g18-question-art[src*="n51-fruit.webp"]{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center!important;max-height:360px!important;background:#f9f5ed!important}
@media (max-width:760px){
.v12-challenge .g18-question-art[src*="n51-fruit.webp"]{max-height:260px!important}
}
.tf-v70-page{--tf-forest:#164a36;--tf-ink:#163c30;--tf-soft:#f8f3ea;--tf-line:#e4e6d9;color:var(--tf-ink);max-width:1220px;margin:0 auto;padding:12px 0 48px;font-family:inherit}
.tf-v70-page button{cursor:pointer;font:inherit}
.tf-v70-page button:focus-visible,.tf-v70-page input:focus-visible{outline:3px solid #8dbd78;outline-offset:3px}
.tf-v70-kicker{display:block;font-size:11px;font-weight:850;letter-spacing:.24em;color:#668774;text-transform:uppercase}
.tf-v70-hero{position:relative;display:grid;grid-template-columns:1.08fr .92fr;min-height:328px;border-radius:30px;padding:41px 44px 34px;overflow:hidden;background:radial-gradient(ellipse at 85% 8%,#d0e4c7 0,transparent 48%),linear-gradient(125deg,#f9f1e7,#f5f2e8 54%,#dfe9d4);border:1px solid #eae8d9;box-shadow:0 12px 34px rgba(44,71,49,.065)}
.tf-v70-hero:before{content:'';position:absolute;right:-12%;bottom:-55%;width:70%;height:110%;background:radial-gradient(ellipse,#a8c4ac7a,transparent 68%);pointer-events:none}
.tf-v70-hero-copy{position:relative;z-index:2;max-width:530px}
.tf-v70-hero h1{font-family:Georgia,serif;font-size:clamp(34px,4.3vw,64px);letter-spacing:-.05em;line-height:1.02;margin:21px 0 15px;font-weight:700;color:#1b392d}
.tf-v70-hero h1 em,.tf-v70-section-top h2 em{font-family:Georgia,serif;color:#608e5e;font-weight:500}
.tf-v70-hero p{font-size:15px;line-height:1.6;color:#5b675d;max-width:375px;margin:0 0 24px}
.tf-v70-hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.tf-v70-primary,.tf-v70-secondary,.tf-v70-outline{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;min-height:47px;padding:10px 20px;font-weight:800!important;border:1px solid transparent}
.tf-v70-primary{background:linear-gradient(145deg,#245943,#103e2b);color:white!important;box-shadow:0 8px 17px #164a3629}
.tf-v70-primary span{margin-left:18px}
.tf-v70-secondary{background:#fffaf4;color:#1a4a36!important;border-color:#d9e0d3}
.tf-v70-outline{background:#fff9f1;border-color:#e1e2d7;color:#2d5540}
.tf-v70-primary:hover{filter:brightness(1.08)}
.tf-v70-hero-art{min-height:260px;position:relative;isolation:isolate}
.tf-v70-art-back,.tf-v70-art-front{position:absolute;width:220px;height:248px;border:5px solid #fffaf4;border-radius:24px;box-shadow:0 13px 26px #263f3342;top:6px;left:50%;background:#f5efe3;overflow:hidden}
.tf-v70-art-back1{transform:translateX(-14%) rotate(16deg);background:linear-gradient(165deg,#adcad3,#417885 45%,#18455e)}
.tf-v70-art-back1:after{content:' ';position:absolute;inset:90px -40px -60px;background:linear-gradient(150deg,#87a1a6,#176b59);clip-path:polygon(0 60%,30% 24%,60% 50%,90% 7%,100% 24%,100% 100%,0 100%)}
.tf-v70-art-back2{transform:translateX(-70%) rotate(-18deg);background:linear-gradient(160deg,#e6e7c5,#849d7b)}
.tf-v70-art-front{transform:translateX(-43%) rotate(-6deg);z-index:2;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}
.tf-v70-art-front strong{font:700 46px Georgia,serif;letter-spacing:-.04em;color:#16432f;position:relative;z-index:1}
.tf-v70-art-front small{font-size:20px;color:#798471;z-index:1}
.tf-v70-art-symbol,.tf-v70-art-heart{position:absolute;top:20px;color:#345d44;font-size:23px}
.tf-v70-art-symbol{left:20px;font-size:15px}
.tf-v70-art-heart{right:20px}
.tf-v70-art-hills{position:absolute;bottom:-60px;width:140%;height:160px;left:-10%;background:linear-gradient(160deg,#d3e1c5,#84a581);clip-path:polygon(0 52%,24% 22%,43% 47%,67% 8%,100% 48%,100% 100%,0 100%)}
.tf-v70-art-sticker{position:absolute;z-index:4;bottom:3px;right:0;transform:rotate(-10deg);background:#164d38;color:#fff;padding:9px 18px;border-radius:11px;font-size:14px;font-weight:800;box-shadow:0 7px 15px #29473730}
.tf-v70-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e7e5d9;border-radius:23px;background:#fffdf8;margin:18px 0 23px;box-shadow:0 8px 24px #173c3011}
.tf-v70-summary>div{display:flex;justify-content:center;align-items:center;gap:11px;padding:18px 10px}
.tf-v70-summary>div+div{border-left:1px solid #e7e8df}
.tf-v70-summary b{font-size:23px}
.tf-v70-summary small{font-size:12px;color:#798377}
.tf-v70-sum-icon{font-size:24px;color:#588268}
.tf-v70-customise{border:1px solid #e7e5d9;background:#fffaf3;border-radius:27px;padding:24px 26px;margin-bottom:20px;box-shadow:0 8px 28px #21412e0d}
.tf-v70-section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.tf-v70-section-top h2{font:700 clamp(26px,3vw,36px) Georgia,serif;letter-spacing:-.035em;margin:7px 0 0;color:#1c3e30}
.tf-v70-custom-label{background:#f7ecd6;color:#876b34;padding:8px 12px;border-radius:100px;font-size:12px;white-space:nowrap}
.tf-v70-custom-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.tf-v70-feature{border:1px solid #ffffffc9;min-height:132px;border-radius:20px;text-align:left;padding:19px 17px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s;color:#1b3f30}
.tf-v70-feature:hover{transform:translateY(-3px);box-shadow:0 10px 15px #1e473015}
.tf-v70-feature span{font-size:29px;margin-bottom:auto;font-weight:400}
.tf-v70-feature b{font-size:15px;margin-top:5px}
.tf-v70-feature small{font-size:12px;color:#718273;margin-top:2px}
.tf-v70-sage{background:linear-gradient(145deg,#e4efdf,#d5e4d5)}
.tf-v70-peach{background:linear-gradient(145deg,#faecdf,#f4dfce)}
.tf-v70-blue{background:linear-gradient(145deg,#e7f2ed,#dbe7e3)}
.tf-v70-lavender{background:linear-gradient(145deg,#f4e9e4,#e9dedf)}
.tf-v70-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#f4eee6;padding:6px;border-radius:999px;gap:6px;margin:23px 0 27px;box-shadow:inset 0 1px 4px #473f2f14}
.tf-v70-tabs button{border:0;background:transparent;border-radius:999px;min-height:45px;color:#576b60;font-weight:800;display:flex;justify-content:center;align-items:center;gap:8px}
.tf-v70-tabs button.active{background:#1a503a;color:white;box-shadow:0 4px 11px #1a503a32}
.tf-v70-browse-head{margin-bottom:15px}
.tf-v70-text-button{background:none;border:0;color:#35664c;font-weight:800;padding:8px}
.tf-v70-tools{display:flex;gap:10px;margin-bottom:16px;align-items:center}
.tf-v70-search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e2e6dc;border-radius:999px;padding:0 17px;color:#60816d;flex:1;min-height:46px;font-size:22px}
.tf-v70-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#244636;font:inherit;font-size:14px}
.tf-v70-filter{border:1px solid #e1e5da;background:#fffdf8;border-radius:100px;padding:12px 17px;font-size:13px;color:#52665a}
.tf-v70-filter.on{background:#dce9d4;border-color:#a8c5a2;color:#20523a}
.tf-v70-word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.tf-v70-word-card{min-width:0;min-height:205px;border-radius:22px;border:1px solid #e6e5d8;padding:14px 17px;display:flex;flex-direction:column;text-align:center;overflow:hidden;position:relative;background:linear-gradient(160deg,#fffdf8 40%,#f0f0df);box-shadow:0 7px 17px #243c3010}
.tf-v70-word-card:nth-child(3n+2){background:linear-gradient(155deg,#fffdf9 36%,#f9e9db)}
.tf-v70-word-card:nth-child(3n+3){background:linear-gradient(155deg,#fffdfa 40%,#d8e5dc)}
.tf-v70-word-card:after{content:'';position:absolute;bottom:-37px;right:-40px;width:165px;height:100px;border-radius:70% 15% 0 0;transform:rotate(-13deg);background:#9eae8755;pointer-events:none}
.tf-v70-word-card:nth-child(3n+2):after{background:#eacaa45e}
.tf-v70-word-card:nth-child(3n+3):after{background:#78a7a266}
.tf-v70-word-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;position:relative;z-index:2}
.tf-v70-word-actions button{background:none;border:0;font-size:22px;color:#345f47;padding:2px}
.tf-v70-heart.is-fav{color:#28794a}
.tf-v70-word-card>strong{font:700 clamp(21px,2.2vw,29px) Georgia,serif;line-height:1.15;letter-spacing:-.02em;margin-top:2px;position:relative;z-index:1;overflow-wrap:anywhere}
.tf-v70-translation{font-size:15px;color:#68766c;margin-top:7px;position:relative;z-index:1}
.tf-v70-word-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;padding-top:15px}
.tf-v70-category,.tf-v70-edit{border:1px solid #ffffffc5;background:#ffffffad;border-radius:100px;padding:6px 10px;font-size:11px;color:#335943}
.tf-v70-edit{padding:6px 11px}
.tf-v70-collections{margin-top:30px}
.tf-v70-folders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tf-v70-folder{position:relative;min-height:108px;border:1px solid #efeee6;border-radius:20px;padding:18px 13px;text-align:left;overflow:hidden;display:flex;flex-direction:column;background:#f8efdf;color:#234a35;box-shadow:0 5px 13px #23432f0c}
.tf-v70-folder.travel{background:linear-gradient(125deg,#f8f1e5,#dbe8dd)}
.tf-v70-folder.daily{background:linear-gradient(125deg,#f5f6e8,#dbe9d6)}
.tf-v70-folder.food{background:linear-gradient(125deg,#fdf3e6,#efddc4)}
.tf-v70-folder.favorites{background:linear-gradient(125deg,#f9f6ed,#e0e8d5)}
.tf-v70-folder.chosen{outline:2px solid #4c9974;outline-offset:2px}
.tf-v70-folder-icon{font-size:24px;line-height:1}
.tf-v70-folder strong{font-size:14px;margin-top:11px;z-index:1}
.tf-v70-folder small{font-size:12px;color:#728074;margin-top:3px;z-index:1}
.tf-v70-folder-decor{position:absolute;bottom:-20px;right:-22px;width:90px;height:80px;border-radius:90px 20px 0 0;background:#92b5a45c;transform:rotate(-26deg)}
.tf-v70-folder.food .tf-v70-folder-decor{background:#dda96f70}
.tf-v70-collection-foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.tf-v70-storage-note{margin:25px 0 0;text-align:center;color:#889288;font-size:12px}
.tf-v70-empty{padding:24px;border-radius:18px;border:1px dashed #c5d7c6;background:#fafbf4;text-align:center;color:#6f796f}
.tf-v70-empty[hidden],.tf-v70-word-card[hidden]{display:none!important}
.tf-v70-review{max-width:750px;margin:0 auto}
.tf-v70-review-card{width:100%;height:310px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;border:1px solid #e3e3d7;border-radius:26px;background:linear-gradient(165deg,#fffef9,#e7eedf);box-shadow:0 15px 24px #23473212;color:#164a36}
.tf-v70-review-card>span{letter-spacing:.2em;font-size:12px;color:#748876}
.tf-v70-review-card strong{font:700 clamp(42px,6vw,70px) Georgia,serif}
.tf-v70-review-card small{font-size:13px;color:#71947b}
.tf-v70-review-card.flipped{background:linear-gradient(165deg,#fef6e9,#e7e5d7)}
.tf-v70-review-count{color:#768b76}
.tf-v70-review-actions,.tf-v70-rating{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:20px}
.tf-v70-rating button{border:1px solid #d2decf;padding:10px 18px;border-radius:100px;background:#fffdf7;color:#21553d}
.tf-v70-rating button:last-child{background:#dbead5}
.tf-v70-page[data-theme="1"] .tf-v70-word-card{background:linear-gradient(150deg,#fcf5e8,#f4e4d4)}
.tf-v70-page[data-theme="2"] .tf-v70-word-card{background:linear-gradient(150deg,#eef2f4,#d8e7e6)}
@media (max-width:850px){
.tf-v70-hero{padding:29px 28px;grid-template-columns:1.1fr .9fr;min-height:290px}
.tf-v70-art-back,.tf-v70-art-front{width:165px;height:204px}
.tf-v70-art-front strong{font-size:37px}
.tf-v70-art-sticker{font-size:12px}
.tf-v70-hero p{font-size:14px}
.tf-v70-summary>div{flex-wrap:wrap}
.tf-v70-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tf-v70-custom-grid,.tf-v70-folders{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:570px){
.tf-v70-page{padding:0 0 110px}
.tf-v70-hero{display:block;padding:23px 20px 195px;border-radius:23px}
.tf-v70-kicker{font-size:9px;letter-spacing:.18em}
.tf-v70-hero h1{font-size:clamp(32px,9vw,44px);margin:13px 0 11px}
.tf-v70-hero p{font-size:13px;line-height:1.5;max-width:310px;margin-bottom:16px}
.tf-v70-hero-actions{gap:7px}
.tf-v70-primary,.tf-v70-secondary{min-height:41px;font-size:12px!important;padding:9px 13px}
.tf-v70-primary span{margin-left:3px}
.tf-v70-hero-art{min-height:0;position:absolute;bottom:-7px;right:26px;height:190px;width:245px}
.tf-v70-art-back,.tf-v70-art-front{width:132px;height:161px;top:9px;left:51%}
.tf-v70-art-front strong{font-size:31px}
.tf-v70-art-front small{font-size:14px}
.tf-v70-art-sticker{right:-9px;bottom:8px}
.tf-v70-summary{border-radius:17px;margin:12px 0 16px}
.tf-v70-summary>div{padding:10px 3px;gap:3px;flex-direction:column}
.tf-v70-summary b{font-size:19px;line-height:1}
.tf-v70-summary small{font-size:9px}
.tf-v70-sum-icon{font-size:18px}
.tf-v70-customise{padding:18px 13px;border-radius:20px;margin-bottom:16px}
.tf-v70-section-top{gap:8px}
.tf-v70-section-top h2{font-size:27px}
.tf-v70-custom-label{font-size:9px;padding:7px 8px}
.tf-v70-custom-grid{gap:8px}
.tf-v70-feature{padding:13px 12px;min-height:100px;border-radius:15px}
.tf-v70-feature span{font-size:24px}
.tf-v70-feature b{font-size:13px}
.tf-v70-feature small{font-size:10px}
.tf-v70-tabs{margin:17px 0 24px;gap:2px;padding:4px}
.tf-v70-tabs button{min-height:39px;font-size:12px;gap:4px}
.tf-v70-browse-head{align-items:center}
.tf-v70-tools{flex-wrap:wrap;gap:7px}
.tf-v70-search{flex-basis:100%;min-height:41px}
.tf-v70-filter{padding:9px 13px}
.tf-v70-word-grid{gap:9px}
.tf-v70-word-card{min-height:178px;padding:11px 10px;border-radius:16px}
.tf-v70-word-card>strong{font-size:21px}
.tf-v70-word-actions{margin-bottom:8px}
.tf-v70-translation{font-size:12px}
.tf-v70-category{font-size:10px;padding:5px 7px}
.tf-v70-collections{margin-top:26px}
.tf-v70-folders{gap:8px}
.tf-v70-folder{min-height:97px;padding:13px 11px;border-radius:15px}
.tf-v70-folder strong{font-size:13px}
.tf-v70-folder small{font-size:11px}
.tf-v70-outline{font-size:12px!important;padding:8px 11px}
.tf-v70-review-card{height:250px}
.tf-v70-review-actions{gap:6px}
.tf-v70-review-actions button{font-size:11px!important;padding:8px 9px}
}
.tf-v71-page{max-width:1110px;margin-inline:auto;color:#193f31}
.tf-v71-intro{border:1px solid #e8e8dd;min-height:265px;border-radius:29px;display:grid;grid-template-columns:1.4fr .65fr;align-items:center;gap:22px;padding:31px 39px;background:radial-gradient(ellipse at 91% 12%,#dae9dc 0%,transparent 43%),linear-gradient(125deg,#fffaf4 5%,#f7f6ed 100%);overflow:hidden;position:relative}
.tf-v71-intro h1{font:700 clamp(34px,4.6vw,57px)/1.08 Georgia,serif;letter-spacing:-.045em;margin:14px 0 13px;color:#173d2e}
.tf-v71-intro h1 em{color:#60866b;font-weight:500}
.tf-v71-intro p{max-width:430px;color:#5f7168;font-size:15px;line-height:1.55;margin:0 0 19px}
.tf-v71-actions{display:flex;gap:10px;flex-wrap:wrap}
.tf-v71-actions button{font-size:14px!important}
.tf-v71-intro-visual{height:200px;position:relative;min-width:170px}
.tf-v71-back-card,.tf-v71-front-card{width:154px;height:184px;border-radius:19px;position:absolute;left:50%;top:8px;box-shadow:0 17px 29px #244f3324;border:4px solid #fff}
.tf-v71-back-card{transform:translateX(-36%) rotate(12deg);background:linear-gradient(155deg,#f4dabf 10%,#a1bca1 100%)}
.tf-v71-front-card{transform:translateX(-72%) rotate(-7deg);background:linear-gradient(160deg,#fffdf8 10%,#eef2e5 73%,#b5d0b0 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1d4d35}
.tf-v71-front-card span{position:absolute;top:16px;left:12px;font:700 9px sans-serif;letter-spacing:.13em}
.tf-v71-front-card strong{font:700 35px Georgia,serif}
.tf-v71-front-card small{font-size:15px;color:#7c8c78;margin-top:7px}
.tf-v71-front-card i{position:absolute;right:13px;top:13px;font-size:20px;font-style:normal}
.tf-v71-overview{display:flex;gap:0;border:1px solid #e6e9df;border-radius:18px;background:#fffdf9;margin:15px 0 23px;padding:15px 9px}
.tf-v71-overview>div{display:flex;align-items:baseline;justify-content:center;gap:9px;flex:1}
.tf-v71-overview>div+div{border-left:1px solid #e6e9df}
.tf-v71-overview strong{font:700 24px Georgia,serif}
.tf-v71-overview span{font-size:12px;color:#6c8172}
.tf-v71-tabs{margin:0 0 27px;background:#efeee7;box-shadow:none}
.tf-v71-tabs button{min-height:47px}
.tf-v71-library{background:#fffdf9;border:1px solid #eee9e0;padding:25px;border-radius:25px;box-shadow:0 9px 30px #1f422c0a}
.tf-v71-library h2{font-size:31px}
.tf-v71-folders{display:flex;gap:8px;flex-wrap:wrap}
.tf-v71-folder-pill{border:1px solid #dbe4d7;background:#f7f9f3;color:#3a634c;border-radius:999px;padding:11px 16px;font-size:13px;font-weight:700;min-height:43px}
.tf-v71-folder-pill.selected{background:#20563e;border-color:#20563e;color:white}
.tf-v71-search{max-width:100%;margin-bottom:20px;background:#fff;box-sizing:border-box}
.tf-v71-word-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tf-v71-word-grid .tf-v70-word-card{min-height:188px;box-shadow:0 5px 14px #234b3211}
.tf-v71-word-grid .tf-v70-word-card>strong{font-size:clamp(21px,2.2vw,29px)}
.tf-v71-collection-guide{display:flex;align-items:center;gap:15px;border:1px solid #e4e8da;border-radius:18px;background:linear-gradient(100deg,#eaf1e4,#fbf6e9);padding:17px 18px;margin-bottom:20px}
.tf-v71-collection-guide>span{font-size:27px;color:#4f8364}
.tf-v71-collection-guide>div{flex:1}
.tf-v71-collection-guide strong{font-size:14px}
.tf-v71-collection-guide p{margin:4px 0 0;color:#697a6b;font-size:12px}
.tf-v71-muted{font-size:13px;color:#738173;margin:5px 0 0}
.tf-v71-review{background:#fffdf9;padding:24px;border-radius:24px;border:1px solid #eee9e0}
.tf-v71-bottom-note{text-align:center;padding:24px 5px 8px;color:#819084;font-size:12px}
@media (max-width:720px){
.tf-v71-intro{grid-template-columns:1fr .35fr;padding:25px 23px;min-height:0;gap:4px}
.tf-v71-intro h1{font-size:clamp(31px,6vw,43px)}
.tf-v71-intro p{font-size:13px}
.tf-v71-intro-visual{height:170px;min-width:100px;opacity:.78}
.tf-v71-back-card,.tf-v71-front-card{width:112px;height:144px}
.tf-v71-front-card strong{font-size:27px}
.tf-v71-front-card small{font-size:12px}
.tf-v71-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tf-v71-library{padding:17px}
}
@media (max-width:470px){
.tf-v71-intro{display:block;padding:24px 18px 18px}
.tf-v71-intro p{max-width:295px}
.tf-v71-intro-visual{position:absolute;right:5px;top:6px;width:105px;height:120px;min-width:0;opacity:.20;pointer-events:none}
.tf-v71-intro h1{max-width:270px;font-size:35px}
.tf-v71-actions{position:relative}
.tf-v71-actions button{font-size:12px!important;flex:1;white-space:nowrap;padding:10px 9px}
.tf-v71-overview{margin:12px 0 15px;padding:12px 3px}
.tf-v71-overview>div{flex-direction:column;align-items:center;gap:3px}
.tf-v71-overview strong{font-size:22px}
.tf-v71-overview span{font-size:10px;text-align:center}
.tf-v71-tabs{margin-bottom:16px}
.tf-v71-tabs button{font-size:12px;min-height:43px}
.tf-v71-library{padding:17px 12px}
.tf-v71-library h2{font-size:26px}
.tf-v71-folder-pill{font-size:12px;padding:9px 12px;min-height:38px}
.tf-v71-word-grid{gap:10px}
.tf-v71-collection-guide{flex-wrap:wrap}
.tf-v71-collection-guide>button{width:100%}
.tf-v71-review{padding:16px 12px}
.tf-v71-review .tf-v70-review-actions{flex-wrap:wrap}
}
.tf-v72-folders-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 13px}
.tf-v72-folders-heading strong{font:700 21px Georgia,serif;color:#204533}
.tf-v72-new-folder{border:1px solid #d6e4d6;background:#ecf4e9;border-radius:999px;padding:11px 15px;color:#24513b;font-weight:750;font-size:13px;min-height:43px}
.tf-v72-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.tf-v72-folder-tile{min-height:122px;border-radius:19px;background:linear-gradient(138deg,#eaf0df,#f9f5eb);border:1px solid #e1e8db;position:relative;overflow:hidden}
.tf-v72-folder-tile:nth-child(3n+2){background:linear-gradient(135deg,#f9eadc,#fffaf0)}
.tf-v72-folder-tile:nth-child(3n){background:linear-gradient(140deg,#e2ede1,#eff3eb)}
.tf-v72-folder-tile.selected{outline:2px solid #276749;outline-offset:-2px}
.tf-v72-folder-open{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%;text-align:left;padding:15px 17px;border:0;background:transparent;color:#244733}
.tf-v72-folder-icon{font-size:24px;margin-bottom:12px}
.tf-v72-folder-open strong{font-size:15px;font-weight:800;max-width:83%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tf-v72-folder-open small{font-size:11px;color:#6c8174;margin-top:4px}
.tf-v72-folder-menu,.tf-v72-folder-delete{position:absolute;top:7px;right:9px;border:0;background:#ffffffba;color:#486b53;border-radius:10px;min-width:28px;height:29px}
.tf-v72-folder-delete{top:40px;color:#916b60}
.tf-v72-move{border:1px solid #d6e3d5!important;background:#f1f6eb!important;color:#286248!important;border-radius:9px!important;min-width:29px;min-height:29px}
.tf-v71-folders{margin:8px 0 17px}
@media (max-width:680px){
.tf-v72-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.tf-v72-folder-tile{min-height:112px}
.tf-v72-folder-open{padding:13px}
.tf-v72-folder-icon{margin-bottom:8px}
.tf-v72-folder-open strong{font-size:13px}
.tf-v72-folders-heading strong{font-size:19px}
}
.tf73-folder-bar{display:flex;align-items:center;justify-content:space-between;margin:10px 0 18px;color:#4b6b54;font-size:11px;font-weight:800;letter-spacing:1.5px}
.tf73-folder-bar button,.tf73-review-back{background:#eef3ea;border:1px solid #dce7d9;border-radius:99px;padding:11px 16px;min-height:42px;color:#2c6346;font-weight:800;font-size:13px;letter-spacing:0}
.tf73-folder-detail{border:1px solid #e2e9dd;background:linear-gradient(125deg,#e9f1e1 0%,#f7f5e9 52%,#e7f0e8 100%);border-radius:25px;padding:25px 29px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.tf73-folder-detail span{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#5a8060}
.tf73-folder-detail h1{font:700 33px Georgia,serif;color:#214933;margin:8px 0 5px}
.tf73-folder-detail p{color:#6c8071;font-size:13px;margin:0}
.tf73-folder-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.tf73-review-folder-name{font:700 27px Georgia,serif;color:#244c36;margin:16px 0 5px}
.tf73-review-back{margin-bottom:2px}
.tf73-word-flip{border:none;background:transparent;display:flex;flex-direction:column;text-align:left;gap:10px;width:100%;padding:0;color:inherit;cursor:pointer}
.tf73-word-flip strong{font-size:inherit;color:inherit}
.tf73-word-flip span{font-size:inherit}
.tf73-word-flip small{color:#809586;font-size:10px;margin-top:3px}
.tf73-overlay{position:fixed;inset:0;z-index:6000;background:rgba(17,42,29,.48);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:22px}
.tf73-dialog{width:min(470px,100%);max-height:min(93vh,750px);overflow-y:auto;background:#fffef9;border:1px solid #e9eae1;box-shadow:0 30px 90px #102e2040;border-radius:26px;padding:29px 31px;color:#264735}
.tf73-dialog-head{display:flex;justify-content:space-between;align-items:center}
.tf73-kicker{font-size:10px;font-weight:850;letter-spacing:1.4px;color:#5f8067}
.tf73-close{background:#f0f3ea;border:0;border-radius:50%;width:36px;height:36px;font-size:24px;color:#476c53;cursor:pointer}
.tf73-dialog h2{font:700 31px Georgia,serif;color:#21432f;margin:13px 0 7px}
.tf73-subtitle{color:#78877a;font-size:13px;line-height:1.6;margin:0 0 21px}
.tf73-form{display:flex;flex-direction:column;gap:15px}
.tf73-form label{font-size:12px;color:#3e614a;font-weight:800;display:flex;flex-direction:column;gap:8px}
.tf73-form input,.tf73-form select{width:100%;box-sizing:border-box;border:1px solid #dce5d9;border-radius:13px;background:#fafbf7;min-height:49px;font-size:15px;color:#254a36;padding:12px 13px;outline:none}
.tf73-form input:focus,.tf73-form select:focus{border-color:#4b8963;box-shadow:0 0 0 3px #d4e8d7}
.tf73-suggest-heading{font-weight:800;color:#718777;font-size:10px;letter-spacing:.4px}
.tf73-suggestions{max-height:148px;overflow:auto;display:flex;flex-direction:column;gap:6px}
.tf73-suggestion{border:1px solid #e1eadc;background:#f7faf4;min-height:39px;border-radius:12px;display:flex;align-items:center;gap:10px;padding:8px 12px;text-align:left;color:#31563c}
.tf73-suggestion strong{font-size:12px}
.tf73-suggestion span{font-size:12px;color:#718573}
.tf73-suggestion span:last-child{margin-left:auto;font-size:17px}
.tf73-suggest-note{color:#9aab9b;font-size:12px}
.tf73-submit{width:100%;min-height:51px;border:0;border-radius:14px;background:#285d3e;color:white;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}
.tf73-danger{background:#a65448}
.tf73-cancel{width:100%;border:0;background:transparent;color:#7a897b;padding:14px;font-weight:700;cursor:pointer;margin-top:7px}
.tf-v70-word-card .tf73-word-flip{min-height:90px}
.tf-v72-folder-open{cursor:pointer}
.tf73-folder-actions button{min-height:45px}
@media (max-width:690px){
.tf73-folder-detail{padding:21px;flex-direction:column;align-items:stretch;gap:18px}
.tf73-folder-detail h1{font-size:28px}
.tf73-folder-actions{flex-direction:column;align-items:stretch}
.tf73-folder-actions button{width:100%}
.tf73-dialog{padding:23px 20px;border-radius:23px}
.tf73-dialog h2{font-size:27px}
.tf73-overlay{padding:12px}
.tf73-folder-bar span{display:none}
}
.tf74-page{max-width:1140px;margin:auto;color:#244633;padding:8px 0 48px}
.tf74-page button{font-family:inherit;cursor:pointer}
.tf74-page button:focus-visible{outline:3px solid #a8c9a8;outline-offset:3px}
.tf74-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}
.tf74-kicker{font-size:10px;font-weight:900;letter-spacing:1.7px;color:#64836b}
.tf74-page h1{font-size:clamp(29px,4vw,42px);font-family:Georgia,serif;line-height:1.12;letter-spacing:-.9px;margin:10px 0;color:#1c4230}
.tf74-top p,.tf74-section-head p,.tf74-collection-title p,.tf74-study-head p{margin:6px 0 0;color:#788c7c;font-size:14px;line-height:1.55}
.tf74-add{border:0;border-radius:13px;background:#275b40;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:47px;padding:0 20px;font-weight:800;font-size:13px;white-space:nowrap}
.tf74-add:disabled{opacity:.45;cursor:not-allowed}
.tf74-main-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:15px;margin:0 0 30px}
.tf74-main-actions>button{display:flex;align-items:center;gap:14px;text-align:left;padding:22px 24px;min-height:116px;border-radius:22px;transition:transform .15s ease,border-color .15s}
.tf74-main-actions>button:hover,.tf74-collection:hover{transform:translateY(-2px)}
.tf74-primary-action{background:linear-gradient(125deg,#275d42,#1f4935);border:1px solid #275d42;color:white}
.tf74-secondary-action{background:#f5f6ef;border:1px solid #e2e9df;color:#275239}
.tf74-action-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:#ffffff24;font-size:26px;flex:none}
.tf74-secondary-action .tf74-action-icon{background:#e6ede2}
.tf74-main-actions strong{display:block;font-weight:850;font-size:17px;line-height:1.4}
.tf74-main-actions small{display:block;margin-top:7px;font-size:12px;font-weight:500;opacity:.8;line-height:1.45}
.tf74-action-arrow{margin-left:auto;font-size:21px}
.tf74-panel{background:#fffefa;border:1px solid #eaeee5;border-radius:25px;padding:29px;box-shadow:0 12px 36px rgba(35,73,48,.035)}
.tf74-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}
.tf74-section-head h2{font:700 clamp(24px,3vw,29px) Georgia,serif;margin:7px 0 0;color:#244534}
.tf74-outlined{border:1px solid #cdded0;border-radius:12px;background:#f9fbf7;color:#2b6345;padding:13px 17px;min-height:45px;white-space:nowrap;font-size:13px;font-weight:800}
.tf74-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.tf74-collection{position:relative;min-height:154px;border-radius:20px;border:1px solid #dbe7db;transition:transform .15s ease;overflow:hidden}
.tf74-col-0{background:#e8f0e4}
.tf74-col-1{background:#f4eadd}
.tf74-col-2{background:#e5edef}
.tf74-col-3{background:#f1e8ef}
.tf74-col-4{background:#f4efd8}
.tf74-open{display:flex;flex-direction:column;text-align:left;align-items:flex-start;width:100%;min-height:154px;border:0;background:transparent;padding:18px 18px 16px;color:#284c36}
.tf74-collection-top{display:flex;align-items:center;justify-content:space-between;width:100%}
.tf74-col-icon{width:40px;height:40px;border-radius:12px;background:#ffffffac;display:grid;place-items:center;font-size:23px}
.tf74-arrow{font-size:17px;opacity:.8}
.tf74-open strong{font-size:16px;margin-top:14px;font-weight:900;line-height:1.3}
.tf74-open small{font-size:11px;color:#718575;line-height:1.4;margin-top:5px}
.tf74-col-manage{position:absolute;bottom:12px;right:12px;display:flex;gap:2px}
.tf74-col-manage button{width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:9px;color:#6d8973;background:#ffffff91;font-size:14px}
.tf74-quick-head{margin-top:30px;margin-bottom:14px}
.tf74-quick-head h2{font:800 15px inherit;color:#2e523d}
.tf74-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tf74-filters button{display:flex;align-items:center;text-align:left;gap:7px;min-height:52px;background:#f8faf6;border:1px solid #e3e9df;border-radius:13px;color:#45664f;font-size:12px;font-weight:800;padding:10px}
.tf74-filters button>span:first-child{font-size:17px}
.tf74-filter-arrow{margin-left:auto;font-size:14px}
.tf74-back{border:0;border-radius:24px;padding:11px 15px;margin-bottom:23px;background:#edf2e9;color:#38674a;font-size:13px;font-weight:800}
.tf74-collection-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}
.tf74-title-actions{display:flex;align-items:center;gap:8px}
.tf74-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:20px}
.tf74-list-toolbar label{flex:1;display:flex;align-items:center;gap:10px;border-radius:13px;background:#fff;border:1px solid #e0e8dc;padding:0 15px;min-height:49px;color:#698673}
.tf74-list-toolbar input{width:100%;border:0;background:transparent;outline:0;font:inherit;font-size:13px;color:#285038}
.tf74-switch{border:1px solid #dce8dc;border-radius:12px;padding:0 14px;background:#f9fbf7;color:#3a6b4b;min-height:48px;font-size:12px;font-weight:800}
.tf74-switch.active{background:#e5f0e1;border-color:#a6c9aa}
.tf74-word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.tf74-word{min-height:206px;background:linear-gradient(150deg,#fffefb,#f3f7ef);border:1px solid #e4eade;border-radius:20px;padding:16px;display:flex;flex-direction:column;box-shadow:0 8px 24px #31573c08}
.tf74-word-top,.tf74-word-bottom{display:flex;justify-content:space-between;align-items:center;gap:7px}
.tf74-word-top>span{font-size:10px;letter-spacing:.7px;font-weight:900;text-transform:uppercase;color:#729076}
.tf74-word-top>div,.tf74-word-bottom>div{display:flex;gap:6px}
.tf74-word-top button,.tf74-word-bottom button{background:#edf3e9;border:0;border-radius:9px;color:#56725a;min-width:30px;min-height:31px;font-size:14px}
.tf74-word-top button.chosen{color:#b15b66}
.tf74-word-face{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;border:0;background:none;color:#234b35;padding:12px 0}
.tf74-word-face strong{font-size:clamp(19px,2vw,24px);line-height:1.2}
.tf74-word-face small{font-size:10px;color:#92a197}
.tf74-word-bottom{border-top:1px solid #e6eee4;padding-top:10px}
.tf74-word-bottom>button{background:none;border:0;font-size:11px;font-weight:750;color:#61866c;padding:0}
.tf74-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px dashed #dce5d8;background:#fbfcf8;border-radius:21px;padding:43px 24px}
.tf74-empty-icon{font-size:36px;width:72px;height:72px;border-radius:18px;background:#eaf3e5;display:grid;place-items:center;color:#528064}
.tf74-empty h3{font:700 23px Georgia,serif;color:#294a35;margin:19px 0 5px}
.tf74-empty p{font-size:13px;line-height:1.65;color:#849487;max-width:320px;margin:4px 0 20px}
.tf74-study-head{text-align:center;margin-bottom:22px}
.tf74-study-options{max-width:610px;margin:0 auto 12px;display:flex;align-items:center;justify-content:space-between;color:#7a927e;font-size:13px;font-weight:800}
.tf74-study-progress{height:6px;border-radius:5px;background:#e7eee5;max-width:610px;margin:0 auto 18px;overflow:hidden}
.tf74-study-progress div{height:100%;border-radius:5px;background:#5c9d6b;transition:width .2s}
.tf74-big-flip{width:min(100%,610px);min-height:280px;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:25px;border-radius:26px;border:1px solid #d9e6d5;background:linear-gradient(145deg,#e5f0dd,#faf9ee);color:#2c5539;box-shadow:0 15px 36px #2e65320f}
.tf74-big-flip.revealed{background:linear-gradient(145deg,#f7eddc,#ecf4ea)}
.tf74-big-flip>span{font-size:10px;font-weight:850;letter-spacing:1.4px;color:#699078}
.tf74-big-flip strong{font:700 clamp(32px,6vw,47px) Georgia,serif;text-align:center;overflow-wrap:anywhere}
.tf74-big-flip small{font-size:12px;color:#829e87}
.tf74-study-buttons,.tf74-rate{max-width:610px;margin:16px auto 0;display:flex;gap:9px}
.tf74-study-buttons button,.tf74-rate button{flex:1;border-radius:12px;border:1px solid #dce8da;background:#fffefa;color:#366344;font-size:12px;font-weight:800;padding:9px}
.tf74-study-buttons .tf74-next{background:#275b40;color:white;border-color:#275b40}
.tf74-study-buttons button:disabled{opacity:.4}
.tf74-rate button:last-child{background:#e3efe0}
.tf74-footnote{font-size:10px;text-align:center;color:#9cae9c;margin:35px 0 0}
.tf74-search-empty{color:#829782;font-size:13px;text-align:center}
.tf74-word[hidden]{display:none!important}
@media (max-width:930px){
.tf74-collections,.tf74-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tf74-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
.tf74-top,.tf74-collection-title,.tf74-section-head{align-items:flex-start;flex-direction:column}
.tf74-top{margin-bottom:20px}
.tf74-top .tf74-add,.tf74-section-head .tf74-outlined{width:100%}
.tf74-main-actions{grid-template-columns:1fr}
.tf74-main-actions>button{min-height:90px;padding:17px}
.tf74-main-actions strong{font-size:15px}
.tf74-panel{padding:19px 15px}
.tf74-collections,.tf74-word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tf74-collection,.tf74-open{min-height:151px}
.tf74-open{padding:13px}
.tf74-open strong{font-size:14px}
.tf74-open small{font-size:10px}
.tf74-col-manage{right:8px;bottom:8px}
.tf74-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
.tf74-title-actions{width:100%}
.tf74-title-actions button{flex:1;white-space:normal}
.tf74-list-toolbar{flex-direction:column;align-items:stretch}
.tf74-word-grid{grid-template-columns:1fr}
.tf74-study-buttons{flex-wrap:wrap}
.tf74-study-buttons button{flex:1 1 30%}
.tf74-big-flip{min-height:260px}
}
.mk-page{--mk-cream:#fbf6ed;font-family:inherit}
.mk-page *{box-sizing:border-box}
.mk-page button{font:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.mk-page button:hover{transform:translateY(-1px)}
.mk-page button:focus-visible{outline:3px solid #d1ad52;outline-offset:3px}
.mk-hero{position:relative;min-height:278px;border:1px solid #e7e8cf;overflow:hidden;border-radius:30px;background:radial-gradient(circle at 81% 22%,#fcf0ca 0%,transparent 36%),linear-gradient(118deg,#eef2e7,#f8f2df 67%,#d6e2b8);box-shadow:0 14px 26px #284d2a0b;isolation:isolate}
.mk-hero:after{content:' ';position:absolute;right:-13%;bottom:-82%;width:60%;height:122%;border:53px solid #c3d5a085;border-radius:50%;z-index:-1}
.mk-hero-copy{position:relative;z-index:2;width:62%;padding:24px 0 18px 34px}
.mk-premium-label{display:inline-block;background:#fffaf0;color:#795321;border:1px solid #efcc7f;border-radius:40px;padding:9px 16px;font-weight:800;font-size:11px;letter-spacing:.14em;box-shadow:0 4px 8px #bd93432b}
.mk-kicker{font-size:10px;letter-spacing:.2em;color:#7c936c;margin:13px 0 2px;font-weight:800}
.mk-hero h1{font-size:clamp(34px,5vw,62px);line-height:1.08;color:#124632;letter-spacing:-.055em;margin:6px 0;font-weight:850}
.mk-hero p{max-width:420px;font-size:clamp(14px,1.8vw,17px);line-height:1.45;margin:8px 0 18px;color:#436452}
.mk-hero-miko{position:absolute;right:1%;bottom:-6%;height:113%;width:43%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 15px #385b3020)}
.mk-hero-spark{position:absolute;color:#e4b73b;font-size:27px}
.mk-hero-spark.one{right:35%;top:14%}
.mk-hero-spark.two{right:5%;top:28%}
.mk-resume{background:#fffcf7;border:1px solid #e5e7d7;border-radius:50px;box-shadow:0 5px 14px #2d4d3420;padding:10px 13px;display:flex;gap:10px;align-items:center;max-width:100%;color:#214636;white-space:nowrap}
.mk-resume b{font-size:12px}
.mk-resume small{font-size:11px;overflow:hidden;text-overflow:ellipsis}
.mk-resume>span:last-child{margin-left:auto}
.mk-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 2px}
.mk-tab{border:1px solid #e9e4da;border-radius:999px;background:#faf6f0;min-height:52px;box-shadow:0 3px 12px #233a3010;color:#214737;font-weight:750;display:flex;align-items:center;justify-content:center;gap:10px}
.mk-tab span{font-size:23px}
.mk-tab.is-active{background:linear-gradient(110deg,#275e42,#0b412e);color:white;box-shadow:0 5px 15px #1747333f;border-color:#3b7454}
.mk-call-banner{background:linear-gradient(115deg,#0e4934,#0d3b2b 75%,#215a3c);color:white;min-height:168px;border-radius:27px;display:flex;align-items:center;gap:24px;padding:21px 30px;overflow:hidden;position:relative}
.mk-call-banner:after{content:'';position:absolute;right:-8%;bottom:-85%;border:37px solid #82a77e22;border-radius:50%;width:45%;aspect-ratio:1;pointer-events:none}
.mk-call-face{width:107px;height:107px;flex-shrink:0;border-radius:50%;background:#e9e2aa;border:4px solid #cbdcbc;box-shadow:0 0 0 7px #f5e9ac1c;overflow:hidden}
.mk-call-face img{width:100%;height:100%;object-fit:cover}
.mk-call-copy{flex:1;min-width:0}
.mk-call-copy h2{font-size:29px;color:white;margin:0 0 4px;letter-spacing:-.03em}
.mk-call-copy p{font-size:14px;line-height:1.4;color:#e6eee5;max-width:410px;margin:0}
.mk-soundwaves{height:31px;display:flex;align-items:center;gap:4px;margin-top:12px}
.mk-soundwaves i{width:3px;background:#e0dba7;border-radius:4px}
.mk-call-cta{position:relative;z-index:1;border:0;background:#fcf0d1;color:#13412d;white-space:nowrap;border-radius:999px;padding:14px 22px;font-weight:800;box-shadow:0 6px 20px #062c2329}
.mk-chat-card,.mk-metrics,.mk-history,.mk-voice-panel,.mk-roleplay-panel,.mk-chat-preview{background:#fffcf7;border:1px solid #e9e8de;border-radius:25px;box-shadow:0 8px 24px #28382d0a}
.mk-chat-card{margin-top:15px;padding:19px 21px}
.mk-section-top{display:flex;justify-content:space-between;align-items:center;gap:9px}
.mk-section-top h3{margin:0;font-size:18px;color:#1c4636;font-weight:800;letter-spacing:-.02em}
.mk-inline{border:0;background:transparent;color:#426b4f;padding:8px 0;font-size:12px!important;font-weight:750}
.mk-chat-window{display:flex;flex-direction:column;gap:13px;max-height:280px;overflow:auto;padding:16px 1px}
.mk-bubble{display:flex;align-items:flex-end;gap:9px}
.mk-bubble img{width:36px;height:36px;object-fit:cover;border-radius:50%}
.mk-bubble span{padding:12px 15px;border-radius:17px;font-size:13px;line-height:1.5;max-width:78%;white-space:pre-wrap}
.mk-bubble.miko span{background:#f4ede6;color:#2a4537;border-bottom-left-radius:4px}
.mk-bubble.mine{justify-content:flex-end}
.mk-bubble.mine span{background:#e3efd8;border-bottom-right-radius:4px}
.mk-chat-compose{display:flex;gap:8px;align-items:center}
.mk-compose-plus,.mk-compose-mic,.mk-send{width:42px;height:42px;flex-shrink:0;border-radius:50%;border:1px solid #dfe8dc;background:#f7f8f3;color:#23553c;font-size:21px!important}
.mk-chat-compose input{min-width:0;flex:1;min-height:44px;border:1px solid #dde8db;background:#fffdfa;padding:12px 16px;border-radius:99px;font-size:14px;color:#153e2e}
.mk-send,.mk-compose-mic{background:#184b35;color:white}
.mk-connection-note{margin-top:10px;font-size:11px;color:#718173}
.mk-connection-note button{padding:2px 5px;color:#286348;font-weight:750;border:0;background:none;text-decoration:underline}
.mk-voice-panel,.mk-roleplay-panel{margin-top:14px;padding:27px;text-align:center}
.mk-voice-orbit{width:112px;height:112px;border:7px solid #e5f0dc;border-radius:50%;box-shadow:0 0 0 7px #eef4e8;margin:2px auto 17px;overflow:hidden}
.mk-voice-orbit img{width:100%;height:100%;object-fit:cover}
.mk-voice-panel h2,.mk-roleplay-panel h2{font-size:24px;margin:0 0 8px;color:#194633}
.mk-voice-panel>p,.mk-roleplay-panel>p{max-width:520px;margin:0 auto 16px;line-height:1.5;color:#567162}
.mk-voice-status{background:#f2f7ed;border-radius:15px;padding:13px;margin:12px auto;max-width:620px;font-size:13px}
.mk-voice-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.mk-primary,.mk-muted{border:0;border-radius:30px;padding:13px 20px;font-weight:750;background:#12472f;color:#fff}
.mk-muted{background:#f0f2e8;color:#29543e}
.mk-voice-info{font-size:11px;color:#798979;margin:17px 0 0}
.mk-call-latest{text-align:left;max-width:600px;margin:16px auto 0;padding:12px 15px;background:#f5f5ed;border-radius:15px}
.mk-call-latest p{font-size:12px;margin:7px 0;line-height:1.5}
.mk-scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.mk-scenario-card{display:flex;align-items:center;gap:12px;text-align:left;background:#faf7f0;border:1px solid #e8e6dc;border-radius:17px;overflow:hidden;padding:8px}
.mk-scenario-card img{width:105px;height:90px;object-fit:cover;border-radius:12px}
.mk-scenario-card span{display:grid;gap:5px;min-width:0;flex:1}
.mk-scenario-card b{font-size:14px;color:#1d4735}
.mk-scenario-card small{color:#5f7769;font-size:11px;line-height:1.4}
.mk-scenario-card i{font-style:normal;font-size:19px;color:#346f50;padding-right:7px}
.mk-chat-preview{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 20px;margin-top:13px}
.mk-chat-preview h3{margin:0;font-size:16px}
.mk-chat-preview p{margin:4px 0 0;color:#758377;font-size:12px}
.mk-metrics{display:flex;align-items:center;gap:16px;padding:17px 20px;margin-top:16px;flex-wrap:wrap}
.mk-metric-heading{display:flex;align-items:center;gap:11px;flex:1;min-width:190px}
.mk-metric-heading>span{border-radius:50%;background:#f9e9b7;padding:12px;font-size:20px}
.mk-metric-heading div{display:grid;gap:4px}
.mk-metric-heading strong{font-size:14px}
.mk-metric-heading small{font-size:11px;color:#738777}
.mk-metric{padding:8px 15px;border-radius:17px;background:#f5f6ee;display:flex;flex-direction:column;gap:2px;text-align:center}
.mk-metric b{font-size:24px;color:#27603d}
.mk-metric span{font-size:10px;color:#66816a}
.mk-metric-more{border:0;background:none;color:#286347;font-weight:750;font-size:12px!important}
.mk-scenarios{margin-top:25px}
.mk-scene-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:10px}
.mk-scene{position:relative;overflow:hidden;min-height:125px;aspect-ratio:2.1;border:0;border-radius:19px;padding:0;color:white;box-shadow:0 4px 15px #25362c24;text-align:left}
.mk-scene img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.mk-scene-overlay{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:center;gap:5px;padding:28px 12px 12px;background:linear-gradient(transparent,#0e281eb8)}
.mk-scene-overlay b{font-size:13px}
.mk-scene-overlay span{border-radius:50%;background:#fffbeb;color:#184932;width:23px;height:23px;display:grid;place-items:center}
.mk-history{margin-top:20px;padding:19px 20px}
.mk-history-row{display:flex;gap:13px;align-items:center;padding:13px 9px;border:0;border-bottom:1px solid #eeeee4;background:transparent;text-align:left;width:100%;color:#17442f}
.mk-history-row>span:nth-child(2){flex:1;display:grid;gap:4px;min-width:0}
.mk-history-row b{font-size:13px}
.mk-history-row small{font-size:11px;color:#718475;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-history-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#e8efe3;font-size:22px}
.mk-history-empty{font-size:13px;color:#78907c;padding:14px 4px}
.mk-overlay{position:fixed;inset:0;z-index:999;background:#09291fc9;display:grid;place-items:center;padding:20px}
.mk-modal{width:min(100%,510px);max-height:85vh;overflow:auto;background:#fffcf7;border-radius:27px;padding:24px;box-shadow:0 25px 100px #09281b5e}
.mk-modal-header{display:flex;justify-content:space-between;align-items:center}
.mk-modal-header h2{font-size:24px;margin:0}
.mk-modal-header button{border:0;border-radius:50%;background:#eef3e9;width:36px;height:36px}
.mk-modal>p{color:#667e6b;line-height:1.55;font-size:13px}
@media (min-width:1100px){
.mk-page{padding-left:16px;padding-right:16px}
}
@media (max-width:700px){
.mk-hero{min-height:258px;border-radius:23px}
.mk-hero-copy{padding:16px 0 18px 18px;width:67%}
.mk-kicker{display:none}
.mk-premium-label{font-size:8px;padding:7px 10px;letter-spacing:.09em}
.mk-hero h1{font-size:36px;max-width:210px;margin:10px 0}
.mk-hero p{font-size:12px;line-height:1.4;max-width:190px}
.mk-hero-miko{width:52%;right:-4%;height:100%;bottom:-4%}
.mk-resume{max-width:calc(100vw - 70px);position:absolute;bottom:12px;width:calc(100vw - 53px);padding:8px 9px;left:16px}
.mk-resume small{max-width:130px}
.mk-hero-copy{padding-bottom:65px}
.mk-tabs{gap:6px;margin:12px 0}
.mk-tab{min-height:45px;font-size:13px!important;gap:5px}
.mk-tab span{font-size:17px}
.mk-call-banner{border-radius:22px;min-height:144px;padding:15px;gap:13px}
.mk-call-face{width:67px;height:67px}
.mk-call-copy h2{font-size:22px}
.mk-call-copy p{font-size:11px}
.mk-soundwaves{gap:2px;height:20px}
.mk-soundwaves i{width:2px}
.mk-call-cta{font-size:12px!important;padding:11px 12px}
.mk-section-top h3{font-size:15px}
.mk-inline{font-size:11px!important}
.mk-chat-card{padding:15px 12px}
.mk-bubble span{font-size:12px}
.mk-compose-plus,.mk-compose-mic,.mk-send{width:36px;height:36px}
.mk-chat-compose input{font-size:12px;min-height:39px;padding:8px}
.mk-metrics{gap:9px;padding:13px}
.mk-metric-heading{min-width:100%}
.mk-metric{flex:1}
.mk-metric b{font-size:20px}
.mk-scene{min-height:112px;aspect-ratio:1.2}
.mk-scene-overlay b{font-size:11px}
.mk-scenario-grid{grid-template-columns:1fr}
.mk-voice-panel{padding:19px 11px}
}
@media (max-width:380px){
.mk-hero h1{font-size:32px}
.mk-hero-miko{width:50%}
.mk-call-face{display:none}
.mk-scene-strip{gap:6px}
.mk-scene-overlay{padding:17px 6px 6px}
.mk-resume small{max-width:104px}
}
.mk-page .mk-hero{align-items:stretch;position:relative}
.mk-page .mk-hero:before{content:"";position:absolute;inset:-14% 24% -25% 28%;z-index:0;pointer-events:none;background:linear-gradient(145deg,transparent 21%,rgba(255,255,255,.65) 21.3%,rgba(244,234,197,.28) 22%,transparent 25%),radial-gradient(ellipse at 90% 90%,#a3ba8f40 0,transparent 68%);transform:rotate(-9deg)}
.mk-page .mk-hero:after{content:"";position:absolute;inset:auto auto -63% -13%;width:100%;height:125%;border-radius:50%;border:0;background:linear-gradient(140deg,transparent 55%,rgba(146,169,104,.14) 55.2%,rgba(146,169,104,.14) 70%,transparent 70.4%);z-index:0;pointer-events:none}
.mk-page .mk-hero-copy{box-sizing:border-box}
.mk-page .mk-hero-brand{color:#144934;font-weight:900;font-size:clamp(19px,2vw,28px);letter-spacing:-.04em;margin:0 0 18px 4px}
.mk-page .mk-hero-brand span{font-size:.72em;color:#b99d33;margin-left:3px}
.mk-page .mk-premium-label{font-weight:850;text-transform:uppercase}
.mk-page .mk-premium-label:before,.mk-page .mk-premium-label:after{content:'❧';position:absolute;top:50%;transform:translateY(-50%);font-size:28px;color:#c9a74b}
.mk-page .mk-premium-label:before{left:-28px}
.mk-page .mk-premium-label:after{right:-28px;transform:translateY(-50%) scaleX(-1)}
.mk-page .mk-premium-crown{font-size:19px;line-height:1}
.mk-page .mk-kicker{color:#617e5b;margin:19px 0 2px 2px;font-weight:800;font-size:clamp(10px,1.08vw,14px);letter-spacing:.28em}
.mk-page .mk-hero-underline{border-radius:50%}
.mk-page .mk-hero-miko{position:absolute;display:block;right:0;top:0;bottom:0;width:50.5%;height:100%;z-index:1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to right,transparent 0%,#000 17%)}
.mk-page .mk-hero-miko img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;filter:none}
.mk-page .mk-hero-spark{z-index:3;color:#e2b43e;pointer-events:none;text-shadow:0 0 12px #fff3ac}
.mk-page .mk-hero-spark.one{top:26%;right:42%;font-size:33px}
.mk-page .mk-hero-spark.two{top:8%;right:8%;font-size:21px}
.mk-page .mk-resume{z-index:5;box-sizing:border-box;margin-top:3px;white-space:normal;text-align:left;transition:transform .15s,box-shadow .15s}
.mk-page .mk-resume:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #e5c46666,0 0 18px #e7c26d95,0 13px 24px #17493644}
.mk-page .mk-resume:focus-visible{outline:3px solid #c79a32;outline-offset:3px}
.mk-page .mk-resume-icon{flex:0 0 28px!important;width:28px;text-align:center;color:#f5d98c;font-size:24px}
.mk-page .mk-resume-words{min-width:0;flex-wrap:wrap;align-items:baseline}
.mk-page .mk-resume b{line-height:1.2}
.mk-page .mk-resume small{overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mk-page .mk-resume-arrow{display:grid;place-items:center}
@media (max-width:1020px) and (min-width:701px){
.mk-page .mk-hero-copy{padding-left:27px}
.mk-page .mk-hero-brand{margin-bottom:13px}
.mk-page .mk-hero-miko{width:48%}
}
@media (max-width:700px){
.mk-page .mk-hero-copy{box-sizing:border-box}
.mk-page .mk-premium-crown{font-size:19px}
.mk-page .mk-hero-miko{left:38%;right:0;top:16%;bottom:17%;width:67%;height:70%;mask-image:linear-gradient(to right,transparent 0%,#000 15%);z-index:2}
.mk-page .mk-hero-miko img{object-fit:cover;object-position:50% 50%;height:100%;width:100%}
.mk-page .mk-hero-spark.one{top:20%;right:45%;font-size:23px}
.mk-page .mk-hero-spark.two{top:16%;right:9%;font-size:18px}
.mk-page .mk-resume{z-index:5}
.mk-page .mk-resume-icon{font-size:22px;flex-basis:28px!important}
.mk-page .mk-resume-arrow{flex-basis:36px}
}
@media (max-width:385px){
.mk-page .mk-hero h1{margin-top:30px}
}
@media (prefers-reduced-motion:reduce){
.mk-page .mk-resume{transition:none}
}
.mk-page{--mk-ink:#f8ffea;--mk-forest:#083426;--mk-lime:#e6ff66;position:relative;width:min(100%,1120px);max-width:1120px;margin:0 auto;padding:34px clamp(13px,3vw,33px) 35px!important;border-radius:32px;background:radial-gradient(ellipse at 62% 18%,#155538 0%,transparent 37%),radial-gradient(ellipse at 13% 71%,#1f5436 0%,transparent 30%),linear-gradient(145deg,#04291e,#06412e 66%,#06271e);color:#f6ffe9;box-shadow:0 18px 46px #082e2157;overflow:hidden}
.mk-page:before{content:'';position:absolute;top:0;left:-15%;width:42%;height:330px;background:radial-gradient(ellipse,#69984755,transparent 65%);filter:blur(22px);pointer-events:none}
.mk-page .mk-hero{min-height:380px;max-height:none;display:block;aspect-ratio:auto!important;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;isolation:isolate}
.mk-page .mk-hero:before,.mk-page .mk-hero:after{display:none}
.mk-page .mk-hero-copy{width:54%;min-height:380px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:8px 0 15px 11px;position:relative;z-index:3}
.mk-page .mk-hero-brand,.mk-page .mk-kicker{display:none}
.mk-page .mk-premium-label{position:relative;display:inline-flex;gap:8px;align-items:center;max-width:100%;padding:10px 18px;border:1px solid #d5bb52;border-radius:999px;background:linear-gradient(#2e5035,#062b20);color:#fff2c5;box-shadow:0 0 13px #edc25d56,0 6px 14px #002915;white-space:nowrap;letter-spacing:.06em;font-size:clamp(10px,1.2vw,14px)}
.mk-page .mk-premium-label:before,.mk-page .mk-premium-label:after{display:none}
.mk-page .mk-premium-crown{color:#ffdf85}
.mk-page .mk-hero h1{white-space:normal;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.06em;font-size:clamp(58px,8vw,106px);font-weight:950;line-height:.95;color:#fff;margin:23px 0 0}
.mk-page .mk-hero h1 em{font-style:normal;color:#eaff70;text-shadow:0 0 17px #c6ff7230}
.mk-page .mk-hero-underline{margin:4px 0 0 19px;border-top:4px solid #dcf46b;width:clamp(120px,19vw,210px);height:5px;transform:rotate(-3deg)}
.mk-page .mk-hero p{max-width:390px;margin:24px 0 0;color:#e0e9dc;line-height:1.5;font-size:clamp(16px,1.85vw,21px)}
.mk-page .mk-hero-image{position:absolute;z-index:2;inset:-2% -1% auto auto;width:53%;height:109%;pointer-events:none}
.mk-page .mk-hero-image>img{width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 0 32px #f9e76a32);mask-image:radial-gradient(ellipse at 52% 51%,black 43%,transparent 78%)}
.mk-page .mk-music-note{position:absolute;color:#e9ff72;text-shadow:0 0 9px #deff7c,0 0 20px #c8ff88;font-size:42px;animation:mk-v77-float 2.8s ease-in-out infinite alternate}
.mk-page .note-a{top:20%;left:1%}
.mk-page .note-b{right:8%;top:12%;font-size:31px;animation-delay:.3s}
.mk-page .mk-equalizer{position:absolute;left:2%;top:64%;font-size:26px;letter-spacing:2px;color:#eaff7b;text-shadow:0 0 13px #cbfc69}
@keyframes mk-v77-float{to{transform:translateY(-8px)}}
.mk-page .mk-tabs{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0 20px}
.mk-page .mk-tab{display:flex;flex-direction:column;gap:7px;justify-content:center;min-height:158px;padding:15px 10px;color:#fff;border:1px solid #789e7287;border-radius:27px;background:linear-gradient(155deg,#27583fdf,#154631b8);box-shadow:inset 0 1px 16px #baf99412,0 11px 22px #001b1340}
.mk-page .mk-tab.is-active{border:2px solid #ddff7b;background:radial-gradient(ellipse at 50% 6%,#ddfb63aa,transparent 56%),linear-gradient(170deg,#799e2b,#235f33 84%);box-shadow:inset 0 0 19px #e8ff7b65,0 0 25px #e4ff6666,0 9px 23px #001f173c;color:#fff}
.mk-page .mk-tab .mk-tab-icon{font-size:36px;line-height:1;color:#e6eea7}
.mk-page .mk-tab b{font-size:clamp(19px,2.8vw,26px);line-height:1.1}
.mk-page .mk-tab small{font-size:clamp(11px,1.25vw,14px);font-weight:450;line-height:1.3;max-width:150px}
.mk-page .mk-resume{width:100%;position:relative;bottom:auto;left:auto;max-width:none;margin:0 0 23px;display:flex;align-items:center;min-height:93px;gap:15px;background:linear-gradient(100deg,#245a3d,#13422f);border:1px solid #6b985b;border-radius:29px;padding:13px 18px;color:white;box-shadow:inset 0 1px 13px #b1e48c1a}
.mk-page .mk-resume>img{width:62px;height:62px;flex:0 0 62px;border-radius:50%;object-fit:cover;border:2px solid #cce58c;background:#163d2f}
.mk-page .mk-resume-words{display:grid;flex:1;gap:4px}
.mk-page .mk-resume b{color:#fff;font-size:clamp(16px,2vw,21px)}
.mk-page .mk-resume small{color:#e0ede0;white-space:normal;font-size:clamp(12px,1.4vw,15px);line-height:1.4}
.mk-page .mk-resume-arrow{width:auto;height:auto;flex:0 0 auto;margin-left:auto;background:linear-gradient(145deg,#ffffc3,#d9fb60);box-shadow:0 0 9px #dcfd5970;border:0;border-radius:999px;padding:13px 19px;font-weight:800;color:#163927;font-size:14px}
.mk-page .mk-scenarios,.mk-page .mk-history,.mk-page .mk-metrics,.mk-page .mk-chat-card,.mk-page .mk-voice-panel,.mk-page .mk-roleplay-panel,.mk-page .mk-chat-preview{color:#f8fff2}
.mk-page .mk-section-top h3{color:#fff!important}
.mk-page .mk-inline{color:#f0ffa7!important}
.mk-page .mk-scenarios{margin:22px 0}
.mk-page .mk-scene-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.mk-page .mk-scene{height:150px;min-width:0;border-radius:22px;overflow:hidden;border:1px solid #a8c38d66}
.mk-page .mk-scene img{height:100%;width:100%;object-fit:cover}
.mk-page .mk-scene-overlay{background:linear-gradient(transparent,#002e22df)}
.mk-page .mk-history,.mk-page .mk-metrics,.mk-page .mk-chat-card,.mk-page .mk-voice-panel,.mk-page .mk-roleplay-panel,.mk-page .mk-chat-preview{background:linear-gradient(155deg,#164a36,#0d392a);border:1px solid #638e696f;border-radius:25px;box-shadow:inset 0 1px #e1edbd12}
.mk-page .mk-call-banner{background:linear-gradient(110deg,#194e36,#0b3425);border:1px solid #588d5d;border-radius:25px;box-shadow:inset 0 1px 14px #b1e88b1b;color:white}
.mk-page .mk-call-banner h2,.mk-page .mk-chat-card h3,.mk-page .mk-roleplay-panel h2,.mk-page .mk-voice-panel h2{color:#fff}
.mk-page .mk-chat-card p,.mk-page .mk-roleplay-panel p,.mk-page .mk-voice-panel p{color:#daebd8}
.mk-page .mk-voice-status,.mk-page .mk-voice-info,.mk-page .mk-connection-note{color:#d5e4d5}
.mk-page .mk-chat-window{background:#0b3428;border-color:#386b4b}
.mk-page .mk-bubble.miko span{background:#eaf2df;color:#123b2e}
.mk-page .mk-bubble.mine span{background:#386e44;color:white}
.mk-page .mk-history-row{background:#1f523c;color:#fff;border-color:#59846b}
.mk-page .mk-history-row small,.mk-page .mk-history-empty{color:#c6ddcf}
.mk-page .mk-metric-heading strong{color:#fff}
.mk-page .mk-metric-heading small,.mk-page .mk-metric span{color:#d0e6d2}
.mk-page .mk-metric b{color:#eaff7d}
.mk-page .mk-v77-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #719b6f;border-radius:25px;background:linear-gradient(115deg,#255b3c,#164530);margin-top:24px;padding:17px 10px;color:#edf8d9}
.mk-page .mk-v77-benefits>div,.mk-page .mk-v77-benefits>button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;line-height:1.24;font-size:13px;color:inherit;background:transparent;border:0;padding:5px 8px}
.mk-page .mk-v77-benefits>*+*{border-left:1px solid #aec69f40!important}
.mk-page .mk-v77-benefits span{font-size:28px;color:#eef8aa}
.mk-page .mk-metric-more{color:#fff}
@media (min-width:701px){
.mk-page .mk-hero{min-height:405px}
.mk-page .mk-hero-copy{min-height:405px}
.mk-page .mk-hero-image{height:430px}
.mk-page .mk-resume{margin-bottom:26px}
}
@media (max-width:700px){
.mk-page{border-radius:18px;padding:22px 12px 25px!important}
.mk-page .mk-hero{min-height:335px!important;aspect-ratio:auto!important;height:335px;background:transparent!important;border:0!important;border-radius:0!important}
.mk-page .mk-hero-copy{padding:10px 0 0 5px;width:100%;min-height:0;height:100%;display:block}
.mk-page .mk-premium-label{font-size:clamp(9px,2.3vw,12px);padding:9px 12px;border-color:#f4d471;color:#fff8cc;background:linear-gradient(#254a32,#082c21)}
.mk-page .mk-premium-crown{color:#fbe18e}
.mk-page .mk-hero h1{font-family:system-ui,sans-serif;max-width:54%;font-size:clamp(40px,8.6vw,61px);line-height:1.04;margin:29px 0 0;color:#fff}
.mk-page .mk-hero h1 em{color:#e7ff73}
.mk-page .mk-hero-underline{margin-top:4px;margin-left:8px;width:110px;height:5px;border-top:3px solid #d9f062}
.mk-page .mk-hero p{max-width:48%;margin:24px 0 0;font-size:clamp(12px,3vw,17px);line-height:1.47;color:#e7f1e4}
.mk-page .mk-hero-image{top:20px;right:-19px;width:62%;height:320px;inset:20px -19px auto auto}
.mk-page .mk-hero-image>img{object-fit:contain;object-position:center}
.mk-page .mk-music-note{font-size:26px}
.mk-page .mk-equalizer{left:4%;top:75%;font-size:15px}
.mk-page .mk-tabs{gap:6px;margin:3px 0 15px}
.mk-page .mk-tab{min-height:119px;border-radius:23px;padding:9px 5px;gap:5px}
.mk-page .mk-tab .mk-tab-icon{font-size:27px}
.mk-page .mk-tab b{font-size:clamp(15px,4vw,22px)}
.mk-page .mk-tab small{font-size:clamp(10px,2.55vw,12px)}
.mk-page .mk-resume{min-height:80px;border-radius:22px;padding:10px;gap:9px;margin-bottom:14px}
.mk-page .mk-resume>img{width:48px;height:48px;flex-basis:48px}
.mk-page .mk-resume-words b{font-size:15px}
.mk-page .mk-resume-words small{font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mk-page .mk-resume-arrow{padding:10px 11px;font-size:12px}
.mk-page .mk-scene-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:9px}
.mk-page .mk-scene{min-width:39%;height:135px;scroll-snap-align:start}
.mk-page .mk-v77-benefits{grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 2px;border-radius:20px}
.mk-page .mk-v77-benefits>div,.mk-page .mk-v77-benefits>button{font-size:10px;padding:5px 3px}
.mk-page .mk-v77-benefits span{font-size:22px}
}
@media (max-width:390px){
.mk-page .mk-hero{height:315px;min-height:315px!important}
.mk-page .mk-hero-image{height:300px}
.mk-page .mk-hero h1{font-size:39px;margin-top:26px}
.mk-page .mk-hero p{font-size:12px}
.mk-page .mk-resume-arrow{font-size:11px;padding:9px}
}
@media (prefers-reduced-motion:reduce){
.mk-page .mk-music-note{animation:none}
}
.mk-page.mk-v78{--mk-ink:#174433;--mk-forest:#174734;position:relative;width:min(100%,1120px);margin:0 auto;padding:14px 4px 50px!important;color:#163e30;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.mk-page.mk-v78:before{display:none}
.mk-v78 .mk78-eyebrow{display:block;color:#799074;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.mk-v78 .mk78-section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 20px}
.mk-v78 .mk78-section-heading h2,.mk-v78 .mk78-section-heading h3{font-size:clamp(23px,2.8vw,33px);letter-spacing:-.04em;color:#163e30;margin:6px 0 0;font-family:Georgia,serif;line-height:1.1}
.mk-v78 .mk78-section-heading>button,.mk-v78 .mk78-history .mk78-section-heading button{background:transparent;border:0;color:#356348;font-size:13px;font-weight:700;white-space:nowrap}
.mk-v78 .mk78-hero{display:grid;grid-template-columns:1.06fr .94fr;position:relative;min-height:320px;overflow:hidden;border-radius:30px;border:1px solid #e6e7d6;background:radial-gradient(ellipse at 90% 10%,#fff3d3,transparent 55%),linear-gradient(115deg,#f1f5e9,#f8f3e8);box-shadow:0 8px 35px #2945330c}
.mk-v78 .mk78-hero-copy{align-self:center;z-index:2;padding:36px clamp(24px,4vw,56px)}
.mk-v78 .mk78-premium{display:inline-flex;width:max-content;max-width:100%;background:#fbf7ea;border:1px solid #ebd6a1;color:#826022;border-radius:100px;padding:9px 14px;font-size:11px;font-weight:800;letter-spacing:.1em;margin-bottom:22px}
.mk-v78 .mk78-hero h1{font-family:Georgia,serif;color:#153e2c;font-weight:700;line-height:1.07;letter-spacing:-.045em;font-size:clamp(43px,5.4vw,74px);margin:10px 0 16px}
.mk-v78 .mk78-hero h1 em{font-style:italic;color:#62824b}
.mk-v78 .mk78-hero p{font-size:clamp(15px,1.7vw,19px);line-height:1.5;color:#557061;max-width:440px;margin:0}
.mk-v78 .mk78-hero-art{position:relative;min-height:315px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 48% 70%,#dce9c2 0%,transparent 65%)}
.mk-v78 .mk78-hero-art:before{content:'';position:absolute;inset:21% 6% 7%;border-radius:50%;border:45px solid #dce7c07d;transform:rotate(-25deg)}
.mk-v78 .mk78-hero-art img{position:absolute;width:92%;height:115%;object-fit:contain;object-position:center center;filter:drop-shadow(0 16px 24px #254a2f27)}
.mk-v78 .mk78-choose{margin-top:32px}
.mk-v78 .mk78-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.mk-v78 .mk78-mode{display:flex;flex-direction:column;text-align:left;align-items:flex-start;gap:10px;min-height:186px;border-radius:24px;padding:23px 23px 20px;border:1px solid #e5e7db;background:#fffdf8;color:#1a4231;box-shadow:0 7px 20px #244c3010}
.mk-v78 .mk78-mode-call{background:#1c513b;border-color:#1c513b;color:#fff}
.mk-v78 .mk78-mode-top{display:flex;justify-content:space-between;align-items:center;width:100%}
.mk-v78 .mk78-mode-icon{display:grid;place-items:center;border-radius:15px;width:54px;height:54px;background:#e7f0df;color:#1e5b3d;font-size:27px}
.mk-v78 .mk78-mode-call .mk78-mode-icon{background:#ffffff20;color:#e5efca}
.mk-v78 .mk78-mode-arrow{color:#809a7d;font-size:24px}
.mk-v78 .mk78-mode-call .mk78-mode-arrow{color:#e8eacb}
.mk-v78 .mk78-mode strong{font-size:24px;letter-spacing:-.035em}
.mk-v78 .mk78-mode small{font-size:13px;line-height:1.5;color:#728578}
.mk-v78 .mk78-mode-call small{color:#dcebdd}
.mk-v78 .mk78-resume{display:flex;align-items:center;gap:15px;width:100%;min-height:91px;border:1px solid #dfebdd;border-radius:24px;padding:16px 19px;margin:22px 0 42px;background:#edf4e8;text-align:left;color:#163e2c}
.mk-v78 .mk78-resume img{width:61px;height:61px;object-fit:cover;border-radius:17px}
.mk-v78 .mk78-resume>span:nth-child(2){display:grid;gap:5px;flex:1;min-width:0}
.mk-v78 .mk78-resume strong{font-size:17px}
.mk-v78 .mk78-resume small{font-size:13px;color:#56745d}
.mk-v78 .mk78-resume-cta{border:1px solid #dbe4ca;border-radius:100px;background:#fffdf7;padding:12px 17px;color:#244e36;font-weight:800;white-space:nowrap;font-size:13px}
.mk-v78 .mk78-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.mk-v78 .mk78-scene{display:flex;flex-direction:column;text-align:left;position:relative;overflow:hidden;background:#fffdf8;color:#173f2c;border:1px solid #e9e8df;border-radius:22px;padding:0;min-width:0;box-shadow:0 6px 19px #1b39260c}
.mk-v78 .mk78-scene-photo{display:block;width:100%;height:165px;overflow:hidden;background:#e7e9dc}
.mk-v78 .mk78-scene-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.mk-v78 .mk78-scene:hover img{transform:scale(1.04)}
.mk-v78 .mk78-scene-info{padding:18px 18px 21px;display:grid;gap:7px;min-height:128px}
.mk-v78 .mk78-scene-num{font-size:10px!important;color:#8b9c84!important;letter-spacing:.12em;font-weight:800}
.mk-v78 .mk78-scene-info strong{font-size:20px;letter-spacing:-.025em}
.mk-v78 .mk78-scene-info small{font-size:12px;color:#758576;line-height:1.4}
.mk-v78 .mk78-round-arrow{position:absolute;right:13px;bottom:21px;border-radius:50%;display:grid;place-items:center;width:27px;height:27px;background:#edf3e7;color:#28553a;font-size:17px}
.mk-v78 .mk78-feedback{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:31px;background:#f1f3eb;border:1px solid #e3e8dd;border-radius:25px;padding:25px 27px}
.mk-v78 .mk78-feedback>div:first-child{max-width:590px}
.mk-v78 .mk78-feedback h3{font-family:Georgia,serif;font-size:25px;color:#173c2e;margin:7px 0}
.mk-v78 .mk78-feedback p{margin:0;color:#647c6c;font-size:13px;line-height:1.6}
.mk-v78 .mk78-feedback-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mk-v78 .mk78-feedback-stats>div{background:#fffdf8;border-radius:15px;padding:12px 16px;display:grid;text-align:center;min-width:84px}
.mk-v78 .mk78-feedback-stats strong{font-size:24px}
.mk-v78 .mk78-feedback-stats span{font-size:11px;color:#809080}
.mk-v78 .mk78-feedback-stats button{background:#1e5439;color:white;border:0;border-radius:15px;padding:14px 18px;font-weight:700;font-size:12px}
.mk-v78 .mk78-history{margin:30px 0 0;background:#fffdf8;border:1px solid #e7e9dd;border-radius:25px;padding:22px 25px}
.mk-v78 .mk78-history-item{display:flex;align-items:center;gap:15px;text-align:left;width:100%;border:0;border-top:1px solid #eaece3;background:transparent;padding:16px 0;color:#183f30}
.mk-v78 .mk78-history-avatar img{width:46px;height:46px;object-fit:cover;border-radius:14px}
.mk-v78 .mk78-history-item>span:nth-child(2){display:grid;gap:5px;flex:1;min-width:0}
.mk-v78 .mk78-history-item small{font-size:12px;color:#778a7c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-v78 .mk78-history-item .mk78-round-arrow{position:static}
.mk-v78 .mk78-empty-history{color:#78907a;font-size:13px;padding:18px 0}
.mk-v78 .mk78-detail-nav{display:flex;align-items:center;justify-content:space-between;margin:5px 0 24px;color:#879a86;font-size:11px;letter-spacing:.12em;font-weight:800}
.mk-v78 .mk78-back{border:1px solid #e3e8dc;background:#fffdf8;border-radius:100px;color:#245138;padding:11px 17px;font-size:13px;font-weight:750;letter-spacing:0}
.mk-v78 .mk78-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px;padding:18px 26px 17px 30px;border-radius:24px;background:linear-gradient(110deg,#f0f4e9,#f8f2e7);border:1px solid #e5e9d9}
.mk-v78 .mk78-detail-heading h1{font-size:clamp(30px,4.6vw,48px);font-family:Georgia,serif;letter-spacing:-.04em;margin:9px 0}
.mk-v78 .mk78-detail-heading p{font-size:13px;color:#607a67;margin:0;line-height:1.5;max-width:480px}
.mk-v78 .mk78-detail-heading img{width:88px;height:88px;border-radius:22px;object-fit:cover}
.mk-v78 .mk78-chat{background:#fffdf9;border:1px solid #e6e9dd;border-radius:25px;padding:0 20px 18px;box-shadow:0 7px 24px #25442c0c}
.mk-v78 .mk78-chat-head{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #edf0e7}
.mk-v78 .mk78-chat-head img{width:43px;height:43px;border-radius:13px}
.mk-v78 .mk78-chat-head span{flex:1;display:grid;gap:3px}
.mk-v78 .mk78-chat-head small{font-size:11px;color:#62856e}
.mk-v78 .mk78-chat-head button{background:#f0f4ec;border:0;border-radius:100px;padding:9px 13px;color:#396348;font-size:12px}
.mk-v78 .mk78-chat .mk-chat-window{background:transparent;max-height:470px;min-height:280px;border:0;padding:24px 3px}
.mk-v78 .mk78-chat .mk-bubble.miko span{background:#f0f2eb;color:#244633}
.mk-v78 .mk78-chat .mk-bubble.mine span{background:#dcebd8;color:#193f31}
.mk-v78 .mk78-chat .mk-chat-compose input{background:#fff;border:1px solid #dfe7db}
.mk-v78 .mk78-chat-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#758677;font-size:11px;padding:12px 0 0}
.mk-v78 .mk78-chat-foot button{font-size:11px;background:transparent;border:0;color:#275d3e;font-weight:800}
.mk-v78 .mk78-chat-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.mk-v78 .mk78-chat-tools button{border-radius:999px;background:#fffdf8;border:1px solid #e2e8dd;padding:11px 16px;font-size:12px;color:#335e46;font-weight:750}
.mk-v78 .mk78-call{background:#fffdf8;border:1px solid #e4e9df;padding:40px 24px;text-align:center;border-radius:28px}
.mk-v78 .mk78-call-art{width:min(230px,70%);height:235px;margin:0 auto 10px;position:relative}
.mk-v78 .mk78-call-halo{width:100%;height:100%;border-radius:50%;background:radial-gradient(ellipse,#edf4de,#dde9ce 64%,transparent 65%);overflow:hidden}
.mk-v78 .mk78-call-halo img{width:100%;height:100%;object-fit:contain}
.mk-v78 .mk78-call-wave{position:absolute;bottom:0;left:12%;right:12%;letter-spacing:.25em;color:#6c9362}
.mk-v78 .mk78-call h2{font-family:Georgia,serif;color:#1c4835;font-size:29px;margin:11px 0}
.mk-v78 .mk78-call>p{max-width:500px;margin:0 auto 18px;font-size:14px;line-height:1.55;color:#698070}
.mk-v78 .mk78-call .mk-voice-status{margin:15px auto;max-width:440px}
.mk-v78 .mk78-call-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.mk-v78 .mk78-call>small{display:block;max-width:490px;margin:19px auto 0;color:#7d8f80;font-size:11px;line-height:1.5}
.mk-v78 .mk78-call-transcript{padding:25px;background:#fffdf8;border:1px solid #e3e8dc;border-radius:24px;margin-top:14px}
.mk-v78 .mk78-call-transcript p{font-size:13px}
.mk-v78 .mk78-scene-active{display:flex;align-items:center;gap:15px;padding:0 0 17px}
.mk-v78 .mk78-scene-active button{border:0;background:transparent;color:#3b6948;padding:9px 0;font-weight:700}
.mk-v78 .mk78-scene-active strong{color:#173f31}
.mk-v78 .mk78-modal-metrics{display:flex;gap:12px}
.mk-v78 .mk78-modal-metrics>div{background:#f1f4e8;border-radius:14px;padding:14px 24px;display:grid;gap:5px}
.mk-v78 .mk78-modal-metrics b{font-size:24px}
@media (min-width:1020px){
.mk-v78 .mk78-scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
.mk-page.mk-v78{padding:7px 8px 40px!important}
.mk-v78 .mk78-hero{grid-template-columns:1fr;min-height:0}
.mk-v78 .mk78-hero-copy{padding:23px 24px 0}
.mk-v78 .mk78-premium{font-size:10px;margin-bottom:13px}
.mk-v78 .mk78-hero h1{font-size:clamp(40px,9vw,54px);margin:8px 0}
.mk-v78 .mk78-hero p{font-size:14px;max-width:390px}
.mk-v78 .mk78-hero-art{min-height:210px;height:210px}
.mk-v78 .mk78-hero-art img{height:265px;width:80%;object-fit:contain;object-position:center 40%}
.mk-v78 .mk78-mode-grid{gap:9px}
.mk-v78 .mk78-mode{min-height:148px;padding:14px 12px;border-radius:19px;gap:7px}
.mk-v78 .mk78-mode-icon{width:41px;height:41px;font-size:23px;border-radius:13px}
.mk-v78 .mk78-mode strong{font-size:18px}
.mk-v78 .mk78-mode small{font-size:11px;line-height:1.35}
.mk-v78 .mk78-choose{margin-top:25px}
.mk-v78 .mk78-section-heading h2{font-size:26px}
.mk-v78 .mk78-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.mk-v78 .mk78-scene-photo{height:125px}
.mk-v78 .mk78-scene-info{padding:13px;min-height:124px}
.mk-v78 .mk78-scene-info strong{font-size:16px}
.mk-v78 .mk78-scene-info small{font-size:11px}
.mk-v78 .mk78-round-arrow{right:8px;bottom:12px;width:22px;height:22px}
.mk-v78 .mk78-resume{margin:16px 0 30px;padding:12px;gap:11px}
.mk-v78 .mk78-resume img{width:47px;height:47px}
.mk-v78 .mk78-resume strong{font-size:14px}
.mk-v78 .mk78-resume small{font-size:11px}
.mk-v78 .mk78-resume-cta{padding:9px;font-size:11px}
.mk-v78 .mk78-feedback{display:block;padding:22px}
.mk-v78 .mk78-feedback-stats{margin-top:17px}
.mk-v78 .mk78-history{padding:18px}
.mk-v78 .mk78-detail-heading{padding:18px}
.mk-v78 .mk78-detail-heading img{width:64px;height:64px}
.mk-v78 .mk78-detail-nav{margin:9px 0 16px}
.mk-v78 .mk78-chat{padding:0 14px 15px}
.mk-v78 .mk78-chat .mk-chat-window{min-height:220px}
.mk-v78 .mk78-chat-foot{flex-wrap:wrap}
}
@media (max-width:365px){
.mk-v78 .mk78-mode{padding:12px 8px}
.mk-v78 .mk78-mode strong{font-size:16px}
.mk-v78 .mk78-mode small{font-size:10px}
.mk-v78 .mk78-scene-photo{height:107px}
.mk-v78 .mk78-resume-cta{font-size:0}
.mk-v78 .mk78-resume-cta:after{content:'→';font-size:16px}
}
.mk-page.mk-v78{max-width:1120px}
.mk-v78 .mk80-hero{min-height:390px;border-radius:28px;background:radial-gradient(ellipse at 83% 18%,rgba(40,102,71,.48),transparent 51%),linear-gradient(110deg,#fbf5eb 0%,#f9f2e7 46%,#d3dfbf 100%);border:1px solid #e7dfcd;box-shadow:0 16px 34px rgba(69,81,43,.11)}
.mk-v78 .mk80-hero .mk78-hero-copy{padding:40px 24px 38px 43px;align-self:center}
.mk-v78 .mk80-hero .mk78-hero-art{background:radial-gradient(ellipse at 71% 40%,#125335 2%,#376b49 36%,#b0c9a3 68%,transparent 83%);overflow:visible;min-height:380px}
.mk-v78 .mk80-hero .mk78-hero-art:before{content:'';position:absolute;inset:auto 8% 7% 5%;height:28%;width:90%;border:2px solid #eec966;border-radius:50%;transform:rotate(-8deg);box-shadow:0 0 17px #e1c66b9a}
.mk-v78 .mk80-hero .mk78-hero-art img{height:108%;width:108%;object-fit:contain;object-position:center bottom;bottom:-4%;right:-4%;filter:drop-shadow(0 10px 18px #173b2969)}
.mk-v78 .mk80-hero .mk78-premium{display:inline-flex;align-items:center;padding:9px 17px;border-radius:999px;border:1px solid #d8b359;background:linear-gradient(110deg,#15472f,#3c5330 58%,#b8923e);color:#fff8df;box-shadow:0 5px 15px #ab8d4840;font-size:11px;letter-spacing:.115em}
.mk-v78 .mk80-hero .mk78-eyebrow{color:#7e785b;letter-spacing:.23em}
.mk-v78 .mk80-hero h1{font-size:clamp(49px,6vw,79px);letter-spacing:-.058em;white-space:nowrap;margin:13px 0 14px}
.mk-v78 .mk80-hero h1 em{color:#987a3e;font-weight:600}
.mk-v78 .mk80-hero p{color:#3c6250;max-width:390px;font-size:17px}
.mk-v78 .mk80-hero-call{margin-top:25px;width:min(100%,346px);background:linear-gradient(120deg,#276e47,#0c3d2d);border:1px solid #d8bd6b;box-shadow:0 6px 19px #315b3b36;color:#fffdf4;display:flex;align-items:center;justify-content:space-between;gap:13px;border-radius:100px;padding:14px 23px;font-size:15px;font-weight:800;text-align:left}
.mk-v78 .mk80-hero-call:hover{box-shadow:0 9px 23px #315b3b5e}
.mk-v78 .mk80-hero-call span:first-child{font-size:22px}
.mk-v78 .mk80-hero-call span:last-child{font-size:22px}
.mk-v78 .mk80-choose{margin-top:27px}
.mk-v78 .mk80-choose .mk78-section-heading h2{font-family:Georgia,serif;font-size:clamp(27px,3.2vw,42px);margin:3px 0 19px;line-height:1.18}
.mk-v78 .mk80-choose .mk78-eyebrow{color:#797254;letter-spacing:.24em}
.mk-v78 .mk80-choose .mk78-mode{min-height:193px;background:linear-gradient(145deg,#fffdf9,#fcf5e9);border-color:#e7dec9;box-shadow:0 8px 18px #4a513013;transition:transform .18s,box-shadow .18s}
.mk-v78 .mk80-choose .mk78-mode:hover{transform:translateY(-3px);box-shadow:0 11px 24px #345d3530}
.mk-v78 .mk80-choose .mk78-mode-call{background:linear-gradient(135deg,#215b3d,#093b2b);color:#fff;border:1px solid #d6b761;box-shadow:0 6px 21px #38533940}
.mk-v78 .mk80-choose .mk78-mode strong{font-family:Georgia,serif;font-size:28px;font-weight:700}
.mk-v78 .mk80-choose .mk78-mode-icon{background:#e8eed7;color:#24573e}
.mk-v78 .mk80-choose .mk78-mode-call .mk78-mode-icon{background:#ffffff21;color:#f7edc8}
.mk-v78 .mk80-choose .mk78-mode-call small{color:#e9f1df}
.mk-v78 .mk80-resume{margin:20px 0 24px;background:#fffaf1;border-color:#e6dec8;box-shadow:0 6px 19px #2b483010}
.mk-v78 .mk80-resume .mk78-resume-cta{background:linear-gradient(110deg,#20583c,#0a3e2b);color:#fff;border:1px solid #d6b967}
.mk-v78 .mk80-speaking{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 225px;align-items:center;gap:20px;overflow:hidden;border:1px solid #e9debd;border-radius:26px;padding:28px 37px;margin-bottom:35px;background:radial-gradient(ellipse at 80% 18%,#d1e0b6,transparent 49%),linear-gradient(120deg,#fcf6e8,#f4ebd5 68%,#d1e2c3)}
.mk-v78 .mk80-speaking:after{content:'';position:absolute;border-radius:50%;width:58%;height:140%;border:1px solid #ffffffa9;right:-18%;top:21%;pointer-events:none}
.mk-v78 .mk80-speaking-copy{position:relative;z-index:1}
.mk-v78 .mk80-speaking h2{font-family:Georgia,serif;color:#163f2d;font-size:clamp(27px,3.5vw,41px);margin:7px 0}
.mk-v78 .mk80-speaking p{font-size:14px;color:#5b6b53;line-height:1.5;max-width:510px;margin:0 0 16px}
.mk-v78 .mk80-speaking-tags{display:flex;gap:8px;flex-wrap:wrap}
.mk-v78 .mk80-speaking-tags span{background:#fffdf8ad;border:1px solid #e9e2cd;padding:7px 11px;border-radius:100px;font-size:11px;color:#365b42;font-weight:700}
.mk-v78 .mk80-speaking-action{min-height:180px;position:relative;z-index:1;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:26px;border:1px solid #ddcb8f;background:radial-gradient(circle at 50% 30%,#39764f,#0a402d 73%);box-shadow:0 10px 27px #1b4b3650;color:#f6eeb5}
.mk-v78 .mk80-speaking-action img{height:118px;width:125px;object-fit:contain;filter:drop-shadow(0 4px 13px #dcdf8659)}
.mk-v78 .mk80-speaking-action span{font-size:19px;letter-spacing:.19em}
.mk-v78 .mk80-speaking-action strong{font-size:12px;color:#fff7d5;margin-top:4px}
.mk-v78 .mk80-scenarios{margin-top:20px}
@media (max-width:760px){
.mk-v78 .mk80-hero{display:grid;grid-template-columns:1fr 1fr;min-height:300px}
.mk-v78 .mk80-hero .mk78-hero-copy{padding:22px 3px 24px 19px}
.mk-v78 .mk80-hero h1{font-size:clamp(28px,6vw,46px);white-space:normal;line-height:1.07}
.mk-v78 .mk80-hero p{font-size:12px}
.mk-v78 .mk80-hero .mk78-hero-art{min-height:280px;height:auto;overflow:visible}
.mk-v78 .mk80-hero .mk78-hero-art img{height:95%;width:135%;right:-10%;bottom:0;object-position:center bottom}
.mk-v78 .mk80-hero .mk78-premium{font-size:8px;letter-spacing:.02em;padding:7px 9px;max-width:100%}
.mk-v78 .mk80-hero .mk78-eyebrow{font-size:9px}
.mk-v78 .mk80-hero-call{font-size:11px;padding:10px 11px;margin-top:16px;gap:5px}
.mk-v78 .mk80-hero-call span:first-child,.mk-v78 .mk80-hero-call span:last-child{font-size:14px}
.mk-v78 .mk80-choose .mk78-mode{min-height:145px}
.mk-v78 .mk80-choose .mk78-mode strong{font-size:19px}
.mk-v78 .mk80-speaking{grid-template-columns:1fr 120px;padding:17px;gap:9px}
.mk-v78 .mk80-speaking h2{font-size:25px}
.mk-v78 .mk80-speaking p{font-size:12px}
.mk-v78 .mk80-speaking-action{min-height:150px;border-radius:19px}
.mk-v78 .mk80-speaking-action img{width:93px;height:94px}
.mk-v78 .mk80-speaking-action span{font-size:11px;letter-spacing:0}
.mk-v78 .mk80-speaking-action strong{font-size:9px}
}
@media (max-width:420px){
.mk-v78 .mk80-hero{grid-template-columns:1.05fr .95fr;min-height:275px}
.mk-v78 .mk80-hero .mk78-hero-copy{padding-left:12px}
.mk-v78 .mk80-hero h1{font-size:31px}
.mk-v78 .mk80-hero p{font-size:11px}
.mk-v78 .mk80-choose .mk78-mode{padding:11px 9px;min-height:142px}
.mk-v78 .mk80-choose .mk78-mode strong{font-size:17px}
.mk-v78 .mk80-choose .mk78-mode small{font-size:10px}
}
@media (max-width:760px){
.mk-v78.mk78-home{padding:0 4px 42px!important;overflow:visible}
.mk-v78.mk78-home .mk80-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 30% 7%,#fffefa70,transparent 50%),
radial-gradient(ellipse at 83% 95%,#f9d77d6b,transparent 36%)}
.mk-v78.mk78-home .mk80-hero .mk78-hero-copy{align-self:auto}
.mk-v78.mk78-home .mk80-hero h1 em{font-style:italic;font-weight:700}
.mk-v78.mk78-home .mk80-hero .mk78-hero-art{inset:0 0 35px auto;display:block}
.mk-v78.mk78-home .mk80-hero .mk78-hero-art::before{content:'';position:absolute;inset:auto 2% 3% 9%;width:90%;height:19%;border:2px solid #eac763;border-radius:50%;transform:rotate(-8deg);box-shadow:0 0 21px #f8d567a1}
.mk-v78.mk78-home .mk80-hero-call{justify-content:space-between;border-radius:999px;background:linear-gradient(110deg,#276b43,#063a29);color:#fffcf0;border:1px solid #dec063}
.mk-v78.mk78-home .mk80-hero-call span:first-child,.mk-v78.mk78-home .mk80-hero-call span:last-child{font-size:22px}
.mk-v78.mk78-home .mk80-choose .mk78-eyebrow{font-size:10px;letter-spacing:.23em;color:#6c674a}
.mk-v78.mk78-home .mk80-choose .mk78-section-heading h2{line-height:1.14;letter-spacing:-.04em;margin:8px 0 3px}
.mk-v78.mk78-home .mk80-choose .mk78-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.mk-v78.mk78-home .mk80-choose .mk78-mode{position:relative;min-width:0;min-height:172px;padding:14px 10px 35px;border-radius:23px;gap:7px;background:linear-gradient(155deg,#fffefd,#fcf6eb);border:1px solid #e9dfca;box-shadow:0 9px 21px #45522d1c}
.mk-v78.mk78-home .mk80-choose .mk78-mode .mk78-mode-top{display:flex;justify-content:flex-start}
.mk-v78.mk78-home .mk80-choose .mk78-mode-icon{width:42px;height:42px;font-size:24px;border-radius:13px;background:linear-gradient(135deg,#eef2da,#dfe9c6);color:#145037}
.mk-v78.mk78-home .mk80-choose .mk78-mode strong{font:700 clamp(17px,5vw,23px)/1.1 Georgia,serif;letter-spacing:-.04em}
.mk-v78.mk78-home .mk80-choose .mk78-mode small{font-size:clamp(9px,2.6vw,11px);line-height:1.35;color:#526653}
.mk-v78.mk78-home .mk80-choose .mk78-mode-arrow{position:absolute;bottom:11px;right:11px;display:grid;place-items:center;width:27px;height:27px;border:1px solid #e7e2cb;border-radius:50%;background:#f4f0e4;font-size:17px;color:#29583e}
.mk-v78.mk78-home .mk80-choose .mk78-mode-call{background:linear-gradient(155deg,#215c40,#073b2d);border:1px solid #ddb95e;box-shadow:0 9px 23px #234b3540;color:#fffef2}
.mk-v78.mk78-home .mk80-choose .mk78-mode-call .mk78-mode-icon{background:#ffffff20;color:#f9e8af;border:1px solid #ebd2847a}
.mk-v78.mk78-home .mk80-choose .mk78-mode-call small{color:#dfebdc}
.mk-v78.mk78-home .mk80-choose .mk78-mode-call .mk78-mode-arrow{background:#f7e5af;color:#16422c;border-color:#d9b761}
.mk-v78.mk78-home .mk80-resume{margin-top:20px}
}
@media (max-width:390px){
.mk-v78.mk78-home .mk80-choose .mk78-mode{min-height:166px;padding-left:9px;padding-right:7px}
}
@media (max-width:340px){
.mk-v78.mk78-home .mk80-hero{min-height:360px}
.mk-v78.mk78-home .mk80-hero-call{top:278px}
.mk-v78.mk78-home .mk80-choose .mk78-mode{min-height:172px}
.mk-v78.mk78-home .mk80-choose .mk78-mode strong{font-size:16px}
}
@media (max-width:760px){
body:has(.mk78-home){background:#faf5ed!important;overflow-x:hidden}
.main:has(.mk78-home){position:relative;isolation:isolate;background:transparent!important;overflow:visible!important}
.main:has(.mk78-home)::before{content:"";position:absolute;z-index:-1;top:0;left:-16px;right:-16px;height:545px;pointer-events:none;background:radial-gradient(ellipse 65% 69% at 99% 15%,#05452e 1%,#0d5a3c 47%,#bfd4a0 90%,transparent 100%),
radial-gradient(ellipse 85% 75% at 10% 15%,#fffaf0 0%,#fcf5e8 56%,transparent 100%),
linear-gradient(104deg,#fff8ed 0%,#f4efdf 48%,#becb94 80%,#f9f5ec 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 79%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 79%,transparent 100%)}
.main:has(.mk78-home)>.topbar,.main:has(.mk78-home)>.tr-profile-homebar,.main:has(.mk78-home)>.tr-mobile-homebar, .main:has(.mk78-home)>.tr-header-lesson-v36{position:relative;z-index:8;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.main:has(.mk78-home) .mk-page.mk-v78.mk78-home{position:relative;z-index:1;padding:0 0 35px!important;margin-top:0!important;overflow:visible!important}
.mk-v78.mk78-home .mk80-hero{display:block!important;position:relative!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;isolation:isolate}
.mk-v78.mk78-home .mk80-hero::before{display:none!important}
.mk-v78.mk78-home .mk80-hero .mk78-hero-copy{position:relative;z-index:4;display:block;width:100%;padding:42px 10px 0!important}
.mk-v78.mk78-home .mk80-hero .mk78-premium{display:inline-flex;position:relative;margin:0 0 17px!important;padding:9px 13px!important;font-size:clamp(8px,2vw,10px)!important;white-space:nowrap;max-width:none!important;letter-spacing:.08em!important;box-shadow:0 3px 13px #b99f536e!important}
.mk-v78.mk78-home .mk80-hero .mk78-eyebrow{display:block;position:relative;max-width:52%;width:52%;font-size:clamp(8px,2.2vw,11px)!important;letter-spacing:.15em!important;color:#5b5841!important;line-height:1.5}
.mk-v78.mk78-home .mk80-hero h1{line-height:1.04!important;margin:10px 0 12px!important;letter-spacing:-.048em!important;white-space:normal!important;color:#083c2a!important}
.mk-v78.mk78-home .mk80-hero h1 em{display:inline!important;color:#a07a34!important}
.mk-v78.mk78-home .mk80-hero p{font-size:clamp(10px,2.75vw,14px)!important;line-height:1.48!important;color:#2b4e3e!important;margin:0!important}
.mk-v78.mk78-home .mk80-hero .mk78-hero-art{position:absolute!important;z-index:2!important;bottom:auto!important;height:336px!important;min-height:0!important;background:none!important;overflow:visible!important;pointer-events:none}
.mk-v78.mk78-home .mk80-hero .mk78-hero-art::before{display:none!important}
.mk-v78.mk78-home .mk80-hero .mk78-hero-art img{position:absolute!important;top:2px!important;bottom:auto!important;height:338px!important;max-width:none!important;object-fit:contain!important;object-position:right center!important;-webkit-mask-image:radial-gradient(ellipse 62% 65% at 53% 48%,#000 59%,rgba(0,0,0,.96) 67%,transparent 98%)!important;mask-image:radial-gradient(ellipse 62% 65% at 53% 48%,#000 59%,rgba(0,0,0,.96) 67%,transparent 98%)!important;filter:drop-shadow(0 9px 16px #103c2c48)!important}
.mk-v78.mk78-home .mk80-hero-call{position:absolute!important;z-index:5!important;left:10px!important;width:min(89%,370px)!important;max-width:calc(100% - 20px)!important;min-height:53px!important;margin:0!important;padding:10px 18px!important;font-size:clamp(12px,3.5vw,17px)!important;white-space:nowrap!important;box-shadow:0 7px 17px #174a3280,0 0 0 2px #e7c66e70!important}
.mk-v78.mk78-home .mk80-choose{margin-top:0!important;padding-top:2px}
.mk-v78.mk78-home .mk80-choose .mk78-section-heading{margin-bottom:15px!important}
.mk-v78.mk78-home .mk80-choose .mk78-section-heading h2{font-size:clamp(25px,6.6vw,36px)!important}
}
.main:has(.mk78-home)>.tr-learning-homebar{position:relative!important;z-index:8!important;background:transparent!important;border:0!important;box-shadow:none!important}
.mk-v78.mk78-home .mk80-hero h1{max-width:54%!important;font-size:clamp(31px,8.2vw,43px)!important}
.mk-v78.mk78-home .mk80-hero p{width:45%!important;max-width:45%!important}
.mk-v78.mk78-home .mk80-hero .mk78-hero-art{right:-29px!important;width:55%!important}
.mk-v78.mk78-home .mk80-hero .mk78-hero-art img{width:106%!important;right:-10%!important}
@media (max-width:390px){
.mk-v78.mk78-home .mk80-hero{min-height:372px!important}
.mk-v78.mk78-home .mk80-hero .mk78-hero-art{right:-14px!important;width:61%!important}
.mk-v78.mk78-home .mk80-hero .mk78-hero-art img{height:325px!important}
}
@media (min-width:761px){
.main:has(.mk78-home){position:relative;isolation:isolate;background:transparent!important}
.main:has(.mk78-home)::before{content:"";position:absolute;inset:0 -15px auto;height:530px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 57% 75% at 90% 10%,#0e5138 0%,#5b8b58 55%,transparent 100%),linear-gradient(110deg,#fff8ef,#eee9d6 59%,#d3dab5);mask-image:linear-gradient(black 67%,transparent)}
.main:has(.mk78-home)>.topbar,.main:has(.mk78-home)>.tr-mobile-homebar{position:relative;z-index:5;background:transparent!important}
.mk-v78.mk78-home .mk80-hero{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;overflow:visible!important}
.mk-v78.mk78-home .mk80-hero .mk78-hero-art{background:none!important}
.mk-v78.mk78-home .mk80-hero .mk78-hero-art img{mask-image:radial-gradient(ellipse at 55% 49%,black 58%,transparent 96%)}
}
.shell.mk83-immersive .mobile-nav{display:none!important}
.shell.mk83-immersive .sidebar{display:none!important}
.shell.mk83-immersive{grid-template-columns:minmax(0,1fr)!important}
.shell.mk83-immersive .main{width:100%;max-width:none;min-width:0}
.shell.mk83-immersive .footer-note{display:none!important}
.mk83-detail-heading{margin:0 0 17px;padding:0 2px}
.mk83-detail-heading h1{font-family:Georgia,serif;font-size:clamp(26px,3.2vw,39px);letter-spacing:-.025em;color:#123f30;margin:0}
.mk-v78.mk78-detail{max-width:940px;margin:0 auto!important}
.mk-v78.mk78-detail .mk78-detail-nav{margin-bottom:20px!important}
.mk-v78.mk78-detail .mk78-chat{box-shadow:0 11px 30px #294e2b0c;border-radius:25px;overflow:hidden}
.mk-v78.mk78-detail .mk78-chat .mk-chat-window{min-height:min(54vh,440px);max-height:54vh;overflow:auto}
.mk83-call{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(290px,.95fr);gap:20px;align-items:stretch}
.mk83-call-stage{background:radial-gradient(circle at 48% 29%,#3b7659,#17432f 57%,#0e3023);border:1px solid #3b614b;border-radius:29px;min-height:460px;padding:21px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;color:white}
.mk83-call-badge{align-self:flex-start;background:#ffffff1c;border:1px solid #ffffff44;border-radius:100px;padding:8px 15px;font-size:12px;letter-spacing:.025em}
.mk83-call-miko{width:min(95%,310px);height:280px;display:flex;align-items:center;justify-content:center}
.mk83-call-miko img{max-height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 12px 20px #061c1b66);animation:mk83-breathe 3.5s ease-in-out infinite}
@keyframes mk83-breathe{50%{transform:translateY(-7px) scale(1.025)}}
@media (prefers-reduced-motion:reduce){
.mk83-call-miko img{animation:none}
}
.mk83-call-wave{font-size:28px;letter-spacing:5px;color:#d9f09f;margin:-7px 0 6px}
.mk83-call-stage .mk-voice-status{font-size:14px;color:#e5f7df;background:#ffffff16;border-radius:15px;padding:11px 15px;max-width:95%;text-align:center}
.mk83-call-panel{padding:20px;border:1px solid #e8e7dc;border-radius:25px;background:#fffefb;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 32px #233e270a}
.mk83-call-actions{display:grid;grid-template-columns:1fr auto;gap:9px}
.mk83-call-actions button{border:0;border-radius:999px;font-weight:700;padding:15px 17px;cursor:pointer}
.mk83-call-mic{background:#124f3c;color:white}
.mk83-call-end{background:#faeee9;color:#9e4036}
.mk83-call-transcript{flex:1;min-height:240px}
.mk83-call-transcript h3{font-size:16px;color:#173f32;margin:2px 0 12px}
.mk83-call-lines{max-height:335px;overflow:auto;display:flex;flex-direction:column;gap:10px}
.mk83-transcript-line{background:#f5f4ec;border:1px solid #e7e9dd;padding:12px 15px;border-radius:17px}
.mk83-transcript-line.you{background:#e4f1df}
.mk83-transcript-line strong{font-size:11px;color:#536f60}
.mk83-transcript-line p{margin:4px 0 0;color:#1a392d;font-size:14px;line-height:1.4}
.mk83-voice-notice{font-size:11px;color:#748277;line-height:1.45}
.mk83-scene-top{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:15px;color:#194d37;font-weight:800}
.mk83-scene-top button{background:none;border:0;color:#386d50;cursor:pointer;font-weight:700}
.mk83-scene-top span{font-size:16px}
@media (max-width:760px){
.mk-v78.mk78-home .mk80-hero .mk78-hero-copy{padding-top:14px!important}
.mk-v78.mk78-home .mk80-hero .mk78-premium{margin-bottom:11px!important}
.mk-v78.mk78-home .mk80-hero h1{margin-top:5px!important}
.mk-v78.mk78-home .mk80-hero .mk78-hero-art{top:0!important}
.mk-v78.mk78-home .mk80-hero-call{top:285px!important}
.mk-v78.mk78-home .mk80-hero{min-height:370px!important}
.shell.mk83-immersive .mk-page.mk-v78.mk78-detail{padding:10px 12px 35px!important}
.shell.mk83-immersive .main{padding-bottom:8px!important}
.mk83-call{display:flex;flex-direction:column;gap:12px}
.mk83-call-stage{min-height:335px;padding:15px;border-radius:24px}
.mk83-call-miko{height:208px;max-width:260px}
.mk83-call-panel{padding:15px;border-radius:20px}
.mk83-call-transcript{min-height:180px}
.mk-v78.mk78-detail .mk78-chat .mk-chat-window{min-height:43vh;max-height:50vh}
.mk-v78.mk78-detail .mk78-chat-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.mk-v78.mk78-detail .mk78-chat-tools button{padding:11px 4px;font-size:11px}
.tf74-page .tf74-top{margin-bottom:13px!important}
.tf74-page .tf74-main-actions{margin-top:16px!important}
.tf74-page .tf74-panel{margin-top:10px!important}
.tf74-page .tf74-section-head p{margin-bottom:6px}
}
@media (max-width:390px){
.mk-v78.mk78-home .mk80-hero .mk78-hero-copy{padding-top:8px!important}
.mk-v78.mk78-home .mk80-hero-call{top:278px!important}
}
.tv84-journey{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 26px;margin:18px 0 24px;background:linear-gradient(115deg,#fffdfa 0%,#f1f3e8 68%,#e4eee0 100%);border:1px solid #e5e8de;border-radius:26px;box-shadow:0 10px 28px rgba(32,68,44,.055)}
.tv84-journey-copy{flex:1;min-width:0}
.tv84-overline{display:block;font-size:.68rem;letter-spacing:.14em;font-weight:800;color:#6b846e;margin-bottom:6px}
.tv84-journey h2{font-family:Georgia,serif;font-weight:650;font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:-.035em;color:#133b2b;margin:0 0 7px}
.tv84-journey p{margin:0;color:#587063;font-size:.88rem;line-height:1.5}
.tv84-meter{width:100%;height:7px;border-radius:20px;background:#dfe9dc;overflow:hidden;margin-top:13px;max-width:470px}
.tv84-meter span{display:block;background:linear-gradient(90deg,#2d7350,#9cbb75);height:100%;border-radius:20px}
.tv84-journey-actions{display:flex;flex-direction:column;gap:10px;min-width:250px}
.tv84-continue{display:flex;justify-content:space-between;align-items:center;gap:15px;border:0;border-radius:16px;padding:15px 17px;color:#fff;background:#1c5038;font-weight:750;cursor:pointer;box-shadow:0 8px 17px #19483222;text-align:left}
.tv84-small-actions{display:flex;gap:8px}
.tv84-small-actions button{flex:1;min-width:0;cursor:pointer;border:1px solid #d9e4d5;background:#fffefb;border-radius:12px;padding:11px 8px;color:#2c6147;font-weight:700;font-size:.77rem}
.tv84-review-summary{margin-top:14px;margin-bottom:15px;padding:18px 20px;border:1px solid #e3e7dc;background:linear-gradient(110deg,#fbfcf6,#edf3e8);border-radius:21px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.tv84-review-summary>div{display:grid;gap:5px}
.tv84-review-summary strong{font-size:1.03rem;color:#184532}
.tv84-review-summary small{font-size:.78rem;color:#68796c}
.tv84-review-summary button{background:#fffdfa;color:#24523c;border:1px solid #d6e2d3;padding:12px 14px;border-radius:14px;cursor:pointer;font-weight:750;white-space:nowrap}
.tf74-rate{flex-wrap:wrap}
.tf74-rate>button{flex:1;min-width:100px}
.tf74-page button,.tl31-shell button{touch-action:manipulation}
.tf74-word-face:focus-visible,.tv84-continue:focus-visible,.tv84-small-actions button:focus-visible{outline:3px solid #a2ce72;outline-offset:3px}
@media (max-width:750px){
.tv84-journey{display:block;padding:19px;margin:12px 0 18px;border-radius:20px}
.tv84-journey-actions{min-width:0;margin-top:15px}
.tv84-journey h2{font-size:1.55rem}
.tv84-continue{padding:15px}
.tv84-review-summary{display:block;padding:17px}
.tv84-review-summary button{margin-top:12px;width:100%}
.tf74-rate>button{font-size:.82rem;min-width:82px;padding:13px 8px}
.tf74-collection{min-width:0}
.tf74-page .tf74-top h1,.tl31-shell h1{overflow-wrap:anywhere}
}
@media (max-width:420px){
.tv84-small-actions{display:grid;grid-template-columns:1fr 1fr}
.tv84-small-actions button{font-size:.73rem;padding:12px 5px}
}
@media (prefers-reduced-motion:reduce){
.tv84-journey *{animation:none!important;transition:none!important}
}
.tv84-mastered{display:block!important;margin-top:5px;color:#4f7a57!important;font-weight:700;font-size:.72rem!important}
.tv84-review-summary button:hover,.tv84-small-actions button:hover{border-color:#98b89a;background:#f3f8ed}
.mk78-chat-tools button{min-height:44px}
.tf74-study-buttons button,.tf74-rate button{min-height:44px}
@media (max-width:600px){
.tf74-top{gap:10px}
.tf74-section-head{gap:10px}
.tf74-collections{gap:10px}
.tf74-word-grid{gap:11px}
.tf74-top .tf74-add{white-space:nowrap}
.mk78-chat-tools{gap:8px}
.mk78-chat-tools button{font-size:.81rem}
}
.mk86-voices{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 15px;margin:6px 0 15px;background:#f7f6ef;border:1px solid #e4e9dc;border-radius:18px;color:#244833;font-size:12px;font-weight:700}
.mk86-voice-options{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mk86-voice-options button{border:1px solid #d9e3d2;background:#fffef9;border-radius:99px;padding:9px 12px;font-size:12px;color:#2a5943;cursor:pointer}
.mk86-voice-options button.active{background:#15513b;color:#fff;border-color:#15513b}
.mk86-voice-preview{background:transparent;border:0;color:#246449;font-weight:800;font-size:12px;cursor:pointer;margin-left:auto}
.mk86-chat-message{display:flex;flex-direction:column;gap:4px;max-width:100%}
.mk86-chat-message.mine{align-items:flex-end}
.mk86-chat-message.miko{align-items:flex-start}
.mk86-chat-message .mk-bubble{width:100%}
.mk86-chat-message.mine .mk-bubble{justify-content:flex-end}
.mk86-message-tools{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-left:42px;max-width:95%}
.mk86-chat-message.mine .mk86-message-tools{justify-content:flex-end;margin-left:0;margin-right:2px}
.mk86-message-tools button{background:transparent;border:0;color:#50765d;font-size:11px;cursor:pointer;padding:6px 9px;border-radius:8px}
.mk86-message-tools button:hover,.mk86-message-tools button:focus-visible{background:#e6f0e3}
.mk86-aid-result{width:100%;margin:2px 0 7px;background:#f3f6ee;border:1px solid #dfead7;padding:11px 13px;border-radius:13px;font-size:12px;color:#28523e;white-space:pre-wrap;line-height:1.55}
.mk86-aid-result b{display:block;margin-bottom:4px}
.mk86-call-wrap{max-width:820px;margin:0 auto}
.mk86-call-head h1{font-family:Georgia,serif;color:#143d2c;font-size:clamp(29px,4vw,40px);margin:3px 0 15px}
.mk86-call-stage{border-radius:24px;background:linear-gradient(125deg,#e4eddf,#f6f2e9 55%,#ecf3e8);border:1px solid #e0e9d9;padding:13px 25px;display:flex;align-items:center;justify-content:center;position:relative;gap:19px;overflow:hidden}
.mk86-call-stage img{object-fit:contain;filter:drop-shadow(0 12px 12px #204b3828);animation:mk83-breathe 3.5s ease-in-out infinite}
.mk86-call-identity{display:flex;flex-direction:column;gap:7px;color:#1a4533}
.mk86-call-identity strong{font-size:30px;font-family:Georgia,serif}
.mk86-call-status{font-size:13px;max-width:190px}
.mk86-audio-bars{color:#719d65;letter-spacing:4px;font-weight:900;font-size:20px}
.mk86-call-stage.miko-live-speaking .mk86-audio-bars{animation:mk86-pulse .6s ease-in-out infinite alternate}
@keyframes mk86-pulse{to{transform:scaleY(1.45);opacity:.5}}
.mk86-call-actions{display:flex;gap:9px;margin:13px 0 19px}
.mk86-call-actions button{border:0;border-radius:99px;padding:14px 20px;font-size:13px;font-weight:800;cursor:pointer}
.mk86-call-actions .mk83-call-mic{flex:1;background:#13523b;color:#fff}
.mk86-call-actions .mk83-call-end{background:#f5e9e3;color:#8a4139}
.mk86-call-transcript{background:#fffefa;border:1px solid #e6e9dd;box-shadow:0 10px 32px #153b2910;border-radius:22px;padding:19px 19px 12px}
.mk86-transcript-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.mk86-transcript-title h2{font-size:19px;margin:0;color:#1e4836}
.mk86-transcript-title small{font-size:11px;color:#67806f}
.mk86-call-transcript .mk83-call-lines{min-height:180px}
.mk86-call-message{max-width:84%;align-self:flex-start}
.mk86-call-message.you{align-self:flex-end}
.mk86-call-message .mk86-message-tools{margin:0}
.mk86-call-message .mk83-transcript-line{border-radius:16px}
.mk86-empty{padding:30px 14px;text-align:center;color:#7b8c80;font-size:13px}
.mk86-call-summary{margin-top:14px;border:1px solid #e1e9dc;border-radius:17px;background:#eff4e9;padding:15px;color:#2d5742}
.mk86-call-summary strong{font-size:14px}
.mk86-call-summary p{margin:5px 0 0;font-size:12px;line-height:1.55}
@media (max-width:600px){
.mk86-call-stage{gap:6px;justify-content:space-evenly}
.mk86-call-identity strong{font-size:24px}
.mk86-audio-bars{font-size:14px;letter-spacing:2px}
.mk86-voices{padding:11px;gap:7px}
.mk86-voice-preview{margin-left:0}
.mk86-call-transcript{padding:14px 12px 10px}
.mk86-call-message{max-width:95%}
.mk86-call-actions button{padding:12px 13px}
.mk86-message-tools button{padding:7px 8px}
.mk86-call-summary{padding:12px}
}
@media (prefers-reduced-motion:reduce){
.mk86-call-stage img,.mk86-call-stage.miko-live-speaking .mk86-audio-bars{animation:none}
}
.mk87-settings{display:grid;gap:9px;padding:12px 13px;border:1px solid #e6ebe0;background:#fafbf7;border-radius:18px;margin:8px 0 16px}
.mk87-setting-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mk87-setting-row>span{font-size:12px;color:#4c6757;font-weight:750;min-width:92px}
.mk87-speed{display:flex;gap:5px;flex-wrap:wrap}
.mk87-speed button{border:1px solid #d7e3d5;border-radius:100px;background:#fff;padding:8px 13px;font-weight:700;color:#3e634c;font-size:12px;cursor:pointer}
.mk87-speed button.active{background:#19553d;color:#fff}
.mk78-detail .mk83-detail-heading{margin:4px 0 12px}
.mk78-detail .mk83-detail-heading h1{font-size:clamp(24px,3.3vw,32px)}
.mk78-detail .mk78-chat,.mk78-detail .mk86-call-wrap{max-width:900px;margin-inline:auto}
.mk78-detail .mk-chat-window{min-height:240px;max-height:53vh;overflow-y:auto;scrollbar-width:thin}
.mk78-detail .mk-chat-compose{position:relative}
.mk86-message-tools button{font-weight:700}
.mk78-chat-foot{font-size:11px}
.mk86-call-stage{min-height:175px}
.mk86-call-stage img{height:165px;max-width:35%}
.mk86-call-transcript .mk83-call-lines{max-height:52vh}
@media (max-width:600px){
.mk87-settings{padding:10px;gap:8px;margin:9px 0 13px}
.mk87-setting-row>span{width:100%;font-size:11px}
.mk87-setting-row .mk86-voice-options{gap:4px}
.mk87-setting-row .mk86-voice-options button,.mk87-speed button{padding:8px 10px;font-size:11px}
.mk86-call-stage{min-height:125px;padding:7px 10px}
.mk86-call-stage img{height:112px;max-width:38%}
.mk78-detail .mk-chat-window{max-height:54vh}
.mk86-call-transcript .mk83-call-lines{max-height:48vh}
.mk78-detail .mk78-chat-head{padding:12px 14px}
.mk78-detail .mk86-call-head h1{font-size:27px;margin:3px 0 9px}
}
.pm-atlas{display:grid;gap:18px;max-width:880px;margin:0 auto;padding-bottom:24px}
.pm-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.16em;color:#6f8a74}
.pm-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pm-stage{border:1px solid #e6e3d6;background:#fffefa;border-radius:18px;padding:14px 10px;display:grid;gap:2px;justify-items:center;color:#35574a;transition:transform .18s,box-shadow .18s,background .18s}
.pm-stage:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(30,52,41,.08)}
.pm-stage .pm-stage-sym{font-size:1.2rem;color:#a8895a}
.pm-stage strong{font-family:Georgia,serif;font-size:1.1rem}
.pm-stage small{font-size:.62rem;letter-spacing:.12em;font-weight:800;color:#7b8c80}
.pm-stage.active{background:linear-gradient(150deg,#1d4a3a,#14392d);color:#fff;border-color:transparent;box-shadow:0 14px 30px rgba(20,57,45,.28)}
.pm-stage.active small,.pm-stage.active .pm-stage-sym{color:#e6d3a8}
.pm-chapters{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}
.pm-chapters::-webkit-scrollbar{display:none}
.pm-chapter{flex:1 0 auto;min-width:112px;border:1px solid #e6e3d6;background:#fffefa;border-radius:999px;padding:10px 16px;font-weight:800;font-size:.82rem;color:#4b6a5b}
.pm-chapter.active{background:#264b3b;color:#fff;border-color:#264b3b}
.pm-chapter.is-done:not(.active){color:#2f7a52;background:#eef6ee}
.pm-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:center;padding:26px;border-radius:26px;background:radial-gradient(120% 140% at 0% 0%,#fffdf6 0%,#f1efe1 60%,#e8ecde 100%);border:1px solid #e6e3d6;box-shadow:0 14px 40px rgba(30,52,41,.07)}
.pm-hero h2{font-family:Georgia,serif;font-size:clamp(1.7rem,3.6vw,2.4rem);letter-spacing:-.03em;margin:8px 0 4px}
.pm-hero p{margin:0 0 14px;color:#5e7467}
.pm-progress{height:10px;border-radius:99px;background:#e1e6da;overflow:hidden}
.pm-progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#6f9a74,#a7c78a);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.pm-progress-text{display:block;margin-top:8px;color:#6f8174;font-weight:600}
.pm-hero-actions{display:grid;gap:10px}
.pm-cta{border:0;border-radius:16px;padding:15px 20px;background:linear-gradient(135deg,#2a5a47,#1b4435);color:#fff;font-weight:800;font-size:.95rem;display:inline-flex;gap:10px;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(27,68,53,.28);transition:transform .15s,box-shadow .15s;text-align:center}
.pm-cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(27,68,53,.34)}
.pm-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pm-quick button{border:1px solid #dfe3d4;background:#fffefa;border-radius:12px;padding:10px 8px;font-weight:700;font-size:.78rem;color:#35574a}
.pm-quick button:hover{background:#eef2e6}
.pm-stops{list-style:none;margin:0;padding:0 0 0 22px;position:relative;display:grid;gap:14px}
.pm-stops::before{content:"";position:absolute;left:11px;top:24px;bottom:24px;width:2px;background:repeating-linear-gradient(to bottom,#b8c9b4 0 6px,transparent 6px 12px)}
.pm-stop{position:relative}
.pm-marker{position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#fffefa;border:2px solid #b8c9b4;display:grid;place-items:center;font-size:.68rem;font-weight:800;color:#5f7d6a;z-index:1}
.pm-stop.is-done .pm-marker{background:#3d8a5f;border-color:#3d8a5f;color:#fff}
.pm-stop.is-current .pm-marker{background:#c9a25f;border-color:#c9a25f;color:#fff;box-shadow:0 0 0 6px rgba(201,162,95,.2)}
.pm-lesson{width:100%;display:grid;grid-template-columns:96px 1fr auto;gap:14px;align-items:center;text-align:left;border:1px solid #e8e5d8;background:#fffefa;border-radius:20px;padding:10px 14px 10px 10px;color:#1f4034;transition:transform .15s,box-shadow .15s,border-color .15s}
.pm-lesson:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(30,52,41,.09);border-color:#cfd9c8}
.pm-stop.is-current .pm-lesson{background:linear-gradient(135deg,#1d4a3a,#14392d);color:#fff;border-color:#c9a25f;box-shadow:0 14px 32px rgba(20,57,45,.3)}
.pm-thumb{width:96px;height:76px;border-radius:14px;overflow:hidden;background:#eee}
.pm-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pm-text{display:grid;gap:3px;min-width:0}
.pm-text small{font-size:.62rem;letter-spacing:.12em;font-weight:800;opacity:.65}
.pm-text strong{font-family:Georgia,serif;font-size:1.15rem;letter-spacing:-.01em}
.pm-text span{font-size:.82rem;opacity:.75;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pm-chip{font-size:.7rem;font-weight:800;letter-spacing:.06em;padding:7px 12px;border-radius:99px;background:#eef2e6;color:#3d6b52;white-space:nowrap}
.pm-stop.is-current .pm-chip{background:#e6d3a8;color:#4b3a14}
.pm-stop.is-done .pm-chip{background:#e3f1e6;color:#2f7a52}
.pm-checkpoint{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:24px;border-radius:24px;background:linear-gradient(135deg,#1d4a3a,#14392d);color:#fff;box-shadow:0 18px 40px rgba(20,57,45,.28)}
.pm-check-symbol{width:56px;height:56px;border-radius:50%;border:1.5px solid #e6d3a8;display:grid;place-items:center;font-size:1.5rem;color:#e6d3a8}
.pm-checkpoint .pm-eyebrow{color:#e6d3a8}
.pm-checkpoint h3{font-family:Georgia,serif;font-size:1.5rem;margin:4px 0}
.pm-checkpoint p{margin:0;color:#cfe0d4;font-size:.9rem}
.pm-check-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.pm-check-meta span{background:rgba(255,255,255,.12);border-radius:99px;padding:5px 11px;font-size:.74rem;font-weight:700}
.pm-check-meta .pm-stamp{background:#e6d3a8;color:#3f2f0c}
.pm-best{margin-top:8px!important}
.pm-checkpoint .pm-cta{background:#e6d3a8;color:#33270a;box-shadow:none}
.pm-next-chapter{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px dashed #c4cdb9;background:#fbfaf3;border-radius:20px;padding:16px 20px;text-align:left;color:#29493c}
.pm-next-chapter small{display:block;font-size:.64rem;letter-spacing:.14em;font-weight:800;color:#7b8c80}
.pm-next-chapter strong{font-family:Georgia,serif;font-size:1.15rem}
.pm-next-chapter i{font-style:normal;font-size:1.3rem;color:#6f8a74}
.pm-next-chapter:not(.is-end):hover{background:#f1f2e6}
.pm-trans{display:block;margin-top:4px;font-size:.78rem;font-weight:500;opacity:.7}
.pm-word-note{display:block;margin-top:8px;color:#5e7467;font-size:.82rem;line-height:1.45}
.pm-examples{margin:16px 0;display:grid;gap:8px}
.pm-examples>strong{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#6f8a74}
.pm-example{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fffefa;border:1px solid #e8e5d8;border-radius:16px;padding:12px 14px}
.pm-example b{display:block;color:#1f4034}
.pm-example small{display:block;color:#6b7d71;margin-top:2px}
.lesson-mini-scene img,.scene-card-visual img{border-radius:16px;object-fit:cover}
@media (max-width:720px){
.pm-hero{grid-template-columns:1fr;padding:20px}
.pm-lesson{grid-template-columns:72px 1fr;gap:12px}
.pm-thumb{width:72px;height:72px}
.pm-chip{display:none}
.pm-checkpoint{grid-template-columns:1fr;text-align:left}
.pm-check-symbol{display:none}
.pm-text strong{font-size:1.05rem}
}
@media (prefers-reduced-motion:reduce){
.pm-cta,.pm-lesson,.pm-stage,.pm-progress span{transition:none}
}
.fc-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:0 0 18px;padding:28px 30px;border-radius:28px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#3f8f63 0%,#1f5a40 55%,#17402f 100%);box-shadow:0 18px 44px rgba(23,64,47,.22)}
.fc-hero .tf74-kicker{color:#cdeedb}
.fc-hero h2{font-family:Georgia,serif;font-size:2.1rem;line-height:1.1;margin:6px 0 8px;font-weight:600}
.fc-hero h2 b{font-size:2.9rem;font-weight:700;margin-right:6px}
.fc-hero p{margin:0 0 14px;color:#dff3e6;max-width:46ch}
.fc-hero-meta{display:flex;flex-wrap:wrap;gap:8px}
.fc-hero-meta span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:700}
.fc-hero-actions{display:flex;flex-direction:column;gap:10px;min-width:210px}
.fc-start{background:#fff;color:#1b4d37;border:0;border-radius:16px;padding:16px 20px;font-weight:800;font-size:1rem;box-shadow:0 8px 20px rgba(0,0,0,.16);transition:transform .15s}
.fc-start:hover:not(:disabled){transform:translateY(-2px)}
.fc-start:disabled{opacity:.55;cursor:not-allowed}
.fc-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.45);border-radius:16px;padding:13px 18px;font-weight:700}
.fc-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 14px;margin:0 0 6px;scrollbar-width:none}
.fc-chips::-webkit-scrollbar{display:none}
.fc-chips button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;background:#fffefa;border:1px solid #dde8d9;color:#244633;border-radius:999px;padding:10px 15px;font-weight:700;font-size:.9rem}
.fc-chips button b{background:#eaf3e6;border-radius:999px;padding:1px 9px;font-size:.78rem}
.fc-chips button:hover{border-color:#8bb89c}
.fc-stage{margin:10px 0 22px}
.fc-stage-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 2px 12px}
.fc-stage-head h2{font-family:Georgia,serif;font-size:1.35rem;margin:0;color:#1f4a36}
.fc-stage-head small{color:#6b846e;font-weight:700;letter-spacing:.06em}
.fc-decks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fc-deck{--h:148;text-align:left;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:20px;border:1px solid hsl(var(--h) 30% 84%);background:linear-gradient(160deg,hsl(var(--h) 55% 96%),hsl(var(--h) 50% 90%));color:#1f4a36;min-height:132px;transition:transform .15s,box-shadow .15s}
.fc-deck:hover:not(.is-locked){transform:translateY(-3px);box-shadow:0 12px 26px hsla(var(--h),40%,30%,.16)}
.fc-hue-0{--h:148}
.fc-hue-1{--h:24}
.fc-hue-2{--h:188}
.fc-hue-3{--h:262}
.fc-hue-4{--h:332}
.fc-hue-5{--h:42}
.fc-deck-top{display:flex;justify-content:space-between;align-items:center}
.fc-deck-top small{font-weight:800;letter-spacing:.1em;color:hsl(var(--h) 35% 32%)}
.fc-deck-top i{font-style:normal;font-size:.8rem;font-weight:800;background:rgba(255,255,255,.7);border-radius:999px;padding:2px 9px}
.fc-deck strong{font-size:1.02rem;line-height:1.2}
.fc-deck small{color:#55705c;font-size:.78rem}
.fc-deck-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.7);overflow:hidden;margin-top:auto}
.fc-deck-bar b{display:block;height:100%;background:hsl(var(--h) 45% 42%);border-radius:99px}
.fc-deck.is-locked{opacity:.58;filter:saturate(.5);cursor:pointer}
.tf74-rate{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media (max-width:820px){
.fc-decks{grid-template-columns:repeat(2,minmax(0,1fr))}
.fc-hero{flex-direction:column;align-items:stretch;padding:22px}
.fc-hero-actions{min-width:0}
.fc-hero h2{font-size:1.7rem}
.fc-hero h2 b{font-size:2.4rem}
}
@media (max-width:420px){
.tf74-rate{grid-template-columns:repeat(2,1fr)}
.fc-decks{gap:10px}
.fc-deck{padding:13px;min-height:120px}
}
:root{--pm-safe-b:env(safe-area-inset-bottom,0px);--pm-safe-t:env(safe-area-inset-top,0px)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,svg,video{max-width:100%}
.pm-word-art{width:100%;max-height:230px;object-fit:cover;border-radius:22px;background:#f2f6ec}
.pm-real .tr-greet-scene img{width:100%;aspect-ratio:2/1;object-fit:cover}
.pl-wrap{max-width:760px;margin:0 auto}
.pl-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.pl-result .pl-chapter{font-weight:900;font-size:1.1rem;margin:-4px 0 8px}
.pl-meter{display:grid;grid-template-columns:repeat(18,1fr);gap:3px;margin:16px 0 20px;max-width:420px}
.pl-meter i{height:8px;border-radius:99px;background:rgba(255,255,255,.28)}
.pl-meter i.is-done{background:rgba(255,255,255,.75)}
.pl-meter i.is-now{background:var(--lime)}
.pl-wrap .exam-input{width:100%;padding:14px;border:2px solid var(--border);border-radius:14px;margin:6px 0}
.pf-page{max-width:900px;margin:0 auto;display:grid;gap:16px}
.pf-hero{background:linear-gradient(135deg,#0e2e24,#1f5a45);color:#fff;border-radius:28px;padding:22px;display:grid;gap:18px}
.pf-hero-main{display:flex;align-items:center;gap:16px}
.pf-hero-main>div:nth-child(2){flex:1;min-width:0}
.pf-hero h1{font-size:clamp(1.5rem,5vw,2.3rem);margin:2px 0;overflow-wrap:anywhere}
.pf-hero p{margin:0;color:#d1e5d8}
.pf-kicker{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:#b8ff5a}
.pf-avatar{width:74px;height:74px;border-radius:22px;background:#eaf7d9;overflow:hidden;flex:none}
.pf-avatar img{width:100%;height:100%;object-fit:cover}
.pf-ring-wrap{position:relative;width:64px;height:64px;flex:none}
.pf-ring{width:100%;height:100%}
.pf-ring-wrap b{position:absolute;inset:0;display:grid;place-items:center;font-size:.8rem}
.pf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pf-stats>div{background:rgba(255,255,255,.1);border-radius:16px;padding:10px;text-align:center}
.pf-stats strong{display:block;font-family:Nunito;font-size:1.3rem}
.pf-stats small{font-size:.68rem;color:#cfe4d6}
.pf-tabs{display:flex;gap:6px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:5px;position:sticky;top:6px;z-index:3}
.pf-tabs button{flex:1;border:0;background:transparent;border-radius:13px;padding:11px 8px;font-weight:900;color:#567166;min-height:44px}
.pf-tabs button.active{background:var(--green);color:#fff}
.pf-body{display:grid;gap:14px}
.pf-card{background:#fff;border:1px solid var(--border);padding:18px;box-shadow:var(--shadow)}
.pf-card h3{margin:0 0 10px}
.pf-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.pf-card-head h3{margin:0}
.pf-link{border:0;background:none;font-weight:900;color:#3f7a4c}
.pf-bar{margin:10px 0}
.pf-bar>div:first-child{display:flex;justify-content:space-between;font-size:.88rem;margin-bottom:5px}
.pf-track{height:10px;background:#e8ece5;border-radius:99px;overflow:hidden}
.pf-track i{display:block;height:100%;background:#8edb2b;border-radius:99px}
.pf-stamps{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}
.pf-stamp{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:900;background:#f0f2ec;color:#9aa89d}
.pf-stamp.on{background:var(--lime);color:var(--green)}
.pf-level{justify-content:space-between}
.pf-level h3{margin:2px 0}
.pf-level p{color:var(--muted)}
.pf-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pf-badge{text-align:center;padding:10px 4px;border-radius:16px;background:#f4f5f0;filter:grayscale(1);opacity:.55}
.pf-badge.on{background:#eaf7d9;filter:none;opacity:1}
.pf-badge span{font-size:1.6rem;display:block}
.pf-badge small{font-size:.68rem;font-weight:800}
.pf-post{display:flex;gap:8px}
.pf-post input{flex:1;min-width:0;padding:13px;border:1px solid var(--border);border-radius:13px}
.pf-post-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:16px}
.pf-post-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.pf-post-top small{display:block;color:var(--muted)}
.pf-post-card p{margin:0 0 8px;overflow-wrap:anywhere}
.pf-post-actions{display:flex;align-items:center;justify-content:space-between}
.fc-quick{background:linear-gradient(135deg,#f3fbe4,#e5f5ff);border:1px solid #d6e8c4;border-radius:26px;padding:20px;margin-bottom:16px}
.fc-quick h2{font-size:clamp(1.25rem,4vw,1.7rem);margin:4px 0}
.fc-quick p{margin:0 0 12px;color:var(--muted);font-size:.92rem}
.fc-quick-form{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}
.fc-quick-form label{display:grid;gap:5px;font-size:.78rem;font-weight:900;min-width:0}
.fc-quick-form input,.fc-quick-form select{width:100%;min-width:0;padding:13px;border:2px solid #fff;border-radius:14px;background:#fff;font-size:16px}
.fc-quick-form input:focus{outline:none;border-color:#8edb2b}
.fc-swap{font-size:1.3rem;padding-bottom:12px;color:#5b8a62}
.fc-qa-suggest{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;min-height:0;align-items:center}
.fc-auto{font-size:.8rem;font-weight:800;color:#3f7a4c}
.fc-auto.muted{color:var(--muted);font-weight:700}
.fc-pill{border:0;background:#fff;border-radius:99px;padding:8px 14px;display:inline-flex;gap:8px;font-size:.82rem}
.fc-pill span{color:var(--muted)}
.fc-quick-row{grid-column:1/-1;display:flex;gap:10px}
.fc-quick-row select{flex:1}
.fc-quick-row .fc-start{white-space:nowrap}
@media (max-width:900px){
.main{padding-bottom:calc(112px + var(--pm-safe-b))!important;padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}
.mobile-nav{padding-bottom:calc(8px + var(--pm-safe-b))!important}
.cards,.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.answers{grid-template-columns:1fr 1fr}
}
@media (max-width:650px){
.cards,.lesson-grid{grid-template-columns:1fr}
.answers{grid-template-columns:1fr}
.fc-quick-form{grid-template-columns:1fr}
.fc-swap{display:none}
.pf-badges{grid-template-columns:repeat(4,1fr)}
.pf-stamps{grid-template-columns:repeat(6,1fr)}
.pf-level{flex-direction:column}
.tr-greet-choices{grid-template-columns:1fr!important}
h1{font-size:clamp(1.7rem,8vw,2.3rem)}
.btn,.answer,.nav-btn,button{min-height:44px}
}
@media (max-width:380px){
.main{padding-left:12px!important;padding-right:12px!important}
.pf-stats{grid-template-columns:repeat(2,1fr)}
.pf-badges{grid-template-columns:repeat(2,1fr)}
.mobile-nav button{font-size:.6rem}
}
@media (min-width:651px) and (max-width:1100px){
.pf-page,.pl-wrap{max-width:720px}
.fc-quick-form{grid-template-columns:1fr auto 1fr}
}
@media (max-height:480px) and (orientation:landscape){
.main{padding-bottom:calc(84px + var(--pm-safe-b))!important}
.pf-tabs{position:static}
}
.mobile-nav{max-width:100vw}
.main,.shell{overflow-x:clip}
.pf-final .pf-page{max-width:none;margin:0;gap:14px}
.pf-final .pf-stats-pill{justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.85rem}
.pf-final .pf-stats-pill b{font-size:1.05rem;margin-right:3px}
.pf-final .tr-home-below{grid-template-columns:1fr}
.pf-final .pf-page{grid-column:auto!important}
.pf-final .tr-lang-wrap{max-width:100%}
@media (max-width:650px){
.pf-final .pf-stats-pill{padding:12px 14px;gap:4px 10px;font-size:.78rem;border-radius:22px}
.pf-final .pf-stats-pill .tr-lang-side{gap:3px}
}
.pf-final .pf-tabs{position:static}
@media (max-width:650px){
.pf-final{margin-top:-16px}
}
@media (max-width:650px){
#app .main>.pf-final.tr-home-final{margin-top:-16px!important}
}
@media (max-width:650px){
.pm-lesson .pm-text>span{display:none!important}
.pm-lesson .pm-text strong{font-size:1.12rem;line-height:1.2;margin:2px 0 0}
.pm-lesson .pm-text small{letter-spacing:.06em}
.pm-lesson{align-items:center}
.pm-lesson .pm-thumb{width:64px!important;height:64px!important;flex:none}
.pm-lesson .pm-thumb img{width:100%;height:100%;object-fit:cover}
}
.lesson-stage-tabs-4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
.lesson-stage-tabs-4 .lesson-stage-tab{min-width:0;justify-content:center;padding:9px 6px!important;gap:5px!important;font-size:.82rem;white-space:nowrap}
@media (max-width:560px){
.lesson-stage-tabs-4 .lesson-stage-tab{flex-direction:column;gap:2px!important;font-size:.7rem;padding:8px 2px!important;line-height:1.15}
.lesson-stage-tabs-4 .lesson-stage-tab>span{width:22px!important;height:22px!important;font-size:.7rem}
}
.pm-say{background:linear-gradient(135deg,#f1f8e6,#e9f4ff);border:1px solid #dbe8cf;border-radius:18px;padding:12px 14px;margin:8px 0 12px;display:grid;gap:2px}
.pm-say small{font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#6d8a70}
.pm-say b{font-size:1.1rem;line-height:1.35;color:#12392a;font-family:Nunito,'DM Sans',sans-serif}
.pm-say span,.pm-mean{color:#4f6d5b;font-weight:700;font-size:1.02rem;line-height:1.35}
.tr-greet-choice{text-align:left}
.tr-greet-choice small{display:block;font-weight:600;font-size:.8rem;color:#6a8272;margin-top:2px}
.tr-greet-choice.correct small,.tr-greet-choice.incorrect small{color:inherit;opacity:.85}
.pm-sent-progress{display:flex;align-items:center;gap:12px;margin:2px 0 16px}
.pm-sent-progress strong{font-family:Nunito,sans-serif;font-size:1.1rem;min-width:46px}
.pm-sent-progress .atlas-meter{flex:1}
.pm-tray{min-height:64px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;border:2px dashed #c9dcc0;border-radius:18px;background:#fbfdf6;margin-bottom:10px;transition:border-color .2s,background .2s}
.pm-tray.ok{border-style:solid;border-color:#7fbf4a;background:#effbdc;animation:pmPop .35s ease}
.pm-tray.bad{border-style:solid;border-color:#e58d73;background:#fff0eb;animation:pmShake .35s}
.pm-ph{color:#8aa08d;font-weight:700;font-size:.92rem;padding:0 4px}
.pm-tok,.sbx-chip{border:0;border-radius:14px;padding:11px 15px;font-weight:800;font-size:1rem;color:#12392a;min-height:44px;touch-action:manipulation;transition:transform .12s,box-shadow .12s}
.pm-tok{background:#fff;box-shadow:0 2px 0 #cfe0c4,0 6px 14px #1a3b2a14;border:1px solid #d9e8cf}
.sbx-chips{display:flex;flex-wrap:wrap;gap:8px}
.sbx-chip{background:#eaf6d4;box-shadow:0 3px 0 #bcd99a}
.sbx-chip:nth-child(3n+2){background:#e2f1ff;box-shadow:0 3px 0 #a9cfee}
.sbx-chip:nth-child(3n){background:#ffeadf;box-shadow:0 3px 0 #efbfa5}
.sbx-chip:active,.pm-tok:active{transform:translateY(2px) scale(.96);box-shadow:none}
.pm-reset{border:0;background:none;padding:0;color:#2f6b45;font-weight:900;text-decoration:underline}
.pm-gap{font-size:1.35rem!important;line-height:1.5;margin:6px 0 14px!important}
.pm-blank{display:inline-block;min-width:74px;text-align:center;border-bottom:3px solid #8edb2b;color:#2f6b45;padding:0 6px;margin:0 2px}
.pm-sent-card.is-done{border-color:#8edb2b!important;box-shadow:0 0 0 2px #dff3bf,var(--shadow)}
@keyframes pmPop{0%{transform:scale(.97)}60%{transform:scale(1.02)}100%{transform:scale(1)}}
@keyframes pmShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media (prefers-reduced-motion:reduce){
.pm-tray.ok,.pm-tray.bad{animation:none}
}
.fz-hero{position:relative;overflow:hidden;border-radius:28px;padding:24px 20px;display:flex;align-items:center;background:linear-gradient(120deg,#cfeccb 0%,#e8f5df 45%,#fbf8ea 100%);border:1px solid #d5e8cd}
.fz-hero-copy{position:relative;z-index:2}
.fz-pill{display:inline-flex;gap:6px;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.7);font-weight:900;font-size:.78rem;color:#2d5a43;border:1px solid rgba(255,255,255,.9)}
.fz-hero h1{margin:10px 0 4px;font-size:clamp(2rem,7vw,3.2rem);color:#0f3a2a}
.fz-hero p{margin:0 0 12px;color:#35614a;font-weight:700}
.fz-steps{display:flex;flex-wrap:wrap;gap:6px}
.fz-steps span{background:rgba(255,255,255,.75);border-radius:99px;padding:6px 11px;font-size:.78rem;font-weight:900;color:#2d5a43}
.fz-hero-miko{position:absolute;right:-6px;bottom:0;object-fit:contain;mix-blend-mode:multiply;z-index:1;-webkit-mask-image:linear-gradient(to right,transparent,#000 22%);mask-image:linear-gradient(to right,transparent,#000 22%)}
.fz-tabs{display:flex;gap:8px;overflow-x:auto;margin:14px 0;padding:4px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.fz-tabs::-webkit-scrollbar,.fz-scroll::-webkit-scrollbar{display:none}
.fz-tabs button{flex:none;border:1px solid #e4e8dc;background:#fff;border-radius:99px;padding:11px 16px;font-weight:900;color:#3d6049;white-space:nowrap;min-height:44px;box-shadow:0 4px 12px #1a3b2a0d}
.fz-tabs button.active{background:linear-gradient(135deg,#1c5a41,#0f3a2a);color:#fff;border-color:transparent}
.fz-tabs .fz-add-tab{background:var(--lime);color:var(--green);border-color:transparent}
.fz-section{margin:18px 0}
.fz-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.fz-section-head h2{margin:0;font-size:1.3rem}
.fz-all{margin-top:26px}
.fz-link{border:0;background:none;font-weight:900;color:#3f7a4c}
.fz-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.fz-card{position:relative;flex:none;width:156px;height:178px;border-radius:24px;overflow:hidden;background-size:cover;background-position:center;scroll-snap-align:start;box-shadow:0 10px 24px #1a3b2a22;color:#fff}
.fz-card.has-photo{background-color:#27493a}
.fz-card-main{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color:inherit;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:14px}
.fz-card-ico{position:absolute;top:12px;left:12px;width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.88);display:grid;place-items:center;font-size:1.25rem}
.fz-card strong{font-family:Nunito,sans-serif;font-size:1.02rem;line-height:1.15;text-shadow:0 2px 8px #0006}
.fz-card small{font-weight:800;font-size:.78rem;opacity:.95;text-shadow:0 1px 6px #0006}
.fz-manage{position:absolute;display:flex;z-index:2}
.fz-manage button{border:0;background:rgba(255,255,255,.85);color:#16402e;font-weight:900}
.fz-go{position:absolute;right:12px;bottom:12px;width:32px;height:32px;border-radius:50%;background:#fff;color:#16402e;display:grid;place-items:center;font-weight:900;pointer-events:none}
.fz-card.is-locked{filter:saturate(.5) brightness(.9)}
.fz-create{background:linear-gradient(160deg,#e3f4d2,#f2f9e8)!important;color:#1d4d37;border:2px dashed #a9d17c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:none}
.fz-create strong{text-shadow:none;text-align:center}
.fz-plus{width:46px;height:46px;border-radius:50%;background:#1d5a41;color:#fff;display:grid;place-items:center;font-size:1.5rem}
.fz-hue-0{background:linear-gradient(150deg,#2e7d5b,#154b36)}
.fz-hue-1{background:linear-gradient(150deg,#e08a5a,#a94f2b)}
.fz-hue-2{background:linear-gradient(150deg,#4f8fd0,#2b5a93)}
.fz-hue-3{background:linear-gradient(150deg,#9a6fc9,#5f3d90)}
.fz-hue-4{background:linear-gradient(150deg,#d9a63a,#98701a)}
.fz-hue-5{background:linear-gradient(150deg,#d9658a,#9a3556)}
@media (min-width:700px){
.fz-card{width:190px;height:210px}
.fz-hero{padding:30px}
.fz-scroll{flex-wrap:wrap;overflow:visible}
}
@media (max-width:420px){
.fz-steps span{padding:5px 9px;font-size:.72rem}
}
.fz-hero{min-height:190px}
.fz-hero-copy{max-width:58%}
.fz-hero-miko{height:100%;max-height:230px;width:auto;max-width:44%;object-position:right bottom}
.fz-hero p{font-size:.95rem;line-height:1.35}
.fz-card.has-photo{background-position:left center}
@media (min-width:700px){
.fz-hero-copy{max-width:52%}
.fz-hero-miko{max-height:260px}
}
.sl-wrap,.st-wrap{max-width:640px;margin:0 auto;padding:4px 0 24px}
.sl-top{display:flex;justify-content:space-between;align-items:center;margin:4px 2px 8px}
.sl-count{font-family:Nunito,sans-serif;font-weight:900;color:#2d5a43}
.sl-bar{display:flex;gap:5px;margin-bottom:14px}
.sl-bar i{flex:1;height:8px;border-radius:99px;background:#e3e9dc}
.sl-bar i.done{background:#8edb2b}
.sl-bar i.now{background:linear-gradient(90deg,#8edb2b,#c5f04d);box-shadow:0 0 0 3px #dff3bf}
.sl-card{background:#fff;border:1px solid #e4e9db;border-radius:28px;overflow:hidden;box-shadow:0 14px 34px #1a3b2a14}
.sl-card.is-done{border-color:#8edb2b;box-shadow:0 0 0 3px #e6f6cd,0 14px 34px #1a3b2a14}
.sl-art{display:block;width:100%;height:132px;object-fit:cover}
.sl-body{padding:18px 18px 20px;display:grid;gap:12px}
.sl-kind{justify-self:start;background:#eef7d9;color:#2f6b45;font-size:.7rem;font-weight:900;letter-spacing:.1em;padding:6px 11px;border-radius:99px}
.sl-q{margin:0;font-size:1.25rem;line-height:1.25;color:#12392a}
.sl-native{font-family:Nunito,sans-serif;font-weight:900;font-size:1.45rem;line-height:1.3;color:#0f3a2a;background:linear-gradient(135deg,#f1f8e6,#e9f4ff);border-radius:18px;padding:14px 16px}
.sl-meaning{color:#5b7664;font-weight:700;font-size:.95rem}
.sl-gap{font-family:Nunito,sans-serif;font-weight:900;font-size:1.5rem;line-height:1.5;color:#12392a}
.sl-play{border:0;border-radius:20px;background:linear-gradient(135deg,#1d5a41,#0f3a2a);color:#fff;font-weight:900;font-size:1.05rem;padding:18px;min-height:60px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 18px #0f3a2a33}
.sl-options{display:grid;gap:10px}
.sl-opt{border:2px solid #e1e8d8;background:#fff;border-radius:16px;padding:15px 16px;font-weight:900;font-size:1.05rem;color:#12392a;text-align:left;min-height:52px;transition:transform .12s}
.sl-opt:active{transform:scale(.98)}
.sl-opt.correct{background:#e4f9c9;border-color:#81b73d}
.sl-opt.incorrect{background:#ffe9e2;border-color:#e58d73}
.sl-fb{border-radius:20px;padding:14px 16px;display:grid;gap:6px;animation:pmPop .3s ease}
.sl-fb.good{background:#effbdc;border:1px solid #bfe590}
.sl-fb.bad{background:#fff0eb;border:1px solid #f2c1b0}
.sl-fb p{margin:0;font-weight:800;color:#12392a}
.sl-fb small{color:#4f6d5b;font-weight:700;font-size:.9rem}
.sl-fb-row{display:flex;gap:8px;flex-wrap:wrap}
.sl-mini{border:1px solid #cfe3bb;background:#fff;border-radius:99px;padding:8px 14px;font-weight:900;color:#2d5a43;min-height:40px}
.sl-primary{width:100%;min-height:54px;font-size:1.05rem;border-radius:18px;margin-top:6px}
.sl-ghost{border:0;background:none;color:#5b7664;font-weight:900;padding:12px;min-height:44px}
.sl-foot{text-align:center;margin-top:6px}
.sl-done{text-align:center;display:grid;gap:10px;justify-items:center;background:#fff;border:1px solid #e4e9db;border-radius:28px;padding:26px 18px;box-shadow:0 14px 34px #1a3b2a14}
.sl-trophy{font-size:3.2rem;animation:pmPop .5s ease}
.sl-done h2{margin:0}
.sl-score{margin:0;color:#4f6d5b}
.sl-score b{color:#2f6b45;font-size:1.3rem}
.sl-recap{width:100%;display:grid;gap:8px;text-align:left}
.sl-recap div{background:#f6faef;border-radius:14px;padding:10px 12px}
.sl-recap span{display:block;font-weight:900;color:#12392a}
.sl-recap small{color:#5b7664;font-weight:700}
.st-hero{display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,#f3faea,#eaf4ff);border:1px solid #dde9d0;border-radius:24px;padding:12px;margin-bottom:14px}
.st-hero img{width:92px;height:92px;border-radius:18px;object-fit:cover;flex:none}
.st-hero h2{margin:0 0 4px;font-size:1.2rem}
.st-hero p{margin:0;font-size:.88rem;color:#4f6d5b;line-height:1.4}
.st-thread{display:grid;gap:10px;margin-bottom:12px}
.st-msg{display:flex;gap:9px;align-items:flex-end;max-width:92%}
.st-msg.friend{flex-direction:row-reverse;margin-left:auto}
.st-av{width:38px;height:38px;border-radius:50%;background:#fff;border:2px solid #dbe8cf;display:grid;place-items:center;overflow:hidden;flex:none;font-size:1.3rem}
.st-av img{width:100%;height:100%;object-fit:cover}
.st-bub{position:relative;background:#fff;border:1px solid #e1e8d8;border-radius:20px 20px 20px 6px;padding:10px 38px 10px 14px;display:grid;gap:1px}
.st-msg.friend .st-bub{background:#eaf6d4;border-color:#cfe5ab;border-radius:20px 20px 6px 20px}
.st-bub b{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#6d8a70}
.st-bub p{margin:0;font-weight:800;color:#12392a;line-height:1.35}
.st-bub small{color:#5b7664;font-weight:600}
.st-tiny{position:absolute;right:6px;top:6px;border:0;background:#fff;border-radius:50%;width:30px;height:30px;font-size:.9rem;box-shadow:0 2px 6px #1a3b2a1a}
.st-now{background:#fff;border:2px solid #8edb2b;border-radius:28px;padding:16px;display:grid;gap:10px;box-shadow:0 0 0 4px #e6f6cd,0 14px 34px #1a3b2a14;scroll-margin-top:90px}
.st-who{display:flex;align-items:center;gap:10px}
.st-who b{display:block;font-family:Nunito,sans-serif;font-size:1.05rem}
.st-who small{color:#6d8a70;font-weight:800}
.st-line{font-family:Nunito,sans-serif;font-weight:900;font-size:1.5rem;line-height:1.3;color:#0f3a2a}
.st-gloss{color:#5b7664;font-weight:700;font-size:1rem}
.st-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.st-listen,.st-say{border:0;border-radius:18px;font-weight:900;font-size:1rem;min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px}
.st-listen{background:#eaf6d4;color:#1d4d37;box-shadow:0 4px 0 #bcd99a}
.st-say{background:linear-gradient(135deg,#1d5a41,#0f3a2a);color:#fff;box-shadow:0 4px 0 #082a1d}
.st-listen:active,.st-say:active{transform:translateY(2px);box-shadow:none}
.st-hint{margin:0;color:#6d8a70;font-size:.85rem;font-weight:700;text-align:center}
.st-fb{margin:0;border-radius:14px;padding:10px 12px;font-weight:800;text-align:center}
.st-fb.good{background:#effbdc;color:#2f6b45}
.st-fb.try{background:#fff3e6;color:#8a5a1c}
.st-done h2{font-size:1.4rem}
.fz-hero-slim{padding:18px 20px!important}
.fz-hero-slim .fz-hero-copy{max-width:60%}
.fz-hero-slim h1{margin:0 0 4px;font-size:clamp(1.8rem,6vw,2.5rem)}
.fz-hero-slim p{margin:0}
.fz-browse-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.fz-browse-row button{border:1px solid #e1e8d8;background:#fff;border-radius:18px;padding:14px 8px;font-weight:900;color:#2d5a43;display:grid;gap:4px;justify-items:center;min-height:68px;box-shadow:0 6px 14px #1a3b2a0d}
.fz-browse-row span{font-size:1.2rem}
@media (max-width:420px){
.st-line{font-size:1.35rem}
.st-actions{gap:8px}
}
.fz-hero-slim{min-height:136px!important}
.fz-hero-slim .fz-hero-miko{height:100%!important;max-height:none!important;bottom:0;right:4px}
.m94-root,.m94-home{--g:#0e2e24;--g2:#194536;--g3:#1f5a43;--lime:#b8ff5a;--cream:#f8f6ef;--ink:#12261d;--muted:#6d7f74;--line:#e6e9df;--coral:#ff6f61;--gold:#c8a24a;font-family:'DM Sans',system-ui,sans-serif}
.m94-root *,.m94-home *{box-sizing:border-box}
.m94-root button,.m94-home button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.m94-root button:disabled{opacity:.5;cursor:not-allowed}
.m94-av{display:inline-grid;place-items:end center;width:48px;height:48px;border-radius:50%;overflow:hidden;background:linear-gradient(160deg,var(--a,#7ed9a0),var(--b,#1a6b45));flex:none;vertical-align:middle}
.m94-av svg{width:100%;height:100%;display:block}
.m94-av img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
.m94-dots{display:inline-flex;align-items:center;gap:4px;height:18px}
.m94-dots i{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.4;animation:m94-dot 1.1s infinite ease-in-out}
.m94-dots i:nth-child(2){animation-delay:.16s}
.m94-dots i:nth-child(3){animation-delay:.32s}
.m94-dots.tiny i{width:4px;height:4px}
.m94-dots.tiny{height:10px;margin-left:5px}
@keyframes m94-dot{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-5px);opacity:1}}
.m94-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;padding:14px 18px;font-weight:900;background:var(--lime);color:var(--g);box-shadow:0 8px 22px rgba(120,190,40,.28);transition:transform .15s}
.m94-btn:hover:not(:disabled){transform:translateY(-1px)}
.m94-btn.ghost{background:#fff;color:var(--g);border:1px solid var(--line);box-shadow:none}
.m94-btn.done{background:#e3f4d2;color:#2f6b2c;box-shadow:none}
.m94-btn.wide{width:100%;margin-top:12px}
.m94-mini{border:1px solid var(--line);background:#fff;color:var(--g);border-radius:999px;padding:6px 11px;font-size:.78rem;font-weight:800}
.m94-muted{color:var(--muted)}
.m94-tick{color:#2f9a4f;font-weight:900}
.m94-x{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(14,46,36,.08);color:var(--g);display:grid;place-items:center;z-index:2}
.m94-x.dark{background:rgba(255,255,255,.14);color:#fff}
.m94-toast{position:absolute;left:50%;top:84px;transform:translate(-50%,-12px);background:#0e2e24;color:#fff;padding:11px 16px;border-radius:999px;font-weight:800;font-size:.86rem;opacity:0;pointer-events:none;transition:.25s;z-index:50;max-width:88%;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.m94-toast.on{opacity:1;transform:translate(-50%,0)}
html.m94-lock,html.m94-lock body{overflow:hidden!important}
.m94-root{position:fixed;inset:0;z-index:10050;display:grid;place-items:center}
.m94-root[hidden]{display:none}
.m94-backdrop{position:absolute;inset:0;background:rgba(8,24,18,.6);backdrop-filter:blur(8px)}
.m94-phone{position:relative;width:100%;height:100vh;height:100dvh;background:var(--cream);overflow:hidden;display:flex;flex-direction:column;animation:m94-in .28s ease-out}
.m94-phone>section{flex:1;min-height:0;display:flex;flex-direction:column}
@keyframes m94-in{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}
@media (min-width:700px){
.m94-phone{width:440px;height:min(860px,94vh);border-radius:36px;box-shadow:0 34px 100px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.12)}
}
.m94-sheet{position:absolute;inset:0;z-index:30;display:flex;align-items:flex-end}
.m94-sheet-bg{position:absolute;inset:0;background:rgba(8,24,18,.5);animation:m94-fade .2s}
.m94-sheet-card{position:relative;width:100%;background:#fff;color:var(--ink);border-radius:28px 28px 0 0;padding:24px 20px max(22px,env(safe-area-inset-bottom));animation:m94-up .26s ease-out;box-shadow:0 -20px 60px rgba(0,0,0,.25)}
.m94-sheet-card h3{margin:0 40px 14px 0;font:1000 1.25rem Nunito,sans-serif;letter-spacing:-.03em}
.m94-sheet-word{font:1000 2rem Nunito,sans-serif;letter-spacing:-.04em;margin-right:44px}
.m94-sheet-meaning{margin:8px 0 6px;font-size:1.08rem;font-weight:700;min-height:26px}
.m94-sheet-ex{background:#f3f9ec;border-radius:14px;padding:10px 12px;font-size:.92rem;margin:8px 0}
.m94-sheet-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.m94-sheet-actions .m94-btn{flex:1;min-width:140px;padding:13px 12px;font-size:.9rem}
@keyframes m94-up{from{transform:translateY(100%)}to{transform:none}}
@keyframes m94-fade{from{opacity:0}to{opacity:1}}
.m94-charlist{display:grid;gap:10px}
.m94-charrow{display:flex;gap:8px;align-items:center}
.m94-charpick{flex:1;display:flex;align-items:center;gap:12px;text-align:left;background:#f6f8f1;border:2px solid transparent;border-radius:18px;padding:10px 12px;color:var(--ink)}
.m94-charrow.on .m94-charpick{border-color:#8edb2b;background:#effae0}
.m94-charpick strong{display:block;font:900 1.02rem Nunito,sans-serif}
.m94-charpick small{display:block;color:var(--muted);font-size:.78rem;line-height:1.3}
.m94-charpick em{margin-left:auto;font-style:normal;color:#2f9a4f;font-weight:900}
.m94-charrow .m94-mini{width:44px;height:44px;padding:0;font-size:1rem}
.m94-home{max-width:900px;margin:0 auto;padding:0 0 30px;color:var(--g)}
.m94-eyebrow{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:var(--gold);margin-bottom:6px}
.m94-h1{font:1000 clamp(1.9rem,6vw,2.7rem)/1.05 Nunito,sans-serif;letter-spacing:-.05em;margin:0 0 4px}
.m94-sub{margin:0 0 18px;color:var(--muted);font-weight:700}
.m94-hero{position:relative;display:flex;align-items:center;gap:18px;padding:22px;border-radius:30px;background:radial-gradient(120% 130% at 15% 0%,#2b7a58 0%,#164734 45%,#0b261d 100%);color:#fff;overflow:hidden;box-shadow:0 22px 50px rgba(14,46,36,.3)}
.m94-hero::after{content:'';position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(184,255,90,.28),transparent 65%)}
.m94-hero-av{position:relative;flex:none;width:132px;height:132px;display:grid;place-items:center}
.m94-hero-av .m94-av{box-shadow:0 0 0 4px rgba(184,255,90,.55),0 14px 34px rgba(0,0,0,.35);animation:m94-float 4.2s ease-in-out infinite}
.m94-hero-ring{position:absolute;inset:-12px;border-radius:50%;border:2px solid rgba(184,255,90,.4);animation:m94-pulse 2.4s ease-in-out infinite}
.m94-hero-copy{position:relative;z-index:1;min-width:0}
.m94-hero-k{font-size:.76rem;font-weight:800;letter-spacing:.06em;color:#b9e0c8;text-transform:uppercase}
.m94-hero h2{font:1000 2rem Nunito,sans-serif;letter-spacing:-.04em;margin:2px 0 2px;color:#fff}
.m94-hero p{margin:0 0 14px;color:#cfe6d8;font-size:.88rem;line-height:1.35}
.m94-hero-call{display:inline-flex;align-items:center;gap:10px;border:0;background:var(--lime);color:var(--g);font-weight:900;padding:14px 20px;border-radius:999px;box-shadow:0 10px 26px rgba(184,255,90,.35);font-size:1rem}
.m94-hero-call svg{flex:none}
.m94-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.m94-act{display:grid;gap:3px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px;color:var(--g);box-shadow:0 10px 26px rgba(14,46,36,.06);transition:transform .15s}
.m94-act:hover{transform:translateY(-2px)}
.m94-act-i{font-size:1.6rem}
.m94-act strong{font:1000 1.15rem Nunito,sans-serif}
.m94-act small{color:var(--muted);font-weight:600}
.m94-resume{width:100%;display:flex;align-items:center;gap:12px;background:#eaf6d9;border:0;border-radius:22px;padding:12px 14px;text-align:left;color:var(--g);margin-bottom:6px}
.m94-resume-t{flex:1;min-width:0}
.m94-resume-t strong{display:block}
.m94-resume-t small{display:block;color:#4f6b58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m94-resume-go{font-weight:900;font-size:1.2rem}
.m94-h3{font:1000 1.2rem Nunito,sans-serif;letter-spacing:-.03em;margin:22px 0 10px}
.m94-chars{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:none}
.m94-chars::-webkit-scrollbar{display:none}
.m94-char{flex:0 0 148px;scroll-snap-align:start;display:grid;justify-items:center;text-align:center;gap:3px;background:#fff;border:2px solid var(--line);border-radius:24px;cursor:pointer;transition:.18s;position:relative}
.m94-char:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(14,46,36,.1)}
.m94-char.on{border-color:#8edb2b;background:linear-gradient(#f4ffe5,#fff);box-shadow:0 12px 30px rgba(120,190,40,.2)}
.m94-char.on::after{content:'✓';position:absolute;width:22px;height:22px;border-radius:50%;background:#8edb2b;color:#0e2e24;font-weight:900;font-size:.8rem;display:grid;place-items:center}
.m94-char strong{font:1000 1.08rem Nunito,sans-serif;margin-top:6px}
.m94-char small{color:var(--muted);font-size:.76rem;font-weight:700}
.m94-char-vibe{font-size:.72rem;color:#58705f;line-height:1.25;min-height:28px}
.m94-char .m94-mini{margin-top:6px}
.m94-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.m94-q{position:relative;border:0;padding:0;border-radius:22px;overflow:hidden;height:118px;background:#cfe3d4;color:#fff;text-align:left}
.m94-q img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.m94-q:hover img{transform:scale(1.05)}
.m94-q::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(8,28,20,.82),rgba(8,28,20,.05) 65%)}
.m94-q span{position:absolute;left:12px;right:12px;bottom:10px;z-index:1;font-weight:900;font-size:.95rem;line-height:1.2}
@media (min-width:760px){
.m94-quick{grid-template-columns:repeat(4,1fr)}
.m94-hero{padding:28px 32px;gap:28px}
.m94-hero-av{width:160px;height:160px}
.m94-hero-av .m94-av{width:160px!important;height:160px!important}
}
@media (max-width:380px){
.m94-hero{flex-direction:column;text-align:center}
.m94-hero-copy{display:grid;justify-items:center}
}
@keyframes m94-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes m94-pulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.15}}
.m94-call{--pill-bg:rgba(255,255,255,.12);--pill-fg:#eaf7ee;--sc:#b8ff5a;color:#fff;background:radial-gradient(130% 70% at 50% 0%,#237a58 0%,#10382a 48%,#06180f 100%);position:relative}
.m94-call-top{display:flex;align-items:center;justify-content:space-between;padding:max(16px,env(safe-area-inset-top)) 18px 4px;font-weight:800}
.m94-timer{font-variant-numeric:tabular-nums;background:rgba(255,255,255,.12);border-radius:999px;padding:6px 12px;font-size:.84rem;min-width:64px;text-align:center}
.m94-call-title{font:1000 1.05rem Nunito,sans-serif}
.m94-call-title small{font:700 .78rem 'DM Sans',sans-serif;color:#b9e0c8}
.m94-live{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:900;letter-spacing:.1em;color:#b8ff5a}
.m94-live i{width:8px;height:8px;border-radius:50%;background:#b8ff5a;animation:m94-blink 1.4s infinite}
@keyframes m94-blink{50%{opacity:.25}}
.m94-stage{text-align:center;padding-top:4px}
.m94-ring{position:relative;width:210px;height:210px;margin:4px auto 0;display:grid;place-items:center}
.m94-ring i{position:absolute;inset:18px;border-radius:50%;border:2px solid rgba(184,255,90,.5);opacity:0;transition:opacity .3s}
.m94-ring .m94-avwrap{position:relative;z-index:2;animation:m94-float 4.6s ease-in-out infinite}
.m94-ring .m94-av{width:148px;height:148px;box-shadow:0 0 0 4px rgba(184,255,90,.55),0 20px 44px rgba(0,0,0,.4)}
.m94-spin{inset:8px!important;border:0!important;background:conic-gradient(from 0deg,rgba(184,255,90,0) 0 55%,#b8ff5a 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))}
.is-speaking .m94-ring i:not(.m94-spin){opacity:.7;scale:calc(1 + var(--lvl)*.3);animation:m94-wave 1.8s ease-in-out infinite}
.is-speaking .m94-w2{animation-delay:.25s!important;border-color:rgba(184,255,90,.4)!important;inset:8px!important}
.is-speaking .m94-w3{animation-delay:.5s!important;border-color:rgba(184,255,90,.25)!important;inset:-2px!important}
.is-speaking .m94-avwrap{animation:m94-talk .5s ease-in-out infinite alternate}
.is-listening .m94-ring i:not(.m94-spin){opacity:.85;border-color:rgba(110,231,255,.65);animation:m94-breathe 1.7s ease-in-out infinite}
.is-listening .m94-w2{inset:6px!important;animation-delay:.3s!important}
.is-listening .m94-w3{inset:-6px!important;animation-delay:.6s!important}
.is-listening .m94-av{box-shadow:0 0 0 4px rgba(110,231,255,.7),0 20px 44px rgba(0,0,0,.4)}
.is-listening .m94-avwrap{animation:m94-nod 1.6s ease-in-out infinite}
.is-thinking .m94-spin{opacity:1;animation:m94-spin 1.1s linear infinite}
.is-thinking .m94-avwrap{animation:m94-think 2s ease-in-out infinite}
@keyframes m94-wave{0%{transform:scale(.96);opacity:.75}100%{transform:scale(1.22);opacity:0}}
@keyframes m94-breathe{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:.35}}
@keyframes m94-talk{from{transform:scale(1)}to{transform:scale(1.035)}}
@keyframes m94-nod{0%,100%{transform:rotate(0) translateY(0)}30%{transform:rotate(-2.2deg) translateY(2px)}65%{transform:rotate(2deg) translateY(-1px)}}
@keyframes m94-think{0%,100%{transform:rotate(0)}50%{transform:rotate(-3deg)}}
@keyframes m94-spin{to{transform:rotate(360deg)}}
.m94-status{font:900 1.05rem Nunito,sans-serif;margin-top:6px;letter-spacing:-.01em;min-height:26px}
.is-listening .m94-status{color:#8fe8ff}
.is-speaking .m94-status{color:#b8ff5a}
.m94-bars{display:flex;gap:4px;justify-content:center;align-items:center;height:22px;margin-top:6px;opacity:0;transition:opacity .3s}
.is-speaking .m94-bars,.is-listening .m94-bars{opacity:1}
.m94-bars i{width:4px;height:6px;border-radius:3px;background:#b8ff5a;animation:m94-bar .8s ease-in-out infinite alternate;animation-delay:calc(var(--i)*.09s)}
.is-listening .m94-bars i{background:#8fe8ff}
@keyframes m94-bar{to{height:22px}}
.m94-call-log{flex:1;min-height:0;overflow-y:auto;padding:12px 16px 6px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16px);mask-image:linear-gradient(to bottom,transparent 0,#000 16px)}
.m94-cl{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:12px 15px;margin-bottom:10px;animation:m94-pop .25s ease-out}
.m94-cl.me{background:rgba(184,255,90,.13);border-color:rgba(184,255,90,.25)}
.m94-cl.live{border-style:dashed;opacity:.9}
.m94-cl-name{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:#b8ff5a;margin-bottom:3px}
.m94-cl p{margin:0;font-size:1.04rem;line-height:1.5;color:#fff}
@keyframes m94-pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.m94-w{border-bottom:1.5px dotted rgba(184,255,90,.75);cursor:pointer;border-radius:4px;padding:0 1px;transition:background .15s}
.m94-w:hover,.m94-w:focus-visible{background:rgba(184,255,90,.25);outline:0}
.m94-acts{display:flex;flex-wrap:wrap;margin-top:9px}
.m94-acts button{border:0;background:var(--pill-bg);color:var(--pill-fg);border-radius:999px}
.m94-acts button:hover{filter:brightness(1.15)}
.m94-acts.min{opacity:.75;margin-top:4px}
.m94-acts.min button{padding:3px 9px}
.m94-aid{margin-top:10px;border-radius:16px;padding:11px 13px;background:rgba(255,255,255,.1);border-left:3px solid #b8ff5a;animation:m94-pop .25s ease-out}
.m94-aid-h{font-weight:900;font-size:.82rem;margin-bottom:6px;color:#b8ff5a}
.m94-aid ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.m94-aid li{display:flex;gap:8px;font-size:.92rem;line-height:1.4}
.m94-aid li span{flex:none}
.m94-aid-f{margin-top:8px;font-size:.72rem;opacity:.7}
.m94-aid.err{font-size:.84rem;line-height:1.4}
.m94-score{display:flex;align-items:center;gap:10px;margin-top:10px;background:rgba(0,0,0,.2);border-radius:16px;padding:8px 10px}
.m94-score.great{--sc:#b8ff5a}
.m94-score.good{--sc:#ffd24a}
.m94-score.try{--sc:#ff8a7a}
.m94-ringnum{position:relative;flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--sc,#b8ff5a) calc(var(--p)*1%),rgba(255,255,255,.18) 0)}
.m94-ringnum::before{content:'';position:absolute;inset:5px;border-radius:50%;background:#143d2e}
.m94-ringnum b{position:relative;font-size:.86rem}
.m94-score-t{flex:1;min-width:0;display:grid;line-height:1.25}
.m94-score-t strong{font-size:.86rem}
.m94-score-t small{opacity:.7;font-size:.72rem}
.m94-score .m94-mini{background:rgba(255,255,255,.12);border-color:transparent;color:#fff}
.m94-typed{display:flex;gap:8px;padding:8px 16px}
.m94-typed input{flex:1;min-width:0;border:0;border-radius:999px;padding:13px 16px;background:rgba(255,255,255,.12);color:#fff;outline:0}
.m94-typed input::placeholder{color:#b9e0c8}
.m94-typed button{width:46px;height:46px;border:0;border-radius:50%;background:var(--lime);color:var(--g);display:grid;place-items:center}
.m94-call-controls{display:flex;justify-content:space-around;align-items:center;padding:10px 22px 2px}
.m94-ctl{display:grid;justify-items:center;gap:5px;width:70px;border:0;background:none;color:#e6f6ec;font-size:.74rem;font-weight:800}
.m94-ctl svg{box-sizing:content-box;padding:16px;border-radius:50%;background:rgba(255,255,255,.14);transition:.15s}
.m94-ctl:hover svg{background:rgba(255,255,255,.22)}
.m94-ctl.on svg{background:#fff;color:var(--g)}
.m94-ctl.end svg{background:#ff4d4d;color:#fff}
.m94-mic{position:relative;width:88px;height:88px;border-radius:50%;border:0;background:var(--lime);color:var(--g);display:grid;place-items:center;box-shadow:0 12px 34px rgba(184,255,90,.4);transition:transform .15s}
.m94-mic:hover:not(:disabled){transform:scale(1.04)}
.m94-mic:active{transform:scale(.96)}
.m94-mic.rec{background:#ff5d5d;color:#fff;box-shadow:0 12px 34px rgba(255,93,93,.5)}
.m94-mic.rec::after{content:'';position:absolute;inset:-8px;border-radius:50%;border:3px solid rgba(255,93,93,.5);animation:m94-breathe 1.4s infinite}
.m94-micnote{text-align:center;font-size:.76rem;color:#b9e0c8;padding:6px 16px max(14px,env(safe-area-inset-bottom))}
@media (max-height:700px){
.m94-ring{width:160px;height:160px}
.m94-ring .m94-av{width:112px!important;height:112px!important}
.m94-bars{display:none}
}
.m94-chat,.m94-pick{--pill-bg:#eef4e8;--pill-fg:#1f4a38;background:#f6f1e6;color:var(--ink)}
.m94-bar{display:flex;align-items:center;gap:10px;padding:max(10px,env(safe-area-inset-top)) 12px 10px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:3}
.m94-back,.m94-bar-call{flex:none;width:42px;height:42px;border-radius:50%;border:0;display:grid;place-items:center;background:#eef4e8;color:var(--g)}
.m94-bar-call{background:var(--g);color:var(--lime)}
.m94-bar-id,.m94-bar-av{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:0;background:none;text-align:left;color:var(--g);padding:0}
.m94-bar-av{flex:none}
.m94-bar-mid{display:grid;min-width:0;flex:1}
.m94-bar-mid strong{font:1000 1.05rem Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m94-bar-mid small{font-size:.76rem;color:#5d7a66;display:flex;align-items:center;gap:5px;font-weight:700}
.m94-online{width:8px;height:8px;border-radius:50%;background:#2fcf6b;display:inline-block;box-shadow:0 0 0 3px rgba(47,207,107,.2)}
.m94-typing-t{display:inline-flex;align-items:center;color:#2f7a52}
.m94-msgs{flex:1;min-height:0;overflow-y:auto;padding:12px 12px 6px;display:flex;flex-direction:column;background-image:radial-gradient(rgba(14,46,36,.045) 1.2px,transparent 1.3px);background-size:22px 22px}
.m94-day{text-align:center;margin:4px 0 6px}
.m94-day span{display:inline-block;background:rgba(14,46,36,.08);color:#58705f;font-size:.7rem;font-weight:800;border-radius:999px;padding:4px 12px}
.m94-row{display:flex;align-items:flex-start;gap:8px;margin-top:12px;animation:m94-pop .22s ease-out}
.m94-row.cont{margin-top:3px}
.m94-row.me{justify-content:flex-end}
.m94-row-av{flex:none;width:30px;height:30px}
.m94-col{display:flex;flex-direction:column;align-items:flex-start;max-width:78%;min-width:0}
.m94-row.me .m94-col{align-items:flex-end}
.m94-b{padding:10px 14px;border-radius:20px;font-size:1rem;line-height:1.45;overflow-wrap:anywhere}
.m94-b.miko{background:#fff;color:var(--ink);border-bottom-left-radius:6px;box-shadow:0 2px 10px rgba(14,46,36,.07)}
.m94-b.me{background:linear-gradient(160deg,#25765a,#0f3b2c);color:#fff;border-bottom-right-radius:6px;box-shadow:0 4px 14px rgba(14,46,36,.22)}
.m94-b.typing{padding:12px 16px;color:#5d7a66}
.m94-chat .m94-w{border-bottom-color:rgba(25,69,54,.4)}
.m94-chat .m94-w:hover{background:#dff3c4}
.m94-meta{font-size:.68rem;color:#8a9a8f;margin:3px 6px 0;display:flex;gap:4px}
.m94-ticks{letter-spacing:-3px;color:#9bb3a4}
.m94-ticks.read{color:#2fb36b}
.m94-mini-score{font-size:.72rem;font-weight:800;margin:4px 4px 0;padding:3px 9px;border-radius:999px;background:#e8f7d5;color:#2f6b2c}
.m94-mini-score.good{background:#fff2c9;color:#8a6a10}
.m94-mini-score.try{background:#ffe1dc;color:#a24234}
.m94-chat .m94-acts button{background:#eaf2e2;color:#1f4a38}
.m94-chat .m94-aid{background:#f2f9ea;border-left-color:#8edb2b;color:var(--ink)}
.m94-chat .m94-aid-h{color:#2f6b2c}
.m94-hints{padding:4px 12px 0}
.m94-hint-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 6px}
.m94-hint-row::-webkit-scrollbar{display:none}
.m94-pill{flex:none;border:1px solid #cfe3b8;background:#f1fae4;color:#1f4a38;border-radius:999px;padding:9px 14px;font-weight:800;font-size:.84rem}
.m94-pill.ghost{background:#fff;border-color:var(--line)}
.m94-pill.nudge{animation:m94-nudge 1.4s ease-in-out infinite;background:#e2f8c0;border-color:#8edb2b}
@keyframes m94-nudge{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(142,219,43,.5)}50%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(142,219,43,0)}}
.m94-hint-tray{background:#fff;border-radius:22px;padding:10px 10px 8px;box-shadow:0 12px 34px rgba(14,46,36,.16);margin-bottom:6px;animation:m94-up .22s ease-out}
.m94-hint-head{display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:.82rem;color:#2f6b2c;padding:2px 4px 8px}
.m94-hint-head button{border:0;background:#eef4e8;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:var(--g)}
.m94-hint-head svg{width:14px;height:14px}
.m94-hint-list{display:grid;gap:7px}
.m94-hint{position:relative;display:grid;gap:1px;text-align:left;border:1px solid #e1ecd5;background:#f6fbef;border-radius:16px;padding:10px 44px 10px 14px;color:var(--ink)}
.m94-hint:hover{background:#ecf8dc}
.m94-hint-k{position:absolute;left:-4px;top:-6px;font-size:.8rem}
.m94-hint strong{font-size:.98rem;line-height:1.3}
.m94-hint small{color:#6d7f74;font-size:.78rem}
.m94-hint-hear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:.9rem;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.m94-composer{display:flex;align-items:center;gap:8px;padding:8px 12px max(12px,env(safe-area-inset-bottom));background:rgba(255,255,255,.94);border-top:1px solid var(--line)}
.m94-composer input{flex:1;min-width:0;border:1.5px solid #dfe8d6;border-radius:999px;padding:13px 16px;background:#fff;font-size:1rem;outline:0;color:var(--ink)}
.m94-composer input:focus{border-color:#8edb2b;box-shadow:0 0 0 3px rgba(142,219,43,.2)}
.m94-cm-mic,.m94-send{flex:none;width:46px;height:46px;border-radius:50%;border:0;display:grid;place-items:center}
.m94-cm-mic{background:#eef4e8;color:var(--g)}
.m94-cm-mic svg{width:22px;height:22px}
.m94-cm-mic.rec{background:#ff5d5d;color:#fff;animation:m94-nudge 1.3s infinite}
.m94-send{background:linear-gradient(160deg,#25765a,#0f3b2c);color:#fff}
.m94-goals-wrap{padding:8px 14px 8px;background:#fff;border-bottom:1px solid var(--line)}
.m94-goals-h{font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6d8f74;margin-bottom:6px}
.m94-goals{display:flex;gap:6px;flex-wrap:wrap}
.m94-goal{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#f1f4ee;color:#5d7a66;padding:5px 11px 5px 5px;font-size:.78rem;font-weight:800;transition:.3s}
.m94-goal i{font-style:normal;width:20px;height:20px;border-radius:50%;background:#dfe7d8;display:grid;place-items:center;font-size:.72rem}
.m94-goal.done{background:#dff7b8;color:#1f5a2b}
.m94-goal.done i{background:#2fb36b;color:#fff;animation:m94-pop .3s}
.m94-pick-body{flex:1;overflow-y:auto;padding:16px}
.m94-lead{margin:0 0 14px;color:#4d6a58;font-weight:600;line-height:1.5}
.m94-scenes{display:grid;gap:12px}
.m94-scene{display:flex;gap:0;align-items:stretch;border:0;padding:0;background:#fff;border-radius:24px;overflow:hidden;text-align:left;color:var(--ink);box-shadow:0 10px 28px rgba(14,46,36,.09);transition:transform .15s}
.m94-scene:hover{transform:translateY(-2px)}
.m94-scene-img{flex:none;width:116px}
.m94-scene-img img{width:100%;height:100%;object-fit:cover;display:block}
.m94-scene-body{display:grid;gap:3px;padding:14px 16px;align-content:center}
.m94-scene-n{font-size:.72rem;font-weight:900;color:#8aa08f;letter-spacing:.08em}
.m94-scene-body strong{font:1000 1.12rem Nunito,sans-serif}
.m94-scene-body small{color:var(--muted);line-height:1.35}
.m94-scene-g{justify-self:start;margin-top:4px;background:#eaf6d9;color:#2f6b2c;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:900}
.m94-sum{position:relative;overflow-y:auto;color:var(--ink)}
.m94-sum-hero{display:grid;justify-items:center;text-align:center;gap:6px;padding:max(28px,env(safe-area-inset-top)) 22px 24px;color:#fff}
.m94-sum-hero .m94-av{box-shadow:0 0 0 4px rgba(184,255,90,.6)}
.m94-sum-hero p{margin:0;color:#cfe6d8}
.m94-sum-stats{display:grid;margin-top:-4px}
.m94-sum-stats div{text-align:center;display:grid;gap:2px}
.m94-sum-stats span{color:var(--muted);font-weight:800}
.m94-sum-stats .g b{color:#2f9a4f}
.m94-sum-stats .y b{color:#b98a10}
.m94-sum-stats .r b{color:#d4553f}
.m94-sum-block{margin:14px 16px 0;background:#fff;padding:16px}
.m94-sum-block h3{margin:0 0 10px}
.m94-wcs{display:flex;flex-wrap:wrap;gap:8px}
.m94-wc{display:inline-flex;align-items:stretch;border:1.5px solid #dfe9d3;border-radius:16px;overflow:hidden;background:#f7fbf1}
.m94-wc-main{border:0;background:none;padding:8px 12px;text-align:left;color:var(--ink);font-weight:900;font-size:.95rem;display:grid}
.m94-wc-main small{font-weight:600;color:var(--muted);font-size:.72rem}
.m94-wc-add{border:0;border-left:1.5px solid #dfe9d3;background:#e8f7cf;color:#2f6b2c;width:38px;font-weight:900;font-size:1.1rem}
.m94-wc-add.done{background:#2fb36b;color:#fff}
.m94-sum-tip{border-radius:18px;font-size:.9rem}
.m94-sum-note{margin:10px 18px 0;font-size:.72rem;color:#7d8d82;text-align:center}
.m94-sum-actions{display:grid;gap:10px;padding:16px 16px max(22px,env(safe-area-inset-bottom))}
body:has(.m94-home) .miko-motion,html.m94-lock .miko-motion{display:none!important}
.m94-av img{transform:scale(1.14)}
@media (min-width:760px){
.m94-chars{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible}
.m94-char{flex:none}
}
.m94-ring{--lvl:0}
.is-listening .m94-ring i:not(.m94-spin){scale:calc(1 + var(--lvl)*.32)}
.m94-back.glass{background:rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(8px)}
.m94-btn.big{padding:16px 18px;font-size:1rem;margin-bottom:6px}
.m94-acts.me{justify-content:flex-end}
.m94-acts button.fb{background:linear-gradient(135deg,#d8ff8f,#b8ff5a);color:#0e2e24;box-shadow:0 4px 12px rgba(150,220,50,.3)}
.m94-chat .m94-acts button.fb{background:linear-gradient(135deg,#e3ffaa,#c5f66a);color:#12391f}
.m94-fb{margin-top:10px;border-radius:18px;padding:12px 14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);animation:m94-pop .25s ease-out;text-align:left;width:100%}
.m94-fb-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.m94-fb-badge{font-weight:900;font-size:.82rem;border-radius:999px;padding:4px 10px;background:#dff7b8;color:#1f5a2b}
.m94-fb.mid .m94-fb-badge{background:#fff0b8;color:#7a5a08}
.m94-fb.low .m94-fb-badge{background:#ffe0d8;color:#9a3a2a}
.m94-fb-t{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;opacity:.65;font-weight:800}
.m94-fb-v{margin:0 0 8px;font-weight:800;font-size:.95rem}
.m94-fb-better{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.18);border-radius:14px;padding:9px 12px;margin-bottom:8px}
.m94-fb-better>div{flex:1;min-width:0}
.m94-fb-better small{display:block;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-weight:800;margin-bottom:2px}
.m94-fb-better p{margin:0;font-weight:800;font-size:1rem;line-height:1.35}
.m94-fb-hear{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:#b8ff5a;color:#0e2e24;font-size:.95rem}
.m94-fb-why{margin:0;font-size:.86rem;line-height:1.45;display:flex;gap:7px;opacity:.95}
.m94-chat .m94-fb{background:#fff;border-color:#e3ecd8;box-shadow:0 8px 22px rgba(14,46,36,.08);color:var(--ink)}
.m94-chat .m94-fb-better{background:#f2f9e8}
.m94-chat .m94-fb-hear{background:#0e2e24;color:#b8ff5a}
.m94-chat .m94-row.me .m94-col{align-items:flex-end}
.m94-chat .m94-row.me .m94-fb{max-width:100%}
.m94-past-h{margin:16px 0 8px;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#6d8f74}
.m94-past{display:grid;gap:8px;max-height:260px;overflow-y:auto}
.m94-pastrow{display:flex;align-items:center;gap:12px;text-align:left;border:0;background:#f6f8f1;border-radius:16px;padding:10px 12px;color:var(--ink)}
.m94-pastrow>span:not(.m94-av){flex:1;min-width:0}
.m94-pastrow .m94-av{flex:none}
.m94-pastrow strong{display:block;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m94-pastrow small{color:var(--muted);font-size:.74rem}
.m94-pastrow em{font-style:normal;font-weight:900;color:#2f9a4f}
.m94-past-empty{margin:14px 0 0;text-align:center}
.m94-chat.is-rp{background:#f3efe3}
.m94-rp-banner{position:relative;flex:none;color:#fff;padding:max(12px,env(safe-area-inset-top)) 14px 16px;background:linear-gradient(to top,rgba(6,24,16,.92) 8%,rgba(6,24,16,.25) 70%),var(--img) center/cover;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 14px 34px rgba(14,46,36,.28);z-index:3}
.m94-rp-row{display:flex;align-items:center;gap:8px}
.m94-rp-gap{flex:1}
.m94-rp-badge{font-size:.72rem;font-weight:900;letter-spacing:.08em;border-radius:999px;padding:6px 12px}
.m94-rp-title h2{margin:0 0 6px;font:1000 1.55rem/1.1 Nunito,sans-serif;letter-spacing:-.04em;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.m94-rp-who{display:inline-flex;align-items:center;gap:8px;border:0;background:rgba(255,255,255,.16);backdrop-filter:blur(10px);color:#fff;border-radius:999px;padding:4px 14px 4px 4px;font-size:.82rem;font-weight:700}
.m94-rp-who b{font-weight:900}
.m94-rp-sub{font-style:normal;font-size:.74rem;opacity:.9}
.m94-mission{background:#fff;box-shadow:0 8px 24px rgba(14,46,36,.08);z-index:2}
.m94-mission-h{display:flex;justify-content:space-between;align-items:center;font-weight:900;color:#1f5a43;margin-bottom:8px}
.m94-mission-h b{background:#eaf6d9;border-radius:999px;padding:2px 10px;font-size:.78rem}
.m94-prog{height:7px;border-radius:99px;background:#e9efe2;overflow:hidden;margin-bottom:10px}
.m94-prog i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#8edb2b,#4cc36a);transition:width .5s ease}
.m94-setting{gap:12px;align-items:flex-start;margin:6px 2px 4px;animation:m94-pop .3s}
.m94-setting-pin{font-size:1.3rem}
.m94-setting strong{display:block}
.m94-setting p{margin:2px 0 0;font-size:.84rem;color:#6b5a26;line-height:1.4}
.m94-done{margin:14px 2px;text-align:center;background:linear-gradient(160deg,#eaffc4,#c9f27d);border-radius:24px;padding:18px 16px;box-shadow:0 14px 34px rgba(120,190,40,.3);animation:m94-pop .4s}
.m94-stars{font-size:1.6rem;animation:m94-float 2.4s ease-in-out infinite}
.m94-done strong{display:block;font:1000 1.25rem Nunito,sans-serif;margin:4px 0 2px;color:#12391f}
.m94-done p{margin:0 0 12px;color:#2f5a2c;font-weight:700}
.m94-done .m94-btn{background:#0e2e24;color:#b8ff5a;box-shadow:none}
.m94-hero2{position:relative;overflow:hidden;border-radius:34px;padding:20px 20px 22px;color:#fff;text-align:center;background:radial-gradient(120% 90% at 50% -10%,var(--ha,#2b7a58) 0%,#145238 38%,#082a1e 78%);box-shadow:0 30px 70px rgba(8,42,30,.4)}
.m94-hero2::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 85%,rgba(184,255,90,.14),transparent 45%),radial-gradient(circle at 90% 20%,rgba(255,214,120,.12),transparent 40%);pointer-events:none}
.m94-hero2-glow{position:absolute;left:50%;top:70px;width:300px;height:300px;transform:translateX(-50%);background:radial-gradient(circle,rgba(184,255,90,.28),transparent 65%);filter:blur(10px);pointer-events:none}
.m94-hero2-top{position:relative;display:flex;justify-content:space-between;align-items:center}
.m94-badge{font-size:.68rem;font-weight:900;letter-spacing:.14em;color:#ffe9a8;border:1px solid rgba(255,233,168,.4);background:rgba(255,233,168,.1);border-radius:999px;padding:6px 12px}
.m94-streakpill{font-weight:900;font-size:.84rem;background:rgba(255,255,255,.14);border-radius:999px;padding:6px 12px}
.m94-h1w{position:relative;font:1000 clamp(1.8rem,6vw,2.5rem)/1.05 Nunito,sans-serif;letter-spacing:-.05em;margin:16px 0 4px;color:#fff}
.m94-tag{position:relative;margin:0;color:#cfe6d8;font-weight:700}
.m94-hero2-stage{position:relative;height:236px;margin:10px 0 0;display:grid;place-items:center}
.m94-hero2-av{position:relative;width:148px;height:148px;display:grid;place-items:center}
.m94-hero2-av .m94-av{box-shadow:0 0 0 5px rgba(184,255,90,.6),0 22px 50px rgba(0,0,0,.45);animation:m94-float 4.4s ease-in-out infinite}
.m94-hero2-av .r1,.m94-hero2-av .r2{position:absolute;inset:-14px;border-radius:50%;border:2px solid rgba(184,255,90,.45);animation:m94-wave 2.6s ease-out infinite}
.m94-hero2-av .r2{animation-delay:1.3s}
.m94-hero2-swap{position:absolute;right:-6px;bottom:2px;width:38px;height:38px;border-radius:50%;border:3px solid #0e3a2a;background:#b8ff5a;color:#0e2e24;font-weight:900;font-size:1rem;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.m94-chip{position:absolute;font-weight:900;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);white-space:nowrap;animation:m94-float 5s ease-in-out infinite;font-size:.68rem;padding:6px 10px}
.m94-chip.c1{left:0;top:0}
.m94-chip.c2{right:0;top:0;animation-delay:1.2s}
.m94-chip.c3{left:50%;bottom:-4px;margin-left:-62px;animation-delay:2.2s}
.m94-hero2-wave{position:relative;display:flex;justify-content:center;align-items:center;gap:4px;height:26px;margin:2px 0 6px}
.m94-hero2-wave i{width:4px;border-radius:3px;background:linear-gradient(#b8ff5a,#5fd68a);height:8px;animation:m94-bar 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--i)*.07s);opacity:.85}
.m94-hero2-wave i:nth-child(3n){animation-duration:.8s}
.m94-hero2-wave i:nth-child(4n){animation-duration:1.4s}
.m94-hero2-who{position:relative;display:grid;gap:2px;margin-bottom:14px}
.m94-hero2-who strong{font:1000 1.4rem Nunito,sans-serif;letter-spacing:-.03em}
.m94-hero2-who span{color:#cfe6d8;font-size:.84rem;font-weight:700}
.m94-cta{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:20px;padding:17px 20px;background:linear-gradient(135deg,#d8ff8f,#b8ff5a 55%,#8fe85c);color:#0e2e24;font-weight:1000;font-size:1.05rem;box-shadow:0 16px 36px rgba(184,255,90,.38);transition:transform .15s}
.m94-cta:hover{transform:translateY(-2px)}
.m94-cta i{font-style:normal;font-weight:900}
.m94-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 4px}
.m94-stats div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px 4px;text-align:center;display:grid;gap:2px;box-shadow:0 8px 22px rgba(14,46,36,.05)}
.m94-stats b{font:1000 1.25rem Nunito,sans-serif;color:#0e2e24}
.m94-stats span{font-size:.64rem;color:var(--muted);font-weight:800}
.m94-tiles{display:grid;gap:12px}
.m94-tile{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:'i t' 'i s';column-gap:14px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:26px;padding:16px;color:var(--g);box-shadow:0 12px 30px rgba(14,46,36,.07);transition:transform .15s}
.m94-tile:hover{transform:translateY(-2px)}
.m94-tile-i{grid-area:i;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:1.6rem;background:linear-gradient(135deg,#dff7b8,#b8ff5a)}
.t-chat .m94-tile-i{background:linear-gradient(135deg,#d6ecff,#9fd0ff)}
.t-rp .m94-tile-i{background:linear-gradient(135deg,#ffe3c2,#ffb98a)}
.m94-tile strong{grid-area:t;font:1000 1.1rem Nunito,sans-serif;align-self:end}
.m94-tile small{grid-area:s;color:var(--muted);font-weight:600;line-height:1.35;align-self:start}
.m94-tile-b{position:absolute;top:12px;right:14px;font-size:.64rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;background:#0e2e24;color:#b8ff5a;border-radius:999px;padding:4px 10px}
.t-call{background:linear-gradient(135deg,#fff,#f4fde6);border-color:#cfe9a8}
.m94-char{padding:0 10px 12px;overflow:hidden}
.m94-char-top{align-self:stretch;margin:0 -10px 4px;padding:18px 0 14px;display:grid;place-items:center;background:linear-gradient(160deg,var(--ca,#cfe),var(--cb,#8bd))}
.m94-char-top .m94-av{box-shadow:0 0 0 3px rgba(255,255,255,.7)}
.m94-char.on::after{top:12px;right:12px}
.m94-q small{display:block;font-size:.66rem;opacity:.85;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}
@media (min-width:760px){
.m94-tiles{grid-template-columns:repeat(3,1fr)}
.m94-tile{grid-template-columns:1fr;grid-template-areas:'i' 't' 's';row-gap:6px}
.m94-hero2{padding:28px 40px 30px}
.m94-hero2-stage{height:250px}
.m94-chip.c1{left:14%;top:30px}
.m94-chip.c2{right:14%;top:30px}
.m94-chip.c3{margin-left:-70px}
.m94-cta{max-width:420px}
}
.m94-char-top{justify-self:stretch}
.m94-cta{margin-left:auto;margin-right:auto}
.m94-scwrap{margin-top:8px}
.m94-scpill{font:800 .78rem inherit;color:inherit;cursor:pointer}
.m94-scpill.great{color:#b8ff5a}
.m94-scpill.good{color:#ffd24a}
.m94-scpill.try{color:#ff9d8f}
.m94-chat .m94-scpill{color:#2f6b2c}
.m94-chat .m94-scpill.good{color:#8a6a08}
.m94-chat .m94-scpill.try{color:#b0452f}
.m94-chat .m94-score{background:#f4f8ee;color:var(--ink)}
.m94-scpill i{font-style:normal;opacity:.6;font-size:.7rem}
.m94-call-log .m94-fb,.m94-call-log .m94-aid{max-height:34vh;overflow:auto}
.m94-h3x{padding:6px 0 30px}
.m94-top3{display:flex;align-items:center;justify-content:space-between}
.m94-me3{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 14px 5px 6px;text-align:left;color:#0e2e24}
.m94-me3 span{display:grid;line-height:1.15}
.m94-me3 small{font-size:.66rem;color:var(--muted);font-weight:700}
.m94-me3 b{font-size:.95rem}
.m94-streak3{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-weight:900}
.m94-hi3{font:1000 2rem Nunito,sans-serif;letter-spacing:-.04em;margin:18px 0 4px;color:#0e2e24}
.m94-sub3{margin:0 0 12px;color:var(--muted);font-weight:600}
.m94-sub3.s{margin:-6px 0 12px}
.m94-pills3{display:flex;gap:8px;flex-wrap:wrap}
.m94-pills3 span{background:#eaf6d9;color:#1f4a2b;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:700}
.m94-way{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:1px solid var(--line);border-radius:28px;padding:20px;margin-bottom:12px;background:#fff;color:#0e2e24;overflow:hidden;box-shadow:0 10px 28px rgba(14,46,36,.07);transition:transform .15s}
.m94-way:active{transform:scale(.985)}
.m94-way-t{display:grid;gap:7px;z-index:1;flex:1;min-width:0}
.m94-way-t b{font:1000 1.45rem Nunito,sans-serif;letter-spacing:-.03em}
.m94-way-t small{font-size:.86rem;line-height:1.35;opacity:.75;max-width:230px}
.m94-way.call{background:linear-gradient(135deg,#0e2e24,#15503a);color:#fff;min-height:210px;border:0}
.m94-way.call img{position:absolute;right:-6px;bottom:0;height:92%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.3))}
.m94-way.call .m94-way-t{align-self:stretch;justify-content:center;max-width:58%}
.m94-crown{position:absolute;top:14px;left:18px;background:#ffd24a;color:#3a2a00;border-radius:999px;font-size:.7rem;font-weight:900;padding:5px 10px;z-index:2}
.m94-way.call .m94-way-t{padding-top:26px}
.m94-way-btn{justify-self:start;background:#b8ff5a;color:#0e2e24;border-radius:999px;padding:11px 16px;font-weight:900;font-size:.88rem}
.m94-ringdeco{position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;border:2px solid rgba(184,255,90,.25);box-shadow:0 0 0 22px rgba(184,255,90,.06)}
.m94-chipsrow{display:flex;gap:6px;flex-wrap:wrap}
.m94-chipsrow i{font-style:normal;background:#f1f6ea;border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:800}
.m94-way.chat{background:linear-gradient(135deg,#f4fbe8,#e6f5cf)}
.m94-bub{display:grid;gap:8px;width:42%;flex:none}
.m94-bub i{font-style:normal;background:#fff;border-radius:18px 18px 18px 5px;padding:10px 12px;font-size:.8rem;font-weight:700;box-shadow:0 6px 16px rgba(14,46,36,.1)}
.m94-bub i.me{background:#0e2e24;color:#fff;border-radius:18px 18px 5px 18px;justify-self:end}
.m94-way.rp{background:linear-gradient(135deg,#fff4e0,#ffe6c4)}
.m94-polas{position:relative;width:40%;height:120px;flex:none}
.m94-polas img{position:absolute;width:82px;height:96px;object-fit:cover;border:5px solid #fff;border-bottom-width:16px;border-radius:6px;box-shadow:0 8px 18px rgba(0,0,0,.2)}
.m94-polas img:first-child{left:4px;top:8px;transform:rotate(-8deg)}
.m94-polas img:last-child{right:0;top:0;transform:rotate(7deg)}
.m94-h3row{display:flex;align-items:center;justify-content:space-between}
.m94-more{background:none;border:0;color:#2f6b2c;font-weight:900;font-size:.82rem}
.m94-rp-banner{min-height:104px!important;padding-bottom:12px!important;border-radius:0 0 24px 24px!important}
.m94-rp-title h2{font-size:1.25rem!important;margin-bottom:4px!important}
.m94-rp-badge{background:rgba(255,255,255,.22)!important;color:#fff!important;backdrop-filter:blur(8px)}
.m94-mission{margin:8px 12px 0!important;padding:8px 12px!important;border-radius:18px!important;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.m94-mission-h{margin:0!important;font-size:.78rem!important}
.m94-mission .m94-prog{flex:1;min-width:60px;order:2}
.m94-mission .m94-goals{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.m94-mission .m94-goals::-webkit-scrollbar{display:none}
.m94-goal{white-space:nowrap}
.m94-chat.is-rp .m94-b.miko{background:#fff;box-shadow:0 4px 14px rgba(14,46,36,.07)}
.m94-pro .m94-top3{align-items:flex-end;margin-bottom:14px}
.m94-ttl small{color:var(--muted);font-weight:600;font-size:.84rem}
.m94-ttl h1{margin:2px 0 0;font:700 1.9rem/1.05 Georgia,serif;letter-spacing:-.02em;color:#0e2e24}
.m94-pro .m94-me3{gap:8px;padding:4px 12px 4px 4px;box-shadow:none}
.m94-pro .m94-me3 i{font-style:normal;opacity:.5}
.m94-pro .m94-way{border-radius:24px;box-shadow:none;border:1px solid var(--line);margin-bottom:0}
.m94-pro .m94-way.call{margin-bottom:12px}
.m94-pro .m94-way.call .m94-way-t{padding-top:0;gap:8px;max-width:62%}
.m94-pro .m94-way-t small{font-size:.64rem;font-weight:800;letter-spacing:.14em;color:#b9d6a4;opacity:1;max-width:none}
.m94-pro .m94-way-t b{font:700 1.55rem Georgia,serif;letter-spacing:-.02em}
.m94-way-d{font-size:.84rem;line-height:1.35;opacity:.75}
.m94-pro .m94-way-btn{display:inline-flex;align-items:center;gap:8px;background:#f2f7e8;color:#0e2e24;padding:10px 16px;font-weight:800}
.m94-way-btn em{font-style:normal}
.m94-way-btn svg{width:16px;height:16px}
.m94-pro .m94-way.call img{height:100%;right:-14px}
.m94-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.m94-duo .m94-way{display:grid;gap:6px;align-content:start;padding:18px}
.m94-duo .m94-way b{font:700 1.2rem Georgia,serif}
.m94-wi{color:#14392d;display:grid;place-items:center;font-size:1.1rem}
.m94-pro .m94-h3{font:700 1.2rem Georgia,serif}
.m94-pro .m94-q span{font-weight:700}
.m94-ttl h1,.m94-pro .m94-way-t b,.m94-duo .m94-way b,.m94-pro .m94-h3{font-family:'Playfair Display',Georgia,serif!important;font-weight:800!important}
.m94-ttl h1{font-size:2.15rem!important;line-height:1.04;max-width:230px}
.m94-pro .m94-way.call{background:radial-gradient(120% 120% at 85% 10%,#1f6b4a,#0c2a20 62%);border:1px solid rgba(232,196,110,.55)!important;box-shadow:0 18px 40px rgba(10,40,28,.28),inset 0 0 0 1px rgba(255,255,255,.05);min-height:208px}
.m94-pop{justify-self:start;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(232,196,110,.7);color:#f0d58a;border-radius:99px;padding:5px 11px;font-size:.64rem;font-weight:800;letter-spacing:.12em;background:rgba(0,0,0,.18)}
.m94-pro .m94-way.call .m94-way-t b{font-size:2rem!important;color:#fff}
.m94-pro .m94-way.call .m94-way-btn{background:linear-gradient(135deg,#f6dc8f,#d9a93d);color:#3a2a06;box-shadow:0 8px 18px rgba(217,169,61,.35)}
.m94-way-btn i{font-style:normal;margin-left:2px}
.m94-duo .m94-way{background:linear-gradient(160deg,#fffdf6,#f4efdc);border:1px solid #ece4c6;box-shadow:0 10px 26px rgba(40,50,30,.08);min-height:150px}
.m94-duo .m94-way b{font-size:1.35rem!important}
.m94-wi{width:56px!important;height:56px!important;border-radius:18px!important;background:linear-gradient(145deg,#c9ecc1,#7fc58f)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 14px rgba(60,120,70,.25)}
.m94-wi.r{background:linear-gradient(145deg,#fbe7a8,#e9c261)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 14px rgba(180,130,30,.25)}
.m94-pro .m94-resume{background:linear-gradient(120deg,#e3f4d3,#d3ecc4);border:1px solid #c5e0b4;border-radius:22px;padding:12px 14px;margin:12px 0 2px;box-shadow:0 8px 20px rgba(60,120,70,.12)}
.m94-pro .m94-resume-go{width:34px;height:34px;border-radius:50%;background:#14392d;color:#e9f4d8;display:grid;place-items:center}
.m94-call-log,.m94-msgs{scroll-behavior:auto!important;overflow-anchor:none}
.m94-scpill{padding:2px 8px!important;font-size:.68rem!important;font-weight:700!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.18);border-radius:99px;line-height:1.4;opacity:.85}
.m94-scpill b{font-weight:800}
.m94-chat .m94-scpill{background:#f0f4e8!important;border-color:#dfe8d0}
.m94-scwrap{display:inline-block;margin:6px 0 0 8px;vertical-align:middle}
.m94-acts{gap:6px!important}
.m94-acts button{font-size:.7rem!important;padding:4px 10px!important;font-weight:700!important;letter-spacing:.01em;opacity:.92}
.m94-call .m94-acts button{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.12)}
.m94-call .m94-acts .fb{background:rgba(184,255,90,.18)!important;color:#d6ff9e!important;border-color:rgba(184,255,90,.3)}
.m94-sum{background:linear-gradient(180deg,#f6f1e2,#fbf8ee 40%)}
.m94-sum-hero{background:radial-gradient(120% 140% at 80% 0%,#1f6b4a,#0c2a20 70%)!important;padding-bottom:30px!important;border-radius:0 0 34px 34px}
.m94-sum-hero small{color:#b9d6a4;font-weight:700;letter-spacing:.08em;font-size:.7rem;text-transform:uppercase;margin-top:8px}
.m94-sum-hero h2{font:700 1.7rem Playfair Display,Georgia,serif!important;letter-spacing:-.01em!important;margin:2px 0 4px!important}
.m94-sum-hero p{opacity:.85}
.m94-sum-stats{grid-template-columns:repeat(3,1fr)!important;gap:0!important;margin:-22px 16px 0!important;padding:0!important;background:#fff;border-radius:22px;box-shadow:0 14px 34px rgba(14,46,36,.14)}
.m94-sum-stats div{box-shadow:none!important;background:none!important;padding:16px 4px!important;border-right:1px solid #eee8d6;border-radius:0!important}
.m94-sum-stats div:last-child{border:0}
.m94-sum-stats b{font:700 1.45rem Playfair Display,Georgia,serif!important}
.m94-sum-stats span{font-size:.68rem!important;letter-spacing:.06em;text-transform:uppercase}
.m94-sum-block{border-radius:24px!important;box-shadow:0 8px 24px rgba(14,46,36,.06)!important;border:1px solid #eee8d6}
.m94-sum-block h3{font:700 1.1rem Playfair Display,Georgia,serif!important}
.m94-sum-tip{background:none!important;text-align:center;color:#5b6e63;font-weight:600;padding:0!important;margin:16px 16px 0!important}
.m94-rpbar{flex:none;background:linear-gradient(180deg,#fbf3df,#f7efd9);padding:max(10px,env(safe-area-inset-top)) 12px 10px;border-bottom:1px solid #eadfc2;z-index:3}
.m94-rpbar-row{display:flex;align-items:center;gap:8px}
.m94-rpbar .m94-back,.m94-rpbar .m94-bar-call{background:#fff!important;color:#14392d!important;border:1px solid #eadfc2!important;box-shadow:none!important}
.m94-rpbar-t{flex:1;min-width:0;display:grid;gap:3px}
.m94-rpbar-t strong{font:700 1.15rem Playfair Display,Georgia,serif;color:#14392d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m94-rpbar .m94-rp-who{background:none!important;backdrop-filter:none!important;color:#6b6a50!important;padding:0!important;font-size:.78rem;font-weight:700;gap:6px}
.m94-rpbar .m94-mission{margin:10px 0 0!important;padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
.m94-rpbar .m94-mission-h{color:#6b6a50;font-size:.7rem!important;text-transform:uppercase;letter-spacing:.08em}
.m94-rpbar .m94-mission-h b{background:#fff;border:1px solid #eadfc2;font-size:.7rem;margin-left:6px}
.m94-rpbar .m94-prog{height:5px}
.m94-rpbar .m94-goal{background:#fff;border:1px solid #eadfc2;font-size:.74rem}
.m94-chat.is-rp .m94-msgs{background:#fbf6e8;background-image:none}
.m94-setting{display:block!important;padding:0!important;overflow:hidden;border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 26px rgba(80,60,20,.12)}
.m94-setting img{width:100%;height:120px;object-fit:cover;display:block}
.m94-setting div{padding:12px 14px}
.m94-setting strong{font:700 1.05rem Playfair Display,Georgia,serif!important}
.m94-setting small{display:block;margin-top:6px;color:#8a7a4a;font-weight:700;font-size:.72rem;letter-spacing:.04em}
.m94-stars{letter-spacing:8px;color:#d9a93d}
.m94-call .m94-cl.me{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px}
.m94-call .m94-cl.me>.m94-cl-name,.m94-call .m94-cl.me>p,.m94-call .m94-cl.me>.m94-score,.m94-call .m94-cl.me>.m94-fb,.m94-call .m94-cl.me>.m94-aid{width:100%}
.m94-call .m94-cl.me .m94-scwrap{margin:9px 0 0}
.m94-call .m94-cl.me .m94-acts{flex:1;margin-top:9px;justify-content:flex-end}
.m94-call .m94-acts .fb{box-shadow:none!important}
.t95{--g:#0e2e24;--line:#e8e4d6;--mut:#6d7a70;max-width:760px;margin:0 auto;color:var(--g);display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding-bottom:30px}
.t95>*{min-width:0}
.t95 button{font-family:inherit;cursor:pointer}
.t95-sec{margin:14px 0 4px}
.t95-hc{margin-top:16px}
.t95-sech{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.t95-sech h3{margin:0;font:800 1.05rem DM Sans,sans-serif;letter-spacing:-.01em;color:#133e2d}
.t95-link{border:0;background:none;color:#3b6b4a;font-weight:700;font-size:.82rem}
.t95-car{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}
.t95-car::-webkit-scrollbar{display:none}
.t95-cheer{scroll-snap-align:start;flex:none;width:min(80%,300px);display:flex;gap:10px;align-items:flex-start;text-align:left;border:1px solid var(--line);background:#fffdf8;border-radius:18px;padding:13px 14px;color:var(--g)}
.t95-cheer-b{display:grid;gap:3px;font-size:.84rem;line-height:1.4;color:#41564a}
.t95-cheer-b b{color:var(--g);font-size:.86rem}
.t95-av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;flex:none;background:#14392d;color:#e9f4d8;font-size:.85rem}
.t95-cheer .t95-av{background:#e9efe0!important;color:#14392d}
.t95-card{background:#fffdf8;border:1px solid var(--line);border-radius:22px;padding:18px}
.t95-card h3{margin:4px 0 10px;font:800 1.1rem DM Sans,sans-serif;line-height:1.3}
.t95-k{font-size:.66rem;font-weight:800;letter-spacing:.12em;color:#6b8a5c}
.t95-chero{border-radius:26px;padding:34px 22px 26px;min-height:200px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(180deg,rgba(6,28,24,.15),rgba(6,28,24,.78)),var(--bg) center/cover}
.t95-chero small{font-weight:800;letter-spacing:.14em;font-size:.68rem;opacity:.85}
.t95-chero h1{margin:6px 0 4px;font:700 2.1rem/1.05 Georgia,serif;letter-spacing:-.02em}
.t95-chero p{margin:0;opacity:.9}
.t95-note{display:flex;gap:14px;align-items:flex-start}
.t95-note img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.t95-note b{font-size:.92rem}
.t95-note p{margin:4px 0 0;color:#41564a;line-height:1.5;font-size:.9rem}
.t95-form{display:flex;gap:8px}
.t95-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;background:#fff}
.t95-form button{border:0;border-radius:14px;background:var(--g);color:#e9f4d8;font-weight:700;padding:0 20px}
.t95-bar2{display:block;height:6px;background:#ece9dc;border-radius:99px;overflow:hidden}
.t95-bar2 i{display:block;height:100%;background:#2f7a52;border-radius:99px}
.t95-soft{margin:8px 0 0;font-size:.8rem;color:var(--mut)}
.t95-soon{display:grid;gap:12px;background:linear-gradient(135deg,#14392d,#0e2e24);color:#fff;border:0}
.t95-soon .t95-k{color:#b9d6a4}
.t95-soon p{margin:0;color:#c9dccf;line-height:1.5;font-size:.9rem}
.t95-soon button{justify-self:start;border:0;border-radius:99px;background:#e9f4d8;color:var(--g);font-weight:800;padding:11px 18px}
.t95-soon button.on{background:transparent;border:1px solid #b9d6a4;color:#d8ecc8}
.t95-h3{margin:8px 0 0;font:800 1.05rem DM Sans,sans-serif;display:flex;align-items:center;gap:8px}
.t95-tag{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;background:#efe9d6;color:#7a6a3a;border-radius:99px;padding:3px 9px}
.t95-feed{display:grid;gap:12px}
.t95-post-h div{display:grid}
.t95-post-h small{color:var(--mut)}
.t95-reply{background:#f4f1e6;border-radius:12px;padding:8px 11px;font-size:.84rem;margin-bottom:8px}
.t95-pa{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.t95-pa button{flex:none;border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 13px;font-size:.78rem;font-weight:700;color:#2f5a42}
.t95-pa button.on{background:#e6f0da;border-color:#b9d6a4}
@media (min-width:900px){
.t95{max-width:860px}
}
.t95-ph{display:block;border-radius:50%;overflow:hidden;flex:none;background:#e4eadb;border:2px solid #fff;box-shadow:0 2px 8px rgba(14,46,36,.15)}
.t95-ph img{width:100%;height:100%;object-fit:cover;display:block}
.t95-ph.me{display:grid;place-items:center;width:44px;height:44px;background:#14392d;color:#e9f4d8;font-weight:800;border-radius:50%}
.t95-ph.s{width:30px!important;height:30px!important;font-size:.75rem}
.t95-who{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.t95-who b{font-size:1rem;color:#0e2e24}
.t95-flg{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;color:#5b6e63}
.t95-flg i{font-style:normal}
.t95-fl{width:20px;height:13px;border-radius:3px;box-shadow:0 0 0 1px #0001}
.t95-hpost{scroll-snap-align:start;flex:none;width:min(84%,330px);background:#fffdf8;border:1px solid var(--line);border-radius:22px;padding:14px 16px;box-shadow:0 8px 22px rgba(14,46,36,.06);cursor:pointer}
.t95-hp-h{display:flex;gap:12px;align-items:center}
.t95-hp-h div{display:grid;gap:2px}
.t95-hp-h small{color:var(--mut)}
.t95-hpost p{margin:12px 0;font-size:1rem;line-height:1.45;color:#1d3a2d;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}
.t95-hp-f{display:flex;gap:22px;color:#4f6256;font-weight:700;font-size:.9rem}
.t95-hp-f span{display:inline-flex;align-items:center;gap:6px}
.t95-sech h3 svg{vertical-align:-4px;margin-right:6px;color:#14392d}
.t95-ch small{color:var(--mut)}
.t95-ch h1{margin:0;font:800 2.2rem Playfair Display,Georgia,serif;letter-spacing:-.02em}
.t95-compose{display:flex;gap:10px;align-items:center;background:#fffdf8;border:1px solid var(--line);border-radius:20px;padding:10px}
.t95-compose input{flex:1;min-width:0;border:0;background:transparent;font:inherit;padding:8px 4px;outline:0}
.t95-compose button{border:0;border-radius:14px;background:#14392d;color:#e9f4d8;font-weight:700;padding:10px 16px}
.t95-fs{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:2px}
.t95-f{border:0;background:none;display:grid;justify-items:center;gap:5px;font-weight:700;font-size:.78rem;color:#14392d}
.t95-post{background:#fffdf8;border:1px solid var(--line);border-radius:24px;padding:16px}
.t95-post-h{display:flex;gap:12px;align-items:center}
.t95-ph-t{flex:1;display:grid;gap:2px;min-width:0}
.t95-ph-t small{color:var(--mut)}
.t95-fr{border:1px solid #14392d;background:#fff;color:#14392d;border-radius:99px;padding:7px 13px;font-weight:800;font-size:.78rem}
.t95-post p{margin:12px 0}
.t95-acts{display:flex;align-items:center;gap:6px}
.t95-acts button{border:0;background:#f4f1e6;color:#2f4a3b;border-radius:99px;padding:8px 14px;font-weight:700;font-size:.86rem;display:inline-flex;gap:6px;align-items:center}
.t95-acts button.on{background:#fde4e4;color:#c0344a}
.t95-acts .t95-msgb{margin-left:auto;background:#14392d;color:#e9f4d8}
.t95-thread{margin-top:12px;display:grid;gap:10px;border-top:1px solid var(--line);padding-top:12px}
.t95-cm{display:flex;gap:10px;align-items:flex-start}
.t95-cm b{font-size:.85rem}
.t95-cm p{margin:2px 0 0!important;font-size:.92rem!important;background:#f4f1e6;border-radius:4px 14px 14px 14px;padding:8px 12px;display:inline-block}
.t95-cf{display:flex;gap:8px}
.t95-cf input{flex:1;min-width:0;border:1px solid var(--line);border-radius:99px;padding:10px 14px;font:inherit;background:#fff}
.t95-cf button{border:0;background:#14392d;color:#e9f4d8;border-radius:99px;padding:0 16px;font-weight:700}
.t95-demo{font-size:.74rem;color:var(--mut);margin:8px 0}
.t95-demo.c{text-align:center;margin-bottom:90px}
.t95-sheetbg{position:fixed;inset:0;background:rgba(8,26,20,.45)}
.t95-sheet{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(520px,100%);height:min(78vh,640px);background:#fffdf8;border-radius:28px 28px 0 0;display:flex;flex-direction:column;box-shadow:0 -20px 50px rgba(0,0,0,.25)}
.t95-sheet header{display:flex;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.t95-sheet header div{flex:1;display:grid;gap:2px}
.t95-sheet header small{color:#2f9a55;font-weight:700}
.t95-sheet header button{border:0;background:#f1eedf;width:34px;height:34px;border-radius:50%;font-size:1.2rem}
.t95-msgs{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px}
.t95-m{max-width:78%;background:#f1eedf;padding:10px 14px;border-radius:18px 18px 18px 5px;font-size:.95rem;line-height:1.4}
.t95-m.me{align-self:flex-end;background:#14392d;color:#fff;border-radius:18px 18px 5px 18px}
.t95-m.typing{display:flex;gap:4px;width:56px}
.t95-m.typing i{width:7px;height:7px;border-radius:50%;background:#8a9a8f;animation:t95b 1s infinite}
.t95-m.typing i:nth-child(2){animation-delay:.15s}
.t95-m.typing i:nth-child(3){animation-delay:.3s}
@keyframes t95b{50%{transform:translateY(-4px);opacity:.5}}
.t95-empty{text-align:center;color:var(--mut);margin:auto}
.t95-dmf{padding:10px 14px 4px}
.t95-dmf input{flex:1;min-width:0;border:1px solid var(--line);border-radius:99px;padding:12px 16px;font:inherit}
.t95-dmf button{border:0;background:#14392d;color:#e9f4d8;border-radius:99px;padding:0 18px;font-weight:700}
.t95-sheet .t95-demo{text-align:center;padding:0 14px 12px}
.t95-seg{display:flex;background:#efe9d8;border-radius:99px;padding:4px}
.t95-seg button{flex:1;border:0;background:none;border-radius:99px;padding:10px 6px;font-weight:700;color:#5b6e63;font-size:.9rem}
.t95-seg button.on{background:#14392d;color:#e9f4d8;box-shadow:0 6px 14px rgba(14,46,36,.25)}
.t95-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.t95-chips button{flex:none;border:1px solid var(--line);background:#fffdf8;border-radius:99px;padding:8px 15px;font-weight:700;font-size:.84rem;color:#4a5f52}
.t95-chips button.on{background:#e9f4d8;border-color:#14392d;color:#14392d}
.t95-chips button.ok{color:#2f7a52}
.t95-lh{border-radius:26px;color:#fff;display:grid}
.t95-lh h2{margin:0}
.t95-route{display:flex;align-items:center;gap:12px;font-weight:700}
.t95-route span{white-space:nowrap}
.t95-route .t95-bar2{flex:1}
.t95-route .t95-bar2 i{background:linear-gradient(90deg,#f6dc8f,#d9a93d)}
.t95-lh-a{display:flex;gap:8px;margin-top:4px}
.t95-lh-a button{border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:99px;padding:11px 16px;backdrop-filter:blur(6px)}
.t95-lh-a .t95-primary{flex:1}
.t95-map{list-style:none;margin:6px 0 0;padding:0;position:relative;background:url("data:image/svg+xml;utf8,") repeat-y;background-size:100% 256px;background-position:0 0}
.t95-n{position:relative;height:128px}
.t95-node{position:absolute;top:20px;width:88px;height:88px;border-radius:50%;border:4px solid #fff;padding:0;overflow:visible;background:#dfe8d2;box-shadow:0 10px 22px rgba(14,46,36,.22);transform:translateX(-50%)}
.t95-n.l .t95-node{left:28%}
.t95-n.r .t95-node{left:72%}
.t95-node img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.t95-n:not(.done):not(.cur) .t95-node{filter:saturate(.6) brightness(.97)}
.t95-n.done .t95-node{border-color:#d9a93d}
.t95-ck{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border-radius:50%;background:#2f7a52;color:#fff;display:grid;place-items:center;font-style:normal;font-size:.85rem;font-weight:800;border:3px solid #fff}
.t95-n.cur .t95-node{border-color:#14392d;animation:t95p 2s infinite}
@keyframes t95p{0%{box-shadow:0 0 0 0 rgba(47,122,82,.5),0 10px 22px rgba(14,46,36,.22)}70%{box-shadow:0 0 0 18px rgba(47,122,82,0),0 10px 22px rgba(14,46,36,.22)}100%{box-shadow:0 0 0 0 rgba(47,122,82,0),0 10px 22px rgba(14,46,36,.22)}}
.t95-here{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#14392d;color:#e9f4d8;font-style:normal;font-size:.62rem;font-weight:800;padding:4px 9px;border-radius:99px;white-space:nowrap}
.t95-nl{position:absolute;top:30px;display:grid;gap:3px;width:calc(50% - 40px)}
.t95-n.l .t95-nl{left:calc(28% + 58px)}
.t95-n.r .t95-nl{right:calc(28% + 58px);text-align:right;justify-items:end}
.t95-nl small{font-size:.62rem;letter-spacing:.1em;color:#7a8b7f;font-weight:800}
.t95-nl b{font-size:.98rem;line-height:1.2;color:#0e2e24}
.t95-go{color:#14392d;font-weight:800;font-size:.82rem}
.t95-dn{color:#2f7a52;font-size:.76rem;font-weight:700}
.t95-flag{background:linear-gradient(145deg,#fbe7a8,#d9a93d)!important;display:grid;place-items:center;font-size:2rem;color:#5a3d06}
.t95-flag span{line-height:1}
.t95-nextch{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;border:1px dashed #b9c9ae;background:#fffdf8;border-radius:22px;padding:16px 18px;color:#0e2e24}
.t95-nextch span{display:grid;gap:2px}
.t95-nextch small{font-size:.62rem;letter-spacing:.12em;color:#6b8a5c;font-weight:800}
.t95-nextch b{font:800 1.1rem Playfair Display,serif}
.t95-nextch i{font-style:normal;font-size:1.2rem}
.m94-wi svg{width:34px!important;height:34px!important}
.t95-sheetbg{z-index:1000!important}
.t95-sheet{z-index:1001!important;padding-bottom:env(safe-area-inset-bottom)}
.m94-h3x,.t95-learn,.t95-comm{position:relative;isolation:isolate}
.m94-h3x::before,.t95-learn::before{content:"";position:absolute;inset:-30px -16px -40px;z-index:-1;background:url(/assets/map-bg.svg) top center/430px 1000px repeat-y;pointer-events:none}
@media (min-width:700px){
.m94-h3x::before,.t95-learn::before{background-size:560px 1300px;background-repeat:repeat}
}
.t95-chx{border-radius:24px;padding:26px 20px 18px;min-height:120px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(180deg,rgba(6,28,24,.05),rgba(6,28,24,.7)),var(--bg) center 40%/cover}
.t95-chx h1{margin:0;font:800 1.9rem/1.05 Playfair Display,Georgia,serif}
.t95-chx p{margin:4px 0 0;font-size:.88rem;opacity:.92}
.t95-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.t95-tiles button{position:relative;display:grid;gap:3px;justify-items:start;text-align:left;background:#fffdf8;border:1px solid var(--line);border-radius:20px;padding:14px 12px;color:#14392d;box-shadow:0 8px 20px rgba(14,46,36,.06)}
.t95-tiles button.dark{background:#14392d;color:#e9f4d8;border:0}
.t95-tiles b{font-size:.92rem}
.t95-tiles small{font-size:.68rem;opacity:.7;line-height:1.25}
.t95-tiles em{position:absolute;top:10px;right:10px;background:#e0524a;color:#fff;border-radius:99px;font-style:normal;font-size:.7rem;font-weight:800;padding:2px 7px}
.t95-prof{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:linear-gradient(120deg,#e3f4d3,#eaf6dc);border:1px solid #cfe5bd;border-radius:22px;padding:12px 14px;color:#14392d}
.t95-prof span:nth-child(2){flex:1;display:grid}
.t95-prof small{color:#5b6e63}
.t95-prof i{font-style:normal;font-size:1.4rem}
.t95-ph.ini{display:grid;place-items:center;background:#14392d;color:#e9f4d8;font-weight:800;border-radius:50%}
.t95-join{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px dashed #b9c9ae;background:#fffdf8;border-radius:20px;padding:12px 14px;color:#14392d}
.t95-join span{flex:1;display:grid;gap:2px}
.t95-join small{color:#6d7a70;line-height:1.35}
.t95-join i{font-style:normal;font-size:1.3rem}
.t95-chips2{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.t95-chips2 button{flex:none;border:1px solid var(--line);background:#fffdf8;border-radius:99px;padding:9px 16px;font-weight:700;color:#4a5f52}
.t95-chips2 button.on{background:#14392d;color:#e9f4d8;border-color:#14392d}
.t95-dots{border:0;background:none;color:#8a998f;font-size:.8rem;letter-spacing:2px;padding:6px}
.t95-menu{display:grid;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 26px rgba(14,46,36,.15);margin:6px 0 0 auto;width:210px;overflow:hidden}
.t95-menu button{border:0;background:none;text-align:left;padding:11px 14px;font-weight:600;color:#14392d}
.t95-menu button+button{border-top:1px solid var(--line)}
.t95-acts.x button.sv{color:#14392d}
.t95-acts.x .t95-reply{margin-left:auto;background:#14392d;color:#e9f4d8}
.t95-empty2{text-align:center;color:var(--mut);padding:30px 10px}
.t95-sheet:not(.chat){height:auto!important;max-height:86vh;overflow:auto}
.t95-sh{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}
.t95-sh b{flex:1;font:800 1.15rem Playfair Display,Georgia,serif}
.t95-sh button{border:0;background:#f1eedf;width:34px;height:34px;border-radius:50%;font-size:1.2rem;color:#14392d}
.t95-sheet.chat .t95-sh{padding:12px 14px}
.t95-ch-who{flex:1;min-width:0}
.t95-sb{padding:16px 18px 24px;display:grid;gap:12px}
.t95-auth{display:grid;gap:12px}
.t95-auth label{display:grid;gap:6px;font-weight:700;font-size:.84rem;color:#41564a}
.t95-auth input,.t95-sb textarea,.t95-search{border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;background:#fff;width:100%}
.t95-sb textarea{resize:none}
.t95-cta{border:0;border-radius:16px;background:#14392d;color:#e9f4d8;font-weight:800;padding:14px 18px;font-size:1rem;width:100%}
.t95-cta.sm{width:auto;padding:10px 16px;font-size:.88rem;border-radius:99px}
.t95-cta.gold{background:linear-gradient(135deg,#f6dc8f,#d9a93d);color:#3a2a06}
.t95-cta[disabled]{opacity:.6}
.t95-lnk{border:0;background:none;color:#2f6b2c;font-weight:700;padding:6px}
.t95-err{color:#c0344a;font-weight:700;font-size:.86rem;margin:0}
.t95-fine{font-size:.74rem;color:var(--mut);margin:0;text-align:center}
.t95-fine a{color:#2f6b2c}
.t95-fine.c{padding:0 14px 12px}
.t95-people{display:grid;gap:10px}
.t95-person{display:flex;align-items:center;gap:12px;background:#fffdf8;border:1px solid var(--line);border-radius:18px;padding:10px 12px;text-align:left;width:100%;color:#14392d}
.t95-person>div{flex:1;min-width:0;display:grid;gap:2px}
.t95-last{color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t95-msgb2{border:0;background:#14392d;color:#e9f4d8;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}
.t95-badge{background:#e0524a;color:#fff;border-radius:99px;font-style:normal;font-size:.72rem;font-weight:800;padding:2px 8px}
.t95-fr.on{background:#14392d;color:#e9f4d8}
.t95-prem{display:grid;gap:12px;text-align:center}
.t95-prem h2{margin:0;font:800 1.5rem/1.15 Playfair Display,Georgia,serif;color:#14392d}
.t95-prem p{margin:0;color:#41564a}
.t95-crown{width:54px;height:54px;border-radius:50%;margin:0 auto;background:linear-gradient(135deg,#f6dc8f,#d9a93d);display:grid;place-items:center;font-size:1.5rem;color:#3a2a06}
.t95-prem table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}
.t95-prem th{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#6d7a70;padding:6px}
.t95-prem td{padding:11px 6px;border-top:1px solid var(--line)}
.t95-prem td:not(:first-child),.t95-prem th:not(:first-child){text-align:center;font-weight:700;color:#14392d}
.t95-soon2{background:#f4f1e6;border-radius:14px;padding:14px;font-weight:700;color:#14392d}
.t95-sharegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.t95-sharegrid button{border:1px solid var(--line);background:linear-gradient(160deg,#14392d,#0e2e24);color:#e9f4d8;border-radius:20px;padding:20px 8px;display:grid;gap:4px}
.t95-sharegrid b{font:800 1.7rem Playfair Display,Georgia,serif}
.t95-sharegrid small{opacity:.8}
body.t95-lock{overflow:hidden}
.t95-acct{background:#fffdf8;border:1px solid var(--line);border-radius:22px;padding:16px;display:grid;gap:12px;color:#14392d}
.t95-acct h3{margin:0;font:800 1.1rem Playfair Display,Georgia,serif}
.t95-acct-r{display:flex;align-items:center;gap:12px;justify-content:space-between}
.t95-acct-r>div{display:grid;gap:2px}
.t95-acct small{color:var(--mut)}
.t95-acct-g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.t95-acct-g>*{border:1px solid var(--line);background:#fff;border-radius:16px;padding:10px;display:grid;gap:2px;text-align:left;color:#14392d}
.t95-acct-g .shld{background:#eef6e4}
.t95-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.t95-row select{border:1px solid var(--line);border-radius:10px;padding:8px}
.t95-sw{width:48px;height:28px;border-radius:99px;border:0;background:#d8d4c2;position:relative}
.t95-sw i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}
.t95-sw.on{background:#2f7a52}
.t95-sw.on i{left:23px}
.t95-links{display:flex;gap:14px;flex-wrap:wrap}
.t95-links button,.t95-links a{border:0;background:none;color:#2f6b2c;font-weight:700;text-decoration:underline;padding:0}
.t95-links .danger{color:#c0344a}
.t95-save{display:flex;align-items:center;gap:10px;background:linear-gradient(120deg,#e3f4d3,#eaf6dc);border:1px solid #cfe5bd;border-radius:20px;padding:12px 14px;margin:14px 0 0;color:#14392d}
.t95-save span{flex:1;display:grid;gap:2px}
.t95-save small{color:#5b6e63}
.t95-save button{border:0;background:#14392d;color:#e9f4d8;border-radius:99px;padding:9px 16px;font-weight:800}
.t95-save .x2{background:none;color:#6d7a70;padding:4px 8px;font-size:1.2rem}
.t95-pass{background:#fffdf8;border:1px solid var(--line);border-radius:24px;padding:18px;margin:18px 0 100px;color:#14392d}
.t95-stamp{border:2px dashed #cfc6a4;border-radius:50%;aspect-ratio:1;display:grid;place-content:center;text-align:center;color:#b3aa86;transform:rotate(-6deg)}
.t95-stamp:nth-child(even){transform:rotate(5deg)}
.t95-stamp span{font:800 1.3rem Playfair Display,serif}
.t95-stamp small{font-size:.6rem;padding:0 6px;line-height:1.1}
.t95-stamp.on{border:3px solid #b8892a;color:#8a5f12;background:radial-gradient(circle,#fff6d8,#fbe9a6);box-shadow:0 6px 14px rgba(180,130,30,.25)}
.t95-acct{margin:14px 16px}
.t95-pass{margin-left:0;margin-right:0}
.t95-pm{position:fixed;z-index:1001;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,94vw);max-height:94vh;overflow:auto;border-radius:30px;padding:18px 16px 16px;background:linear-gradient(180deg,#f6efdc,#fbf6e8 45%);box-shadow:0 30px 80px rgba(0,0,0,.4);color:#14392d;isolation:isolate}
.t95-pm-bg{position:absolute;inset:0 0 auto 0;height:230px;z-index:-1;background:linear-gradient(90deg,#f6efdc 35%,rgba(246,239,220,.35)),var(--bg) right top/cover;opacity:.9;border-radius:30px 30px 0 0}
.t95-pm-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;font-size:1.3rem;color:#14392d;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:3}
.t95-pm-tag{display:inline-flex;align-items:center;gap:7px;background:#14392d;color:#f3e3a6;border-radius:99px;padding:7px 14px;font-weight:700;font-size:.82rem}
.t95-pm-tag svg{color:#f0c14b}
.t95-pm h2{margin:14px 0 6px;font:800 1.75rem/1.1 Playfair Display,Georgia,serif;letter-spacing:-.01em}
.t95-pm-sub{margin:0;font-size:.88rem;line-height:1.4;color:#41564a}
.t95-pm-swoosh{display:block;width:90px;height:8px;margin:10px 0 18px 4px;border-radius:99px;border-bottom:3px solid #9bb86f;transform:rotate(-3deg)}
.t95-pm-miko{position:absolute;z-index:1;pointer-events:none}
.t95-pm-cols{display:grid;grid-template-columns:1fr 1.12fr;gap:10px;align-items:stretch}
.t95-pm-free,.t95-pm-pro{border-radius:22px;padding:14px 12px;position:relative}
.t95-pm-free{background:linear-gradient(180deg,#fffdf6,#f1ead6);border:1px solid #e8dfc4}
.t95-pm-pro{background:linear-gradient(160deg,#1d5a41,#0e2e24);color:#fff;border:2px solid #b8e86a;box-shadow:0 0 0 3px rgba(184,232,106,.25),0 14px 30px rgba(14,46,36,.35)}
.t95-pm h3{margin:0;font:800 1.35rem Playfair Display,Georgia,serif;display:flex;align-items:center;gap:7px}
.t95-pm-pro h3 svg{color:#f0c14b}
.t95-pm-cols small{display:block;font-size:.76rem;opacity:.75;margin:2px 0 8px;line-height:1.25}
.t95-pm .r{display:flex;align-items:center;gap:9px;padding:9px 0;font-size:.8rem;font-weight:600;border-top:1px solid rgba(20,57,45,.08)}
.t95-pm-pro .r{border-color:rgba(255,255,255,.1)}
.t95-pm .r span{flex:1;line-height:1.2}
.t95-pm .r b{font-size:1rem}
.t95-pm .r.dim{opacity:.55}
.t95-pm-pro .r svg:last-child{color:#b8f05a}
.t95-pm .sep{height:6px;background:#efe6cc;margin:2px -12px;opacity:.7}
.t95-pm-pro em{position:absolute;top:-13px;right:12px;background:#d4f58a;color:#14392d;font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.06em;padding:5px 10px;border-radius:99px}
.t95-pm-price{text-align:center;margin:18px 0 8px;font:800 2.3rem Playfair Display,Georgia,serif}
.t95-pm-price span{font-size:1.2rem;font-weight:700}
.t95-pm-perks{display:flex;justify-content:space-between;gap:6px;font-size:.7rem;font-weight:600;color:#41564a;margin-bottom:14px}
.t95-pm-perks span{display:inline-flex;align-items:center;gap:5px;flex:1;justify-content:center;white-space:nowrap}
.t95-pm-cta{width:100%;border:0;border-radius:99px;padding:17px;font:800 1.15rem Playfair Display,Georgia,serif;color:#14392d;background:linear-gradient(90deg,#c9ec7a,#9fd24a);box-shadow:0 10px 24px rgba(120,170,40,.4),inset 0 2px 0 rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;gap:10px}
.t95-pm-cta i{font-style:normal}
.t95-err.c{text-align:center;margin:0 0 10px}
@media (max-width:400px){
.t95-pm h2{font-size:1.5rem}
.t95-pm-perks{font-size:.62rem}
}
.t95-pm-miko{top:62px!important;right:14px!important;width:38%!important;max-width:165px!important;border-radius:26px;box-shadow:0 14px 30px rgba(14,46,36,.35),0 0 0 3px rgba(255,255,255,.7);filter:none!important}
.t95-pm-x{background:#fff}
.t95-pm h2{max-width:58%}
.t95-pm-sub{max-width:54%}
.t95-pm-cols{margin-top:40px!important}
.t95-pf2{padding:14px 16px 0}
.t95-pfh{display:grid;justify-items:center;gap:4px;text-align:center;padding-top:6px}
.t95-pfav{position:relative;width:96px;height:96px;border-radius:50%;border:0;background:#14392d;color:#e9f4d8;font:700 2.6rem Playfair Display,Georgia,serif;display:grid;place-items:center;box-shadow:0 12px 28px rgba(14,46,36,.25)}
.t95-pfav i{position:absolute;right:-2px;bottom:2px;width:30px;height:30px;border-radius:50%;background:#fff;color:#14392d;display:grid;place-items:center;box-shadow:0 3px 8px rgba(0,0,0,.2)}
.t95-pfh h1{margin:10px 0 0;font:800 1.6rem Playfair Display,Georgia,serif;color:#14392d}
.t95-pfh small{color:#2f6b2c;font-weight:600}
.t95-plan{margin-top:6px;background:#e9efe0;color:#4a5f52;border-radius:99px;padding:5px 14px;font-weight:700;font-size:.78rem}
.t95-plan.p{background:linear-gradient(135deg,#f6dc8f,#d9a93d);color:#3a2a06}
.t95-pfstats{display:grid;grid-template-columns:repeat(4,1fr);background:#fffdf8;border:1px solid var(--line);border-radius:22px;padding:14px 4px;margin-top:6px;box-shadow:0 8px 22px rgba(14,46,36,.05)}
.t95-pfstats div{display:grid;justify-items:center;gap:2px;color:#14392d;border-right:1px solid #eee8d6}
.t95-pfstats div:last-child{border:0}
.t95-pfstats b{font-size:1.15rem}
.t95-pfstats small{color:var(--mut);font-size:.72rem}
.t95-pfstats .f{font-size:1.2rem;line-height:20px}
.t95-pfprem{display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#14392d,#1d5a41);color:#fff;border-radius:22px;padding:16px}
.t95-pfprem .cr{font-size:1.7rem;color:#f0c14b}
.t95-pfprem div{flex:1;display:grid;gap:2px}
.t95-pfprem b{font-size:1.1rem}
.t95-pfprem small{opacity:.85;line-height:1.3}
.t95-pfprem button{border:0;border-radius:99px;background:linear-gradient(90deg,#d4f58a,#aee05a);color:#14392d;font-weight:800;padding:11px 16px;white-space:nowrap}
.t95-pftabs{display:flex;background:#fffdf8;border:1px solid var(--line);border-radius:99px;padding:4px}
.t95-pftabs button{flex:1;border:0;background:none;border-radius:99px;padding:11px 6px;font-weight:700;color:#14392d}
.t95-pftabs button.on{background:#14392d;color:#e9f4d8}
.t95-rows{background:#fffdf8;border:1px solid var(--line);border-radius:22px;overflow:hidden}
.t95-rows button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:0;background:none;padding:16px;color:#14392d}
.t95-rows button+button{border-top:1px solid #eee8d6}
.t95-rows span:nth-child(2){flex:1;display:grid;gap:2px}
.t95-rows b{font-size:1rem}
.t95-rows small{color:var(--mut)}
.t95-rows i{font-style:normal;font-size:1.4rem;color:#8a998f}
.t95-rowic{width:44px;height:44px;border-radius:50%;background:#e9efe0;color:#14392d;display:grid;place-items:center;flex:none}
.t95-rows em{background:#2f7a52;color:#fff;border-radius:99px;font-style:normal;font-weight:800;font-size:.8rem;min-width:24px;height:24px;display:grid;place-items:center;padding:0 7px}
.t95-pfbody{display:grid;gap:14px}
.t95-pfextra .t95-acct-g{margin:0}
.t95-pf2 .t95-acct{margin:0}
.t95-lh{align-content:end;background:linear-gradient(90deg,rgba(8,30,24,.62) 0%,rgba(8,30,24,.28) 52%,rgba(8,30,24,0) 80%),linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(8,30,24,.55) 100%),var(--bg) center/cover!important;min-height:230px;gap:12px;padding:20px}
.t95-lh small{justify-self:start;background:#f6ecc8;color:#14392d!important;border-radius:99px;padding:7px 14px;font-size:.78rem!important;letter-spacing:.06em!important;font-weight:800;text-shadow:none}
.t95-lh h2{font:800 2.2rem/1.05 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.t95-route{text-shadow:0 1px 8px rgba(0,0,0,.5);font-size:.9rem}
.t95-route .t95-bar2{background:rgba(255,255,255,.35)}
.t95-lh-a button{background:rgba(20,40,34,.55)!important;border-color:rgba(255,255,255,.4)!important}
.t95-lh-a .t95-primary{background:linear-gradient(90deg,#f6dc8f,#d9a93d)!important;color:#14392d!important;border:0!important;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.t95-lh h2{font-family:'DM Sans',sans-serif!important;font-weight:700!important;font-size:2.1rem!important;letter-spacing:-.025em!important;line-height:1.08}
.t95-lh small,.t95-lh-a button,.t95-route{font-family:'DM Sans',sans-serif}
.t95-lh-a button{font-weight:600}
.t95-lh-a .t95-primary{font-weight:700}
.fz-manage{gap:3px;top:8px;right:8px}
.fz-manage button{width:26px;height:26px;font-size:.78rem;border-radius:9px}
.m3d-host{display:block;position:absolute;pointer-events:none}
.m3d-host canvas,.m3d-host img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
.m3d-host.m3d-on img{visibility:hidden}
.fz-hero-miko.m3d-host{right:6px;bottom:0;height:104%;max-height:270px;width:auto;aspect-ratio:3/4;max-width:46%;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none;object-fit:unset}
.fz-hero-slim .fz-hero-miko.m3d-host{height:112%!important;right:2px;bottom:-2px;aspect-ratio:4/5}
.m94-way.call .m3d-host.m3d-call{right:-4px;bottom:0;height:100%;aspect-ratio:1/1;width:auto;max-width:48%}
.m94-way.call .m3d-host img{right:auto;bottom:auto;filter:none}
.m94-pro .m94-way.call .m3d-host.m3d-call{right:-4px;height:100%}
.m94-way.call .m3d-host canvas{filter:drop-shadow(0 0 10px rgba(190,255,210,.28)) drop-shadow(0 10px 14px rgba(0,0,0,.35))}
.t95-stamps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.t95-stamp.ps{padding:0;background:none;border:0;box-shadow:none;aspect-ratio:285/194;border-radius:0;display:block}
.t95-stamp.ps img{width:100%;height:100%;object-fit:contain;display:block;filter:grayscale(.85) brightness(.9);opacity:.55;transition:.3s}
.t95-stamp.ps.on img{filter:none;opacity:1}
@media (min-width:700px){
.t95-stamps{gap:12px}
}
.t95-pass.x{background:linear-gradient(165deg,#12392b,#0a2219);border-color:rgba(232,196,110,.35);color:#f3e6c4}
.t95-pass.x .t95-sech h3{color:#f6e9c6}
.t95-pass.x .t95-count{background:rgba(232,196,110,.18);color:#f1d78e}
.t95-pass.x .t95-soft{color:rgba(243,230,196,.7)}
.tf74-page{padding-top:6px}
.tf74-page>.tf74-footnote{display:none}
.f96-eyebrow{display:block;font-size:.72rem;font-weight:700;letter-spacing:.2em;color:#5f7a6c;margin-bottom:6px}
.f96-head h1{font-family:'Playfair Display',Georgia,serif;font-weight:800;line-height:1.05}
.f96-head p{margin:8px 0 0;font-size:1.02rem}
.f96-add{background:linear-gradient(135deg,#f2f9e6 0%,#e9f6ee 55%,#e3f2f6 100%);border:1px solid rgba(70,130,90,.16);border-radius:26px;padding:18px;box-shadow:0 10px 30px rgba(30,80,55,.06)}
.f96-add h2{display:flex;align-items:center;gap:8px;margin:0 0 14px;font:700 1.15rem 'DM Sans',system-ui,sans-serif;color:#1d5a41}
.f96-add-form{display:grid;gap:10px}
.f96-in{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(60,110,80,.12);border-radius:16px;padding:6px 14px 6px 8px;min-height:54px}
.f96-in em{font-style:normal;font-weight:800;font-size:.78rem;color:#2a7a4f;background:#e4f3e3;border-radius:999px;padding:7px 10px;letter-spacing:.04em}
.f96-in input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 1rem 'DM Sans',system-ui,sans-serif;color:#14392d;padding:8px 0}
.f96-in:focus-within{border-color:#4f9a6d;box-shadow:0 0 0 3px rgba(79,154,109,.15)}
.f96-add-row{display:grid;grid-template-columns:1fr auto;gap:10px}
.f96-add-row select{appearance:none;border:1px solid rgba(60,110,80,.12);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%2314392d' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;border-radius:16px;padding:0 36px 0 16px;min-height:54px;font:600 1rem 'DM Sans',system-ui,sans-serif;color:#14392d}
.f96-save{border:0;border-radius:16px;min-height:54px;padding:0 22px;background:linear-gradient(135deg,#226a4c,#14392d);color:#fff;font:700 1rem 'DM Sans',system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 18px rgba(20,57,45,.22)}
.f96-save:active{transform:scale(.98)}
.f96-chips{display:flex;gap:8px;overflow-x:auto;padding:16px 2px 4px;scrollbar-width:none}
.f96-chips::-webkit-scrollbar{display:none}
.f96-chips button{flex:none;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(60,110,80,.14);background:#fffdf8;color:#14392d;border-radius:999px;padding:11px 16px;font:600 .95rem 'DM Sans',system-ui,sans-serif;cursor:pointer}
.f96-chips button span{font-size:.8rem;opacity:.75}
.f96-chips button:first-child{background:linear-gradient(135deg,#226a4c,#14392d);color:#fff;border-color:transparent}
.f96-chips button:first-child span{opacity:1}
.f96-sec{margin-top:24px}
.f96-sec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.f96-sec-h h2{margin:0;font:700 1.4rem 'DM Sans',system-ui,sans-serif;color:#14392d}
.f96-sec-h button{border:0;background:none;color:#226a4c;font:700 .95rem 'DM Sans',system-ui,sans-serif;cursor:pointer}
.f96-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (min-width:560px){
.f96-cols{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:900px){
.f96-cols{grid-template-columns:repeat(4,1fr);gap:16px}
}
.f96-col{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/4.7;background:#dfe9dc;box-shadow:0 10px 24px rgba(20,57,45,.12)}
.f96-col-main{all:unset;box-sizing:border-box;display:block;position:absolute;inset:0;cursor:pointer}
.f96-col-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.f96-col-main:hover img{transform:scale(1.04)}
.f96-col-lab{position:absolute;left:8px;right:8px;bottom:8px;background:rgba(255,253,248,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;color:#14392d}
.f96-col-lab svg{grid-row:1/3;opacity:.8}
.f96-col-lab b{font:700 1.02rem 'DM Sans',system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f96-col-lab small{font:500 .84rem 'DM Sans',system-ui,sans-serif;color:#6a7f73}
.f96-dots{position:absolute;top:10px;right:10px;width:38px;height:30px;border:0;border-radius:999px;background:rgba(255,253,248,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#14392d;font-size:.7rem;letter-spacing:1px;font-weight:800;cursor:pointer;z-index:3}
.f96-menu{position:absolute;top:46px;right:10px;z-index:6;background:#fff;border-radius:16px;box-shadow:0 14px 34px rgba(20,40,30,.28);padding:6px;min-width:160px}
.f96-menu[hidden]{display:none}
.f96-menu button{display:block;width:100%;text-align:left;border:0;background:none;padding:11px 12px;border-radius:10px;font:600 .92rem 'DM Sans',system-ui,sans-serif;color:#14392d;cursor:pointer}
.f96-menu button:hover{background:#eef6ea}
.f96-menu button.d{color:#b3402f}
.f96-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px dashed #a4d286;background:linear-gradient(160deg,#f1f9e6,#e6f5ea);box-shadow:none;cursor:pointer;color:#14392d}
.f96-new span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#1f5f43;color:#fff;font-size:1.6rem}
.f96-new b{font:700 1rem 'DM Sans',system-ui,sans-serif}
.f96-review{display:flex;align-items:center;gap:14px;width:100%;margin:22px 0 110px;padding:20px 20px 20px 18px;border:0;border-radius:28px;background:radial-gradient(120% 140% at 85% 0%,#1f6b4a,#0f3a2b 70%);color:#fff;text-align:left;cursor:pointer;box-shadow:0 16px 34px rgba(15,58,43,.28)}
.f96-review[disabled]{opacity:.55;cursor:default}
.f96-review-ico{flex:none;color:#e9f5dc;display:grid;place-items:center;width:58px}
.f96-review-t{flex:1;min-width:0;display:grid;gap:3px}
.f96-review-t b{font:700 1.35rem 'Playfair Display',Georgia,serif}
.f96-review-t small{font:500 .95rem 'DM Sans',system-ui,sans-serif;color:rgba(255,255,255,.78)}
.f96-review i{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.14);font-style:normal;font-size:1.3rem}
@media (min-width:900px){
.f96-add-form{grid-template-columns:1fr 1fr;gap:12px}
.f96-add-form #qa-suggest,.f96-add-row{grid-column:1/-1}
.f96-add-row{grid-template-columns:1fr 220px}
.f96-review{margin-bottom:60px}
}
body.f96-lock{overflow:hidden}
.f96-ql{position:fixed;inset:0;z-index:9999;background:linear-gradient(180deg,#f8f3e8,#f1f6ea);overflow:auto;display:flex;justify-content:center}
.f96-ql-in{width:100%;max-width:560px;padding:18px 18px 30px;display:flex;flex-direction:column;gap:16px;min-height:100%}
.f96-ql-top{display:flex;align-items:center;gap:12px}
.f96-ql-x{width:40px;height:40px;border-radius:50%;border:0;background:#fff;font-size:1.5rem;color:#14392d;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.f96-ql-bar{flex:1;height:10px;border-radius:99px;background:#dde8d6;overflow:hidden}
.f96-ql-bar b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#4fae6a,#a4d94a);transition:width .4s}
.f96-ql-top span{font:700 .85rem 'DM Sans',sans-serif;color:#5f7a6c}
.f96-ql-q{margin:10px 0 0;font:700 1.2rem 'DM Sans',sans-serif;color:#14392d;text-align:center}
.f96-ql-card{position:relative;display:grid;place-items:center;min-height:150px;background:#fff;border-radius:26px;padding:22px;box-shadow:0 12px 30px rgba(20,57,45,.1);text-align:center}
.f96-ql-card strong{font:800 2rem 'Playfair Display',Georgia,serif;color:#14392d;line-height:1.2}
.f96-ql-sp,.f96-ql-play{border:0;background:#e6f4e3;border-radius:50%;font-size:1.2rem;cursor:pointer}
.f96-ql-sp{position:absolute;right:12px;top:12px;width:40px;height:40px}
.f96-ql-play{width:84px;height:84px;font-size:2rem}
.f96-ql-opts{display:grid;gap:10px}
.f96-ql-opt{border:2px solid #e3eadc;background:#fff;border-radius:18px;padding:16px;font:700 1.02rem 'DM Sans',sans-serif;color:#14392d;cursor:pointer;text-align:center}
.f96-ql-opt:active{transform:scale(.99)}
.f96-ql-opt.right{background:#e2f6df;border-color:#4fae6a}
.f96-ql-opt.wrong{background:#fde8e4;border-color:#e08a7c}
.f96-ql-type{display:grid;gap:10px}
.f96-ql-type input{border:2px solid #dbe6d4;border-radius:18px;padding:16px;font:600 1.1rem 'DM Sans',sans-serif;background:#fff;color:#14392d;text-align:center;outline:0}
.f96-ql-type input:focus{border-color:#4f9a6d}
.f96-primary{border:0;border-radius:18px;padding:16px 22px;background:linear-gradient(135deg,#226a4c,#14392d);color:#fff;font:700 1.02rem 'DM Sans',sans-serif;cursor:pointer;min-height:54px}
.f96-ghost{border:2px solid #cfe0c8;background:transparent;border-radius:18px;padding:14px 22px;color:#14392d;font:700 1.02rem 'DM Sans',sans-serif;cursor:pointer}
.f96-ql-fb{margin-top:auto;border-radius:22px;padding:16px;display:grid;gap:8px}
.f96-ql-fb.ok{background:#e2f6df;color:#1d5a2f}
.f96-ql-fb.no{background:#fde8e4;color:#8a3226}
.f96-ql-fb b{font:800 1.15rem 'DM Sans',sans-serif}
.f96-ql-done{align-items:center;justify-content:center;text-align:center;gap:10px}
.f96-ql-trophy{font-size:4rem}
.f96-ql-done h2{font:800 2rem 'Playfair Display',serif;color:#14392d;margin:0}
.f96-ql-done p{color:#5f7a6c;margin:0 0 14px}
.f96-ql-acts{display:grid;gap:10px;width:100%;max-width:320px}
.ob96{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(70% 50% at 85% 0%,#e3f2d6 0,transparent 70%),radial-gradient(60% 45% at 0% 100%,#fbe9d6 0,transparent 70%),#faf5ec}
.ob96-card{width:100%;max-width:520px;background:#fffdf8;border:1px solid rgba(60,110,80,.12);border-radius:32px;padding:22px 22px 24px;box-shadow:0 24px 60px rgba(20,57,45,.12);display:flex;flex-direction:column;gap:6px;min-height:min(640px,92vh)}
.ob96-top{display:grid;grid-template-columns:44px 1fr 56px;align-items:center;gap:8px;margin-bottom:14px}
.ob96-back{width:40px;height:40px;border-radius:50%;border:0;background:#eef5e8;color:#14392d;font-size:1.2rem;cursor:pointer}
.ob96-prog{display:flex;gap:6px}
.ob96-prog i{flex:1;height:6px;border-radius:99px;background:#e3eadc}
.ob96-prog i.d{background:#2a7a4f}
.ob96-prog i.c{background:linear-gradient(90deg,#2a7a4f,#a8d84a)}
.ob96-skip{text-align:right}
.ob96-skip button{border:0;background:none;color:#6a7f73;font:600 .9rem 'DM Sans',sans-serif;cursor:pointer}
.ob96 h1{font:800 2rem/1.1 'Playfair Display',Georgia,serif;color:#14392d;margin:8px 0 0}
.ob96-sub{margin:4px 0 10px;color:#6a7f73;font:500 1rem 'DM Sans',sans-serif}
.ob96-body{flex:1;padding:8px 0 14px}
.ob96-input{width:100%;box-sizing:border-box;border:2px solid #dbe6d4;border-radius:20px;padding:18px;font:700 1.4rem 'DM Sans',sans-serif;color:#14392d;background:#fff;outline:0}
.ob96-input:focus{border-color:#4f9a6d;box-shadow:0 0 0 4px rgba(79,154,109,.14)}
.ob96-big{display:grid;gap:12px}
.ob96-lang{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;text-align:left;border:2px solid #e3eadc;background:#fff;border-radius:22px;padding:18px;cursor:pointer;color:#14392d}
.ob96-lang .ob96-flag{grid-row:1/3;font-size:2.2rem}
.ob96-lang b{font:800 1.2rem 'DM Sans',sans-serif}
.ob96-lang small{color:#6a7f73;font:500 .92rem 'DM Sans',sans-serif}
.ob96-lang.on,.ob96-row.on{border-color:#2a7a4f;background:#eaf6e6;box-shadow:0 0 0 3px rgba(42,122,79,.12)}
.ob96-pills{display:flex;flex-wrap:wrap;gap:10px}
.ob96-pill{display:inline-flex;align-items:center;gap:8px;border:2px solid #e3eadc;background:#fff;border-radius:999px;padding:13px 18px;font:700 1rem 'DM Sans',sans-serif;color:#14392d;cursor:pointer;transition:.15s}
.ob96-pill.on{background:#14392d;color:#fff;border-color:#14392d;transform:translateY(-1px)}
.ob96-list{display:grid;gap:10px}
.ob96-row{display:flex;align-items:center;gap:14px;text-align:left;border:2px solid #e3eadc;background:#fff;border-radius:20px;padding:15px 16px;cursor:pointer;color:#14392d}
.ob96-row span{font-size:1.6rem}
.ob96-row b{font:700 1.02rem 'DM Sans',sans-serif;display:grid;gap:2px}
.ob96-row small{font:500 .86rem 'DM Sans',sans-serif;color:#6a7f73}
.ob96-cta{border:0;border-radius:20px;padding:17px;background:linear-gradient(135deg,#226a4c,#14392d);color:#fff;font:700 1.05rem 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 10px 22px rgba(20,57,45,.22);width:100%}
.ob96-cta:disabled{opacity:.4;box-shadow:none;cursor:default}
.ob96-ghost{border:2px solid #cfe0c8;background:transparent;border-radius:20px;padding:15px;color:#14392d;font:700 1rem 'DM Sans',sans-serif;cursor:pointer;width:100%;margin-top:10px}
.ob96-fin{align-items:center;text-align:center;justify-content:center;gap:12px}
.ob96-fin p{color:#6a7f73;max-width:380px;margin:0 0 12px;font:500 1.05rem 'DM Sans',sans-serif}
.ob96-fin small{color:#8a9b90;margin-top:10px}
.ob96-spark{font-size:3.4rem;animation:ob96pop .8s ease}
@keyframes ob96pop{0%{transform:scale(.3) rotate(-20deg);opacity:0}70%{transform:scale(1.15)}100%{transform:scale(1)}}
@media (min-width:700px){
.ob96-card{padding:30px 34px 32px}
.ob96 h1{font-size:2.4rem}
}
.cn96{position:fixed;inset:0;z-index:10100;display:grid;place-items:center;background:radial-gradient(90% 60% at 50% 30%,#2b7a55 0,#134330 55%,#0b2a1f 100%);color:#fff;animation:cn96in .35s ease;transition:opacity .38s}
.cn96.out{opacity:0}
@keyframes cn96in{from{opacity:0}to{opacity:1}}
.cn96-in{text-align:center;padding:24px;display:grid;justify-items:center;gap:8px}
.cn96-av{position:relative;width:150px;height:150px;margin-bottom:22px;display:grid;place-items:center}
.cn96-av img{position:relative;z-index:2;width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.9);box-shadow:0 14px 40px rgba(0,0,0,.35);animation:cn96beat 1.6s ease-in-out infinite}
.cn96-av i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,236,190,.55);animation:cn96ring 2.4s ease-out infinite}
.cn96-av i:nth-child(2){animation-delay:.8s}
.cn96-av i:nth-child(3){animation-delay:1.6s}
@keyframes cn96ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(2.3);opacity:0}}
@keyframes cn96beat{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.cn96 h2{margin:0;font:800 2rem 'Playfair Display',Georgia,serif}
.cn96-sub{margin:0;color:rgba(255,255,255,.75);font:500 1.05rem 'DM Sans',sans-serif}
.cn96-msg{margin-top:18px;font:700 1.1rem 'DM Sans',sans-serif;color:#f6e3a9}
.cn96-dots b{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f6e3a9;margin-left:5px;animation:cn96dot 1.2s infinite}
.cn96-dots b:nth-child(2){animation-delay:.2s}
.cn96-dots b:nth-child(3){animation-delay:.4s}
@keyframes cn96dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
.cn96 small{margin-top:26px;color:rgba(255,255,255,.5);font:500 .85rem 'DM Sans',sans-serif}
@media (prefers-reduced-motion:reduce){
.cn96-av i,.cn96-av img,.cn96-dots b{animation:none}
}
.t95-comm.x{display:grid;gap:14px}
.t95-cw{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 20px;border-radius:28px;background:radial-gradient(120% 140% at 100% 0%,#d9efc9 0,#eef6e0 45%,#fbf1dc 100%);border:1px solid rgba(70,130,90,.14)}
.t95-cw-t small{font:600 .95rem 'DM Sans',sans-serif;color:#4c6a58}
.t95-cw-t h1{margin:2px 0 4px;font:800 2.2rem/1.05 'Playfair Display',Georgia,serif;color:#14392d}
.t95-cw-t p{margin:0;color:#5d7567;font:500 1rem 'DM Sans',sans-serif}
.t95-cw-av{display:flex;flex:none}
.t95-cw-av span{width:44px;height:44px;border-radius:50%;overflow:hidden;border:3px solid #fffdf8;margin-left:-14px;box-shadow:0 4px 10px rgba(20,57,45,.15)}
.t95-cw-av span:first-child{margin-left:0}
.t95-cw-av img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:480px){
.t95-cw-av span:nth-child(n+4){display:none}
}
.t95-cmp{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fffdf8;border:1px solid rgba(60,110,80,.14);border-radius:22px;padding:12px 14px;cursor:pointer;box-shadow:0 8px 22px rgba(20,57,45,.06)}
.t95-cmp-t{flex:1;color:#7a8d81;font:500 1rem 'DM Sans',sans-serif}
.t95-cmp i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#14392d;color:#e9f4d8}
.t95-cmp i svg{width:18px;height:18px}
.t95-cq{display:flex;gap:10px}
.t95-cq button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(60,110,80,.16);background:#fffdf8;border-radius:999px;padding:12px;font:700 .95rem 'DM Sans',sans-serif;color:#14392d;cursor:pointer;position:relative}
.t95-cq button svg{width:18px;height:18px}
.t95-cq em{font-style:normal;background:#e8503a;color:#fff;border-radius:99px;padding:1px 7px;font-size:.75rem}
.t95-comm.x .t95-post{border-radius:26px;padding:18px;box-shadow:0 10px 26px rgba(20,57,45,.07)}
.t95-comm.x .t95-post p{font-size:1.05rem}
.t95-comm.x .t95-join{border-radius:24px}
@media (min-width:900px){
.t95-comm.x{max-width:720px;margin:0 auto}
.t95-cw{padding:30px 32px}
.t95-cw-av span{width:54px;height:54px}
.t95-cw-t h1{font-size:2.8rem}
}
.pf-level{display:flex;align-items:center;gap:14px;border-radius:22px;background:linear-gradient(135deg,#f2f9e6,#e6f4ec);border:1px solid rgba(70,130,90,.16)!important}
.pf-level h3{font:700 1.1rem 'DM Sans',sans-serif}
.pf-level p{font-size:.9rem;margin:2px 0 0}
.tr-home-final .tr-hero.h97{background-image:none!important;background-color:#16382c!important;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.h97 .h97-slides{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden}
.h97 .h97-slides::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,24,19,.50) 0%,rgba(6,24,19,.12) 30%,rgba(6,24,19,0) 52%,rgba(6,24,19,.34) 100%)}
.h97 .h97-s{position:absolute;inset:0;opacity:0;transition:opacity .75s ease;display:block}
.h97 .h97-s.on{opacity:1}
.h97 .h97-s img{width:100%;height:100%;object-fit:cover;object-position:var(--pd,50% 45%);display:block;pointer-events:none}
@media (max-width:650px){
.h97 .h97-s img{object-position:var(--pm,50% 30%)}
}
.tr-home-final .tr-hero.h97 .tr-hero-copy.h97-copy{background:none}
.h97 .h97-t{opacity:0;transform:translateY(8px);transition:opacity .55s ease,transform .55s ease;pointer-events:none;align-self:start}
.h97 .h97-t.on{opacity:1;transform:none;pointer-events:auto}
.tr-home-final .tr-hero.h97 .h97-t h1{font-family:Georgia,serif!important;color:#fffdf5;letter-spacing:-.03em}
.tr-home-final .tr-hero.h97 .h97-t p{margin:0!important;color:#fffdf5;max-width:none!important}
@media (min-width:651px){
.tr-home-final .tr-hero.h97{justify-content:flex-start}
.tr-home-final .tr-hero.h97 .h97-t{padding:15px 20px 16px;border-radius:22px}
}
.h97 .h97-dots{position:absolute;z-index:3;left:50%;bottom:52px;transform:translateX(-50%);display:flex;gap:7px;padding:5px 9px;border-radius:99px;background:rgba(7,28,22,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.h97 .h97-dots button{flex:none;width:7px!important;height:7px!important;min-width:0!important;min-height:0!important;border-radius:99px!important;border:0!important;padding:0!important;margin:0!important;font-size:0;line-height:0;background:rgba(255,255,255,.55)!important;box-shadow:none!important;cursor:pointer;transition:width .3s,background .3s}
.h97 .h97-dots button.on{width:20px!important;background:#fff!important}
.h97 .h97-dots button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (prefers-reduced-motion:reduce){
.h97 .h97-s,.h97 .h97-t{transition:none}
}
.t95-spin{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:t97spin .7s linear infinite;vertical-align:-2px;margin-right:7px}
@keyframes t97spin{to{transform:rotate(360deg)}}
button.busy,button:disabled{opacity:.75;cursor:default}
.t95-pimg{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:16px;margin:4px 0 10px;background:#e8eee0}
.t95-prow{display:flex;gap:10px;align-items:center;margin-top:10px}
.t95-prow .t95-cta{flex:1;margin:0}
.t95-photo,.t95-dphoto{display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1.5px solid #cfd9c6;border-radius:99px;padding:10px 14px;font-weight:700;font-size:.9rem;color:#14392d;background:#fff;flex:none}
.t95-dphoto{padding:9px 11px;font-size:1.05rem}
.t95-pv{position:relative;margin-top:8px}
.t95-pv img{width:100%;max-height:220px;object-fit:cover;border-radius:14px;display:block}
.t95-pv button{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:1.2rem;line-height:1;cursor:pointer}
.t95-mimg{display:block;max-width:100%;width:220px;border-radius:12px;margin-bottom:4px}
.t95-dmf{display:flex;gap:8px;align-items:center}
.t95-post{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.t95-post p{font-size:1.04rem;line-height:1.5;color:#14231d;font-weight:450}
.t95-comm h1,.t95-post b{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.t95-post{box-shadow:0 2px 10px rgba(14,46,36,.06)}
.tr-homebar-avatar,.tr-v23-stats>.tr-homebar-avatar{aspect-ratio:1/1;border-radius:50%!important;align-self:center!important;padding:0!important;display:inline-grid;place-items:center;overflow:hidden;line-height:1}
.tr-homebar-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
@media (max-width:760px){
.tr-homebar-avatar,.tr-header-v23 .tr-v23-stats>.tr-homebar-avatar,.tr-unified-header .tr-homebar-avatar{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-height:36px!important;flex:0 0 36px!important}
.main>.tr-header-v23,.main>.tr-mobile-homebar,.main>.tr-learning-homebar,.main>.tr-profile-homebar{box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;border-radius:0!important;padding:12px 14px 12px 20px!important;height:78px!important;min-height:78px!important;max-height:78px!important}
.main>.tr-header-v23{display:flex!important}
}
.pl-built{min-height:58px;display:flex;align-items:center;justify-content:center;border:2px dashed #cfd9c6;border-radius:18px;background:#fff;font:800 1.7rem/1 system-ui,sans-serif;letter-spacing:.14em;color:#14392d;margin:14px 0;padding:10px;text-transform:lowercase}
.pl-built span{font:600 .95rem system-ui;letter-spacing:0;color:#8a9a8f;text-transform:none}
.pl-built.ok{border-color:#2f9a67;background:#eaf7ef}
.pl-built.bad{border-color:#d9776a;background:#fdeeeb}
.pl-letters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}
.pl-letter{width:50px;height:54px;border-radius:14px;border:2px solid #14392d;background:#fffdf8;color:#14392d;font:800 1.4rem system-ui;cursor:pointer;box-shadow:0 3px 0 #14392d;text-transform:lowercase}
.pl-letter:active{transform:translateY(2px);box-shadow:0 1px 0 #14392d}
.pl-letter:disabled{opacity:.25;box-shadow:none}
.pl-undo{display:block;margin:6px auto 0;border:0;background:none;color:#5b6f63;font-weight:700;cursor:pointer;padding:8px}
.pl-match{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.pl-match>div{display:grid;gap:10px;align-content:start}
.pl-m{min-height:52px;border-radius:14px;border:2px solid #d8dfcf;background:#fffdf8;color:#14231d;font:700 .95rem/1.2 system-ui;padding:8px 10px;cursor:pointer}
.pl-m.sel{border-color:#14392d;background:#e9f4d8}
.pl-m.done{border-color:#2f9a67;background:#eaf7ef;color:#2f7d55;opacity:.85}
.pl-m.bad{border-color:#d9776a;background:#fdeeeb;animation:t97shake .3s}
@keyframes t97shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.ld97-top{position:absolute;top:max(12px,env(safe-area-inset-top));right:14px;z-index:40}
.ld97-drop{position:relative}
.ld97-btn{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 12px 0 9px;border-radius:99px;border:1.5px solid #e3dccb;background:#fffdf8;color:#14392d;font:800 .85rem system-ui,sans-serif;cursor:pointer;box-shadow:0 3px 12px rgba(20,57,45,.1)}
.ld97-f{display:inline-block;width:26px;height:18px;border-radius:4px;overflow:hidden;flex:none;line-height:0}
.ld97-f svg{width:100%;height:100%;display:block}
.ld97-menu{position:absolute;right:0;top:48px;background:#fffdf8;border:1.5px solid #e3dccb;border-radius:18px;padding:6px;box-shadow:0 14px 36px rgba(20,57,45,.2);display:grid;gap:2px}
.ld97-opt{display:flex;align-items:center;gap:10px;border:0;background:none;padding:11px 12px;border-radius:12px;font:700 .95rem system-ui,sans-serif;color:#14231d;cursor:pointer;text-align:left}
.ld97-opt:hover,.ld97-opt.on{background:#e9f4d8}
.ob96{position:relative}
.ld97-top-ob{top:10px;right:10px}
.main:has(.ld97){padding:0!important;max-width:none!important;width:100%!important;margin:0!important}
.shell:has(.ld97){display:block!important}
.ld97{position:relative;min-height:100vh;min-height:100dvh;background:#fefaf6;overflow:hidden;display:flex;flex-direction:column;align-items:center;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#14392d;padding:0 20px}
.ld97-wrap{width:100%;max-width:1060px;display:grid;gap:0;justify-items:center;text-align:center;position:relative;z-index:2}
.ld97-copy{display:flex;flex-direction:column;align-items:center;max-width:520px}
.ld97-logo{width:min(210px,56vw);height:auto;margin:6px 0 22px}
.ld97 h1{font:800 clamp(1.9rem,8vw,2.9rem)/1.12 Georgia,"Playfair Display",serif;letter-spacing:-.02em;margin:0;color:#10382a}
.ld97 h1 i{font-style:normal;color:#5c8f43;margin:0 .12em}
.ld97-swoosh{width:min(230px,58vw);height:14px;margin:4px 0 14px;display:block}
.ld97 p{font-size:1.05rem;line-height:1.5;color:#41574c;margin:0 0 20px;max-width:380px}
.ld97-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:min(300px,86%);height:58px;padding:0 34px;border-radius:99px;border:0;background:linear-gradient(180deg,#1d5a41,#123d2d);color:#fff;font:800 1.15rem system-ui,sans-serif;cursor:pointer;box-shadow:0 10px 24px rgba(18,61,45,.32)}
.ld97-cta:active{transform:translateY(1px)}
.ld97-login{margin:12px 0 0;border:0;background:none;color:#2f6b50;font:700 .95rem system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px}
.ld97-art{margin-top:8px;position:relative}
.ld97-art img{width:100%;height:auto;display:block}
.ld97-feats{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:700px;position:relative;z-index:2;padding-bottom:132px}
.ld97-feats li{display:grid;justify-items:center;gap:4px;text-align:center}
.ld97-ico{width:52px;height:52px;border-radius:50%;background:#e9f4d8;color:#1d5a41;display:grid;place-items:center;margin-bottom:2px}
.ld97-ico svg{width:28px;height:28px}
.ld97-feats b{font-size:.84rem;color:#10382a}
.ld97-feats small{font-size:.72rem;line-height:1.3;color:#5d7066;max-width:120px}
.ld97-wave{position:absolute;left:0;right:0;bottom:0;height:118px;background:linear-gradient(180deg,#2c7a52,#14503a);clip-path:path("M0 40 C 120 0, 240 70, 400 30 S 700 10, 900 44 S 1300 20, 1600 40 L1600 200 L0 200 Z");clip-path:ellipse(80% 100% at 50% 100%);z-index:1}
@media (min-width:900px){
.ld97{justify-content:center;padding:0 40px}
.ld97-wrap{grid-template-columns:1.05fr .95fr;text-align:left;justify-items:stretch;align-items:center;gap:40px}
.ld97-copy{align-items:flex-start;max-width:none}
.ld97-logo{width:230px}
.ld97 h1{font-size:3.2rem}
.ld97 p{font-size:1.15rem;max-width:440px}
.ld97-art{max-width:520px;justify-self:center;margin:0}
.ld97-feats{max-width:900px;margin-top:10px}
.ld97-feats small{max-width:200px;font-size:.82rem}
.ld97-feats b{font-size:.98rem}
}
.ob96-acc{display:grid;gap:12px}
.ob96-err{margin:0;color:#b4412f;font-weight:700;font-size:.9rem}
.ob96-lnk{border:0;background:none;color:#2f6b50;font-weight:700;text-decoration:underline;cursor:pointer;padding:6px;font-size:.92rem}
.ob96-fine{color:#6d7f74;text-align:center;font-size:.8rem}
.av97,.t95-pfav .av97{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.t95-pfav span{width:100%;height:100%;border-radius:50%;overflow:hidden;display:grid;place-items:center}
.t95-pfcam{cursor:pointer}
.ld97-wrap{padding-top:max(62px,calc(env(safe-area-inset-top) + 52px))!important}
.ld97-art{width:min(300px,72vw)!important}
.ld97-menu{min-width:230px}
.ld97-opt{white-space:nowrap}
@media (min-width:900px){
.ld97-wrap{padding-top:0!important}
.ld97-art{width:100%!important}
}
.ld97-art img{-webkit-mask-image:radial-gradient(ellipse 70% 72% at 50% 50%,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse 70% 72% at 50% 50%,#000 72%,transparent 100%)}
@media (min-width:900px){
.ld97-wave{height:84px}
.ld97-feats{padding-bottom:120px}
}
.tr-home-below .t95-hc{background:linear-gradient(160deg,#e3f1cf 0%,#f6f0dc 100%);border:1.5px solid #cfe2b4;border-radius:26px;box-shadow:0 10px 26px rgba(30,80,50,.12);position:relative;overflow:hidden}
.tr-home-below .t95-hc h2,.tr-home-below .t95-hc h3{font:800 1.12rem system-ui,sans-serif!important;color:#10382a;white-space:nowrap}
.tr-home-below .t95-hc>*:first-child{padding-right:14px}
.tr-home-final .tr-hero.h97 .tr-hero-copy.h97-copy{position:absolute!important;inset:0!important;display:block!important;max-width:none!important;width:auto!important;margin:0!important;padding:0!important;pointer-events:none;z-index:3}
.tr-home-final .tr-hero.h97 .tr-logo-img{display:none!important}
.h97 .h97-t{position:absolute;grid-area:auto;max-width:39%;width:max-content;padding:7px 10px 8px;border-radius:13px;background:linear-gradient(135deg,rgba(8,26,20,.46),rgba(8,26,20,.28));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.16);box-shadow:0 4px 14px rgba(0,0,0,.12)}
.h97 .h97-t[data-m="tl"]{top:62px;left:12px}
.h97 .h97-t[data-m="tr"]{top:62px;right:12px}
.h97 .h97-t[data-m="bl"]{bottom:50px;left:12px}
.h97 .h97-t[data-m="br"]{bottom:50px;right:12px}
.tr-home-final .tr-hero.h97 .h97-t h1{font-size:.9rem!important;line-height:1.14!important;margin:0 0 2px!important;text-shadow:0 1px 5px rgba(0,0,0,.5)}
.tr-home-final .tr-hero.h97 .h97-t p{font-size:.68rem!important;line-height:1.28!important;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.5)}
@media (min-width:651px){
.tr-home-final .tr-hero.h97 .tr-hero-copy.h97-copy{align-self:auto!important;margin:0!important;max-width:none!important}
.h97 .h97-t{max-width:min(310px,28%);padding:11px 15px 12px;border-radius:17px}
.h97 .h97-t[data-d="tl"]{top:78px;left:28px;right:auto;bottom:auto}
.h97 .h97-t[data-d="tr"]{top:78px;right:28px;left:auto;bottom:auto}
.h97 .h97-t[data-d="bl"]{bottom:62px;left:28px;top:auto;right:auto}
.h97 .h97-t[data-d="br"]{bottom:62px;right:28px;top:auto;left:auto}
.tr-home-final .tr-hero.h97 .h97-t h1{font-size:clamp(1.15rem,1.7vw,1.55rem)!important}
.tr-home-final .tr-hero.h97 .h97-t p{font-size:clamp(.82rem,1vw,.96rem)!important}
}
.v12-quiz-top{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:14px!important}
.v12-quiz-top .back-link{margin:0!important;padding:0!important;flex:none}
.v12-quiz-top>span{flex:1;min-width:0;text-align:left!important}
.sl-lite .sl-body{padding-top:6px}
.sl-lite .sl-q{margin:2px 0 12px}
.st-lite .st-thread{margin-bottom:8px}
.st-lite .st-gloss{margin-bottom:10px}
.sl-celebrate{display:flex;align-items:center;justify-content:center;gap:clamp(18px,8vw,46px);margin:2px 0 4px}
.sl-celebrate .sl-trophy{font-size:3.6rem;line-height:1;margin:0}
.m3d-host.m3d-done{position:relative;width:128px;height:150px;flex:none;pointer-events:none}
.m3d-done img{object-fit:contain}
.hp97-row{display:flex;gap:8px;justify-content:center;margin:2px 0 8px}
.hp97-row span{font-size:1.9rem;color:#e0d9cc;line-height:1}
.hp97-row span.on{color:#d93b4b;filter:drop-shadow(0 2px 3px rgba(217,59,75,.35))}
.hp97 .hp97-next{display:block;margin:6px 0 10px;color:#5d7066}
.hp97 .hp97-next b{color:#14392d}
.hp97 .hp97-xp{display:block;width:100%;margin:8px 0 2px;padding:13px;border-radius:99px;border:2px solid #14392d;background:#fffdf8;color:#14392d;font:800 .95rem system-ui,sans-serif;cursor:pointer}
.hp97 .hp97-xp:disabled{opacity:.45;cursor:default}
.hp97 .hp97-xp i{font-weight:600;font-style:normal;opacity:.8}
.sk97{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:rgba(8,26,20,.5);opacity:0;transition:opacity .25s}
.sk97.on{opacity:1}
.sk97-in{width:min(300px,84vw);background:#fffdf8;border-radius:28px;padding:18px 20px 20px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.35);transform:scale(.9);transition:transform .3s cubic-bezier(.2,1.4,.4,1)}
.sk97.on .sk97-in{transform:none}
.sk97 .m3d-host{margin:0 auto;width:170px;height:190px;display:block}
.sk97 h3{font:800 1.5rem Georgia,serif;margin:4px 0 2px;color:#14392d}
.sk97-xp{display:inline-block;margin:4px 0 12px;padding:5px 14px;border-radius:99px;background:#e9f4d8;color:#2f6b50;font:800 1.05rem system-ui}
.sk97-btn{display:block;width:100%;padding:13px;border-radius:99px;border:0;background:linear-gradient(180deg,#1d5a41,#123d2d);color:#fff;font:800 1rem system-ui;cursor:pointer}
.tr-home-below .t95-hc{grid-column:1/-1;width:100%;box-sizing:border-box;padding:18px 16px 16px 18px;margin:16px 0 10px}
.tr-home-below .t95-hc .t95-car{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;overflow:visible;padding:2px 2px 0 0}
.tr-home-below .t95-hc .t95-car>*{min-width:0;max-width:none}
@media (max-width:700px){
.tr-home-below .t95-hc{padding:16px 0 14px 14px}
.tr-home-below .t95-hc .t95-car{display:flex;overflow-x:auto;gap:10px}
.tr-home-below .t95-hc .t95-car>*{min-width:82%}
}
:root{--v98-dk:#0f3a2b;--v98-dk2:#0a2a1f;--v98-lime:#c9f56b;--v98-card:#fffdf8}
body{background:#faf5ec}
@media (min-width:951px){
.sidebar{background:linear-gradient(180deg,#0f3a2b 0%,#0c3225 55%,#0a2a1f 100%)!important;border-right:0!important;overflow:hidden}
.sidebar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:url(/assets/learn-bg.jpg) center/cover;opacity:.28;-webkit-mask-image:linear-gradient(180deg,transparent,#000 70%);mask-image:linear-gradient(180deg,transparent,#000 70%);pointer-events:none}
.sidebar>*{position:relative;z-index:1}
.sidebar .nav-btn{color:#e7f1e6!important;background:transparent!important;border:0!important;border-radius:999px!important;padding:13px 18px!important;box-shadow:none!important}
.sidebar .nav-btn .nav-icon{background:transparent!important;border:0!important;color:#e7f1e6!important;box-shadow:none!important}
.sidebar .nav-btn:hover{background:rgba(255,255,255,.09)!important}
.sidebar .nav-btn.active{background:linear-gradient(90deg,#d8f77f,#b9e85a)!important;color:#0c2b1f!important;box-shadow:0 6px 16px rgba(0,0,0,.22)!important}
.sidebar .nav-btn.active .nav-icon,.sidebar .nav-btn.active .nav-label{color:#0c2b1f!important}
.sidebar .side-links{gap:8px}
.sidebar .v98-side-prem{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,214,120,.45)!important;border-radius:22px!important;padding:16px!important;display:block!important;margin:0 4px 22px}
}
.v98-gp{display:grid;gap:8px;color:#eaf3e8;font:600 .82rem/1.35 'DM Sans',system-ui,sans-serif}
.v98-gp-h{display:flex;align-items:center;gap:8px}
.v98-gp-h i{font-style:normal}
.v98-gp b{font:800 1.1rem 'Playfair Display',Georgia,serif;color:#fff}
.v98-gp span{opacity:.9}
.v98-gp button{justify-self:start;border:0;border-radius:999px;padding:9px 18px;font:800 .9rem 'DM Sans',system-ui,sans-serif;background:linear-gradient(180deg,#ffe08a,#f3c04a);color:#3a2a05;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.v98-gp-on b{font-size:1rem}
@media (min-width:951px){
.topbar .eyebrow{display:none!important}
.tr-desktop-stat,.tr-desktop-profile{box-shadow:0 4px 14px rgba(20,60,40,.1)!important;border:1px solid #efe8da!important;background:#fffdf8!important}
}
.v98-hero{position:relative;border-radius:28px;overflow:hidden;min-height:210px;padding:30px 34px;margin:6px 0 18px;color:#fff;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(8,36,26,.88) 0%,rgba(8,36,26,.55) 38%,rgba(8,36,26,0) 62%),var(--v98-img) 72% 40%/cover no-repeat;box-shadow:0 14px 34px rgba(20,60,40,.18)}
.v98-hero .v98-eb{font:800 .78rem 'DM Sans',system-ui,sans-serif;letter-spacing:.22em;opacity:.9}
.v98-hero h1{font:800 clamp(2rem,3.4vw,3rem)/1.05 'Playfair Display',Georgia,serif;margin:6px 0 8px;color:#fff;max-width:55%}
.v98-hero p{margin:0;max-width:44%;font:500 1rem/1.4 'DM Sans',system-ui,sans-serif;opacity:.95}
.v98-profile{min-height:170px;padding:0;margin-bottom:-58px}
.f96-head{position:relative;border-radius:28px;overflow:hidden;min-height:200px;padding:30px 34px!important;margin:6px 0 16px!important;color:#fff;display:flex!important;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(8,36,26,.88) 0%,rgba(8,36,26,.55) 38%,rgba(8,36,26,0) 62%),url(/assets/hero-lake-d.webp) 72% 40%/cover no-repeat;box-shadow:0 14px 34px rgba(20,60,40,.18);text-align:left}
body[data-lang="id-en"] .f96-head{background-image:linear-gradient(90deg,rgba(8,36,26,.88) 0%,rgba(8,36,26,.55) 38%,rgba(8,36,26,0) 62%),url(/assets/hero-bigben-d.webp)}
.f96-head .f96-eyebrow{color:#fff!important;letter-spacing:.22em;opacity:.9}
.f96-head h1{color:#fff!important;font-size:clamp(2rem,3.4vw,3rem)!important;margin:6px 0 6px!important;max-width:55%}
.f96-head p{color:#fff!important;opacity:.95;max-width:44%}
.tr-continue,.tr-daily-row>*,.tr-link-grid>*,.pf-card,.pf-page section,.f96-card{border-radius:24px!important}
.tr-link-grid button{box-shadow:0 8px 20px rgba(30,70,50,.08)!important;border:1px solid #efe8da!important}
.tr-continue{box-shadow:0 12px 30px rgba(30,70,50,.12)!important}
@media (max-width:950px){
.v98-hero,.f96-head{border-radius:24px;min-height:170px;padding:22px 20px;margin:4px 0 14px;background-position:80% 40%}
.v98-hero h1,.f96-head h1{font-size:1.9rem!important;max-width:60%}
.v98-hero p,.f96-head p{max-width:50%;font-size:.88rem}
.v98-profile{margin-bottom:-52px}
.mobile-nav{background:linear-gradient(180deg,#14452f,#0c2f21)!important;box-shadow:0 12px 30px rgba(8,36,26,.38)!important}
}
.v98-profile+*{position:relative}
body[data-v98="profile"] .pf-page>*:first-child{position:relative;z-index:2}
body[data-v98="profile"] .pf-page [class*="avatar"]:not(img){box-shadow:0 0 0 5px #faf5ec,0 10px 24px rgba(0,0,0,.18)}
@media (min-width:951px){
.v98-hl,.v98-q4,.v98-jr,.v98-mhero,.v98-trio,.v98-mup{display:none!important}
}
@media (max-width:950px){
:root{--u:calc(min(100vw,520px)/941)}
body[data-v98="home"] .shell,body[data-v98="home"] .main{background:#fbf5ec}
body[data-v98="home"] .main{padding-top:0!important}
body[data-v98="home"] .tr-home-final{max-width:520px;margin:0 auto;padding:0!important}
body[data-v98="home"] .tr-hero.h97{background:url(/assets/v99-home-hero.webp) center top/100% 100% no-repeat!important;min-height:0!important;border-radius:0!important;margin:0!important;padding:0!important;overflow:visible;box-shadow:none!important;position:relative}
body[data-lang="id-en"][data-v98="home"] .tr-hero.h97{background:url(/assets/v100-id-hero.webp) center/cover no-repeat!important;-webkit-mask-image:none}
body[data-v98="home"] .tr-hero.h97 .h97-slides,body[data-v98="home"] .tr-hero.h97 .tr-hero-head,body[data-v98="home"] .tr-hero.h97 .h97-copy,body[data-v98="home"] .tr-hero.h97 .h97-dots,body[data-v98="home"] .tr-hero.h97 .tr-hero-copy{display:none!important}
.v98-hl{position:absolute;left:calc(var(--u)*70);z-index:4;color:#fff;pointer-events:none}
.v98-hl h2{font:italic 700 calc(var(--u)*66)/.98 'Playfair Display','Playfair Display',Georgia,serif;margin:0;letter-spacing:-.02em;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.v98-hl h2 em{color:#c9f26b}
.v98-chips{position:absolute;left:calc(var(--u)*5);display:flex;font:700 calc(var(--u)*27)/1 'DM Sans',system-ui,sans-serif;white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.v98-chips span{display:flex;align-items:center}
body[data-v98="home"] .tr-lang-wrap{position:absolute!important;z-index:6;right:calc(var(--u)*40);top:calc(var(--u)*496);margin:0!important;padding:0!important;width:auto!important}
body[data-v98="home"] .tr-lang-wrap .tr-lang[data-home-direction]{width:auto!important;max-width:none!important;min-height:0!important;gap:calc(var(--u)*14)!important;border-radius:999px!important;background:rgba(255,253,248,.92)!important;box-shadow:0 6px 18px rgba(0,0,0,.18)!important}
body[data-v98="home"] .tr-lang-wrap .tr-lang-side span:not(:first-child),body[data-v98="home"] .tr-lang-wrap .tr-chevron{display:none!important}
body[data-v98="home"] .tr-lang-wrap .tr-lang-side svg,body[data-v98="home"] .tr-lang-wrap .tr-lang-side img{width:calc(var(--u)*44)!important;height:calc(var(--u)*30)!important}
body[data-v98="home"] .tr-home-below{display:flex!important;flex-direction:column;padding:0 calc(var(--u)*52)!important;margin:0!important;gap:0!important}
body[data-v98="home"] .tr-continue{order:1;margin:calc(var(--u)*-113) 0 0!important;padding:calc(var(--u)*24)!important;border-radius:calc(var(--u)*50)!important;min-height:calc(var(--u)*236);gap:calc(var(--u)*26)!important;box-shadow:0 calc(var(--u)*18) calc(var(--u)*46) rgba(40,70,50,.16)!important;position:relative;z-index:5;background:#fffdf8!important;align-items:center}
body[data-v98="home"] .tr-lesson-img{width:calc(var(--u)*170)!important;height:calc(var(--u)*188)!important;border-radius:calc(var(--u)*26)!important;object-fit:cover}
body[data-v98="home"] .tr-continue-main h2{font:800 calc(var(--u)*37)/1.1 'DM Sans',system-ui,sans-serif!important;margin:calc(var(--u)*8) 0 calc(var(--u)*6)!important}
body[data-v98="home"] .tr-continue-main p{font-size:calc(var(--u)*27)!important;margin:0 0 calc(var(--u)*10)!important}
body[data-v98="home"] .tr-overline{font-size:calc(var(--u)*26)!important;padding:calc(var(--u)*8) calc(var(--u)*20)!important}
body[data-v98="home"] .tr-open{font-size:calc(var(--u)*44)!important}
body[data-v98="home"] .tr-progress-row strong{font-size:calc(var(--u)*32)!important}
body[data-v98="home"] .v98-q4{order:2}
body[data-v98="home"] .v98-jr{order:3}
body[data-v98="home"] .t95-hc{order:4}
body[data-v98="home"] .tr-daily-row,body[data-v98="home"] .tr-link-grid,body[data-v98="home"] .tr-plan{display:none!important}
.v98-q4{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*22);margin:calc(var(--u)*34) 0 0}
.v98-q4 button{position:relative;height:calc(var(--u)*184);background:#fffdf8;border:1px solid #f1e9db;border-radius:calc(var(--u)*40);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*12);box-shadow:0 calc(var(--u)*10) calc(var(--u)*26) rgba(60,70,40,.09);font:inherit;color:#10382a;cursor:pointer;padding:0 calc(var(--u)*4)}
.v98-q4 button.hi{background:#e9f4d6;border-color:#dbe9bf}
.v98-q4 svg{width:calc(var(--u)*64);height:calc(var(--u)*64)}
.v98-q4 b{font:800 calc(var(--u)*27)/1.15 'DM Sans',system-ui,sans-serif;text-align:center}
.v98-q4 small{font:600 calc(var(--u)*29) 'DM Sans',system-ui,sans-serif;color:#566d5f}
.v98-q4 i{position:absolute;bottom:calc(var(--u)*18);left:50%;width:calc(var(--u)*20);height:calc(var(--u)*20);border-radius:50%;background:#f5a623;transform:translateX(-50%)}
.v98-jr{margin:calc(var(--u)*44) 0 0}
.v98-jh{display:flex;align-items:center;justify-content:space-between}
.v98-jh h3{font:700 calc(var(--u)*50) 'Playfair Display',Georgia,serif;margin:0;color:#0f2a20;letter-spacing:-.01em}
.v98-jh button{background:none;border:0;font:600 calc(var(--u)*28) 'DM Sans',system-ui,sans-serif;color:#10382a;padding:0}
.v98-jrow{display:flex;gap:calc(var(--u)*20);overflow-x:auto;padding:calc(var(--u)*22) calc(var(--u)*6) calc(var(--u)*20) 0;margin-right:calc(var(--u)*-52);scroll-snap-type:x mandatory;scrollbar-width:none}
.v98-jrow::-webkit-scrollbar{display:none}
.v98-jc{position:relative;flex:0 0 calc(var(--u)*270);height:calc(var(--u)*290);border-radius:calc(var(--u)*38);border:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(6,30,20,.82)),var(--bg) center/cover,#1d4a38;color:#fff;text-align:left;padding:calc(var(--u)*22);display:flex;flex-direction:column;justify-content:flex-end;gap:calc(var(--u)*4);scroll-snap-align:start;box-shadow:0 calc(var(--u)*10) calc(var(--u)*26) rgba(20,60,40,.22);cursor:pointer}
.v98-jc.cur{outline:calc(var(--u)*7) solid #dbea7c;outline-offset:calc(var(--u)*-1)}
.v98-jc small{font:700 calc(var(--u)*26) 'DM Sans',system-ui,sans-serif}
.v98-jc b{font:800 calc(var(--u)*34)/1.08 'Playfair Display',Georgia,serif}
.v98-jc em{position:absolute;right:calc(var(--u)*22);bottom:calc(var(--u)*18);font:700 calc(var(--u)*26) 'DM Sans',system-ui,sans-serif;font-style:normal}
.v98-bar{display:block;height:calc(var(--u)*13);border-radius:9px;background:rgba(255,255,255,.3);margin-top:calc(var(--u)*8);width:62%}
.v98-bar i{display:block;height:100%;border-radius:9px;background:#b8f05a}
.v98-st{position:absolute;top:calc(var(--u)*18);left:calc(var(--u)*18);right:calc(var(--u)*18);text-align:right;font-size:calc(var(--u)*36)}
.v98-jc.done .v98-st{text-align:center;background:#3ea55f;width:calc(var(--u)*72);height:calc(var(--u)*72);border-radius:50%;display:grid;place-items:center;right:auto;font-size:calc(var(--u)*40)}
body[data-v98="home"] .t95-hc{margin-top:calc(var(--u)*30)!important}
body[data-v98="miko"] .main{padding-top:0!important}
body[data-v98="miko"] .m94-home{padding:0 0 30px!important;max-width:520px!important;margin:0 auto!important;position:relative}
.v98-mhero{position:relative;height:calc(var(--u)*636);margin:0!important;padding:0;color:#fff;overflow:visible;background:url(/assets/v99-miko-hero.webp) center top/100% 100% no-repeat}
.v98-tag{position:absolute;left:calc(var(--u)*65);top:calc(var(--u)*212);display:flex;align-items:center;gap:calc(var(--u)*14);height:calc(var(--u)*46);padding:0 calc(var(--u)*30);border:calc(var(--u)*2.5) solid rgba(190,230,110,.85);border-radius:999px;background:rgba(10,46,32,.5);font:700 calc(var(--u)*24) 'DM Sans',system-ui,sans-serif;letter-spacing:.16em;white-space:nowrap}
.v98-tag b{color:#d4f27a;font-weight:700}
.v98-mhero h1{position:absolute;left:calc(var(--u)*55);margin:0;font:italic 800 calc(var(--u)*112)/1 'Playfair Display','Playfair Display',Georgia,serif;color:#fff;letter-spacing:-.03em;text-shadow:0 3px 16px rgba(0,0,0,.4);white-space:nowrap}
.v98-mhero h1 i{font-size:calc(var(--u)*40);color:#e8f5a6;position:relative;top:calc(var(--u)*-42);margin-left:calc(var(--u)*8)}
.v98-mhero p{position:absolute;left:calc(var(--u)*58);margin:0;font:500 calc(var(--u)*42)/1.14 'DM Sans',system-ui,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.v98-sw{position:absolute;left:calc(var(--u)*62);height:auto}
.v98-feat{position:absolute;left:calc(var(--u)*45);width:calc(var(--u)*860);display:grid;grid-template-columns:repeat(3,1fr);align-items:center;background:rgba(12,52,38,.84);border:1px solid rgba(255,255,255,.28);border-radius:calc(var(--u)*34);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.v98-feat span{display:flex;align-items:center;border-left:1px solid rgba(255,255,255,.25);height:62%}
.v98-feat span:first-child{border-left:0}
.v98-feat svg{flex:none}
.v98-feat em{font:600 calc(var(--u)*24)/1.2 'DM Sans',system-ui,sans-serif;font-style:normal}
.v98-trio{display:grid;grid-template-columns:repeat(3,1fr);margin:0;position:relative;z-index:3}
.v98-way{position:relative;text-align:left;background:linear-gradient(180deg,#fffdf8,#f6efe0);border:1px solid #f0e8d8;border-radius:calc(var(--u)*42);box-shadow:0 calc(var(--u)*14) calc(var(--u)*34) rgba(60,70,40,.14);display:block;cursor:pointer;color:#10382a}
.v98-way.chat{background:linear-gradient(160deg,#dff3b6,#f1f6cf);outline:calc(var(--u)*7) solid #eef5b5;outline-offset:calc(var(--u)*-1)}
.v98-way svg{display:block;width:calc(var(--u)*62);height:calc(var(--u)*62)}
.v98-way b{display:block;font:800 calc(var(--u)*40)/1 'Playfair Display',Georgia,serif}
.v98-way span{display:block;font:500 calc(var(--u)*23)/1.25 'DM Sans',system-ui,sans-serif;color:#51665a}
.v98-way i{position:absolute;border-radius:50%;background:#12402f;display:grid;place-items:center}
.v98-way i svg{width:calc(var(--u)*28);height:calc(var(--u)*28)}
body[data-v98="miko"] .m94-h3row{display:flex!important;align-items:center;justify-content:space-between;padding:0 calc(var(--u)*40);margin:calc(var(--u)*40) 0 calc(var(--u)*14)}
body[data-v98="miko"] .m94-h3row .m94-h3{padding:0;margin:0;font:700 calc(var(--u)*42) 'Playfair Display',Georgia,serif;white-space:nowrap}
body[data-v98="miko"] .m94-more{white-space:nowrap;font:700 calc(var(--u)*26) 'DM Sans',system-ui,sans-serif}
body[data-v98="miko"] .m94-quick{display:flex;gap:calc(var(--u)*14);overflow-x:auto;padding:0 calc(var(--u)*40);scrollbar-width:none}
.m94-quick::-webkit-scrollbar{display:none}
body[data-v98="miko"] .m94-q{flex:0 0 calc(var(--u)*213);height:calc(var(--u)*188);border-radius:calc(var(--u)*30);position:relative;overflow:hidden;padding:0}
body[data-v98="miko"] .m94-q img{width:100%;height:100%;object-fit:cover}
body[data-v98="miko"] .m94-q span{position:absolute;left:0;right:0;bottom:0;padding:calc(var(--u)*40) calc(var(--u)*14) calc(var(--u)*14);background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));display:flex;align-items:center;gap:calc(var(--u)*8);color:#fff;font:700 calc(var(--u)*24) 'DM Sans',system-ui,sans-serif;text-align:left}
body[data-v98="miko"] .m94-q span em{font-style:normal}
body[data-v98="miko"] .m94-q span b{font:700 calc(var(--u)*24) 'DM Sans',system-ui,sans-serif}
.v98-mup{position:relative;margin:calc(var(--u)*32) calc(var(--u)*40) 0;border-radius:calc(var(--u)*42);overflow:hidden;background:linear-gradient(110deg,#0d3a29,#17593f);color:#fff;box-shadow:0 calc(var(--u)*12) calc(var(--u)*30) rgba(8,40,28,.28)}
.v98-mup h3{font:800 calc(var(--u)*40)/1.1 'DM Sans',system-ui,sans-serif;margin:0 0 calc(var(--u)*14)}
.v98-mup ul{list-style:none;margin:0 0 calc(var(--u)*18);padding:0;font:600 calc(var(--u)*27)/1.4 'DM Sans',system-ui,sans-serif}
.v98-mup li::before{content:"✔";display:inline-grid;place-items:center;border-radius:50%;background:#8fd16a;color:#0c3023;vertical-align:middle}
.v98-mup button{border:0;border-radius:999px;font:800 calc(var(--u)*29) 'DM Sans',system-ui,sans-serif;background:linear-gradient(180deg,#ffe48f,#f3c24d);color:#3a2a05;box-shadow:0 5px 14px rgba(0,0,0,.28)}
.v98-mup img{position:absolute;width:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%);mask-image:linear-gradient(90deg,transparent,#000 28%)}
body[data-v98="miko"] .m94-h3:not(.m94-h3row .m94-h3){padding:0 calc(var(--u)*40);font:700 calc(var(--u)*42) 'Playfair Display',Georgia,serif;margin:calc(var(--u)*40) 0 calc(var(--u)*14)}
body[data-v98="miko"] .m94-chars{padding-left:calc(var(--u)*40)}
}
@media (max-width:950px){
body[data-v98="home"] .h97-t,body[data-v98="home"] .h97-copy,body[data-v98="home"] .tr-hero-copy,body[data-v98="home"] .h97-dots{display:none!important}
body[data-v98="miko"] .main{padding-left:0!important;padding-right:0!important}
}
@media (max-width:950px){
body[data-v98="home"] .tr-home-final>.tr-lang-wrap,body[data-v98="home"] .tr-home-final .tr-lang-wrap{position:absolute!important;bottom:auto!important;transform:none!important;width:auto!important;max-width:none!important;margin:0!important}
.v98-chips svg{width:calc(var(--u)*38)!important;height:calc(var(--u)*38)!important;flex:none;display:block!important;color:#fff}
}
@media (max-width:950px){
body[data-v98="home"] .tr-home{margin:0!important}
.v98-mhero .m94-me3{transform-origin:top left!important}
}
@media (max-width:950px){
:root{--hy:calc(var(--u)*72)}
.v98-hl{top:calc(var(--u)*206)!important}
.v98-chips{top:calc(var(--u)*232)!important;gap:calc(var(--u)*48)!important;font-size:calc(var(--u)*27)!important}
.v98-chips span{gap:calc(var(--u)*12)!important}
body[data-v98="home"] .tr-continue{margin-top:calc(var(--u)*-113)!important}
body[data-v98="learn"] .v98-hero{display:none!important}
.v98-mhero h1{font-size:calc(var(--u)*104)!important;top:calc(var(--u)*268)!important}
.v98-mhero p{font-size:calc(var(--u)*38)!important;top:calc(var(--u)*384)!important;line-height:1.2!important}
.v98-sw{top:calc(var(--u)*472)!important;width:calc(var(--u)*190)!important}
.v98-feat{top:calc(var(--u)*514)!important;height:calc(var(--u)*100)!important}
.v98-feat span{gap:calc(var(--u)*12)!important;padding:0 calc(var(--u)*16)!important}
.v98-feat svg{width:calc(var(--u)*40)!important;height:calc(var(--u)*40)!important}
.v98-feat em{font-size:calc(var(--u)*22)!important;line-height:1.25!important}
.v98-mhero .m94-me3{display:flex!important;align-items:center;gap:calc(var(--u)*12);font-size:calc(var(--u)*27)!important;background:rgba(255,253,248,.94)!important;border-radius:999px!important;box-shadow:0 6px 16px rgba(0,0,0,.18)!important;border:0!important}
.v98-mhero .m94-me3 .m94-av,.v98-mhero .m94-me3 .m94-av img{border-radius:50%}
.v98-trio{gap:calc(var(--u)*16)!important;padding:0 calc(var(--u)*36)!important}
.v98-way{height:auto!important;min-height:calc(var(--u)*270);padding:calc(var(--u)*28) calc(var(--u)*24) calc(var(--u)*92)!important}
.v98-way b{font-size:calc(var(--u)*42)!important;margin:calc(var(--u)*14) 0 calc(var(--u)*10)!important}
.v98-way span{font-size:calc(var(--u)*25)!important;line-height:1.3!important;max-width:none!important}
.v98-way i{width:calc(var(--u)*60)!important;height:calc(var(--u)*60)!important;right:calc(var(--u)*22)!important;bottom:calc(var(--u)*22)!important}
}
@media (max-width:950px){
body[data-v98="home"] .tr-home-final>.tr-lang-wrap,body[data-v98="home"] .tr-home-final .tr-lang-wrap{top:calc(var(--hy) + var(--u)*11)!important;left:calc(var(--u)*36)!important;right:auto!important}
body[data-v98="home"] .tr-lang-wrap .tr-lang[data-home-direction]{padding:calc(var(--u)*10) calc(var(--u)*18)!important}
}
@media (max-width:950px){
body[data-v98="home"] .tr-open{width:calc(var(--u)*92)!important;height:calc(var(--u)*92)!important;flex:none;margin-right:calc(var(--u)*4)}
}
@media (min-width:951px){
.shell{align-items:start}
.sidebar{position:sticky!important;top:0;height:100vh;align-self:start;z-index:20}
.main{min-width:0;padding-top:18px}
.topbar{display:flex!important;align-items:flex-start;justify-content:space-between!important;gap:20px;padding-top:6px}
.v98-dt small{display:block;letter-spacing:.16em}
body[data-v98="home"] .v98-dt small{letter-spacing:0;font-size:1rem;font-weight:500;color:#26382f}
.v98-dt h1{letter-spacing:-.02em}
body[data-v98="home"] .v98-dt h1{font-size:2.5rem}
.v98-dt p{margin:0;font:500 1rem 'DM Sans',system-ui,sans-serif;color:#40574a}
.topbar .top-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.v98-lg{display:flex;align-items:center;gap:10px;height:46px;padding:0 18px;border-radius:999px;border:1px solid #efe8da;background:#fffdf8;box-shadow:0 4px 14px rgba(20,60,40,.1);font:700 .95rem 'DM Sans',system-ui,sans-serif;color:#10241b;cursor:pointer}
.v98-lg svg{width:28px;height:20px}
.v98-lg i{font-style:normal;font-size:.8rem}
body[data-v98="learn"] .v98-hero{display:none!important}
body[data-v98="home"] .tr-home-final{display:none!important}
.v98-dl{min-width:0;display:flex;flex-direction:column}
.v98-dhtx{color:#fff}
.v98-dhtx h2{letter-spacing:-.02em}
.v98-drow{gap:18px;align-items:stretch}
.v98-drow .tr-continue{margin:0!important;border-radius:26px!important;height:auto!important;min-height:140px;padding:16px!important;gap:16px!important;box-shadow:0 10px 26px rgba(30,70,50,.12)!important;background:#fffdf8!important;display:flex!important;align-items:center}
.v98-drow .tr-lesson-img{border-radius:20px!important;object-fit:cover;flex:none}
.v98-drow .tr-continue-main h2{font:800 1.15rem/1.15 'DM Sans',system-ui,sans-serif!important;margin:6px 0 4px!important}
.v98-drow .tr-open{width:54px!important;height:54px!important;flex:none;font-size:1.2rem!important}
.v98-drow .v98-q4 button{position:relative;border:1px solid #f1e9db;background:#fffdf8;display:flex;flex-direction:column;align-items:center;justify-content:center;font:inherit;color:#10382a;cursor:pointer;box-shadow:0 8px 20px rgba(60,70,40,.08)}
.v98-drow .v98-q4 button.hi{background:#e9f4d6}
.v98-drow .v98-q4 b{font:800 .85rem/1.15 'DM Sans',system-ui,sans-serif;text-align:center}
.v98-drow .v98-q4 small{font:600 .9rem 'DM Sans',system-ui,sans-serif;color:#566d5f}
.v98-drow .v98-q4 i{position:absolute;bottom:10px;left:50%;width:9px;height:9px;border-radius:50%;background:#f5a623;transform:translateX(-50%)}
.v98-djr .v98-jh h3{font:700 1.9rem 'Playfair Display',Georgia,serif;margin:0}
.v98-djr .v98-jh{display:flex;justify-content:space-between;align-items:center}
.v98-djr .v98-jh button{background:none;border:0;font:700 .95rem 'DM Sans',system-ui,sans-serif;color:#10382a;cursor:pointer}
.v98-djr .v98-jc{position:relative;flex:none;border:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(6,30,20,.82)),var(--bg) center/cover,#1d4a38;color:#fff;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;cursor:pointer;box-shadow:0 8px 22px rgba(20,60,40,.2)}
.v98-djr .v98-jc:nth-child(n+6){display:none}
.v98-djr .v98-jc.cur{outline:4px solid #dbea7c;outline-offset:-1px}
.v98-djr .v98-jc small{font:700 .8rem 'DM Sans',system-ui,sans-serif}
.v98-djr .v98-jc b{font:800 1.05rem/1.1 'Playfair Display',Georgia,serif}
.v98-djr .v98-jc em{position:absolute;right:14px;bottom:12px;font:700 .8rem 'DM Sans',system-ui,sans-serif;font-style:normal}
.v98-djr .v98-bar{display:block;height:5px;border-radius:9px;background:rgba(255,255,255,.3);margin-top:6px;width:60%}
.v98-djr .v98-bar i{display:block;height:100%;border-radius:9px;background:#b8f05a}
.v98-djr .v98-st{position:absolute;top:10px;left:10px;right:10px;text-align:right}
.v98-djr .v98-jc.done .v98-st{text-align:center;background:#3ea55f;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;right:auto}
.v98-dr{min-width:0}
.v98-dstat,.v98-dprac{background:#fffdf8;border:1px solid #efe8da}
.v98-dsg{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.v98-dsg>div{border-left:1px solid #eee6d6}
.v98-dsg>div:first-child{border:0}
.v98-dsg i{display:block;font-style:normal;font-size:1.3rem}
.v98-dsg b{display:block;font:800 1.6rem 'Playfair Display',Georgia,serif;color:#10241b}
.v98-dsg small{color:#566d5f;font:500 .85rem 'DM Sans',system-ui,sans-serif}
.v98-dgl{display:flex;justify-content:space-between;font:700 .95rem 'DM Sans',system-ui,sans-serif;color:#10241b}
.v98-dbar{height:10px;background:#e8e4d8;border-radius:9px;margin-top:8px;overflow:hidden}
.v98-dbar i{display:block;height:100%;background:#12402f;border-radius:9px}
.v98-dprac{background:linear-gradient(135deg,#f3f7de,#fffdf8)}
.v98-dprac p{color:#40574a}
.v98-dprac>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.v98-dprac button{border-radius:16px;border:0;display:flex;align-items:center;justify-content:center;gap:8px;font:800 1rem 'DM Sans',system-ui,sans-serif;background:#fffdf8;color:#10241b;box-shadow:0 6px 16px rgba(30,70,50,.14);cursor:pointer}
.v98-dprac button.g{background:#12402f;color:#fff}
.v98-dprac button.y{background:linear-gradient(180deg,#ffe48f,#f3c24d);color:#3a2a05}
.v98-dprac svg{stroke:currentColor}
.v98-dr .t95-hc{margin:0!important;background:#fffdf8!important;border:1px solid #efe8da!important}
body[data-v98="miko"] .m94-home{column-gap:22px;align-items:start;padding:0!important}
body[data-v98="miko"] .m94-home>*{grid-column:1}
body[data-v98="miko"] .m94-home>.v98-dfeat,body[data-v98="miko"] .m94-home>.v98-mup{grid-column:2}
body[data-v98="miko"] .m94-home>.v98-dfeat{grid-row:1/span 4}
body[data-v98="miko"] .m94-home>.v98-mup{grid-row:5/span 2}
body[data-v98="miko"] .m94-home>.m94-h3,body[data-v98="miko"] .m94-home>.m94-chars{grid-column:1/-1}
.v98-mhero{display:block!important;position:relative;margin:0;overflow:hidden}
.v98-mhero>*:not(.v98-dtx):not(.m94-me3){display:none!important}
.v98-mhero .m94-me3{position:absolute;transform:none}
.v98-dtx{position:absolute;color:#fff}
.v98-dtag{display:block;font:700 .85rem 'DM Sans',system-ui,sans-serif;letter-spacing:.2em;margin-bottom:12px}
.v98-dtx h2{font:800 3.4rem/1 'Playfair Display',Georgia,serif;margin:0 0 20px;color:#fff;letter-spacing:-.02em}
.v98-dtx h2 em{color:#c9f26b;font-style:italic}
.v98-dtx p{font:400 1.12rem/1.4 'DM Sans',system-ui,sans-serif;margin:0;color:#f1f6ee}
.v98-trio{display:grid!important;grid-template-columns:repeat(3,1fr);position:relative;z-index:3}
.v98-trio .v98-way{display:block}
.v98-trio .v98-way svg{stroke:currentColor}
.v98-trio .v98-way b{display:block;color:inherit}
.v98-trio .v98-way span{display:block;color:inherit}
.v98-trio .v98-way i{border-radius:50%;place-items:center}
.m94-home .m94-h3row{display:flex!important;justify-content:space-between;align-items:center;padding:0!important}
.m94-home .m94-h3row .m94-h3{font:800 1.8rem 'Playfair Display',Georgia,serif;margin:0}
.m94-home .m94-quick{display:grid!important;grid-template-columns:repeat(4,1fr);overflow:visible;padding:0!important}
.m94-home .m94-q{position:relative;overflow:hidden;padding:0;border:0}
.m94-home .m94-q img{width:100%;height:100%;object-fit:cover}
.m94-home .m94-q span{position:absolute;left:0;right:0;bottom:0;padding:50px 14px 14px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));color:#fff;display:flex;gap:8px;align-items:center;font:700 1.05rem 'DM Sans',system-ui,sans-serif;text-align:left}
.m94-q span em{font-style:normal}
.v98-dfeat{background:#fffdf8;border:1px solid #efe8da;border-radius:28px;padding:26px 26px 14px;box-shadow:0 10px 26px rgba(30,70,50,.1)}
.v98-dfeat h3{font:800 1.9rem/1.15 'Playfair Display',Georgia,serif;margin:0 0 18px;color:#10241b}
.v98-dfeat h3 span{color:#c9a23a;font-size:1.2rem}
.v98-dfeat>div{display:flex;gap:16px;align-items:center;padding:14px 0;border-top:1px solid #eee6d6}
.v98-dfeat>h3+div{border:0}
.v98-dfeat i{width:52px;height:52px;border-radius:50%;background:#eaf2dc;display:grid;place-items:center;flex:none}
.v98-dfeat b{display:block;font:800 1.1rem 'DM Sans',system-ui,sans-serif;color:#10241b}
.v98-dfeat small{color:#566d5f;font:500 .92rem 'DM Sans',system-ui,sans-serif}
body[data-v98="miko"] .v98-mup{margin:18px 0 0!important;height:auto!important;min-height:210px;padding:26px!important;border-radius:28px!important}
body[data-v98="miko"] .v98-mup h3{font-size:1.25rem!important;white-space:normal}
body[data-v98="miko"] .v98-mup ul{font-size:.95rem!important}
body[data-v98="miko"] .v98-mup li::before{width:22px!important;height:22px!important;font-size:.7rem!important}
body[data-v98="miko"] .v98-mup button{height:46px!important;font-size:1rem!important}
body[data-v98="miko"] .v98-mup img{height:100%}
}
@media (min-width:951px){
body[data-v98="miko"] .m94-home{grid-template-columns:minmax(0,1fr) 370px}
.v98-drow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.v98-drow .tr-lesson-img{width:92px!important;height:104px!important}
.v98-drow .v98-q4 button{padding:8px 2px}
.v98-trio .v98-way{height:auto!important}
.v98-trio .v98-way svg{display:block}
.v98-trio .v98-way.chat{outline:0!important}
}
@media (min-width:951px){
.t95-lh .t95-route,.t95-lh .t95-lh-a{max-width:46%}
}
@media (min-width:951px){
.v98-mhero{background-position:80% top!important}
}
@media (max-width:950px){
.v98-mup{height:auto!important;min-height:calc(var(--u)*330);padding:calc(var(--u)*44) calc(var(--u)*44) calc(var(--u)*46)!important}
.v98-mup h3{font-size:calc(var(--u)*38)!important;margin-bottom:calc(var(--u)*20)!important;white-space:normal!important;max-width:78%;line-height:1.2!important}
.v98-mup ul{font-size:calc(var(--u)*28)!important;line-height:1.75!important;margin-bottom:calc(var(--u)*26)!important}
.v98-mup li::before{width:calc(var(--u)*32)!important;height:calc(var(--u)*32)!important;font-size:calc(var(--u)*18)!important;margin-right:calc(var(--u)*16)!important}
.v98-mup button{height:calc(var(--u)*72)!important;font-size:calc(var(--u)*30)!important;padding:0 calc(var(--u)*56)!important}
.v98-mup img{height:70%!important;top:auto!important;bottom:0!important;right:calc(var(--u)*-10)!important;opacity:.95}
body[data-v98="miko"] .m94-chars{padding:calc(var(--u)*8) calc(var(--u)*40) calc(var(--u)*24)!important;scroll-padding-left:calc(var(--u)*40);box-sizing:border-box}
body[data-v98="miko"] .m94-chars::after{content:"";flex:0 0 calc(var(--u)*24)}
}
.v98-cd{position:absolute;z-index:40;background:#fffdf8;border-radius:22px;box-shadow:0 18px 44px rgba(10,40,28,.28);padding:8px;display:none}
.v98-cd.open{display:block}
.v98-cd button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:none;padding:10px 12px;border-radius:16px;cursor:pointer;font-family:'DM Sans',system-ui,sans-serif;color:#10382a}
.v98-cd button:hover,.v98-cd button.on{background:#eaf4d8}
.v98-cd b{display:block;font:800 1rem 'DM Sans',system-ui,sans-serif}
.v98-cd small{display:block;color:#5d7567;font:500 .8rem 'DM Sans',system-ui,sans-serif}
.v98-cd em{margin-left:auto;font-style:normal;color:#2f8a4f;font-weight:800}
.v98-cav{width:44px;height:44px;border-radius:50%;overflow:hidden;flex:none;display:block;background:#dfe9d3}
.v98-cav .m94-av{width:100%!important;height:100%!important;display:block;border-radius:50%}
.v98-cav img{width:100%;height:100%;object-fit:cover}
.v98-mhero .m94-me3 i{display:inline!important;font-style:normal;margin-left:4px;opacity:.7}
@media (min-width:951px){
.main{padding:24px 36px 40px!important}
.topbar{margin-bottom:26px}
.v98-dchips{font-size:1rem}
.v98-dcw{display:flex;flex-direction:column;margin-top:-6px}
.v98-dcw .v98-jh{display:flex;justify-content:space-between;align-items:center}
.v98-dcw .v98-jh h3{font:700 1.9rem 'Playfair Display',Georgia,serif;margin:0;color:#0f2a20}
.v98-dcw .v98-jh button{background:none;border:0;font:700 .95rem 'DM Sans',system-ui,sans-serif;color:#10382a;cursor:pointer}
.v98-dcw .tr-continue{margin:0!important}
.v98-dcw .tr-lesson-img{width:150px!important;height:130px!important;border-radius:22px!important;object-fit:cover;flex:none}
.v98-dcw .tr-continue-main{flex:1}
.v98-dcw .tr-continue-main h2{font:800 1.5rem/1.15 'DM Sans',system-ui,sans-serif!important}
.v98-dcw .tr-open{width:64px!important;height:64px!important;flex:none}
.v98-drow{display:block;margin-top:-6px}
.v98-drow .v98-q4 button{min-height:130px;border-radius:24px;gap:10px}
.v98-drow .v98-q4 b{font-size:.95rem}
.v98-drow .v98-q4 svg{width:38px;height:38px}
.v98-djr .v98-jc{height:250px;border-radius:26px;padding:16px}
.v98-djr .v98-jc b{font-size:1.15rem}
.v98-dsg b{font-size:2rem}
.v98-dgl{margin-top:22px}
.v98-dprac{overflow:hidden;min-height:190px}
.v98-dprac p{font-size:.98rem;margin-bottom:20px}
.v98-dpimg{position:absolute;object-position:top;pointer-events:none}
.v98-dprac button{height:60px}
body[data-v98="miko"] .m94-home{display:block!important;max-width:1100px!important;margin:0 auto!important;position:relative}
.v98-dfeat{display:none!important}
.v98-mhero{height:430px;border-radius:30px!important;background:linear-gradient(90deg,rgba(6,34,24,.7) 0%,rgba(6,34,24,0) 55%),url(/assets/v100-d-miko.webp) 78% 30%/cover no-repeat,#0f3a2b!important;margin-bottom:26px!important}
.v98-mhero>.v98-feat{display:grid!important;position:absolute;left:36px;right:36px;bottom:26px;top:auto;width:auto;height:84px;background:rgba(12,52,38,.72);border:1px solid rgba(255,255,255,.25);border-radius:26px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);grid-template-columns:repeat(3,1fr);align-items:center}
.v98-mhero>.v98-feat span{display:flex;align-items:center;gap:14px;padding:0 24px;border-left:1px solid rgba(255,255,255,.22);height:56%;color:#fff}
.v98-mhero>.v98-feat span:first-child{border:0}
.v98-mhero>.v98-feat svg{width:30px;height:30px;flex:none}
.v98-mhero>.v98-feat em{font:600 .95rem/1.25 'DM Sans',system-ui,sans-serif;font-style:normal;color:#fff}
.v98-dtx{left:52px;top:56px;max-width:46%}
.v98-dtx h2{font-size:3.4rem;margin-bottom:18px}
.v98-dtx p{font-size:1.05rem;max-width:380px;line-height:1.5}
.v98-mhero .m94-me3{right:26px!important;top:24px!important}
.v98-trio{margin:0 0 40px!important;gap:22px!important;padding:0!important}
.v98-trio .v98-way{margin:0!important}
.v98-trio .v98-way b{font-size:1.6rem!important}
.v98-trio .v98-way span{font-size:1rem!important}
.m94-home .m94-h3row{margin:0 0 20px!important}
.m94-home .m94-h3row .m94-h3{font-size:2rem}
.m94-home .m94-quick{gap:20px;margin-bottom:40px}
.m94-home .m94-q{height:230px;border-radius:26px}
.v98-mup{display:block!important;position:relative;margin:0 0 44px!important;min-height:230px!important;padding:36px 44px!important;border-radius:30px!important;height:auto!important}
.v98-mup h3{font-size:1.7rem!important;max-width:60%}
.v98-mup ul{font-size:1.1rem!important;line-height:1.8!important;margin:14px 0 22px!important}
.v98-mup li::before{width:26px!important;height:26px!important;font-size:.8rem!important;margin-right:14px!important}
.v98-mup button{height:56px!important;font-size:1.1rem!important;padding:0 40px!important}
.v98-mup img{height:112%!important;right:20px!important;top:auto!important;bottom:-10px!important;width:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}
body[data-v98="miko"] .m94-home>.m94-h3{font:800 2rem 'Playfair Display',Georgia,serif;margin:0 0 20px!important;padding:0!important}
body[data-v98="miko"] .m94-home>.m94-chars{padding:4px 4px 26px!important}
}
@media (min-width:951px){
.sidebar .brand-wrap{border-radius:22px!important}
.sidebar .brand-image{opacity:1!important}
.v98-trio .v98-way{text-align:left!important}
.v98-trio .v98-way svg{margin:0}
.v98-trio .v98-way b,.v98-trio .v98-way span{margin-left:0!important}
.v98-trio .v98-way i{display:grid!important}
.v98-dpimg{height:104px!important;width:104px!important;border-radius:50%;right:22px!important;top:22px!important;border:4px solid #fffdf8;box-shadow:0 6px 16px rgba(30,70,50,.2);object-fit:cover!important}
.v98-dprac p{max-width:56%!important}
.v98-dprac>div{position:relative;z-index:2}
}
@media (min-width:951px){
.v98-mup{background:linear-gradient(110deg,#0d3a29,#17593f)!important;color:#fff!important;overflow:hidden;box-shadow:0 14px 32px rgba(8,40,28,.28)}
.v98-mup h3{color:#fff;margin:0}
.v98-mup ul{list-style:none;padding:0}
.v98-mup li{color:#eaf5e6}
.v98-mup li::before{content:"✔";display:inline-grid;place-items:center;border-radius:50%;background:#8fd16a;color:#0c3023;vertical-align:middle}
.v98-mup button{border:0;border-radius:999px;background:linear-gradient(180deg,#ffe48f,#f3c24d);color:#3a2a05;font-weight:800;box-shadow:0 5px 14px rgba(0,0,0,.28);cursor:pointer}
.v98-mup img{position:absolute}
}
@media (min-width:951px){
.v98-dchips{gap:22px!important}
}
@media (min-width:951px){
body[data-v98="learn"] .tr-unified-header,body[data-v98="miko"] .tr-unified-header{display:none!important}
}
@media (max-width:950px){
.v98-hh{position:absolute;top:0;left:0;right:0}
body[data-v98="profile"] .v98-hh{position:relative}
.v98-hh .tr-unified-header,body[data-v98="miko"] .tr-unified-header{background:transparent!important;box-shadow:none!important;border:0!important}
.v98-hh .tr-unified-header::before,.v98-hh .tr-unified-header::after,body[data-v98="miko"] .tr-unified-header::before,body[data-v98="miko"] .tr-unified-header::after{display:none!important}
body[data-v98="miko"] .tr-unified-header{position:absolute!important;top:0;left:0;right:0;z-index:9}
body[data-v98="miko"] .tr-v23-leading{display:none!important}
body[data-v98="miko"] .topbar,body[data-v98="home"] .topbar{display:none!important}
body[data-v98="home"] .tr-home-final{position:relative}
body[data-v98="home"] .tr-hero.h97{height:calc(var(--u)*620)!important}
.v98-mhero .m94-me3{left:27px!important;right:auto!important;top:30px!important;height:46px!important;padding:0 14px 0 6px!important;transform:none!important}
.v98-mhero .m94-me3 .m94-av,.v98-mhero .m94-me3 .m94-av img{width:34px!important;height:34px!important}
.v98-profile{aspect-ratio:2.35/1;height:auto!important;min-height:0!important;background:url(/assets/v101-profile.webp) center/cover no-repeat!important;margin:0 0 -58px!important}
.f96-head{background:linear-gradient(90deg,rgba(6,28,20,.72) 0%,rgba(6,28,20,.25) 48%,rgba(6,28,20,0) 70%),url(/assets/v101-flash-bali.webp) 70% center/cover no-repeat!important;min-height:200px!important;border-radius:26px!important}
body[data-lang="id-en"] .f96-head{background-image:linear-gradient(90deg,rgba(6,28,20,.72) 0%,rgba(6,28,20,.25) 48%,rgba(6,28,20,0) 70%),url(/assets/v101-flash-kangaroo.webp)!important}
.f96-head h1{font-family:'Playfair Display',Georgia,serif!important;font-size:2.4rem!important;max-width:60%!important}
.f96-head p{max-width:55%!important}
}
body[data-v98="words"] .v98-hh{display:none}
@media (max-width:760px){
.v98-hh>.tr-unified-header{box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;margin:0 0 0 calc(50% - 50vw)!important;border-radius:0!important;padding:12px 14px 12px 20px!important;height:78px!important;min-height:78px!important;max-height:78px!important;flex-direction:row!important;align-items:center!important;gap:0!important}
.v98-hh{top:14px!important}
body[data-v98="profile"] .v98-hh{top:auto!important}
body[data-v98="miko"] .tr-unified-header{top:14px!important}
.v98-hh-profile .tr-v23-logo{height:34px;width:auto;display:block}
}
@media (max-width:760px){
body[data-v98="profile"] .topbar{display:none!important}
.v98-hh .tr-mobile-homebar-actions,body[data-v98="miko"] .tr-unified-header .tr-mobile-homebar-actions{margin-left:auto!important}
}
@media (min-width:951px){
.v98-trio .v98-way,.v98-trio .v98-way.call{background:linear-gradient(180deg,#fffdf8,#f6efe0)!important;color:#10382a!important;border:1px solid #eadfc9!important;outline:0!important;box-shadow:0 14px 34px rgba(22,60,40,.10)!important;transition:transform .2s,box-shadow .2s}
.v98-trio .v98-way:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(22,60,40,.16)!important}
.v98-trio .v98-way svg{box-sizing:border-box}
.v98-mup{margin-bottom:56px!important}
.v98-mhero{box-shadow:0 26px 60px rgba(14,48,34,.22)}
}
@media (min-width:951px){
.v98-mup~*:not(.v98-cd){margin-top:48px!important}
.v98-mup+*{margin-top:56px!important}
}
@media (max-width:950px){
body[data-v98="miko"] .tr-unified-header{pointer-events:none!important}
body[data-v98="miko"] .tr-unified-header .tr-mobile-homebar-actions,body[data-v98="miko"] .tr-unified-header button{pointer-events:auto!important}
.v98-mhero .m94-me3{position:relative;z-index:20}
.v98-cd{z-index:60!important}
}
@media (max-width:950px){
.tr-unified-header,.v98-hh .tr-unified-header{overflow:visible!important}
.v98-hh{z-index:80!important}
.tr-language-options{z-index:300!important}
}
@media (min-width:951px){
.sidebar .brand-wrap{background:transparent!important;box-shadow:none!important;padding:6px 14px!important;margin:6px 6px 26px!important}
.sidebar .brand-image{max-width:176px!important;margin:0!important;filter:none!important}
.v98-dh .v98-jh h3,.v98-dh .v98-qh h3{margin:0}
.v98-dh .v98-jh{display:flex;align-items:center;justify-content:space-between}
.v98-dh .v98-jh button{background:none;border:0}
.v98-dhero::before,.v98-dhero::after{display:none!important}
.v98-dchips{display:flex;gap:18px;color:#fff;font:700 .95rem 'DM Sans',sans-serif}
.v98-dchips span{display:flex;align-items:center;gap:7px}
.v98-dchips svg{width:20px;height:20px}
.v98-dcw .tr-continue{display:grid!important;align-items:center}
.v98-dcw .tr-continue .tr-lesson-img{object-fit:cover!important}
.v98-drow .v98-q4{display:grid!important;grid-template-columns:repeat(4,1fr)!important;margin:0!important;padding:0!important}
.v98-drow .v98-q4>*:nth-child(1){order:3}
.v98-drow .v98-q4>*:nth-child(2){order:1}
.v98-drow .v98-q4>*:nth-child(3){order:2}
.v98-djr .v98-jr{grid-template-columns:repeat(6,1fr)!important;gap:12px!important;overflow:visible!important;padding:0!important;margin:0!important}
.v98-djr .v98-jr>*{min-width:0!important;width:auto!important;height:150px!important;border-radius:18px!important}
.v98-djr .v98-jh{margin-top:0}
.v98-dprac .v98-dpimg{background:none!important}
}
@media (min-width:951px){
.v98-dhero{background-position:right center!important}
.v98-drow{margin:0!important;padding:0!important}
.v98-djr .v98-jr{display:block!important}
.v98-djr .v98-jrow{display:grid!important;grid-template-columns:repeat(6,1fr)!important;overflow:visible!important;padding:0!important;margin:0!important}
.v98-djr .v98-jrow>*{min-width:0!important;width:auto!important;flex:none!important}
.v98-djr .v98-jrow>* b,.v98-djr .v98-jrow>* strong{font-size:.9rem!important;line-height:1.12!important}
.v98-drow .v98-q4>*:nth-child(4){order:4}
.v98-drow .v98-q4>* svg{width:34px!important;height:34px!important}
.v98-drow .v98-q4{grid-template-rows:96px}
.v98-dprac .v98-dpimg{border-radius:50%!important;object-fit:cover!important;border:4px solid #fff!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important}
}
@media (min-width:951px){
.v98-dl{gap:0!important}
.v98-dh .v98-jh{height:auto!important;min-height:0!important}
.v98-dcw{gap:0!important}
.v98-dcw .tr-continue{height:auto!important;min-height:0!important}
}
@media (min-width:951px){
.v98-djr .v98-jrow>.v98-jc{display:flex!important}
}
@media (min-width:951px){
body[data-v98="miko"] .v98-mhero{height:330px!important;border-radius:30px!important;margin-bottom:22px!important;background:linear-gradient(90deg,rgba(8,40,28,.78) 0%,rgba(8,40,28,.45) 34%,rgba(8,40,28,0) 56%),url(/assets/v103-d-miko.webp) right center/cover no-repeat,#0f3a2b!important;box-shadow:0 22px 50px rgba(14,48,34,.22)!important}
body[data-v98="miko"] .v98-mhero>.v98-feat,body[data-v98="miko"] .v98-dfeat{display:none!important}
body[data-v98="miko"] .v98-dtx{left:46px!important;top:44px!important;max-width:46%!important}
body[data-v98="miko"] .v98-dtx h2{font-size:3.5rem!important;line-height:1.02!important;margin-bottom:16px!important}
body[data-v98="miko"] .v98-dtx p{font-size:1.02rem!important;max-width:360px!important;line-height:1.5!important}
body[data-v98="miko"] .v98-trio{margin:0 0 34px!important;gap:20px!important}
.v98-trio .v98-way{min-height:150px!important;padding:24px 26px!important;border-radius:26px!important;background:linear-gradient(180deg,#fffdf8,#f6efe0)!important;color:#10382a!important;border:1px solid #efe4cf!important}
.v98-trio .v98-way.chat{background:linear-gradient(135deg,#dff2c2,#c3e68d)!important;border:2px solid #a9d66a!important}
.v98-trio .v98-way svg{position:absolute!important;left:26px!important;top:24px!important;background:#e4f2d6!important;border-radius:16px;padding:10px;width:52px!important;height:52px!important}
.v98-trio .v98-way.call svg,.v98-trio .v98-way.roleplay svg,.v98-trio .v98-way:nth-child(n+2) svg{background:#f6e7c7!important}
.v98-trio .v98-way b{margin:56px 0 4px!important;font:800 1.7rem 'DM Sans',sans-serif!important}
.v98-trio .v98-way span{margin:0!important;max-width:70%!important;font:500 1rem/1.35 'DM Sans',sans-serif!important;opacity:.8!important}
.v98-trio .v98-way i{right:22px!important;bottom:22px!important;width:46px!important;height:46px!important;background:#e9c776!important}
.v98-trio .v98-way.chat i{background:#12402f!important}
.v98-trio .v98-way i svg{stroke:#fff!important}
.v98-trio .v98-way:nth-child(n+2) i svg{stroke:#5a3d08!important}
}
@media (min-width:951px){
body[data-v98="miko"] .v98-mup+.m94-h3{margin:46px 0 14px!important}
body[data-v98="miko"] .m94-chars{margin-top:0!important}
.v98-trio .v98-way>svg{position:absolute!important;left:26px!important;top:24px!important;width:52px!important;height:52px!important;padding:10px!important;border-radius:16px!important;box-sizing:border-box!important}
.v98-trio .v98-way.chat>svg{background:#f4fbe6!important;stroke:#1a5a3f!important}
.v98-trio .v98-way:not(.chat)>svg{background:#f6e7c7!important;stroke:#7a5410!important}
.v98-trio .v98-way:nth-child(n+2) svg{background:none}
.v98-trio .v98-way:nth-child(n+2)>svg{background:#f6e7c7!important}
.v98-trio .v98-way i svg{position:static!important;width:20px!important;height:20px!important;padding:0!important;background:none!important}
}
@media (min-width:951px){
.v98-trio .v98-way{position:relative!important;overflow:hidden}
.v98-trio .v98-way i{position:absolute!important}
}
@media (min-width:951px){
.v98-trio .v98-way.call i{background:#e9c776!important}
.v98-trio .v98-way.call i svg{stroke:#5a3d08!important}
}
.t95-lh.v98-chimg{position:relative;overflow:hidden}
.t95-lh.v98-chimg::after{content:"";position:absolute;right:22px;top:50%;transform:translateY(-50%) rotate(3deg);width:min(34%,170px);aspect-ratio:1;border-radius:24px;border:4px solid #fff;background:var(--chimg) center/cover;box-shadow:0 14px 30px rgba(0,0,0,.35)}
.t95-lh.v98-chimg>*{position:relative;z-index:2}
@media (max-width:760px){
.t95-lh.v98-chimg::after{width:96px;right:14px;top:22px;transform:rotate(3deg)}
}
@media (min-width:951px){
body[data-v98="profile"] .v98-profile{background:url(/assets/v104-profile-d.webp) center/cover no-repeat!important;aspect-ratio:1902/374!important;height:auto!important;min-height:0!important;border-radius:30px!important}
body[data-v98="profile"] .v98-profile::before,body[data-v98="profile"] .v98-profile::after{display:none!important}
body[data-v98="words"] .f96-head{aspect-ratio:2097/490;min-height:0!important;height:auto!important;border-radius:30px!important;padding:0!important;background:url(/assets/v108-flash-en-d.webp) center/cover no-repeat!important;box-shadow:0 16px 38px rgba(20,60,40,.16)}
body[data-v98="words"][data-lang="id-en"] .f96-head{aspect-ratio:1932/438;background-image:url(/assets/v104-flash-id-d.webp)!important}
body[data-v98="words"] .f96-head>*{visibility:hidden!important}
}
.lesson-intro,.lesson-intro-themed{display:none!important}
.lesson-compact-top{margin-bottom:10px!important}
.v98-hero.v98-profile,.v98-profile{display:none!important}
.v98-cd{min-width:320px!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box}
.v98-cd *{white-space:nowrap}
.t95-comm.v98-cm{max-width:640px!important;margin:0 auto!important;display:flex;flex-direction:column;gap:18px}
.v98-cmh{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 2px 0}
.v98-cmh h1{margin:0;font:800 2.1rem/1.1 'Playfair Display',Georgia,serif;color:#14392d}
.v98-cmh p{margin:4px 0 0;color:#6b7f73;font:500 .98rem 'DM Sans',sans-serif}
.v98-cmh-a{display:flex;gap:8px;flex:none}
.v98-cmh-a button{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;min-width:46px;padding:0 16px;border-radius:999px;border:1px solid #e6dfcf;background:#fffdf8;color:#14392d;font:700 .92rem 'DM Sans',sans-serif;position:relative}
.v98-cmh-a button svg{width:20px;height:20px}
.v98-cmh-a button em{position:absolute;top:-4px;right:-2px;background:#e5484d;color:#fff;border-radius:99px;font:700 .7rem sans-serif;padding:2px 6px;font-style:normal}
@media (max-width:560px){
.v98-cmh-a button b{display:none}
.v98-cmh-a button{padding:0;width:46px}
.v98-cmh h1{font-size:1.8rem}
}
.v98-active{background:#fffdf8;border:1px solid #efe8d6;border-radius:24px;padding:16px 18px}
.v98-act-h{display:flex;align-items:center;gap:8px;font:800 .8rem 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#4e6b5b;margin-bottom:14px}
.v98-act-h i{width:9px;height:9px;border-radius:50%;background:#3ec46d;box-shadow:0 0 0 4px rgba(62,196,109,.2)}
.v98-act-row{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.v98-act-p{display:grid;justify-items:center;gap:2px;flex:none;width:62px}
.v98-act-av{position:relative;width:56px;height:56px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#8fd45a,#2f8f5b)}
.v98-act-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fffdf8;display:block}
.v98-act-av em{position:absolute;right:1px;bottom:1px;width:14px;height:14px;border-radius:50%;background:#3ec46d;border:2.5px solid #fffdf8}
.v98-act-p b{font:700 .85rem 'DM Sans',sans-serif;color:#14392d;margin-top:4px}
.v98-act-p small{font:500 .7rem 'DM Sans',sans-serif;color:#7a8d81}
.t95-comm.v98-cm .t95-cmp{border-radius:999px!important;padding:10px 12px 10px 12px!important;box-shadow:none!important;border:1px solid #e6dfcf!important}
.t95-comm.v98-cm .t95-join{border-radius:18px!important;padding:12px 16px!important}
.t95-comm.v98-cm .t95-chips2{padding:2px 0!important}
.t95-comm.v98-cm .t95-feed{gap:18px!important}
.t95-comm.v98-cm .t95-post{border-radius:24px!important;padding:20px 22px!important;box-shadow:none!important;border:1px solid #eee7d6!important;background:#fffdf8!important}
.t95-comm.v98-cm .t95-post p{font-size:1.06rem!important;line-height:1.55!important;margin:14px 0 16px!important}
@media (min-width:951px){
.t95-comm.v98-cm{padding-top:8px}
}
@media (min-width:951px){
.v98-dh{display:grid!important;align-items:start!important}
.v98-dhero,.v98-dhero.idn{border-radius:28px!important;position:relative;box-shadow:0 16px 38px rgba(14,48,34,.2)!important;overflow:hidden}
.v98-dhtx{position:absolute!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:0!important}
.v98-dhtx h2{font:italic 800 2.75rem/1.03 'Playfair Display',Georgia,serif!important;color:#fff!important;margin:0 0 14px!important;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.v98-dhtx h2 em{color:#c8f25d!important;font-style:italic}
.v98-dhtx p{margin:0 0 22px;color:rgba(255,255,255,.92);font:500 1.02rem/1.5 'DM Sans',sans-serif}
.v98-dbtn{align-items:center}
.v98-go{font:800 1rem 'DM Sans',sans-serif}
.v98-how{display:flex;align-items:center;gap:10px;font:700 .98rem 'DM Sans',sans-serif}
.v98-how span{width:38px;height:38px;border-radius:50%;border:2px solid #fff;place-items:center;font-size:.8rem;padding-left:3px}
.v98-dh .v98-jh h3,.v98-dh .v98-qh h3{font:800 1.6rem/1.1 'Playfair Display',Georgia,serif!important;color:#10382a!important}
.v98-dh .v98-jh{margin:30px 0 14px!important}
.v98-dh .v98-dcw .v98-jh{margin-top:30px!important}
.v98-dh .v98-jh button{font:700 .9rem 'DM Sans',sans-serif!important;color:#10382a!important}
.v98-dcw .tr-continue{grid-template-columns:230px 1fr auto!important;gap:26px!important;padding:16px 28px 16px 16px!important;border-radius:24px!important;background:#fffdf8!important;box-shadow:0 8px 26px rgba(20,57,45,.07)!important}
.v98-dcw .tr-continue .tr-lesson-img{width:230px!important;height:128px!important;border-radius:18px!important}
.v98-dcw .tr-continue h3,.v98-dcw .tr-continue strong{font:800 1.7rem/1.1 'Playfair Display',Georgia,serif!important;color:#10382a!important}
.v98-drow .v98-q4{gap:16px!important}
.v98-drow .v98-q4>*{height:104px!important;min-height:104px!important;border-radius:22px!important;font:700 .95rem 'DM Sans',sans-serif!important}
.v98-djr .v98-jrow{gap:14px!important}
.v98-djr .v98-jrow>*{height:164px!important;border-radius:20px!important}
.v98-dr{display:flex!important;flex-direction:column!important;gap:22px!important}
.v98-dstat,.v98-dprac,.v98-dr .t95-hc{border-radius:26px!important;box-shadow:0 8px 26px rgba(20,57,45,.07)!important}
.v98-dstat{padding:24px 26px!important}
.v98-dprac{padding:26px!important;position:relative}
.v98-dprac h3{font:800 1.6rem/1.1 'Playfair Display',Georgia,serif!important;color:#10382a!important;margin:0 0 8px!important}
.v98-dprac p{font:500 .98rem/1.45 'DM Sans',sans-serif!important;max-width:60%;margin:0 0 18px!important}
.v98-dprac .v98-dpimg{width:96px!important;height:96px!important;right:26px!important;top:24px!important}
.v98-dr .t95-hc{padding:22px!important}
.v98-dr .t95-hc h3,.v98-dr .t95-hc h2{font:800 1.4rem 'Playfair Display',Georgia,serif!important;color:#10382a!important}
.v98-dt small{font:500 1rem 'DM Sans',sans-serif!important;color:#314b3e}
.v98-dt h1{font:800 2.2rem/1.05 'Playfair Display',Georgia,serif!important;color:#10382a;margin:0!important}
.v98-lgw{position:relative}
.v98-lgm{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:270px;background:#fffdf8;border:1px solid #eadfc9;border-radius:20px;box-shadow:0 22px 50px rgba(14,48,34,.2);padding:8px;z-index:200}
.v98-lgw.open .v98-lgm{display:block}
.v98-lgm button{display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:center;width:100%;text-align:left;background:none;border:0;border-radius:14px;padding:10px 12px;cursor:pointer;font-family:'DM Sans',sans-serif}
.v98-lgm button svg{grid-row:1/3;width:34px;height:24px}
.v98-lgm button b{font-weight:800;color:#10382a}
.v98-lgm button small{color:#6b7f73;font-size:.8rem}
.v98-lgm button.on{background:#e6f3d6}
.v98-lgm button:hover{background:#f1f6e6}
}
@media (min-width:951px){
.v98-dh{grid-template-columns:minmax(0,1fr) 362px!important;gap:24px!important;margin-top:16px!important}
.v98-dhero,.v98-dhero.idn{background-image:linear-gradient(90deg,rgba(8,44,30,.94) 0,rgba(8,44,30,.82) 34%,rgba(8,44,30,.25) 56%,rgba(8,44,30,0) 70%),url(/assets/v105-hero-en.webp)!important}
.v98-dhtx{top:22px!important;bottom:22px!important;left:40px!important}
.v98-dhtx h2{font-size:2.3rem!important;margin-bottom:10px!important}
.v98-dhtx p{font-size:.98rem!important;margin-bottom:18px!important;max-width:340px}
.v98-dbtn{gap:18px!important}
.v98-go,.v98-how{white-space:nowrap}
.v98-go{height:46px!important}
.v98-dt{margin-left:0!important;padding-left:0!important}
.v98-dcw .tr-continue .tr-progress-label,.v98-dcw .tr-continue b{font-family:'DM Sans',sans-serif!important}
.v98-dprac h3{max-width:66%!important;font-size:1.5rem!important}
}
@media (min-width:951px){
body[data-v98="home"] .main .topbar{padding-left:0!important;padding-right:0!important}
.v98-dprac button svg{width:22px!important;height:22px!important;flex:none}
}
@media (min-width:951px){
.sidebar nav button,.sidebar nav a{white-space:nowrap!important;font-size:.98rem!important}
}
@media (min-width:951px){
.v98-dhero,.v98-dhero.idn{height:auto!important;aspect-ratio:1680/808!important;background:url(/assets/v106-hero-en.webp) center/100% 100% no-repeat,#0e3a2a!important}
.v98-dhero.idn{aspect-ratio:1676/776!important;background-image:url(/assets/v106-hero-id.webp)!important}
.v98-dhtx{inset:0!important;max-width:none!important}
.v98-dhtx h2,.v98-dhtx p{opacity:0!important;position:absolute!important;pointer-events:none}
.v98-dbtn{position:absolute!important;inset:0!important;display:block!important}
.v98-go,.v98-how{position:absolute!important;background:transparent!important;box-shadow:none!important;border:0!important;color:transparent!important;font-size:0!important;padding:0!important;cursor:pointer;border-radius:999px!important}
.v98-how span{display:none!important}
.v98-go{left:5.4%;top:74.9%;width:23.1%;height:12.4%}
.v98-how{left:30.5%;top:74.9%;width:21.8%;height:12.4%}
.v98-dhero.idn .v98-go{left:6%;top:72.4%;width:21.6%;height:11.7%}
.v98-dhero.idn .v98-how{left:29.8%;top:72.4%;width:17%;height:11.7%}
.v98-go:hover,.v98-how:hover{background:rgba(255,255,255,.08)!important}
}
.t95-agree{display:flex!important;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.45;color:#46604f;margin:6px 0 2px;font-weight:500}
.t95-agree input{width:18px!important;height:18px;flex:none;margin-top:1px;accent-color:#2f6b2c}
.t95-agree a{color:#2f6b2c;text-decoration:underline}
body[data-v98="learn"] .t95-learn::before{display:none!important}
body[data-v98="learn"] .t95-learn{background:none}
.t95-learn .t95-map{background:none!important;margin:18px 0 0!important;padding:4px 0 0 46px!important;position:relative;display:grid;gap:10px}
.t95-learn .t95-map::before{content:"";position:absolute;left:15px;top:28px;bottom:30px;border-left:2px dashed #9fc08f;z-index:0}
.t95-learn .t95-n{position:relative!important;height:auto!important;min-height:64px;display:grid!important;grid-template-columns:104px 1fr 30px;align-items:center;gap:14px;background:#fffdf8;border:1px solid #efe7d4;border-radius:18px;padding:8px 14px 8px 8px;box-shadow:0 5px 16px rgba(22,60,40,.07)}
.t95-learn .t95-n::before{content:"";position:absolute;left:-46px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:#fffdf8;border:2px solid #2e6b3c;box-sizing:border-box;z-index:1}
.t95-learn .t95-n.done::before{background:#3a9a2f url("data:image/svg+xml;utf8,") center/16px no-repeat;border-color:#3a9a2f;width:26px;height:26px;left:-48px;margin-top:-13px}
.t95-learn .t95-n.cur::before{border-color:#3a9a2f;box-shadow:0 0 0 5px rgba(90,170,60,.22)}
.t95-learn .t95-n.done{background:linear-gradient(90deg,#e6f6c7,#f1f9dc);border-color:#cfe6a2}
.t95-learn .t95-n.cur{border:2px solid #7bbd4d}
.t95-learn .t95-n::after{content:"";width:22px;height:22px;justify-self:end;background:url("data:image/svg+xml;utf8,") center/20px no-repeat}
.t95-learn .t95-n.done::after{background:#3a9a2f url("data:image/svg+xml;utf8,") center/15px no-repeat;border-radius:50%}
.t95-learn .t95-n.v98-lock::after{background:url("data:image/svg+xml;utf8,") center/22px no-repeat}
.t95-learn .t95-node{width:104px!important;height:56px!important;border:0!important;border-radius:12px!important;box-shadow:none!important;animation:none!important;filter:none!important;background:#dfe8d2;overflow:hidden!important;padding:0}
.t95-learn .t95-node img{border-radius:12px!important;width:100%;height:100%;object-fit:cover}
.t95-learn .t95-node::after{content:"";position:absolute;inset:0;z-index:3}
.t95-learn .t95-here,.t95-learn .t95-go{display:none!important}
.t95-learn .t95-nl{position:static!important;width:auto!important;left:auto!important;right:auto!important;text-align:left!important;justify-items:start!important;gap:2px}
.t95-learn .t95-nl small{font:700 .62rem 'DM Sans',sans-serif;letter-spacing:.12em;color:#5d7366}
.t95-learn .t95-nl b{font:700 1.05rem/1.15 'Playfair Display',Georgia,serif;color:#0e2e24}
.t95-learn .t95-dn{font-size:.74rem;color:#7a8b7f;font-weight:600}
.t95-learn .t95-n.t95-rev{background:linear-gradient(90deg,#fbf1d4,#fdf6e2);border-color:#efdfae}
.t95-learn .t95-n.t95-rev::before{border-color:#d9a93d;background:#fbe7a8 url("data:image/svg+xml;utf8,") center/14px no-repeat;width:30px;height:30px;left:-50px;margin-top:-15px}
.t95-learn .t95-flag{background:linear-gradient(145deg,#fbe7a8,#e3b84f)!important}
.t95-learn .t95-flag span{color:#a77a22;font-size:1.5rem}
.t95-learn .t95-lh{border-radius:26px;min-height:0;padding:26px 24px!important;overflow:hidden;background:linear-gradient(90deg,rgba(8,40,28,.92) 0%,rgba(8,40,28,.62) 38%,rgba(8,40,28,0) 72%),var(--bg) center/cover!important;box-shadow:0 14px 34px rgba(14,48,34,.18)}
.t95-learn .t95-lh h2{font:800 2.3rem/1.04 'Playfair Display',Georgia,serif!important;font-style:italic;letter-spacing:0!important;max-width:60%}
.t95-learn .t95-lh .t95-route,.t95-learn .t95-lh .t95-lh-a{max-width:62%!important}
.t95-learn .t95-lh-a .t95-primary{background:#d4f56a!important;color:#10382a!important;border:0!important;font-weight:800;box-shadow:none!important;border-radius:99px}
.t95-learn .t95-lh.v98-chimg::after{display:none!important}
.t95-learn .t95-nextch{border:0!important;border-radius:22px;background:linear-gradient(90deg,rgba(10,52,36,.94),rgba(10,52,36,.55)),url(/assets/learn-reference-mountains.webp) center/cover!important;color:#fff;padding:20px 22px!important;margin-top:22px;box-shadow:0 12px 28px rgba(14,48,34,.18)}
.t95-learn .t95-nextch small{color:rgba(255,255,255,.85);font:500 .8rem 'DM Sans',sans-serif;letter-spacing:0;text-transform:none}
.t95-learn .t95-nextch b{font:700 1.5rem 'Playfair Display',Georgia,serif;color:#fff;display:block}
.t95-learn .t95-nextch i{font-style:normal;background:#fffaf0;color:#10382a;border-radius:99px;padding:11px 18px;font:700 .9rem 'DM Sans',sans-serif;white-space:nowrap}
.t95-learn .t95-seg{background:#efe9d8;box-shadow:inset 0 1px 3px rgba(0,0,0,.04)}
.t95-learn .t95-seg button.on{background:linear-gradient(90deg,#0f4a33,#14614a)!important;color:#fff!important;font-family:'Playfair Display',Georgia,serif;font-weight:700}
.t95-learn .t95-chips button.on{background:#dff3b4!important;border-color:#2e6b3c!important;color:#10382a!important}
@media (max-width:950px){
body[data-v98="learn"] .v98-hh{position:relative!important;top:auto!important}
body[data-v98="learn"] .topbar,body[data-v98="learn"] .main>.tr-learning-homebar{display:none!important}
body[data-v98="learn"] .v98-hh .tr-v23-logo{height:34px;width:auto;display:block}
.v98-ltitle{position:relative;margin:2px 0 14px;font:800 2.2rem/1.1 'Playfair Display',Georgia,serif;color:#12402f;padding-bottom:6px}
.v98-ltitle span{background:linear-gradient(transparent 82%,#7bbd4d 82%,#7bbd4d 90%,transparent 90%);padding:0 2px 4px}
.v98-ltitle::after{content:"";position:absolute;right:-16px;top:-34px;width:130px;height:110px;background:url("data:image/svg+xml;utf8,") no-repeat right top/contain;pointer-events:none}
.t95-learn .t95-lh{padding:22px 18px!important;min-height:220px}
.t95-learn .t95-lh-a button:not(.t95-primary){display:none!important}
.t95-learn .t95-lh h2{font-size:2.1rem!important}
.t95-learn .t95-nextch b{font-size:1.25rem}
}
@media (min-width:951px){
.t95-learn .t95-map{padding-left:70px!important}
.t95-learn .t95-map::before{left:30px}
.t95-learn .t95-n{min-height:84px;grid-template-columns:150px 1fr 40px;padding:10px 20px 10px 10px}
.t95-learn .t95-n::before{left:-52px}
.t95-learn .t95-n.done::before{left:-54px}
.t95-learn .t95-n.t95-rev::before{left:-56px}
.t95-learn .t95-node{width:150px!important;height:64px!important}
.t95-learn .t95-lh h2{font-style:normal;font-size:2.5rem!important}
.t95-learn .t95-nl b{font-size:1.25rem}
}
.t95-learn .t95-node{transform:none!important;left:auto!important;right:auto!important;top:auto!important;position:relative!important}
.t95-learn .t95-ck{display:none!important}
.t95-learn .t95-nl small{text-transform:uppercase}
.t95-learn .t95-lh-a .t95-primary{flex:0 0 auto!important;padding:12px 34px}
@media (max-width:950px){
.t95-learn .t95-map{padding-left:38px!important}
.t95-learn .t95-map::before{left:11px}
.t95-learn .t95-n{padding:4px 12px 4px 6px;min-height:66px}
.t95-learn .t95-node{width:120px!important;height:58px!important}
.t95-learn .t95-n::before,.t95-learn .t95-n.done::before{width:26px;height:26px;margin-top:-13px;left:-39px}
.t95-learn .t95-n.t95-rev::before{left:-41px;width:30px;height:30px;margin-top:-15px}
}
@media (max-width:950px){
.t95-learn .t95-n{grid-template-columns:120px 1fr 22px;gap:12px;padding-right:10px}
.t95-learn .t95-nl b{font-size:1.07rem}
.t95-learn .t95-nl{min-width:0}
}
.t95-learn .t95-node img{object-position:center}
/* Moderation (admins only): post menu and comment actions, the Moderation sheet, Premium note */
.t95-menu button.danger{color:#c0344a}
.t95-cm .t95-cmx{margin-left:auto;flex:none;border:0;background:none;color:#8a998f;font-size:1.15rem;line-height:1;padding:4px 6px}
.t95-adm-post{display:grid;gap:8px;background:#fffdf8;border:1px solid var(--line);border-radius:18px;padding:12px}
.t95-adm-post p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.t95-adm-post .t95-pimg{max-height:220px;margin:0}
.t95-adm-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.t95-adm-h>div{flex:1;min-width:0;display:grid;gap:2px}
.t95-adm-h small{color:var(--mut)}
.t95-adm-a{display:flex;flex-wrap:wrap;gap:8px}
.t95-adm-a button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 13px;font-weight:800;font-size:.78rem;color:#14392d}
.t95-adm-a button.danger,.t95-fr.danger{color:#c0344a;border-color:#e7b8bf}
.t95-tags{display:flex;gap:6px;flex-wrap:wrap}
.t95-tag{display:inline-block;background:#e9efe0;color:#4a5f52;border-radius:99px;padding:2px 9px;font-weight:800;font-size:.7rem}
.t95-tag.warn{background:#fbeccb;color:#7a5a12}
.t95-tag.bad{background:#f8dde1;color:#9b2336}
.t95-tag.adm{background:#14392d;color:#e9f4d8}
.t95-person .t95-last{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t95-pm-adm{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 6px;padding:14px;border-radius:99px;background:#e9f4d8;color:#14392d;font-weight:800;text-align:center}
.t95-logs{display:grid;gap:8px}
.t95-log{display:grid;gap:4px;background:#fffdf8;border:1px solid var(--line);border-radius:14px;padding:10px 12px;color:#14392d}
.t95-log p{margin:0;font-size:.9rem;overflow-wrap:anywhere}
.t95-log blockquote{margin:0;padding:6px 10px;border-left:3px solid #d8dfcf;background:#f4f1e6;border-radius:0 10px 10px 0;font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere}
.t95-log small{color:var(--mut);font-size:.74rem;overflow-wrap:anywhere}
/* Tramiko staff: the logo's leaves after an admin's name */
.t95-staff{display:inline-block;width:1.05em;height:1.05em;margin-left:.2em;vertical-align:-.12em;flex:none}