:root{--green:#0e2e24;--green2:#194536;--lime:#b8ff5a;--cream:#f8f6ef;--muted:#697a70;--border:#e7e9df;--coral:#ff9875;--blue:#79c9f3;--shadow:0 14px 44px rgba(14,46,36,.08)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--green);font-family:'DM Sans',sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Nunito,'DM Sans',sans-serif}h1{font-size:clamp(2rem,4vw,3.5rem);font-weight:1000;line-height:1.07;letter-spacing:-.055em}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{background:#fffefb;border-right:1px solid var(--border);padding:28px 18px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}.brand{font-size:2.35rem;font-weight:1000;letter-spacing:-.09em;line-height:1}.brand span{color:#8edb2b}.side-links{display:grid;gap:8px}.nav-btn{border:0;background:transparent;color:#567166;border-radius:15px;padding:13px 15px;display:flex;align-items:center;gap:13px;text-align:left;font-weight:800;width:100%}.nav-btn:hover,.nav-btn.active{background:var(--green);color:white}.nav-icon{font-size:20px;width:25px;text-align:center}.side-bottom{margin-top:auto;background:#eaf6d9;padding:16px;border-radius:19px}.side-bottom img{width:68px;height:68px;object-fit:cover;border-radius:19px}.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{font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#72906c}.top-right{display:flex;align-items:center;gap:10px}.pill{border-radius:99px;padding:9px 14px;background:white;font-weight:800;font-size:.85rem;border:1px solid var(--border)}.avatar{width:37px;height:37px;border-radius:50%;background:var(--coral);display:grid;place-items:center;font-weight:900}.hero{background:var(--green);border-radius:29px;color:white;min-height:320px;display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;position:relative}.hero-content{padding:40px;z-index:1}.hero h1{max-width:580px}.hero p{max-width:420px;color:#d1e5d8}.hero img{height:100%;width:100%;object-fit:cover;object-position:52% 45%;mask-image:linear-gradient(to right,transparent,black 28%)}.hero .scribble{color:var(--lime)}.btn{background:var(--lime);color:var(--green);border:0;padding:13px 20px;border-radius:14px;font-weight:900;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:transform .15s}.btn:hover{transform:translateY(-2px)}.btn.dark{background:var(--green);color:white}.btn.ghost{background:white;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{background:white;border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.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;border-radius:15px;font-size:25px;background:#eaf6d9}.card-icon.coral{background:#ffe6d9}.card-icon.blue{background:#e1f5ff}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.stat{background:#fff;border:1px solid var(--border);border-radius:18px;padding:17px}.stat strong{font-size:1.55rem;display:block;font-family:Nunito}.stat small{color:var(--muted)}.progress{height:9px;background:#e8ece5;border-radius:99px;overflow:hidden}.progress>div{height:100%;background:#8edb2b;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;background:#eff5e8;color:#416747;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;padding:17px;font-weight:800;color:var(--green)}.answer:hover{border-color:#96c768}.answer.selected{border-color:var(--green);background:#eef8e5}.answer.correct{background:#e4f9c9;border-color:#81b73d}.answer.wrong{background:#ffe4dd;border-color:#e78c73}.feedback{border-radius:16px;background:#f2f7e9;padding:17px;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;background:#fcfdf8}.bubble{max-width:80%;padding:13px 16px;border-radius:17px;line-height:1.5;white-space:pre-wrap;font-size:.93rem}.bubble.bot{background:#edf1e9;align-self:flex-start;border-bottom-left-radius:4px}.bubble.user{background:var(--lime);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{background:#eaf7d9;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{max-width:650px;margin:0 auto}.intro .logo-large{font-family:Nunito;font-size:3.8rem;font-weight:1000;letter-spacing:-.09em}.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}.choice:hover,.choice.selected{border-color:#8fc83f;background:#f0f9e7}.welcome-image{width:100%;max-height:235px;object-fit:cover;object-position:center 45%;border-radius:22px}.banner-mini{background:#e9f6d6;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{padding:25px 10px}.sidebar .brand{font-size:1.3rem}.nav-btn{justify-content:center;padding:12px 6px}.nav-btn .nav-label,.side-bottom{display:none}.hero{grid-template-columns:1fr .65fr}.chat-layout{grid-template-columns:1fr}.info-panel{display:none}}@media(max-width:650px){.shell{display:block}.sidebar{display:none}.main{padding:18px 16px 95px}.hero{grid-template-columns:1fr;min-height:0}.hero-content{padding:28px}.hero img{height:170px;mask-image:linear-gradient(to bottom,transparent,black 15%);object-position:center 40%}.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}.topbar .eyebrow{font-size:.65rem}.pill{font-size:.72rem;padding:8px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffefb;border-top:1px solid var(--border);padding:9px 7px max(9px,env(safe-area-inset-bottom));justify-content:space-around;z-index:5}.mobile-nav button{border:0;background:none;color:#728478;display:grid;place-items:center;gap:3px;font-size:.66rem;font-weight:800;min-width:52px}.mobile-nav button.active{color:var(--green)}.mobile-nav .nav-icon{font-size:20px}.chat-card{height:calc(100dvh - 215px);min-height:400px}.bubble{max-width:91%}.answers{grid-template-columns:1fr}.quiz-panel{padding:20px}.profile-banner{align-items:flex-start}.profile-banner img{width:70px;height:70px}}

/* Tramiko adventure refresh */
:root{--green:#18372d;--green2:#2e5443;--lime:#8ca77c;--cream:#faf7f0;--muted:#6e786d;--border:#e9e6dc;--coral:#eeb092;--blue:#a5c7c5;--shadow:0 12px 35px rgba(30,52,41,.055)}
body{background:linear-gradient(145deg,#faf8f3,#f7f4eb);color:#20372f}
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{background:#fffefa;border-right:1px solid #ece8df;padding:34px 21px}
.brand{font-size:2.05rem;font-weight:900;letter-spacing:-.075em;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}
.nav-btn{font-weight:700;border-radius:13px;color:#637568}
.nav-btn.active,.nav-btn:hover{background:#e9eee5;color:#1a3d30}
.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}.answer.correct{background:#e1efe0}.answer.wrong{background:#f7e2dc}
.feedback{background:#eef2e9}.profile-banner{background:#e9eee4}
.intro{max-width:760px}.intro .logo-large{font-size:clamp(3rem,7vw,5.2rem);font-weight:900;letter-spacing:-.085em}
.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){.brand{font-size:1.25rem}.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}.mobile-nav{background:#fffefa}}

/* v1.0 visual system: editorial adventure / quiet confidence */
:root{--green:#19392e;--green2:#315746;--lime:#94a98e;--cream:#f9f7f1;--coral:#e9b39b;--blue:#afc9c7;--border:#e6e6dd;--shadow:0 12px 36px rgba(28,58,41,.055)}
body{background:#f9f7f1;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{border:1px solid #e0e6db;background:#f6f7f2;color:#496452;padding:9px 14px;border-radius:99px;font-size:.8rem;font-weight:750}.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}}

/* v2: learning path and grown-up wordmark */
.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;grid-template-columns:1.35fr .65fr;overflow:hidden;align-items:stretch;background:#e9ede7;border-radius:25px;min-height:235px;border:1px solid #dfe5dd}
.course-overview>div{padding:34px 38px;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%;height:100%;object-fit:cover;object-position:center 30%;mask-image:linear-gradient(to right,transparent,black 24%)}
.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;gap:10px}
.course-unit{border:1px solid #e7e9e2;background:#fbfbf7;padding:19px 21px;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}
.lesson-heading p{color:#708173;margin: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;gap:15px;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;padding:14px 17px;display:flex;align-items:center;gap:10px}
.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;border-radius:999px;padding:10px 12px;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-overview{grid-template-columns:1fr}.course-overview>div{padding:25px}.course-overview img{height:160px;mask-image:linear-gradient(to bottom,transparent,black 15%)}.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%}}

/* Expedition v3 */
.leaf-logo{display:inline-block;color:#6d9175;font-size:.53em;vertical-align:top;margin:0 0 0 5px;transform:rotate(-25deg);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%;height:170px;object-fit:cover;object-position:center 50%;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{width:100%;padding:16px;border:1px solid #cddbcf;border-radius:12px;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}}
/* Tramiko Studio v4 — clearer, calmer, more energetic */
.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-fit:cover!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-fit:cover!important;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;display:inline-grid;place-items:center;min-width:27px;color:#688b75}
.nav-btn.active .nav-icon{color:#e6bb82}
.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}

/* V5: restrained editorial home, images displayed at native-friendly size */
.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}}

/* Gen Z refresh v6 */
:root{--bg-soft:#f4f5ee;--card-soft:#f9faf6;--sage:#6e9076;--sage2:#dfe7dd;--moss:#244b3a;--forest:#14392d;--cream2:#fefcf7;--gold:#dfc08f}
body{background:linear-gradient(180deg,#fbfaf5 0%,#f3f4ee 100%)}
.brand-wrap{display:grid;gap:8px}.brand-image{display:block;max-width:188px;width:100%;height:auto}.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}}

/* v7 — immersion, mastery, missions and Miko reactions */
.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}}

/* Tramiko v8 — Atlas expedition; existing design tokens and screens retained */
.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{display:flex;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;padding:20px;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}.lesson-stage-content{padding:15px}.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}}

/* Tramiko v8.1 — compact, readable iPhone lesson layout. Desktop unchanged. */
@media (max-width:650px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{overflow-x:hidden}
  .main{padding:14px 13px calc(94px + env(safe-area-inset-bottom));min-width:0}
  .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}
}

/* v8.2 — mobile-first compact lesson stage, single word flow */
.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;align-items:center;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}
}

/* Tramiko redesign additions */
.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{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.postcard-art.themed img{width:56px;height:56px;border-radius:16px}.postcard-art.themed small{text-align:center;color:#637267}.lesson-emoji{font-size:2rem;line-height:1}
.lesson-intro-themed{align-items:center}.lesson-mini-scene{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #dde7da;padding:8px 12px;border-radius:999px;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-card-visual{display:flex;gap:14px;align-items:center}.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}.scene-card-visual{align-items:flex-start}}
@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{border-radius:16px;align-items:flex-start}.postcard-art.themed small{font-size:.78rem}}

/* v10.1 — consistent lesson illustration system + mobile refinement */
.postcard-art.themed{position:relative;overflow:hidden;min-height:172px;border-radius:19px;padding:0!important;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{position:absolute;bottom:9px;left:10px;right:10px;display:block;width:max-content;max-width:calc(100% - 20px);background:#fffaf0eb;border-radius:999px;padding:5px 10px;font-size:.7rem;font-weight:800;color:#2c5a43;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;object-fit:cover;border-radius:13px;flex-shrink:0}.scene-card-visual{display:grid;grid-template-columns:128px 1fr;gap:16px;align-items:center}.scene-card-visual img{width:128px;height:90px;object-fit:cover;border-radius:17px;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;margin-bottom:5px!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;gap:10px}.scene-card-visual img{width:92px;height:77px;border-radius:12px}.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}}

/* V12: approved travel-editorial direction, real photo-led cards and compact mobile interaction */
: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{display:flex;justify-content:space-between;align-items:center;gap:12px;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{font-size:clamp(1.7rem,5vw,2.1rem);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;object-fit:cover;display:block;margin-bottom:9px}.v12-picture-option strong{display:block;font-size:.78rem;min-height:33px;line-height:1.35;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{border-radius:15px;padding:14px 16px;font-size:.88rem}.v12-feedback.yes{background:#e5f4e9;color:#225a39}.v12-feedback.no{background:#fff3e8;color:#825232}.v12-feedback p{margin:5px 0 0}.v12-actions{margin-top:16px;display:flex;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 h1{font-size:1.6rem}.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 visual quality, restrained editorial layout */
.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-top{align-items:center}.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}}


/* V14 · Miko motion layer. Respects reduced motion, avoids covering the mobile nav. */
.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}}


/* V15 — approved custom Beginner 1 cards. Preserve existing lesson functionality. */
.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}}


/* V15.1 — Keep future destinations vivid without changing lesson availability. */
.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;
}
/* Keep state communicated through the UP NEXT tag instead of dimming the picture. */
.atlas-v15-card.atlas-future .passport-stamp {
  background: #f3f9f3;
  border-color: #bfd8c7;
  color: #285e47;
}

/* V17 · accurate, interactive Basic Greetings (both directions) */
.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}}

/* V18 · Custom clear scenes and question-specific pictures */
.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: accessible answer feedback and optional sound */
.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.no strong{color:#795a37}.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}

/* V20 — Compact desktop challenges and result screens. Mobile layout is unchanged. */
@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; }
}

/* V23: introductions reuses the finished Basic Greetings lesson visual structure */
.intro-v23 .intro-v23-visual{position:relative;overflow:hidden;min-height:190px;background:#e8efe6;}
.intro-v23 .intro-v23-visual>img{display:block;width:100%;height:100%;max-height:255px;object-fit:cover;}
.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;}
@media(min-width:901px){.intro-v23 .intro-v23-visual>img{max-height:235px;}}
@media(max-width:640px){.intro-v23 .intro-v23-visual>img{height:180px;object-fit:cover;}.intro-v23 .g17-scene>img{object-fit:cover;}}

/* V24: introduction panels use the same responsive context rhythm as Greetings */
.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}}


/* Homepage refresh — premium cream nav + new top imagery */
.sidebar{background:#fffaf2!important}
.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}}

/* Scoped premium home design; preserve original cream desktop and mobile navigation */
.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;border-radius:17px}.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}}

/* HOME DESIGN — fidelity update 2026-11-02; scoped to the home page only. */
.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;align-items:center;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{min-height:500px!important;padding:18px 14px 46px!important;border-radius:20px 20px 0 0!important;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;background-position:center 20%!important}
.tr-home-final .tr-hero-head{padding:0 4px}.tr-home-final .tr-logo{font-size:1.6rem}.tr-home-final .tr-hero-streak{padding:7px 9px;font-size:.8rem}.tr-home-final .tr-hero-bell{display:none}
.tr-home-final .tr-hero-copy{align-self:stretch;max-width:68%;margin:18px 0 auto!important;padding-top:4px}
.tr-home-final .tr-hero-copy h1{font-size:clamp(1.7rem,8vw,2.25rem)!important;letter-spacing:-.045em;margin-bottom:8px}
.tr-home-final .tr-hero-copy p{font-size:.93rem!important;line-height:1.34}
.tr-home-final .tr-lang-wrap{width:100%;margin-top:auto;align-self:center}
.tr-home-final .tr-lang{width:100%;justify-content:space-between;gap:5px;padding:11px 9px;font-size:.70rem;box-shadow:0 6px 18px #0e332433}
.tr-home-final .tr-flag-svg{width:23px;height:16px}.tr-home-final .tr-lang-side{gap:5px}.tr-home-final .tr-lang-arrow{font-size:16px}.tr-home-final .tr-chevron{font-size:13px}
.tr-home-final .tr-home-below{padding:0 1px 16px;gap:13px;margin-top:-14px!important;grid-template-columns:1fr!important}
.tr-home-final .tr-continue{grid-column:1!important;padding:12px;grid-template-columns:100px minmax(0,1fr) 27px;gap:10px;border-radius:21px;min-height:135px}
.tr-home-final .tr-lesson-img{width:100px;height:107px;border-radius:14px}
.tr-home-final .tr-overline{font-size:.63rem;padding:5px 8px}
.tr-home-final .tr-continue-main h2{font-size:1.07rem!important;line-height:1.16!important;margin:7px 0 4px}
.tr-home-final .tr-continue-main p{font-size:.71rem;margin-bottom:7px}
.tr-home-final .tr-open{width:27px;height:27px;font-size:1rem}
.tr-home-final .tr-daily-row{grid-column:1;grid-template-columns:1fr 1fr;gap:10px;grid-row:auto}
.tr-home-final .tr-miko-tutor{padding:10px;display:block;min-height:166px;border-radius:18px}.tr-home-final .tr-miko-tutor img{width:61px;height:61px;border-radius:15px;display:block;margin-bottom:9px}.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{grid-template-columns:1fr;gap:10px}.tr-home-final .tr-stats article{padding:10px 8px;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;text-align:left;gap:2px 7px;min-height:75px}.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;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.tr-home-final .tr-link{min-height:78px;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}
}

/* Fix hero art under strict Content Security Policy (no inline CSS variables). */
.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;}
}

/* Consistent Tramiko wordmark: transparent sidebar asset and white hero asset. */
.sidebar{background:#fffaf2!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-logo-img{width:clamp(134px,44vw,184px);max-height:52px}}

/* V6 — small mobile hero height refinement, other layouts unchanged */
@media(max-width:650px){.tr-home-final .tr-hero{min-height:470px!important}}

/* V7 mobile homepage: tighter hero + calmer, readable card layout. Desktop untouched. */
@media (max-width:650px) {
 .tr-home-final .tr-hero {
   min-height:400px!important;
   height:400px!important;
   padding:14px 16px 22px!important;
   border-radius:19px 19px 0 0!important;
   background-position:center 42%!important;
 }
 .tr-home-final .tr-hero-head{padding:0 2px}
 .tr-home-final .tr-logo-img{width:clamp(124px,40vw,160px);max-height:43px}
 .tr-home-final .tr-hero-streak{font-size:.76rem;padding:6px 11px}
 .tr-home-final .tr-hero-copy{max-width:75%;margin:12px 0 auto!important;padding-top:3px}
 .tr-home-final .tr-hero-copy h1{font-size:clamp(1.55rem,6.4vw,1.95rem)!important;line-height:1.07;margin-bottom:6px}
 .tr-home-final .tr-hero-copy p{font-size:clamp(.8rem,3.2vw,.91rem)!important;line-height:1.32;max-width:235px}
 .tr-home-final .tr-lang-wrap{margin-top:0;width:100%}
 .tr-home-final .tr-lang{padding:9px 10px;min-height:50px;font-size:clamp(.68rem,2.7vw,.83rem);gap:5px}
 .tr-home-final .tr-flag-svg{width:27px;height:19px}
 .tr-home-final .tr-lang-side{gap:6px;min-width:0}
 .tr-home-final .tr-lang-arrow{margin:0 3px}
 .tr-home-final .tr-home-below{margin-top:-1px!important;padding:12px 10px 18px;gap:11px;background:#f8f6ef}
 .tr-home-final .tr-continue{grid-template-columns:86px minmax(0,1fr) 30px;gap:11px;min-height:118px;padding:10px;border-radius:17px}
 .tr-home-final .tr-lesson-img{width:86px;height:94px;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-daily-row{gap:9px}
 .tr-home-final .tr-miko-tutor{min-height:151px;padding:12px}
 .tr-home-final .tr-miko-tutor img{width:53px;height:53px;margin-bottom:6px}
 .tr-home-final .tr-stats article{min-height:70px}
 .tr-home-final .tr-link-grid{gap:7px}
 .tr-home-final .tr-link{min-height:68px}
}
@media(max-width:380px){
 .tr-home-final .tr-hero{height:378px!important;min-height:378px!important}
 .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}
}


/* V8: polished, compact mobile home — keep desktop exactly as before */
@media(max-width:650px){
  /* Remove the duplicate header strip above the hero on home only. */
  .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-hero{height:356px!important;min-height:356px!important;padding:17px 16px 18px!important;border-radius:0 0 25px 25px!important;background-position:center 47%!important}
  .tr-home-final .tr-logo-img{width:148px!important;max-height:45px!important}
  .tr-home-final .tr-hero-head{position:relative;z-index:2}
  .tr-home-final .tr-hero-copy{max-width:60%!important;margin:8px 0 auto!important}
  .tr-home-final .tr-hero-copy h1{font-size:clamp(1.55rem,6vw,2rem)!important;line-height:1.08!important;margin-bottom:6px!important}
  .tr-home-final .tr-hero-copy p{font-size:.86rem!important;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;position:relative;z-index:3}
  .tr-home-final .tr-lang{min-height:52px!important;padding:8px 10px!important;background:#fffaf0!important;color:#143d2d!important;border:1px solid #e6decf!important;box-shadow:0 10px 26px #1639232b!important;font-size:clamp(.66rem,2.65vw,.85rem)!important}
  .tr-home-final .tr-home-below{margin:0!important;padding:31px 13px 98px!important;gap:13px!important;background:#f9f5ed!important}
  .tr-home-final .tr-continue{border-radius:22px!important;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;grid-template-columns:1fr 1fr!important;gap:10px!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}
  /* Navigation becomes a deliberate floating forest-green dock with cream icons. */
  .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-hero{height:337px!important;min-height:337px!important}.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;min-width:0;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}}

/* V9 — premium cream mobile header, centered language selector */
.tr-mobile-homebar{display:none}
@media(max-width:650px){
 .tr-home-final{width:100%;overflow:visible}
 .tr-mobile-homebar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:12px 12px;background:#fffaf1;border-radius:0 0 18px 18px;color:#143d2b;position:relative;z-index:2;box-shadow:0 3px 14px #173a2511}
 .tr-mobile-homebar>img{width:clamp(110px,29vw,157px);height:auto;max-height:54px;object-fit:contain}
 .tr-mobile-homebar-actions{display:flex;align-items:center;gap:5px}
 .tr-homebar-metric{white-space:nowrap;padding:8px 9px;border:1px solid #eadfd0;background:#fffdf8;border-radius:999px;font-size:clamp(10px,2.6vw,13px);font-weight:800;color:#153e30;box-shadow:0 3px 8px #2b33101a}
 .tr-homebar-avatar{background:#efd0b9;border:0;border-radius:50%;width:34px;height:34px;flex-shrink: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{height:344px!important;min-height:344px!important;padding:16px 17px 15px!important;border-radius:0 0 25px 25px!important;overflow:visible!important;background-position:center 43%!important}
 .tr-home-final .tr-hero-copy{margin:26px 0 auto!important;max-width:67%!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-wrap{width:calc(100% - 16px)!important;position:absolute!important;bottom:-23px!important;left:8px!important;margin:0!important}
 .tr-home-final .tr-lang{width:100%!important;min-height:49px!important;padding:9px 10px!important;font-size:clamp(.61rem,2.7vw,.9rem)!important}
 .tr-home-final .tr-home-below{padding-top:48px!important;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}
}

/* V10: mobile fit/brand cohesion; applied to every tab's navigation */
: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-home-final{max-width:100%;min-width:0}
 .tr-mobile-homebar{box-sizing:border-box;width:100%;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{border-radius:12px!important;background:#fffdf9!important;padding:8px 7px!important;font-size:clamp(9px,2.5vw,12px)!important;line-height:1.1;box-shadow:none!important;white-space:nowrap}
 .tr-homebar-avatar{width:32px!important;height:32px!important;font-size:12px;flex-shrink:0}
 .tr-home-final .tr-hero{height:327px!important;min-height:327px!important;overflow:visible!important;border-radius:0 0 19px 19px!important;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;min-width:0}
 .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}}

/* V11 — mobile viewport containment and independently layered direction selector */
@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}
}

/* V12 — single centered mobile viewport, aligned page edges and logo */
@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;}
}

/* V13: fixed shared navigation, hidden only for immersion screens. */
@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}

/* V14: premium Miko home card using supplied approved image */
.tr-home-final .tr-miko-tutor.tr-miko-premium{display:block!important;position:relative!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:1 / 1!important;overflow:hidden!important;border:1px solid #efe0c6!important;border-radius:24px!important;padding:0!important;margin:0!important;background:#faf5ed!important;box-shadow:0 9px 24px #143b281a!important;line-height:0!important}
.tr-home-final .tr-miko-tutor.tr-miko-premium>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important;object-position:center!important;border-radius:0!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}

/* V15: Keep premium Miko artwork compact; never crop the CTA. */
@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-miko-tutor.tr-miko-premium{width:100%!important;max-width:235px!important;aspect-ratio:1/1!important;justify-self: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{width:100%!important;max-width:none!important;min-width:0!important;aspect-ratio:1/1!important;height:auto!important;border-radius:18px!important}
 .tr-home-final .tr-miko-tutor.tr-miko-premium>img{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important}
}

/* V16: exact artwork for either learning direction, fitted without gaps */
.tr-home-final .tr-miko-tutor.tr-miko-premium{aspect-ratio:1/1!important;max-width:235px!important;width:100%!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important;border-radius:20px!important;background:#faf5ed!important;justify-self:start}
.tr-home-final .tr-miko-tutor.tr-miko-premium>img{display:block!important;width:100%!important;height:100%!important;object-fit:fill!important;margin:0!important;border-radius:0!important}
@media(max-width:760px){.tr-home-final .tr-miko-tutor.tr-miko-premium{max-width:100%!important;width:100%!important;justify-self:stretch!important;border-radius:18px!important}}

/* V17 — Desktop language switch and properly fitted Miko premium card */
.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}
}


/* V18 — desktop hero selector has its own clearance above the cards */
@media (min-width: 761px) {
  .tr-home-final > .tr-lang-wrap {
    margin-bottom: 58px !important;
  }
  .tr-home-final .tr-home-below {
    padding-top: 8px !important;
  }
}

/* V19 passport cover — supplied artwork, without the old emoji book */
.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}}

/* V20 — matching learning-page header and six-heart preview */
.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;color:#da5570;background:#fffdf9;border:1px solid #eadfd0;border-radius:13px;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}}

/* V21 two-row reference header on all non-Home pages */
.tr-unified-header{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;background:#faf5ed!important;border:0!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;overflow:visible!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;min-height:130px!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{width:33px!important;height:33px!important;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}
}

/* V22 flag-only selector + aesthetic wave */
.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}
}

/* V23: native Home-sized mobile headers; standard desktop topbar only. */
@media (min-width:761px){
 .main>.tr-header-v23{display:none!important}
 .main>.tr-header-v23+.topbar{display:flex!important}
}
@media (max-width:760px){
 .main>.tr-header-v23{box-sizing:border-box!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:100%!important;height:76px!important;min-height:76px!important;max-height:76px!important;padding:10px 14px!important;margin:0!important;border:0!important;border-radius:0 0 20px 20px!important;background:#faf5ed!important;box-shadow:0 3px 12px rgba(20,50,30,.06)!important;gap:8px!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{min-width:54px!important;height:42px!important;border:1px solid #e8dfd1!important;border-radius:15px!important;padding:5px 9px!important;display:flex!important;align-items:center!important;gap:5px!important;background:#fffdfa!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;gap:5px!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;padding:7px 7px!important;font-size:clamp(10px,2.5vw,12px)!important;line-height:1.2!important;min-height:34px!important;border-radius:17px!important;background:#fffdfa!important;border:1px solid #e9dfd2!important;color:#153c2d!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{flex:0 0 32px!important;width:32px!important;height:32px!important;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}
}

/* V24: match Home header's 72px flush rectangular shape, actual SVG flags */
@media(max-width:760px){
 .main>.tr-header-v23{height:72px!important;min-height:72px!important;max-height:72px!important;border-radius:0!important;background:#faf5ed!important;border:none!important;box-shadow:none!important;padding:10px 13px!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;border-radius:15px!important}
 .tr-header-v23 .tr-v23-stats>.tr-homebar-avatar{height:32px!important;width:32px!important;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}
}

/* V25: Profile uses exact Home header markup and dimensions on mobile. */
@media(min-width:761px){.main>.tr-profile-homebar{display:none!important}}
@media(max-width:760px){
.main>.tr-profile-homebar{display:flex!important;width:100%!important;box-sizing:border-box!important;margin:0 0 16px!important;border:0!important;box-shadow:none!important;border-radius:0!important;background:#faf5ed!important}
.main>.tr-profile-homebar .tr-mobile-homebar-actions{display:flex!important}
}

/* V26: Match You mobile header to Home's real full-bleed header, exactly. */
@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}
}

/* V27: You and Home literally share one header renderer. Remove duplicate profile topbar. */
@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}}

/* V29 / Tramiko Language Tree — scoped to Learn only */
.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}}

/* V30 — Tramiko editorial language pathway, scoped entirely to Learn */
.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}}

/* V31 - reference-aligned editorial learning adventure */
.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}}

/* V32: start Learn immediately with level-selection cards. No hero/landscape. */
.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}}

/* V33 greetings lesson */
.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}}

/* V34 Discover: editorial text-first phrase cards, no images */
.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}}

/* V35 - compact Real Life scenes and proper matching practice */
.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}.g35-match-item.paired{background:#e9f3e3;border-color:#90b48e}

/* V36: compact editorial mobile lesson layout, reference-inspired */
@media(max-width:760px){
 .main>.tr-header-lesson-v36{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;height:72px!important;min-height:72px!important;max-height:72px!important;padding:0 20px!important;margin-bottom:0!important;background:#faf5ed!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;gap:10px!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{padding:5px 12px 100px!important;max-width:100%;box-sizing:border-box}
 .tr-greet-v33 .lesson-compact-top{display:none!important}
 .tr-greet-v33 .tr-greet-heading{padding:13px 0 16px!important;margin:0!important}
 .tr-greet-v33 .tr-greet-heading .eyebrow{font-size:10px!important;letter-spacing:.12em!important;line-height:1.5}
 .tr-greet-v33 .tr-greet-heading h1{font-size:clamp(35px,9vw,48px)!important;margin:10px 0 0!important;line-height:1.04!important;letter-spacing:-.04em!important}
 .tr-greet-v33 .lesson-stage-tabs{gap:8px!important;margin:15px 0 22px!important;padding:0 0 19px!important;border-bottom:1px solid #e9e3d8}
 .tr-greet-v33 .lesson-stage-tab{min-width:0!important;min-height:54px!important;padding:10px 5px!important;border-radius:15px!important;font-size:clamp(11px,3.2vw,15px)!important;white-space:nowrap!important;gap:5px!important}
 .tr-greet-v33 .lesson-stage-tab span{font-size:12px!important;width:28px!important;height:28px!important;min-width:28px!important}
 .tr-greet-v33 .tr-greet-real,.tr-greet-v33 .tr-greet-discover,.tr-greet-v33 .tr-greet-ready{margin:14px auto 0!important;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}}

/* V37 - lesson mobile header: Back to Learn + visible hearts and XP */
@media(max-width:760px){
 .main>.tr-header-lesson-v36{height:62px!important;min-height:62px!important;max-height:62px!important;padding:0 15px!important;margin:0!important;border-bottom:1px solid #e9e1d4!important}
 .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 .tr-greet-heading{padding:8px 0 9px!important}
 .tr-greet-v33 .tr-greet-heading h1{margin:5px 0 0!important}
 .tr-greet-v33 .lesson-stage-tabs{margin:10px 0 14px!important;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){
 .main>.tr-header-lesson-v36{padding:0 10px!important}
 .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}
}

/* V38: lesson header occupies the first row, no duplicate exit */
@media (max-width:760px){
  .shell.is-focused-activity:has(.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;position:relative;top:0;transform:none;height:66px!important;min-height:66px!important;max-height:66px!important;padding:0 15px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
  .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;}
}

/* V39: Basic Greetings challenge shares the exact lesson header on mobile. */
@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{height:66px!important;min-height:66px!important;max-height:66px!important;margin-top:0!important;margin-bottom:0!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important}
 .shell.is-focused-activity:has(>.main>.tr-header-lesson-v36) .quiz-wrap{margin-top:12px!important}
}

/* V40: unified challenge header and compact Your Turn entry */
.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;background:#fffdf9;border:1px solid #e9dfd2;border-radius:999px;color:#173d2e;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}
}

/* V41 — chapter navigation and refined progress indicators */
.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)}
/* All stat counters share the same pill language — no added logos or extra headers */
.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}}

/* V42 — desktop-wide unified hearts / streak / XP bar.
   Desktop only. Mobile home + lesson headers remain unchanged. */
@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}
}

/* V44: polished chapter selector and more accessible, compact learning path */
.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}}


/* V45 — focused, premium lesson experience without extra visual clutter */
.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}}

/* V46 Introduction lesson uses the same focused presentation as Basic Greetings. */
.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;margin:18px 0;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)}}

/* V47 — Shared lesson header and greetings-style interactive introductions */
@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}}

/* V50: Numbers 1 lesson — consistent compact language-learning cards */
.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}}

/* V52 — Number lesson: correctly cropped images and consistent responsive framing.
   Image assets contain the photograph only, no screenshot text or quiz UI. */
.tr-numbers-v50 .tr-greet-scenes .tr-greet-scene>img {
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio: 16 / 9!important;
  object-fit:cover!important;
  object-position:center center!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 {aspect-ratio: 4 / 3!important;}
}


/* V53 — real-life numbers photos: show the entire image at every size. */
.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;
}
@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{
    height:auto!important;aspect-ratio:2/1!important;object-fit:contain!important
  }
}
/* Number challenges show only the numeral, never a translation underneath. */
.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}
.n53-number-challenge .g18-question-art{
  width:100%!important;max-height:360px!important;object-fit:contain!important;
  aspect-ratio:2/1!important;background:#faf5ee;
  border-radius:18px!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}
 .n53-number-challenge .g18-question-art{max-height:260px!important;aspect-ratio:2/1!important}
}

/* V55: Colours 1 matches the premium Numbers learning flow */
.tr-colours-v55 .c55-word-card{min-height:285px;align-items:center;justify-content:center;}
.tr-colours-v55 .c55-main-swatch{width:min(190px,48vw);height:112px;border-radius:27px;background:var(--swatch);border:2px solid var(--swatch-border);box-shadow:inset 18px 16px 33px #ffffff28,0 12px 30px #203b2918;margin:14px auto 20px;position:relative;overflow:hidden;}
.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-scenes .tr-greet-scene>img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:contain!important;background:#F8F3EA;display:block;}
.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;}}


/* V56 — Colours + Numbers refinements */
.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;
}
.tr-colours-v55 .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:#F8F3EA;
  display:block;
}
.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}
}


/* V57: faithful colour scene framing and accurate Numbers count photography. */
.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;
}
/* Keep the five oranges and two coffees edge-to-edge without enlarging their subjects. */
.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;}
}


/* V58: CSS-backed colour swatches (compatible with strict Content Security Policy).
   One shared palette for Discover and all practice picture questions. */
.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}
}

/* V59 - Days of the Week follows the same premium lesson layout */
.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;width:min(200px,55vw);height:138px;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{font-size:clamp(36px,7vw,60px);line-height:1;font-weight:900;letter-spacing:.02em}
.tr-days-v59 .tr-greet-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tr-days-v59 .tr-greet-scenes .tr-greet-scene>img{display:block;width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important;object-position:center!important;background:#f5efe5}
@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-scenes .tr-greet-scene>img{aspect-ratio:16/10!important}.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}}


/* V61 — Days of the Week: matching premium practice introduction and legible calendars. */
.tr-days-v59 .tr-greet-scenes .tr-greet-scene>img{
 display:block!important;width:100%!important;height:auto!important;
 aspect-ratio:448 / 274!important;object-fit:contain!important;
 object-position:center center!important;background:#f7f0e5!important;border:0!important;
}
.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%;}
/* Practice counting/calendars use their full landscape photographs, not the older center crop. */
.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-scenes .tr-greet-scene>img{aspect-ratio:448/274!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;}
}

/* V62: Full weekday labels and reliably fitted photo frames in both languages */
.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{
 display:block!important;width:100%!important;height:auto!important;
 aspect-ratio: 1344 / 822!important;object-fit:contain!important;object-position:center center!important;
 background:#f5efe5!important;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){
 .tr-days-v59 .tr-greet-scenes .tr-greet-scene>img{aspect-ratio:1344 / 822!important;}
 .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}
}


/* V63 — real photos are edge-to-edge, with readable full weekday in a small integrated tab. */
.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){.tr-days-v59 .tr-greet-scenes .tr-greet-scene>img{aspect-ratio:1344/822!important}.g35-match-item{min-height:56px!important}}


/* V64 — original caption-free photographs, full photo without text overlays */
.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}}

/* V65 Places Around You, consistent with Numbers / Days compact lesson UI. */
.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}}

/* V66: exact reference photograph framing for Places Around You. */
.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}
}

/* Chapter 01 final review — premium map milestone, responsive to phone and desktop */
.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}}

/* V68: Five-oranges photo from the user's reference, no answer text. */
.tr-numbers-v50 .tr-greet-scenes .tr-greet-scene > img[src*="n51-fruit.webp"] {
 aspect-ratio:1767/707!important;object-fit:contain!important;
 width:100%!important;height:auto!important;background:#faf6ee!important;
}
.v12-challenge .g18-question-art[src*="n51-fruit.webp"] {
 aspect-ratio:1767/707!important;object-fit:contain!important;
 width:100%!important;height:auto!important;max-height:none!important;background:#faf6ee!important;
}

/* V69 — use the same 4:3 photo frame as other lesson and review questions. */
.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;
  }
}

/* V70: Flashcards redesign. Scoped to the existing Flashcards view; shared headers stay intact. */
.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}}

/* V71 simplified premium Flashcards — scoped strictly to this page. Shared header/nav untouched. */
.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;margin:0 0 20px}.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}}

/* V72: Personal folders. Only Flashcards content is restyled; site-wide header untouched. */
.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}}

/* V73 Flashcards premium navigation, scoped only to the page; global site header unchanged. */
.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}}

/* V74 - a clearer collection-first flashcards experience. Shared topbar/sidebar/bottom nav are untouched. */
.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;min-height:47px;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}}

/* TRAMIKO V75 · MIKO PREMIUM SCREEN — isolated styles, header untouched */
.mk-page{--mk-forest:#123e2c;--mk-cream:#fbf6ed;--mk-ink:#153d31;color:var(--mk-ink);width:min(100%,1080px);margin:0 auto;padding:4px 4px 42px;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-page{padding:0 0 25px}.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}}


/* V76 — Premium Miko hero / approved desktop + mobile visual direction.
   Scope limited to Miko hero. All shared navigation and other pages remain untouched. */
.mk-page .mk-hero{isolation:isolate;min-height:420px;display:flex;align-items:stretch;position:relative;overflow:hidden;border:1.5px solid #e6ce88;border-radius:38px;background:radial-gradient(ellipse at 60% 100%,#d5dfb2 0%,transparent 49%),linear-gradient(120deg,#fffaf0 7%,#f7f4e7 48%,#e4e9c9 100%);box-shadow:0 17px 40px rgba(70,67,34,.12);}
.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{position:relative;z-index:3;width:59%;box-sizing:border-box;padding:25px 10px 34px clamp(25px,4.1vw,66px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
.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{position:relative;display:inline-flex;align-items:center;gap:10px;background:linear-gradient(125deg,#154a31,#0b3a2b);color:#fff5d3;border:1px solid #e7c25b;border-radius:999px;padding:12px 22px;font-size:clamp(10px,1vw,14px);font-weight:850;letter-spacing:.17em;box-shadow:0 3px 0 #e0c35a55 inset,0 0 15px #e5bd65ac,0 9px 18px #254c2d25;text-transform:uppercase;white-space:nowrap}
.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;color:#ffdb7c;line-height:1}
.mk-page .mk-kicker{display:block;color:#617e5b;margin:19px 0 2px 2px;font-weight:800;font-size:clamp(10px,1.08vw,14px);letter-spacing:.28em}
.mk-page .mk-hero h1{font-family:Georgia,'Times New Roman',serif;color:#06402b;font-size:clamp(48px,6.1vw,93px);font-weight:750;line-height:1.04;letter-spacing:-.055em;margin:7px 0 0;white-space:nowrap}
.mk-page .mk-hero-underline{height:10px;width:min(260px,45%);margin:0 0 6px 44%;border-top:6px solid #c9a347;border-radius:50%;transform:rotate(-3deg)}
.mk-page .mk-hero p{max-width:550px;color:#294c3d;font-size:clamp(16px,2vw,22px);line-height:1.43;margin:13px 0 25px}
.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{position:relative;left:auto;bottom:auto;z-index:5;display:flex;align-items:center;gap:16px;box-sizing:border-box;width:min(100%,540px);max-width:none;min-height:65px;margin-top:3px;padding:12px 15px 12px 22px;border:1px solid #dfb95b;border-radius:999px;color:#fff6dd;background:linear-gradient(115deg,#0e4b31,#174e2e 70%,#063c2c);box-shadow:0 0 0 2px #e5c46633,0 0 15px #e7c26d76,0 12px 24px #17493629;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{display:flex;flex:1;gap:4px;min-width:0;flex-wrap:wrap;align-items:baseline}
.mk-page .mk-resume b{font-size:clamp(14px,1.48vw,19px);color:#fff;line-height:1.2}.mk-page .mk-resume small{font-size:clamp(12px,1.3vw,16px);color:#e9dcae;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.25;white-space:nowrap}
.mk-page .mk-resume-arrow{flex:0 0 31px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:#123d2c;background:linear-gradient(#fff8d8,#f3e4a8);font-size:21px;margin-left:auto;box-shadow:0 1px 6px #b8943c65}
@media(max-width:1020px) and (min-width:701px){.mk-page .mk-hero{min-height:340px}.mk-page .mk-hero-copy{width:61%;padding-left:27px}.mk-page .mk-hero-brand{margin-bottom:13px}.mk-page .mk-premium-label{font-size:10px;padding:10px 15px;letter-spacing:.11em}.mk-page .mk-premium-label:before,.mk-page .mk-premium-label:after{display:none}.mk-page .mk-hero h1{font-size:clamp(42px,5.6vw,62px)}.mk-page .mk-hero p{font-size:15px}.mk-page .mk-hero-miko{width:48%}.mk-page .mk-resume{min-height:54px;padding:9px 11px}.mk-page .mk-resume b{font-size:13px}.mk-page .mk-resume small{font-size:12px}}
@media(max-width:700px){
.mk-page .mk-hero{min-height:0;display:block;height:auto;aspect-ratio:0.78;max-height:none;border-radius:35px;border:1.5px solid #e9d9aa;background:radial-gradient(ellipse at 86% 52%,#dce7c4 0%,transparent 55%),linear-gradient(158deg,#fffaf0 0%,#f7f0d9 60%,#d5dcae 100%);overflow:hidden}
.mk-page .mk-hero-copy{padding:clamp(21px,5vw,34px) 20px 0;width:100%;height:100%;box-sizing:border-box;display:block;position:relative;z-index:3}
.mk-page .mk-hero-brand{display:none}
.mk-page .mk-premium-label{font-size:clamp(9px,2.45vw,13px);letter-spacing:.09em;padding:10px 15px;gap:7px;max-width:100%;white-space:nowrap;box-shadow:0 3px 10px #dcb9526b;background:linear-gradient(#fffefa,#fff3d2);color:#25422c;border:1px solid #e4ba62}
.mk-page .mk-premium-label:before,.mk-page .mk-premium-label:after{display:none}
.mk-page .mk-premium-crown{color:#bd891e;font-size:19px}
.mk-page .mk-kicker{display:none}
.mk-page .mk-hero h1{font-family:Arial,system-ui,sans-serif;font-size:clamp(36px,9.3vw,58px);font-weight:900;line-height:1.03;letter-spacing:-.055em;white-space:normal;max-width:51%;margin:clamp(38px,8vw,74px) 0 7px}
.mk-page .mk-hero-underline{margin:0 0 0 12px;width:35%;height:6px;border-top:4px solid #e4b33a}
.mk-page .mk-hero p{max-width:47%;font-size:clamp(13px,3.5vw,19px);line-height:1.48;margin:clamp(20px,4vw,32px) 0 0}
.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{position:absolute;left:3.5%;bottom:5.3%;margin:0;width:93%;max-width:none;min-height:70px;padding:11px 14px;border-radius:999px;gap:10px;z-index:5}
.mk-page .mk-resume-icon{font-size:22px;flex-basis:28px!important}.mk-page .mk-resume-words{display:grid;gap:2px}.mk-page .mk-resume b{font-size:clamp(14px,4vw,20px)}.mk-page .mk-resume small{font-size:clamp(11px,3.1vw,15px)}.mk-page .mk-resume-arrow{flex-basis:36px;width:36px;height:36px;font-size:22px}
}
@media(max-width:385px){.mk-page .mk-hero{aspect-ratio:.72}.mk-page .mk-hero h1{margin-top:30px;font-size:35px}.mk-page .mk-hero p{font-size:12px}.mk-page .mk-premium-label{font-size:9px;padding:8px 10px}.mk-page .mk-resume{min-height:61px}.mk-page .mk-resume b{font-size:14px}.mk-page .mk-resume small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.mk-page .mk-resume{transition:none}}


/* V77: Dark premium Miko language partner, inspired by user's reference. Scoped to Miko view only. */
.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}}


/* V78 – calm, editorial Miko experience; shared shell/header untouched */
.mk-page.mk-v78{--mk-ink:#174433;--mk-forest:#174734;position:relative;width:min(100%,1120px);max-width: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{max-width:940px}.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}}

/* V80 — refined Miko premium: original shared header is untouched */
.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}}

/* V81 — MOBILE-ONLY MIKO PAGE: visual fidelity to approved reference.
   Shared header, desktop styles, and routed Chat/Call/Roleplay views are unchanged. */
@media (max-width:760px) {
  .mk-v78.mk78-home{padding:0 4px 42px!important;overflow:visible}
  .mk-v78.mk78-home .mk80-hero{
    position:relative;display:block;min-height:390px;isolation:isolate;overflow:hidden;
    border:1px solid #e9e0c9;border-radius:27px;
    background:radial-gradient(ellipse at 75% 32%,#1c6b46 0%,#0c412e 31%,transparent 68%),
       linear-gradient(110deg,#fff8ef 0%,#f8f0df 42%,#dbe5bb 73%,#0c3a2b 100%);
    box-shadow:0 14px 31px #234e3020;
  }
  .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{position:relative;z-index:3;width:100%;padding:29px 17px 21px;align-self:auto}
  .mk-v78.mk78-home .mk80-hero .mk78-premium{font-size:9px;letter-spacing:.075em;max-width:max-content;padding:8px 12px;white-space:nowrap;margin:0 0 20px;box-shadow:0 4px 13px #a68c4770}
  .mk-v78.mk78-home .mk80-hero .mk78-eyebrow{display:block;width:55%;font-size:10px;letter-spacing:.22em;line-height:1.4;color:#504b34}
  .mk-v78.mk78-home .mk80-hero h1{max-width:62%;margin:13px 0 11px;font-size:clamp(34px,10vw,49px);line-height:1.02;white-space:normal;letter-spacing:-.045em;color:#082e23}
  .mk-v78.mk78-home .mk80-hero h1 em{display:block;color:#a07a34;font-style:italic;font-weight:700}
  .mk-v78.mk78-home .mk80-hero p{max-width:51%;font-size:clamp(11px,3.2vw,14px);line-height:1.48;color:#285642;margin:0}
  .mk-v78.mk78-home .mk80-hero .mk78-hero-art{
    position:absolute;z-index:1;inset:0 0 35px auto;width:58%;height:auto;min-height:0;
    display:block;background:transparent!important;overflow:visible;
  }
  .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 .mk78-hero-art img{
    position:absolute;top:26px;right:-16%;bottom:auto;width:128%;height:90%;max-width:none;
    object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 19px #062c2366);
  }
  .mk-v78.mk78-home .mk80-hero-call{
    position:absolute;top:302px;left:17px;width:calc(100% - 34px);min-height:52px;margin:0;
    padding:12px 18px;z-index:4;justify-content:space-between;
    border-radius:999px;font-size:clamp(12px,3.4vw,17px);white-space:nowrap;
    background:linear-gradient(110deg,#276b43,#063a29);color:#fffcf0;border:1px solid #dec063;
    box-shadow:0 7px 16px #1c4d3040,0 0 0 2px #fff3cf44;
  }
  .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{margin-top:24px}
  .mk-v78.mk78-home .mk80-choose .mk78-section-heading{margin-bottom:14px}
  .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{font-size:clamp(25px,6.8vw,34px);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-hero{min-height:380px}
  .mk-v78.mk78-home .mk80-hero-call{top:294px}
  .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 h1{font-size:32px}
  .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}
}


/* V82 — integrated Miko header/hero. No card background or isolated image panel. */
@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;min-height:386px!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{max-width:64%!important;font-size:clamp(33px,9.4vw,49px)!important;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{max-width:49%!important;width:49%;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;top:0!important;bottom:auto!important;right:-16px!important;width:59%!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;right:-4%!important;bottom:auto!important;width:115%!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;top:297px!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-copy{padding-top:36px!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}
  .mk-v78.mk78-home .mk80-hero-call{top:289px!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%)}
}


/* V83: calm, focused practice screens, unchanged shared website header */
.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}}

/* Tramiko V84 — cohesive mobile-first learning system */
.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{display:flex;gap:9px;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}.tf74-rate{gap:6px}}
@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}}

/* V86 — premium language coaching, inline learning aids, compact voice call */
.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;font-weight:750;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;min-height:245px;padding:13px 25px;display:flex;align-items:center;justify-content:center;position:relative;gap:19px;overflow:hidden}.mk86-call-stage img{height:210px;max-width:42%;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{max-height:440px;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{min-height:150px;padding:8px 13px;gap:6px;justify-content:space-evenly}.mk86-call-stage img{height:145px;max-width:45%}.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-transcript .mk83-call-lines{max-height:52vh}.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}}

/* V87: calmer learning-first Miko pages */
.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}}

/* ===== Tramiko V88 premium learning layer ===== */
.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}}

/* ===== Tramiko V89 — premium flashcards home ===== */
.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}}

/* ===== Tramiko V90 ===== */
: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}
/* Find my level */
.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}
/* Profile */
.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);border-radius:22px;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{display:flex;align-items:center;justify-content:space-between;gap:14px}
.pf-level h3{margin:2px 0}.pf-level p{margin:0;font-size:.85rem;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}
/* Flashcards quick add */
.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}
/* ---- responsive: phones, tablets, landscape ---- */
@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;align-items:flex-start}
 .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}
/* V90 profile header = home header */
.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}}
/* V90 mobile: minimal text under lesson titles */
@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}
}

/* ===== Tramiko V91 ===== */
.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}}
/* clear prompts */
.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}
/* sentence mode */
.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}}
/* flashcards redesign */
.fz-hero{position:relative;overflow:hidden;border-radius:28px;padding:24px 20px;min-height:200px;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;max-width:62%}
.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;height:112%;max-height:260px;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;top:10px;right:10px;display:flex;gap:4px;z-index:2}.fz-manage button{border:0;background:rgba(255,255,255,.85);color:#16402e;border-radius:10px;width:30px;height:30px;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{min-height:230px;padding:30px}.fz-scroll{flex-wrap:wrap;overflow:visible}}
@media(max-width:420px){.fz-hero-copy{max-width:66%}.fz-hero-miko{height:96%}.fz-steps span{padding:5px 9px;font-size:.72rem}}
/* V91 fixes */
.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}}

/* ===== Tramiko V92 ===== */
/* shared player chrome */
.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}
/* story / real life */
.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}
/* flashcards slim + browse */
.fz-hero-slim{min-height:120px!important;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-hero-slim .fz-hero-miko{max-height:150px;height:120%}
.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}