.rje-conv-app{--ink:#10233e;--red:#c91f1f;--cream:#fffaf4;--line:#eadfd6;--green:#357a32;--blue:#1d5c99;--purple:#69469a;--orange:#d86408;max-width:1180px;margin:0 auto;color:var(--ink);font-family:Inter,"Noto Sans Bengali","Noto Sans JP",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;box-sizing:border-box}.rje-conv-app *{box-sizing:border-box}.rje-conv-app a{text-decoration:none}.rje-conv-topnav{display:flex;justify-content:space-between;gap:10px;margin:0 0 10px}.rje-conv-topnav a{color:var(--ink);background:#fff;border:1px solid #eee2d8;border-radius:11px;padding:9px 13px;font-weight:800;box-shadow:0 3px 12px rgba(31,38,53,.06)}
.rje-conv-hero,.rje-conv-player-head{position:relative;overflow:hidden;border-radius:22px;min-height:390px;padding:55px 42px 44px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid #f0e5db;box-shadow:0 10px 30px rgba(45,45,45,.08)}.rje-conv-hero{background:#fffaf6 url('../assets/hero-conversation-japan.png') center center/cover no-repeat}.rje-conv-player-head{background:#fffaf6 url('../assets/hero-japan-watercolor.svg') center/cover no-repeat}.rje-conv-hero:after,.rje-conv-player-head:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.06));pointer-events:none}.rje-conv-hero>* ,.rje-conv-player-head>*{position:relative;z-index:1}.rje-conv-brand{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;margin-bottom:14px}.rje-conv-brandmark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e2181c;color:#101010;font-size:24px;box-shadow:inset 0 0 0 8px #e2181c}.rje-conv-hero h1{font-size:clamp(34px,5vw,62px);line-height:1.05;margin:0;letter-spacing:-1.5px;color:#101d2f}.rje-conv-hero h1 em,.rje-conv-player-head h1 em{font-style:normal;color:var(--red)}.rje-conv-hero p{font-size:clamp(14px,2vw,18px);font-weight:700;margin:15px 0 12px}.rje-conv-triad{display:flex;gap:14px;align-items:center;font-weight:850}.rje-conv-triad i{font-style:normal;color:var(--red)}
.rje-conv-section{padding:34px 18px}.rje-conv-section-title{text-align:center;margin-bottom:24px}.rje-conv-section-title h2{font-size:clamp(23px,3vw,34px);margin:0 0 5px}.rje-conv-section-title p{margin:0;color:#5e6570}.rje-conv-level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.rje-conv-level-card{min-height:255px;border-radius:18px;border:1px solid #eaded4;background:linear-gradient(180deg,#fff,#fff9f5);padding:22px 14px 14px;color:var(--ink);display:flex;flex-direction:column;align-items:center;box-shadow:0 6px 18px rgba(45,45,45,.08);transition:.18s}.rje-conv-level-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(45,45,45,.12)}.rje-conv-level-num{font-size:50px;font-weight:950;line-height:1}.rje-conv-level-card.red .rje-conv-level-num{color:#bf1717}.rje-conv-level-card.green .rje-conv-level-num{color:#4d7742}.rje-conv-level-card.blue .rje-conv-level-num{color:#285d96}.rje-conv-level-card.purple .rje-conv-level-num{color:#72549e}.rje-conv-level-card.orange .rje-conv-level-num{color:#d26714}.rje-conv-level-card b{margin-top:6px}.rje-conv-level-card small{color:#69707b}.rje-conv-mini-landscape{flex:1;width:100%;margin:12px 0 10px;border-radius:12px;background:linear-gradient(160deg,rgba(234,161,170,.38),rgba(255,255,255,.4)),url('../assets/hero-japan-watercolor.svg') center/cover no-repeat}.rje-conv-start{width:100%;text-align:center;border-radius:10px;padding:9px;background:#bd1d1d;color:#fff;font-weight:850}.rje-conv-level-card.green .rje-conv-start{background:#4d7742}.rje-conv-level-card.blue .rje-conv-start{background:#285d96}.rje-conv-level-card.purple .rje-conv-start{background:#72549e}.rje-conv-level-card.orange .rje-conv-start{background:#d26714}.rje-conv-level-card.is-coming{opacity:.58;pointer-events:none}.rje-conv-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px;padding:22px;border-radius:18px;background:#fffaf5;border:1px solid #f0e3d9}.rje-conv-feature-grid article{text-align:center;padding:10px}.rje-conv-feature-grid span{font-size:34px;display:block}.rje-conv-feature-grid b,.rje-conv-feature-grid small{display:block}.rje-conv-feature-grid small{font-size:12px;color:#69707a;margin-top:6px}
.rje-conv-phase-list{display:grid;gap:14px}.rje-conv-phase-card{position:relative;display:grid;grid-template-columns:130px 1fr 260px 44px;min-height:150px;border:1px solid #eadfd6;border-radius:18px;background:#fff;overflow:hidden;color:var(--ink);box-shadow:0 5px 18px rgba(45,45,45,.08)}.rje-conv-phase-index{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:#c82121}.rje-conv-phase-card.p2 .rje-conv-phase-index{background:#4f7a3c}.rje-conv-phase-card.p3 .rje-conv-phase-index{background:#245c9a}.rje-conv-phase-card.p4 .rje-conv-phase-index{background:#68449b}.rje-conv-phase-card.p5 .rje-conv-phase-index{background:#d76408}.rje-conv-phase-index small{font-weight:900}.rje-conv-phase-index strong{font-size:58px;line-height:1}.rje-conv-phase-copy{padding:22px}.rje-conv-phase-copy h3{margin:0;color:#c82121;font-size:26px}.rje-conv-phase-card.p2 h3{color:#4f7a3c}.rje-conv-phase-card.p3 h3{color:#245c9a}.rje-conv-phase-card.p4 h3{color:#68449b}.rje-conv-phase-card.p5 h3{color:#d76408}.rje-conv-phase-copy p{margin:6px 0 0;font-size:13px;color:#646b73}.rje-conv-phase-art{background:url('../assets/hero-japan-watercolor.svg') 70% center/cover no-repeat;opacity:.9}.rje-conv-arrow{align-self:center;justify-self:center;width:38px;height:38px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:34px;color:#b71d1d}.rje-conv-tip{display:flex;gap:14px;align-items:center;border:1px solid #efd7cf;background:#fff9f6;border-radius:16px;padding:15px 18px;margin-top:20px}.rje-conv-tip>span{font-size:30px}.rje-conv-tip b{color:#b61d1d}.rje-conv-tip p{margin:2px 0 0;font-size:13px}
.rje-conv-list-head{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid #efe3da;border-radius:17px;padding:18px 20px;background:#fff}.rje-conv-list-head h2{margin:3px 0 0}.rje-conv-list-head p{margin:0;color:#646a73}.rje-conv-phase-chip{display:inline-block;border-radius:999px;background:#f8e7e3;color:#b61d1d;padding:5px 10px;font-weight:850;font-size:12px}.rje-conv-practice-list{display:grid;gap:9px;margin-top:14px}.rje-conv-practice-row{display:grid;grid-template-columns:54px 92px 1fr auto 52px;align-items:center;gap:12px;border:1px solid #e9e1da;border-radius:15px;background:#fff;color:var(--ink);padding:9px 12px;box-shadow:0 3px 12px rgba(45,45,45,.05);min-height:82px}.rje-conv-practice-row:not(.is-locked):hover{border-color:#cfc0b5;transform:translateY(-1px)}.rje-conv-practice-no{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#397838;color:#fff;font-size:18px;font-weight:950}.rje-conv-practice-row.premium .rje-conv-practice-no{background:#db6506}.rje-conv-practice-thumb{height:60px;border-radius:10px;background:url('../assets/hero-japan-watercolor.svg') center/cover;display:grid;place-items:center;font-size:25px}.rje-conv-practice-copy strong,.rje-conv-practice-copy small{display:block}.rje-conv-practice-copy strong{font-size:18px}.rje-conv-practice-copy small{color:#4e545d;margin-top:3px}.rje-conv-tier{border-radius:8px;padding:6px 10px;color:#fff;font-weight:900;font-size:11px}.rje-conv-tier.free{background:#397838}.rje-conv-tier.premium{background:#df6506}.rje-conv-row-arrow{font-size:23px;text-align:center}.rje-conv-practice-row.is-locked{opacity:.77}.rje-conv-practice-row.is-locked .rje-conv-row-arrow{font-size:11px;color:#7b7f87;font-weight:800}
.rje-conv-player-head{min-height:300px;padding:32px}.rje-conv-player-head h1{font-size:36px;line-height:1.05;margin:0}.rje-conv-player-head h1 span{font-size:28px}.rje-conv-player-head p{font-weight:800;margin:12px 0 2px}.rje-conv-player-head h2{margin:0;font-size:25px}.rje-conv-player{padding:18px}.rje-conv-media-card,.rje-conv-script-card{background:#fff;border:1px solid #e9dfd7;border-radius:18px;box-shadow:0 5px 18px rgba(45,45,45,.08);overflow:hidden}.rje-conv-media-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.rje-conv-controls{display:grid;grid-template-columns:54px 45px 1fr 45px 76px;gap:10px;align-items:center;padding:15px}.rje-conv-play{width:50px;height:50px;border:0;border-radius:50%;background:#c81e1e;color:#fff;font-size:20px;cursor:pointer}.rje-conv-controls input{width:100%;accent-color:#c81e1e}.rje-conv-controls select{border:0;border-radius:999px;padding:8px;background:#10233e;color:#fff}.rje-conv-control-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eee3db}.rje-conv-control-row button{border:0;background:#fff;padding:12px 5px;cursor:pointer;font-weight:850;color:var(--ink)}.rje-conv-control-row button span{display:block;font-size:10px;font-weight:600;color:#666}.rje-conv-script-card{margin-top:14px;padding:16px}.rje-conv-script-title{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #eee3db;padding-bottom:11px}.rje-conv-script-title h3{margin:0;color:#bd1e1e}.rje-conv-script-title span{font-size:11px;color:#666}.rje-conv-lines{max-height:58vh;overflow:auto;scroll-behavior:smooth;padding:6px 1px}.rje-conv-line{padding:17px 14px;border-radius:14px;border-bottom:1px dashed #e6ddd5;transition:.18s;cursor:pointer}.rje-conv-line.is-active{background:#fff3ef;box-shadow:inset 4px 0 0 #c91f1f}.rje-conv-jp{font-size:24px;line-height:1.9;font-weight:650}.rje-conv-jp ruby{ruby-position:over;ruby-align:center}.rje-conv-jp rt{font-size:.5em;line-height:1.2;font-weight:500;color:#56606d}.rje-conv-bn{margin-top:8px;font-size:16px;color:#192b45}.rje-conv-bn span{display:block;color:#be1d1d;font-size:11px;font-weight:900;margin-bottom:2px}.rje-conv-hide-bangla .rje-conv-bn{display:none}.rje-conv-player-nav{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:10px;margin-top:14px}.rje-conv-player-nav a,.rje-conv-player-nav span{display:flex;min-height:58px;align-items:center;justify-content:center;text-align:center;border:1px solid #e5dcd5;background:#fff;border-radius:14px;color:var(--ink);font-weight:850}.rje-conv-player-nav a:last-child{background:#c81e1e;color:#fff;border-color:#c81e1e}.rje-conv-player-nav .is-disabled{opacity:.42}.rje-conv-notice{text-align:center;border:1px solid #eadfd6;background:#fff;border-radius:18px;padding:35px}.rje-conv-notice a{display:inline-block;margin-top:10px;background:#c91f1f;color:#fff;border-radius:9px;padding:9px 14px;font-weight:850}
@media(max-width:800px){.rje-conv-app{width:100%;padding:0 6px}.rje-conv-topnav{margin:4px 6px 8px}.rje-conv-topnav a{font-size:12px;padding:8px 10px}.rje-conv-hero{min-height:280px;border-radius:18px;padding:32px 16px}.rje-conv-hero h1{font-size:36px}.rje-conv-hero p{font-size:13px;max-width:92%}.rje-conv-section{padding:24px 8px}.rje-conv-level-grid{grid-template-columns:repeat(2,1fr);gap:10px}.rje-conv-level-card{min-height:205px;padding:16px 10px}.rje-conv-level-num{font-size:42px}.rje-conv-level-card:last-child{grid-column:1/-1;max-width:50%;width:100%;justify-self:center}.rje-conv-feature-grid{grid-template-columns:repeat(2,1fr);padding:12px;gap:6px}.rje-conv-phase-card{grid-template-columns:72px 1fr 52px;min-height:116px}.rje-conv-phase-index strong{font-size:44px}.rje-conv-phase-copy{padding:14px 12px}.rje-conv-phase-copy h3{font-size:22px}.rje-conv-phase-copy p{font-size:11px}.rje-conv-phase-art{display:none}.rje-conv-list-head{display:block;padding:14px}.rje-conv-list-head p{margin-top:7px;font-size:12px}.rje-conv-practice-row{grid-template-columns:46px 64px 1fr auto;gap:8px;padding:8px;min-height:76px}.rje-conv-practice-no{width:42px;height:42px;font-size:16px}.rje-conv-practice-thumb{height:52px}.rje-conv-practice-copy strong{font-size:15px}.rje-conv-practice-copy small{font-size:12px}.rje-conv-row-arrow{display:none}.rje-conv-tier{font-size:9px;padding:5px 7px}.rje-conv-player-head{min-height:235px;padding:24px 12px;border-radius:18px}.rje-conv-player-head h1{font-size:31px}.rje-conv-player-head h1 span{font-size:22px}.rje-conv-player{padding:8px}.rje-conv-media-card,.rje-conv-script-card{border-radius:15px}.rje-conv-controls{grid-template-columns:48px 38px 1fr 38px 62px;gap:6px;padding:11px 8px;font-size:12px}.rje-conv-play{width:44px;height:44px}.rje-conv-controls select{padding:6px 4px;font-size:11px}.rje-conv-control-row button{font-size:18px}.rje-conv-script-title{display:block}.rje-conv-script-title span{display:block;margin-top:3px}.rje-conv-lines{max-height:54vh}.rje-conv-line{padding:14px 9px}.rje-conv-jp{font-size:22px;line-height:2}.rje-conv-bn{font-size:15px}.rje-conv-player-nav{grid-template-columns:1fr 1.25fr 1fr;gap:6px}.rje-conv-player-nav a,.rje-conv-player-nav span{font-size:11px;min-height:52px;padding:5px}.rje-conv-tip{padding:12px}.rje-conv-tip p{font-size:12px}}
@media(max-width:380px){.rje-conv-hero h1{font-size:31px}.rje-conv-level-card{min-height:190px}.rje-conv-practice-row{grid-template-columns:42px 1fr auto}.rje-conv-practice-thumb{display:none}.rje-conv-tier{font-size:8px}.rje-conv-jp{font-size:20px}.rje-conv-controls{grid-template-columns:44px 1fr 54px}.rje-conv-controls>[data-rje-current],.rje-conv-controls>[data-rje-duration]{display:none}.rje-conv-control-row button span{display:none}}

/* v0.1.2 mobile polish: update-safe UI-only changes */
.rje-conv-level-card,.rje-conv-phase-card,.rje-conv-practice-row,.rje-conv-media-card,.rje-conv-script-card,.rje-conv-tip,.rje-conv-list-head{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;
}
@media (hover:hover){
  .rje-conv-level-card:not(.is-coming):hover,.rje-conv-phase-card:hover,.rje-conv-practice-row:not(.is-locked):hover{
    transform:translateY(-3px);box-shadow:0 10px 24px rgba(64,45,90,.14);border-color:#cdbce8;background:#f7f2ff;
  }
  .rje-conv-media-card:hover,.rje-conv-script-card:hover,.rje-conv-tip:hover,.rje-conv-list-head:hover{
    box-shadow:0 9px 22px rgba(64,45,90,.10);border-color:#d9ccef;
  }
}
.rje-conv-level-card:not(.is-coming):focus-visible,.rje-conv-phase-card:focus-visible,.rje-conv-practice-row:not(.is-locked):focus-visible{
  outline:3px solid rgba(129,92,176,.28);outline-offset:2px;background:#f7f2ff;
}
.rje-conv-level-card:not(.is-coming):active,.rje-conv-phase-card:active,.rje-conv-practice-row:not(.is-locked):active{
  background:#f2ebff;transform:translateY(-1px);
}
.rje-conv-phase-card .rje-conv-arrow{position:relative;right:0;z-index:2;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease;}
.rje-conv-phase-card:hover .rje-conv-arrow,.rje-conv-phase-card:focus-visible .rje-conv-arrow{background:#f0e8ff;transform:translateX(2px);box-shadow:0 3px 9px rgba(105,70,154,.16)}
.rje-conv-practice-thumb{
  background:#f8f4ff url('../assets/practice-torii.svg') center/cover no-repeat!important;
  border:1px solid #eee7f7;
}
.rje-conv-control-row button{transition:background-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;}
.rje-conv-control-row button:hover,.rje-conv-control-row button:focus-visible,.rje-conv-control-row button:active{
  background:#eee5ff;color:#4f327a;box-shadow:inset 0 0 0 1px #d7c6ef;outline:none;
}
.rje-conv-control-row button:active{transform:scale(.97)}

@media(max-width:800px){
  .rje-conv-phase-card{grid-template-columns:72px minmax(0,1fr) 54px;}
  .rje-conv-phase-copy{min-width:0;padding-right:7px;}
  .rje-conv-phase-card .rje-conv-arrow{justify-self:end;margin-right:10px;width:36px;height:36px;font-size:31px;}
  .rje-conv-practice-thumb{background-size:cover!important;}
  .rje-conv-practice-copy{min-width:0;}
  .rje-conv-practice-copy strong,.rje-conv-practice-copy small{overflow-wrap:anywhere;}
  .rje-conv-control-row button{min-height:58px;border-right:1px solid #f0e8f7;}
  .rje-conv-control-row button:last-child{border-right:0;}
}
@media(max-width:380px){
  /* Keep the shared torii thumbnail visible on small phones. */
  .rje-conv-practice-row{grid-template-columns:42px 52px minmax(0,1fr) auto;}
  .rje-conv-practice-thumb{display:block;height:46px;}
  .rje-conv-practice-copy strong{font-size:14px;}
  .rje-conv-practice-copy small{font-size:11px;}
}


/* v0.1.3 desktop readability + stronger navigation */
.rje-conv-topnav a,
.rje-conv-player-nav a,
.rje-conv-player-nav span{
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease;
}

/* Noticeable navigation tabs/buttons */
.rje-conv-topnav a:first-child{
  background:#fff1f1;
  border-color:#efbcbc;
  color:#a91818;
}
.rje-conv-topnav a:last-child{
  background:#eef7ff;
  border-color:#bfd9ef;
  color:#164f7b;
}
.rje-conv-player-nav a:first-child{
  background:#f3efff;
  border-color:#d8c9f0;
  color:#563881;
}
.rje-conv-player-nav a:nth-child(2){
  background:#eef7ff;
  border-color:#c4dbef;
  color:#174f7b;
}
.rje-conv-player-nav a:last-child{
  background:#c81e1e;
  color:#fff;
  border-color:#c81e1e;
}
@media (hover:hover){
  .rje-conv-topnav a:hover,
  .rje-conv-player-nav a:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(54,44,87,.14);
  }
  .rje-conv-topnav a:first-child:hover{
    background:#ffdfe2;border-color:#e88c94;color:#8e1018;
  }
  .rje-conv-topnav a:last-child:hover{
    background:#dff1ff;border-color:#8fc4e7;color:#103f65;
  }
  .rje-conv-player-nav a:first-child:hover{
    background:#e8ddff;border-color:#bca4e0;
  }
  .rje-conv-player-nav a:nth-child(2):hover{
    background:#dcefff;border-color:#95c4e5;
  }
  .rje-conv-player-nav a:last-child:hover{
    background:#a91414;border-color:#a91414;
  }
}
.rje-conv-topnav a:focus-visible,
.rje-conv-player-nav a:focus-visible{
  outline:3px solid rgba(116,83,171,.25);
  outline-offset:2px;
}

/* Desktop-specific type spacing: prevent title/range overlap seen on wide screens. */
@media(min-width:801px){
  .rje-conv-phase-card{
    grid-template-columns:130px minmax(0,1fr) 260px 56px;
    min-height:156px;
    align-items:stretch;
  }
  .rje-conv-phase-copy{
    padding:20px 22px;
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .rje-conv-phase-copy h3{
    display:block;
    margin:0 0 7px;
    font-size:24px;
    line-height:1.2;
    white-space:normal;
  }
  .rje-conv-phase-copy b{
    display:block;
    margin:0 0 7px;
    font-size:15px;
    line-height:1.35;
  }
  .rje-conv-phase-copy p{
    display:block;
    margin:0;
    font-size:13px;
    line-height:1.55;
    max-width:100%;
    overflow-wrap:anywhere;
  }
  .rje-conv-list-head{
    min-height:78px;
  }
  .rje-conv-list-head h2{
    margin:6px 0 0;
    line-height:1.25;
  }
  .rje-conv-practice-copy strong{
    line-height:1.35;
  }
  .rje-conv-practice-copy small{
    line-height:1.45;
  }
  .rje-conv-topnav a{
    min-width:118px;
    text-align:center;
    padding:10px 16px;
  }
}

/* Keep navigation noticeable on touch devices too. */
@media(max-width:800px){
  .rje-conv-topnav a:first-child{
    background:#fff0f2;
    border-color:#efb5ba;
  }
  .rje-conv-topnav a:last-child{
    background:#eaf5ff;
    border-color:#b6d5ec;
  }
  .rje-conv-player-nav a:first-child{
    background:#f1ebff;
    border-color:#d4c4ee;
  }
  .rje-conv-player-nav a:nth-child(2){
    background:#eaf5ff;
    border-color:#bad8ee;
  }
}
\n\n/* v0.1.4 — scoped desktop-only landing level-heading spacing fix */\n@media(min-width:801px){\n  .rje-conv-section > .rje-conv-section-title{\n    margin-bottom:28px;\n    padding:4px 0 8px;\n  }\n  .rje-conv-section > .rje-conv-section-title h2{\n    margin:0 0 12px;\n    line-height:1.35;\n    min-height:1.35em;\n    overflow:visible;\n  }\n  .rje-conv-section > .rje-conv-section-title p{\n    margin:0;\n    line-height:1.6;\n    position:relative;\n    z-index:1;\n  }\n}\n
/* v0.1.4 stable in-flow navigation anchors (no fixed-pixel scroll calculations) */
.rje-conv-scroll-anchor{
  display:block;
  width:100%;
  height:0;
  overflow:hidden;
}

/* v0.1.5: dedicated lesson-window anchor; position is structural, not pixel-based. */
#rje-conv-lesson-anchor{scroll-margin-top:0;}