*{box-sizing:border-box} :root{--navy:#10243e;--blue:#087e8b;--purple:#3867d6;--ink:#172b3a;--muted:#627386;--line:#dce7ed;--paper:#fff;--soft:#edf7f8;--green:#13865c}body{margin:0;background:#f7f8fc;color:var(--ink);font-family:Inter,"Noto Sans Sinhala",Arial,sans-serif;line-height:1.6;overflow-x:hidden}.ambient{position:fixed;width:380px;height:380px;border-radius:50%;filter:blur(95px);opacity:.16;pointer-events:none;z-index:-1}.a1{background:#8b7cff;top:60px;left:-170px}.a2{background:#63c9ff;right:-180px;top:650px}.topbar{height:auto;min-height:82px;padding:14px clamp(16px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#111b3b;color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 5px 22px #111b3b20}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font-weight:500}.brand b{font-weight:800}.brand small{display:block;font-size:11px;color:#b7c3e5;letter-spacing:.06em}.brandicon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#8b7cff,#4967f5);font-weight:900;font-size:23px}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-badge{font-size:13px;color:#e2e7ff;max-width:200px;overflow:hidden;text-overflow:ellipsis}.container{max-width:1200px;margin:auto;padding:0 clamp(14px,3vw,32px) 30px}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:500px;gap:35px;padding:45px 0 55px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--blue)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(32px,4.2vw,52px);line-height:1.3;letter-spacing:-.04em;margin:16px 0}.hero h1 span{background:linear-gradient(90deg,#4967f5,#a35ef7);color:transparent;background-clip:text}.hero-copy>p{max-width:660px;color:#5f6b84;font-size:16px}.hero-stats{display:flex;gap:clamp(14px,3vw,35px);margin:25px 0}.hero-stats div{display:grid}.hero-stats b{font-size:22px}.hero-stats small{font-size:11px;color:var(--muted)}.tiny{font-size:11px;color:var(--muted);margin-top:12px}.hero-art{height:360px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #cfd6ff;border-radius:50%;transform:rotate(-18deg)}.orbit1{width:310px;height:240px}.orbit2{width:250px;height:330px;transform:rotate(35deg)}.book-emoji{font-size:110px;filter:drop-shadow(0 25px 20px #233d9b25);z-index:1}.float-card{position:absolute;padding:14px 17px;border-radius:16px;background:white;box-shadow:0 16px 45px #253b851a;border:1px solid #edf0f9;display:grid;gap:2px;max-width:245px;font-size:14px}.float-card small{color:var(--muted)}.fc1{top:36px;left:5%}.fc2{bottom:42px;right:0}.fc3{top:90px;right:0;color:#5740c5}.btn{border:0;border-radius:12px;padding:10px 15px;font-weight:700;font-family:inherit;cursor:pointer;transition:.18s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn:disabled{opacity:.65;cursor:default;transform:none}.btn-primary{background:linear-gradient(135deg,#4967f5,#7958ed);color:white;box-shadow:0 7px 18px #4967f52c}.btn-light{background:white;color:#3445a5;border:1px solid #dfe4ff}.btn-ghost{background:#ffffff14;color:white;border:1px solid #ffffff32}.btn-large{padding:14px 20px}.hidden{display:none!important}.welcome-line,.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:28px 0 18px}.welcome-line h1{font-size:32px;margin:6px 0}.muted{color:var(--muted);font-size:14px}.pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.03em;background:#dff8ed;color:#11714f;white-space:nowrap}.pill.soft{background:#edf0ff;color:#4a58c5}.pill.gold{background:#fff2d2;color:#946200}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0 26px}.stat{background:white;border:1px solid var(--line);border-radius:18px;padding:17px;box-shadow:0 8px 25px #15285805;display:grid;gap:3px}.stat>span{font-size:22px}.stat small{color:var(--muted);font-size:12px}.stat b{font-size:23px}.tabs{display:flex;gap:7px;overflow:auto;padding:7px;background:#e9ecf7;border-radius:15px;margin:20px 0 25px}.tab{border:0;border-radius:11px;padding:11px 14px;background:transparent;color:#626d87;font:600 13px inherit;white-space:nowrap;cursor:pointer}.tab.active{background:white;color:#3348cb;box-shadow:0 3px 12px #27345a0e}.view{animation:fade .2s ease}@keyframes fade{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}h2{font-size:25px;letter-spacing:-.025em;margin-bottom:5px}.section-head h2{margin:0 0 4px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.filters input,.filters select,.filters textarea{border:1px solid #dfe4ef;border-radius:11px;background:white;padding:11px 12px;font:inherit;color:var(--ink);min-width:170px;max-width:100%}.filters input[type=search]{flex:1;min-width:230px}.filters label{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--muted);flex:1}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.lesson-card,.panel,.grammar-card,.plan-card{background:white;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 7px 25px #172b5606}.lesson-card{display:flex;flex-direction:column;gap:8px;min-width:0}.lesson-card .english{font-size:18px;font-weight:800;line-height:1.4}.sinhala{font-size:15px}.pron{font-size:12px;color:var(--muted)}.category{font-size:10px;font-weight:800;color:#5965d9;background:#eef0ff;border-radius:99px;padding:4px 8px;align-self:flex-start}.lesson-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:7px}.lesson-actions .btn{font-size:12px;padding:8px 10px}.center{text-align:center;margin:22px}.grammar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.grammar-card h3{margin:9px 0}.grammar-card .example{background:#f6f7ff;border-radius:11px;padding:11px;margin-top:10px}.grammar-card p{font-size:14px}.exam-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.panel{margin-bottom:14px}.exam-tip{background:linear-gradient(145deg,#f0edff,#f6f9ff);border-color:#e2ddff}.big-emoji{font-size:45px}.small-stat{display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid #deddf4}.exam-progress{display:flex;justify-content:space-between;align-items:center}.progress{height:8px;background:#e8ebf4;border-radius:99px;overflow:hidden;margin:14px 0 22px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#4967f5,#9a65f4);width:0;transition:width .2s}.option{width:100%;text-align:left;border:1px solid #e0e5f0;background:white;border-radius:12px;padding:12px;margin:5px 0;cursor:pointer;font:inherit}.option:hover{border-color:#9daaff}.option.correct{background:#e7f8ef;border-color:#4cb889}.option.wrong{background:#fff0f0;border-color:#e97b7b}.answer-input{width:100%;padding:13px;border:1px solid #dfe4ef;border-radius:12px;font:inherit}.feedback{font-weight:700;margin:12px 0}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;max-width:850px;margin:20px auto}.plan-card{padding:25px}.plan-card.featured{border:2px solid #8575f7;box-shadow:0 16px 38px #6558dd16;position:relative}.plan-card h3{font-size:24px;margin:18px 0 4px}.price{font-size:30px;font-weight:800;letter-spacing:-.04em;margin:12px 0}.price small{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:0}.plan-card ul{padding-left:0;list-style:none;line-height:2.2;font-size:14px;color:#48536b}.plan-card .btn{width:100%;margin-top:8px}.request-list{display:grid;gap:10px}.request-card{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:12px;flex-wrap:wrap}.request-card b{display:block}.request-card small{color:var(--muted)}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#17213f;color:white;padding:13px 18px;border-radius:12px;box-shadow:0 10px 35px #0002;z-index:50;max-width:90vw}.toast.error{background:#9b2936}footer{text-align:center;color:#8a93a7;font-size:12px;padding:40px 0 12px}code{background:#f1f2f7;border-radius:5px;padding:2px 4px}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:35px;gap:0}.hero-art{height:280px}.hero-copy{max-width:720px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,1fr)}.exam-layout{grid-template-columns:1fr}.topbar{align-items:flex-start}.user-badge{display:none}}
@media(max-width:560px){.brand small{display:none}.topbar{padding:12px}.brandicon{width:37px;height:37px}.top-actions .btn{font-size:11px;padding:9px}.hero{min-height:auto;padding:35px 0}.hero h1{font-size:33px}.hero-stats{gap:15px}.hero-stats b{font-size:18px}.hero-stats small{font-size:9px}.hero-art{height:240px}.book-emoji{font-size:82px}.orbit1{width:250px;height:190px}.orbit2{width:210px;height:250px}.float-card{font-size:11px;padding:10px 12px;max-width:190px}.fc1{top:18px}.fc2{bottom:20px}.fc3{top:65px}.lesson-grid,.grammar-grid,.plans{grid-template-columns:1fr}.lesson-card{padding:15px}.section-head,.welcome-line{align-items:flex-start;flex-direction:column}.filters input[type=search],.filters select{width:100%;min-width:0}.tabs{margin-left:-2px;margin-right:-2px}.tab{padding:10px 11px}.stat{padding:13px}.stat b{font-size:20px}}

/* FluentGo profile and pricing additions */
.profile-panel{max-width:850px;margin:18px auto;padding:24px}.profile-main{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}.profile-main h3{margin:0 0 4px}.profile-photo,.profile-initial{width:76px;height:76px;border-radius:50%;object-fit:cover}.profile-initial{display:grid;place-items:center;background:linear-gradient(135deg,#8b7cff,#4967f5);color:#fff;font-size:30px;font-weight:800}.profile-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px 0}.profile-details>div{display:grid;gap:6px;min-width:0}.profile-details small{color:var(--muted)}.profile-details code{overflow-wrap:anywhere}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1050px}.plan-card{display:flex;flex-direction:column;align-items:flex-start}.plan-card ul{flex:1}.plan-card .btn{margin-top:auto}.center{text-align:center}
@media(max-width:850px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-details{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pricing-grid{grid-template-columns:1fr}.profile-details{grid-template-columns:1fr}.profile-main{align-items:flex-start}.profile-photo,.profile-initial{width:60px;height:60px;flex-shrink:0}}

/* Clearer, polished FluentGo theme and trial status */
.btn-primary{background:linear-gradient(135deg,#087e8b,#3867d6);box-shadow:0 7px 18px #087e8b26}.brandicon{background:linear-gradient(135deg,#18a5a1,#3867d6)}.hero h1 span{background:linear-gradient(90deg,#087e8b,#3867d6);color:transparent;background-clip:text}.eyebrow{color:#087e8b}.tabs{background:#e8f1f4}.tab.active{color:#087e8b}.category{color:#087e8b;background:#e8f7f6}.plan-card.featured{border-color:#42aaa8;box-shadow:0 16px 38px #087e8b16}.trial-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0 18px;padding:16px 18px;border:1px solid #bfe7df;border-radius:16px;background:linear-gradient(100deg,#e9fbf4,#eff7ff);color:#164c50}.trial-banner .btn{padding:8px 13px}.trial-banner.expired{background:linear-gradient(100deg,#fff5df,#fff0ee);border-color:#f0d5a7;color:#754b18}.trial-banner.pro{background:linear-gradient(100deg,#e5fbf2,#eaf5ff);border-color:#b7e5d2;color:#145d4b}

/* FluentGo expanded grammar + writing practice */
.grammar-meta{font-size:11px;color:var(--muted);margin-top:8px}.grammar-card{min-width:0}.grammar-card h3{line-height:1.35}.grammar-card .example p{margin:6px 0;font-size:14px}.grammar-card .grammar-en{font-size:17px;font-weight:800;color:#1c2b51}.grammar-card .lesson-actions{margin-top:12px}.writing-panel{max-width:800px;margin:20px auto;padding:clamp(18px,4vw,30px)}.writing-top,.writing-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.writing-panel h3{font-size:24px;margin:20px 0 8px}.writing-prompt{font-size:20px;line-height:1.7;background:#eef8f7;border:1px solid #d6eeea;border-radius:14px;padding:16px;color:#174d50}.writing-input{display:block;width:100%;resize:vertical;box-sizing:border-box;border:1px solid #dfe4ef;border-radius:12px;padding:14px;font:inherit;margin:14px 0}.writing-nav{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.grammar-grid{align-items:stretch}.grammar-card{display:flex;flex-direction:column}.grammar-card .example{flex:1}.grammar-card .feedback{margin-bottom:0}

.grammar-quiz{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.grammar-quiz>b{display:block;margin-bottom:8px;font-size:14px}.grammar-quiz .option{padding:9px 11px;font-size:13px}.option.wrong{background:#fff0f0;border-color:#e97b7b}

/* Practice paper library and selectable theme */
.paper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:16px 0 28px}.paper-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:white;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 7px 25px #172b5606}.paper-card h3{margin:5px 0 0;font-size:17px}.paper-card p{font-size:13px;color:var(--muted);margin:0 0 8px;flex:1}.paper-card .btn{font-size:12px;width:100%;margin-top:auto}.theme-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--line);margin-top:18px}.theme-setting label{display:grid;gap:3px}.theme-setting small{color:var(--muted)}.theme-select{border:1px solid var(--line);border-radius:10px;background:white;padding:10px 12px;font:inherit;min-width:170px}
@media(max-width:850px){.paper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.paper-grid{grid-template-columns:1fr}}

.btn-primary{background:linear-gradient(135deg,var(--blue),var(--purple))!important}

/* Mobile polish: keep all pages readable and controls easy to tap. */
html{scroll-behavior:smooth;scroll-padding-top:92px}button,select,input,textarea{touch-action:manipulation}img{max-width:100%}.tabs{scrollbar-width:thin;scroll-snap-type:x proximity}.tab{scroll-snap-align:start;flex:0 0 auto}.profile-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-details>div{min-width:0;overflow-wrap:anywhere}.profile-details code{overflow-wrap:anywhere}.lesson-card,.grammar-card,.panel,.plan-card,.paper-card{min-width:0}@media(max-width:560px){.container{padding-left:12px;padding-right:12px}.topbar{gap:8px}.top-actions{gap:5px}.top-actions .btn{white-space:nowrap}.tabs{padding:6px;gap:5px}.tab{font-size:12px;padding:10px 12px}.profile-details{grid-template-columns:1fr}.profile-details>div{padding:10px 0;border-bottom:1px solid var(--line)}.request-card{align-items:flex-start}.request-card .lesson-actions{width:100%}.request-card .lesson-actions .btn{flex:1}.panel,.grammar-card,.lesson-card,.paper-card{padding:14px}.btn{min-height:42px}.answer-input,.writing-input{font-size:16px}}

/* New Speak & Write, quick speaking, and live English chat tabs */
.coach-panel{max-width:850px;margin:16px auto;padding:clamp(18px,4vw,30px)}.coach-panel label{display:block;margin-top:12px}.coach-panel .writing-input{margin-top:8px}.quick-phrase{max-width:700px;text-align:center;margin:22px auto;padding:clamp(18px,5vw,42px);border:1px solid var(--line);border-radius:20px;background:linear-gradient(140deg,#f3fbfa,#f6f7ff)}.quick-phrase h2{font-size:clamp(26px,5vw,38px);margin:22px 0}.quick-phrase .writing-prompt{font-size:20px}.chat-panel{max-width:850px;margin:16px auto;padding:clamp(14px,3vw,24px)}.live-messages{height:min(48vh,460px);min-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:10px;background:#f6f8fc;border:1px solid var(--line);border-radius:14px}.chat-message{align-self:flex-start;max-width:88%;background:#fff;border:1px solid #e2e7f1;border-radius:14px 14px 14px 4px;padding:10px 13px;overflow-wrap:anywhere}.chat-message.mine{align-self:flex-end;background:#e8f7f5;border-color:#bfe5de;border-radius:14px 14px 4px 14px}.chat-message b{font-size:12px;color:#087e8b}.chat-message p{margin:5px 0;white-space:pre-wrap}.chat-message small{display:block;text-align:right;color:var(--muted);font-size:10px}.chat-form{display:flex;gap:8px;margin-top:12px}.chat-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit}.chat-form button{flex-shrink:0}@media(max-width:560px){.chat-form{align-items:stretch}.chat-form input{width:0}.chat-form .btn{padding:10px 13px}.live-messages{height:55vh}.quick-phrase{padding:18px 12px}}

/* Private chat UI */
.private-chat-grid{display:grid;grid-template-columns:minmax(220px, .85fr) minmax(0,1.6fr);gap:16px;align-items:start}.chat-sidebar,.private-chat-main{min-width:0}.chat-sidebar h3{font-size:15px;margin:18px 0 8px}.chat-sidebar h3:first-child{margin-top:0}.chat-list{display:flex;flex-direction:column;gap:8px}.chat-person{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff;min-width:0}.chat-person>div:first-child{min-width:0;overflow-wrap:anywhere}.chat-person b{display:block;font-size:13px}.chat-person small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.chat-actions{display:flex;gap:4px}.btn-sm{font-size:11px!important;padding:6px 8px!important;white-space:nowrap}.private-chat-heading{font-weight:800;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f6f8fc;overflow-wrap:anywhere}.private-chat-main .live-messages{height:min(45vh,420px);margin-top:10px}.private-chat-main .chat-form input:disabled{opacity:.6}.text-button{border:0;background:transparent;color:#a33b3b;text-decoration:underline;cursor:pointer;font:inherit;font-size:10px}.admin-chat-reports{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.report-item{padding:12px;border:1px solid var(--line);border-radius:12px;margin:10px 0;overflow-wrap:anywhere}.report-item p{margin:6px 0}.report-item blockquote{margin:8px 0;padding:8px;border-left:3px solid #d7a44c;background:#fff8e8}@media(max-width:760px){.private-chat-grid{grid-template-columns:1fr}.chat-sidebar{display:grid;grid-template-columns:1fr;gap:4px}.private-chat-main .live-messages{height:42vh}.chat-person{align-items:flex-start}}

/* FluentGo enhancements */
.announcement-carousel{position:relative;max-width:1200px;margin:18px auto 0;padding:0 clamp(14px,3vw,32px);height:230px;overflow:hidden;border-radius:20px}.announcement-carousel>a{display:block;height:100%;background:#eaf0f5;border-radius:20px;overflow:hidden}.announcement-carousel img{display:block;width:100%;height:230px;object-fit:cover}.announcement-overlay{position:absolute;left:clamp(25px,5vw,60px);right:clamp(25px,5vw,60px);bottom:20px;padding:12px 16px;border-radius:14px;background:linear-gradient(90deg,#09182be8,#09182b88);color:white;pointer-events:none}.announcement-overlay h2{margin:6px 0 2px;color:white}.announcement-overlay p{margin:0;color:#edf3ff}.announcement-dots{display:flex;gap:6px;margin-top:8px;pointer-events:auto}.announcement-dot{width:9px;height:9px;border:0;border-radius:50%;background:#ffffff88;padding:0}.announcement-dot.active{background:white;transform:scale(1.25)}
.email-auth-panel{max-width:850px;margin:0 auto 30px}.auth-mode{display:flex;gap:8px;margin:10px 0 16px}.auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-grid label,.phone-gate-card label,.voice-settings label{display:grid;gap:6px;font-weight:700;font-size:13px}.auth-grid input,.phone-gate-card input,.voice-settings select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:white;color:var(--ink)}.auth-name-fields{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-grid>label{min-width:0}.auth-grid #emailAuthSubmit{align-self:end}.auth-grid #emailAuthFeedback{grid-column:1/-1;margin:0}.phone-gate{position:fixed;inset:0;z-index:100;background:#101a2ed9;display:grid;place-items:center;padding:20px}.phone-gate-card{width:min(460px,100%);padding:24px}.phone-gate-card input{margin:8px 0 15px}.custom-theme-control{display:flex;align-items:center;gap:8px;font-size:12px}.custom-theme-control input{width:42px;height:34px;border:0;background:transparent;padding:0}.voice-settings{display:grid;gap:14px}.voice-settings input[type=range]{width:100%;accent-color:var(--blue)}.voice-settings select{max-width:100%}.quick-sentence-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:20px;max-height:430px;overflow:auto}.quick-list-item{text-align:left;border:1px solid var(--line);border-radius:10px;background:white;padding:10px;cursor:pointer;color:var(--ink)}.quick-list-item small{display:block;color:var(--muted);margin-top:3px}.quick-list-item.selected{border-color:var(--blue);background:var(--soft)}.drama-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.drama-card{background:white;border:1px solid var(--line);border-radius:16px;padding:16px;min-width:0}.drama-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.drama-card h3{margin:10px 0}.dialogue-lines{display:grid;gap:9px;margin-bottom:14px}.dialogue-line{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:start;padding:10px;border-radius:10px;background:var(--soft)}.dialogue-line>b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--blue);color:white}.dialogue-line p{margin:0;font-weight:700}.dialogue-line small{color:var(--muted)}.dialogue-line .btn{padding:5px 8px}.drama-card>.btn{width:100%}.admin-chat-reports .report-item{padding:15px;border:1px solid var(--line);border-radius:12px;margin:10px 0}.admin-chat-reports .report-item blockquote{background:#fff5f5;padding:10px;border-radius:8px}.custom-theme-control{white-space:nowrap}
/* Desktop and mobile navigation: two-line grid on PC, slide-out drawer on phones. */
@media(min-width:851px){#mainTabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;align-items:stretch}.tab{white-space:normal;min-height:42px}}
@media(max-width:850px){.announcement-carousel{margin:12px 14px 0;padding:0;height:200px}.announcement-carousel img{height:200px}.drama-grid{grid-template-columns:1fr}}
@media(max-width:560px){.announcement-carousel{height:170px}.announcement-carousel img{height:170px}.announcement-overlay{left:12px;right:12px;bottom:10px;padding:8px 10px}.announcement-overlay h2{font-size:17px}.announcement-overlay p{font-size:12px}.auth-grid,.auth-name-fields,.quick-sentence-list{grid-template-columns:1fr}.auth-name-fields{grid-column:auto}.auth-grid #emailAuthSubmit,.auth-grid #emailAuthFeedback{grid-column:auto}.drama-grid{grid-template-columns:1fr}.theme-setting{align-items:flex-start;flex-direction:column}.custom-theme-control{white-space:normal}}

/* Sidebar navigation layout on PC; slide-out drawer on mobile. */
.menu-toggle{display:none;border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:white;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
@media(min-width:851px){#dashboard{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:18px;align-items:start}#dashboard>.welcome-line,#dashboard>.stat-grid,#dashboard>#trialBanner{grid-column:1/-1}#mainTabs{grid-column:1;grid-row:4;display:flex;flex-direction:column;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow:auto;margin:0;padding:8px;border-radius:15px}#mainTabs .tab{text-align:left;min-height:42px;justify-content:flex-start}.view{grid-column:2;grid-row:4;min-width:0}}
@media(max-width:850px){.menu-toggle{display:inline-flex;position:sticky;top:88px;z-index:25;margin:0 0 10px;background:white;box-shadow:0 4px 16px #15285814}#dashboard{display:block}#mainTabs{position:fixed;z-index:40;left:0;top:88px;bottom:0;width:min(280px,82vw);margin:0;padding:14px;border-radius:0 18px 18px 0;display:flex;flex-direction:column;overflow:auto;background:white;box-shadow:12px 0 40px #111b3b2a;transform:translateX(-110%);transition:transform .22s ease}#mainTabs.menu-open{transform:translateX(0)}#mainTabs .tab{text-align:left;white-space:normal;min-height:44px}.view{width:100%}}
.payment-instructions{white-space:pre-line;border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:15px;margin:12px 0;line-height:1.9;font-size:14px;color:var(--ink)}

.btn-primary{background:linear-gradient(135deg,var(--blue),var(--purple))}.brandicon{background:linear-gradient(135deg,var(--blue),var(--purple))}.hero h1 span{background:linear-gradient(90deg,var(--blue),var(--purple));color:transparent;background-clip:text}.eyebrow,.tab.active,.category{color:var(--blue)}.tab.active{background:white}

/* FluentGo Pro finish: polished dark / white theme and admin image-post manager. */
:root{--surface:#ffffff;--surface-2:#f3f6fb;--field:#ffffff;--text:#172b3a;--muted:#627386;--border:#dce7ed;--page:#f7f8fc;--shadow:0 12px 34px rgba(17,35,68,.07)}
body{background:var(--page);color:var(--text);transition:background .22s ease,color .22s ease}
.panel,.lesson-card,.grammar-card,.plan-card,.stat,.paper-card,.drama-card,.profile-panel,.option,.quick-list-item,.request-card,.admin-post-card{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow)}
.filters input,.filters select,.filters textarea,.auth-grid input,.phone-gate-card input,.voice-settings select,.answer-input,.writing-input,.theme-select{background:var(--field);color:var(--text);border-color:var(--border)}
.tabs{background:var(--surface-2);border:1px solid var(--border)}.tab{color:var(--muted)}.tab.active{background:var(--surface);color:var(--blue)}
.btn-light{background:var(--surface);color:var(--text);border-color:var(--border)}.menu-toggle{background:var(--surface);color:var(--text);border-color:var(--border)}
.float-card{background:var(--surface);color:var(--text);border-color:var(--border)}.grammar-card .example,.exam-tip,.option,.quick-list-item,.dialogue-line,.payment-instructions{background:var(--surface-2);color:var(--text);border-color:var(--border)}
.announcement-carousel{box-shadow:0 18px 50px rgba(15,28,52,.16);isolation:isolate}.announcement-carousel>a{background:#0c1525}.announcement-carousel img{transition:transform .6s ease}.announcement-carousel:hover img{transform:scale(1.015)}.announcement-overlay{max-width:680px;backdrop-filter:blur(8px);box-shadow:0 8px 30px #0002}.announcement-carousel::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;background:linear-gradient(90deg,#55d6ff,#7775ff);transform-origin:left;animation:announcement-progress 5s linear infinite;pointer-events:none}@keyframes announcement-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.admin-post-card{display:grid;grid-template-columns:116px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;border:1px solid var(--border);border-radius:14px;margin:10px 0}.admin-post-card img{width:116px;height:76px;object-fit:cover;border-radius:10px;background:var(--surface-2)}.admin-post-copy{min-width:0;display:grid;gap:4px}.admin-post-copy b{overflow-wrap:anywhere}.admin-post-copy small{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.admin-post-card .btn{white-space:nowrap}
#themeToggle{min-width:92px;font-size:12px}
html[data-theme="dark"]{color-scheme:dark;--page:#080d17;--surface:#111b2b;--surface-2:#172438;--field:#0d1726;--text:#edf3ff;--muted:#a4b2c8;--border:#293a52;--line:#293a52;--ink:#edf3ff;--paper:#111b2b;--soft:#172438;--blue:#4ea5ff;--purple:#8b7cff;--green:#45c49a;--shadow:0 14px 38px rgba(0,0,0,.24)}
html[data-theme="dark"] body{background:radial-gradient(ellipse at 10% 0%,#14243b 0,transparent 36%),var(--page);color:var(--text)}
html[data-theme="dark"] .topbar{background:#070c15;border-bottom:1px solid #25364d;box-shadow:0 8px 28px #0005}
html[data-theme="dark"] .hero-copy>p,html[data-theme="dark"] .muted,html[data-theme="dark"] .tiny,html[data-theme="dark"] .stat small,html[data-theme="dark"] .plan-card ul{color:var(--muted)}
html[data-theme="dark"] .tab.active{background:#213652;color:#8dc5ff;box-shadow:inset 0 0 0 1px #345276}
html[data-theme="dark"] .pill.soft{background:#24344e;color:#a9c9ff}html[data-theme="dark"] .pill.gold{background:#47391c;color:#ffd77a}html[data-theme="dark"] .pill{background:#163d35;color:#8be1c3}
html[data-theme="dark"] .category{background:#1d3550;color:#9bcaff}
html[data-theme="dark"] .btn-light{background:#1a2a40;color:#e7f1ff;border-color:#354b67}html[data-theme="dark"] .btn-ghost{color:#eaf2ff;border-color:#3a4c66}
html[data-theme="dark"] .option{background:#152238;color:var(--text);border-color:var(--border)}html[data-theme="dark"] .option.correct{background:#123b31;border-color:#238b6a}html[data-theme="dark"] .option.wrong{background:#431f2a;border-color:#a34c5c}
html[data-theme="dark"] .grammar-card .example,html[data-theme="dark"] .exam-tip,html[data-theme="dark"] .payment-instructions,html[data-theme="dark"] .dialogue-line{background:#17263b;color:var(--text);border-color:var(--border)}
html[data-theme="dark"] .profile-initial{color:white}html[data-theme="dark"] code{background:#24344a;color:#d9e8ff}html[data-theme="dark"] footer{color:#8495ad}
html[data-theme="dark"] #mainTabs{background:#101a2a}html[data-theme="dark"] .menu-toggle{background:#14243a;color:#eaf2ff;border-color:#344a66}
html[data-theme="dark"] .phone-gate{background:#030812e8}html[data-theme="dark"] .phone-gate-card{background:var(--surface);color:var(--text)}
html[data-theme="dark"] .admin-chat-reports .report-item blockquote{background:#3b2029;color:#ffdce2}
@media(max-width:560px){.admin-post-card{grid-template-columns:84px minmax(0,1fr);gap:10px}.admin-post-card img{width:84px;height:66px}.admin-post-card>.btn{grid-column:2;justify-self:start}}
html[data-theme="dark"] .float-card,html[data-theme="dark"] .lesson-card,html[data-theme="dark"] .panel,html[data-theme="dark"] .grammar-card,html[data-theme="dark"] .plan-card,html[data-theme="dark"] .stat,html[data-theme="dark"] .paper-card,html[data-theme="dark"] .drama-card,html[data-theme="dark"] .request-card,html[data-theme="dark"] .admin-post-card{background:var(--surface);color:var(--text);border-color:var(--border)}
html[data-theme="dark"] .filters input,html[data-theme="dark"] .filters select,html[data-theme="dark"] .filters textarea,html[data-theme="dark"] .auth-grid input,html[data-theme="dark"] .phone-gate-card input,html[data-theme="dark"] .voice-settings select,html[data-theme="dark"] .answer-input,html[data-theme="dark"] .writing-input,html[data-theme="dark"] .theme-select{background:var(--field);color:var(--text);border-color:var(--border)}
html[data-theme="dark"] .quick-list-item,html[data-theme="dark"] .option{background:var(--surface-2);color:var(--text);border-color:var(--border)}
html[data-theme="dark"] .profile-details small,html[data-theme="dark"] .theme-setting small{color:var(--muted)}
/* FluentGo Daily Training Hub */
.training-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.training-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.training-grid>.panel{min-width:0}.daily-session{text-align:center}.session-clock{font-size:clamp(42px,8vw,68px);font-weight:800;letter-spacing:2px;color:var(--accent,#2878d0);font-variant-numeric:tabular-nums;margin:12px 0}.voice-question{padding:16px;border-radius:16px;background:var(--panel-soft,rgba(100,130,180,.08))}.voice-question h3{font-size:clamp(21px,3vw,30px);margin:12px 0}.vocab-list,.notebook-list{display:grid;gap:8px;margin:12px 0}.vocab-row,.notebook-item{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:10px;border:1px solid var(--line,rgba(120,140,170,.2));border-radius:12px}.vocab-row>div,.notebook-item>div{display:grid;gap:3px;flex:1;min-width:0}.vocab-row small,.notebook-item small{color:var(--muted);font-size:12px}.level-options{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.level-options .option{min-width:80px}.badge-list{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.achievement{padding:9px 12px;border-radius:999px;background:var(--panel-soft,rgba(100,130,180,.08));border:1px solid var(--line,rgba(120,140,170,.2));font-size:13px}.achievement.earned{background:rgba(28,160,110,.13);border-color:rgba(28,160,110,.35)}.report-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-list>div{padding:12px;border-radius:12px;background:var(--panel-soft,rgba(100,130,180,.08));display:grid}.report-list b{font-size:22px}.report-list small{color:var(--muted)}#adminAnalytics{grid-template-columns:repeat(4,minmax(0,1fr))}#adminAnalytics .stat{padding:14px}
@media(max-width:800px){.training-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.training-grid{grid-template-columns:1fr}#adminAnalytics{grid-template-columns:repeat(2,minmax(0,1fr))}.vocab-row{flex-wrap:wrap}.vocab-row>div{flex-basis:100%}}

/* Mobile navigation: keep the menu directly below the FluentGo logo/header. */
@media(max-width:850px){
  .menu-toggle{position:fixed!important;top:70px!important;right:12px!important;left:auto!important;margin:0!important;min-height:38px;padding:7px 13px!important;z-index:45!important;border-radius:0 0 12px 12px!important}
  #mainTabs{top:116px!important;z-index:44!important;max-height:calc(100dvh - 116px);}
  #dashboard{padding-top:2px}
}
@media(max-width:560px){.menu-toggle{top:66px!important;right:10px!important;font-size:12px!important}#mainTabs{top:110px!important;max-height:calc(100dvh - 110px)}}
.alphabet-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:7px;margin:14px 0}
.alphabet-letter{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;min-height:42px;font-family:inherit;font-weight:800;font-size:16px;cursor:pointer}
.alphabet-letter.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.alphabet-detail{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}
.alphabet-detail>div{display:flex;align-items:center;gap:16px}.alphabet-detail small,.mistake-item small{display:block;color:var(--muted)}.alphabet-big{font-size:36px;color:var(--blue)}
.builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.builder-grid>.panel{min-width:0}.builder-prompt{display:grid;gap:4px;padding:12px;border-radius:12px;background:var(--surface-2);margin:12px 0}.builder-prompt b{font-size:20px}.builder-prompt small{color:var(--muted)}
.letter-bank,.letter-slots,.sentence-slots{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;min-height:44px;align-items:center}.letter-tile,.letter-slot,.sentence-token{border:1px solid var(--border);border-radius:10px;padding:10px 14px;background:var(--surface-2);color:var(--text);font-family:inherit;font-weight:700;font-size:16px;cursor:pointer}.letter-tile:disabled{opacity:.3;cursor:not-allowed}.letter-slot{min-width:42px;text-align:center;background:var(--surface)}.sentence-token{background:var(--surface);font-size:14px}.mistake-list{display:grid;gap:8px;margin:12px 0}.mistake-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--border);border-radius:12px}.mistake-item>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.alphabet-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.builder-grid{grid-template-columns:1fr}.alphabet-detail{align-items:flex-start;flex-direction:column}}
html[data-theme="dark"] .alphabet-letter.active{color:#fff}


/* FluentGo Junior illustrated school-learning area */
.kids-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border-radius:22px;background:linear-gradient(120deg,#e0f4ff,#f2eaff 55%,#fff0d9);color:#18304b;margin-bottom:16px;overflow:hidden}.kids-hero h2{font-size:clamp(24px,4vw,34px);margin:7px 0}.kids-hero p{max-width:620px;margin:0;color:#42546b}.kids-mascots{display:flex;gap:3px;align-items:center;font-size:clamp(32px,6vw,58px)}.kids-mascots span:nth-child(even){transform:translateY(-10px)}.kids-age-panel{display:grid;grid-template-columns:minmax(180px,1fr) minmax(170px,240px);gap:8px 18px;align-items:center}.kids-age-panel label{font-weight:800}.kids-age-panel select{width:100%;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--field);color:var(--text);font:inherit}.kids-age-panel p{grid-column:1/-1;margin:0}.kids-count-row{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border)}.kids-count-row b{color:var(--blue)}.kids-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:16px 0 24px}.kids-feature,.kids-paper-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:17px;box-shadow:var(--shadow)}.kids-emoji{font-size:38px}.kids-feature h3{margin:8px 0 4px}.kids-feature p,.kids-paper-card p{color:var(--muted);font-size:13px;min-height:38px}.kids-paper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kids-paper-card{position:relative;overflow:hidden}.kids-paper-illustration{height:88px;display:grid;place-items:center;font-size:54px;background:linear-gradient(135deg,#e2f5ff,#fff0d9);border-radius:14px;margin-bottom:12px}.kids-paper-card h3{font-size:16px;margin:9px 0 4px}.kids-paper-card .btn{width:100%;white-space:normal}.kids-paper-runner{margin-top:22px;scroll-margin-top:130px}.kids-paper-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.kids-progress{height:10px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin:16px 0}.kids-progress span{height:100%;display:block;width:0;background:linear-gradient(90deg,#48c6ef,#7966ed);border-radius:99px;font-size:0;transition:width .2s}.kids-question-art{font-size:68px;text-align:center;padding:15px}.kids-answer-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.kids-answer-option{display:flex;align-items:center;gap:10px;text-align:left;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);color:var(--text);font:inherit;font-weight:700;cursor:pointer}.kids-answer-option span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:var(--surface);color:var(--blue)}.kids-answer-option.selected{border:2px solid var(--blue);background:rgba(60,140,230,.1)}.kids-answer-option.correct{border:2px solid #20a477;background:rgba(32,164,119,.12)}.kids-answer-option.wrong{border:2px solid #d85a68;background:rgba(216,90,104,.1)}.kids-answer-option:disabled{cursor:default}.kids-result{padding:14px;border-radius:14px;background:var(--surface-2);margin-top:14px}
@media(max-width:760px){.kids-paper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kids-feature-grid{grid-template-columns:1fr}.kids-hero{align-items:flex-start;flex-direction:column}.kids-mascots{align-self:center}.kids-age-panel{grid-template-columns:1fr}.kids-age-panel p,.kids-count-row{grid-column:auto}}
@media(max-width:480px){.kids-paper-grid{grid-template-columns:1fr}.kids-answer-options{grid-template-columns:1fr}.kids-paper-top{align-items:flex-start}.kids-paper-top h2{font-size:20px}}
html[data-theme="dark"] .kids-hero{background:linear-gradient(120deg,#19334b,#30294d 55%,#49351f);color:#f4f7ff}html[data-theme="dark"] .kids-hero p{color:#c4d3e5}html[data-theme="dark"] .kids-paper-illustration{background:linear-gradient(135deg,#1e3a52,#463d2e)}


/* Full-width desktop layout and FluentGo Junior Plus responsive learning tools */
@media(min-width:851px){.container{max-width:none;width:100%;padding-left:clamp(20px,2.5vw,42px);padding-right:clamp(20px,2.5vw,42px)}#dashboard{grid-template-columns:230px minmax(0,1fr);column-gap:22px}.view{min-width:0}.topbar{padding-left:clamp(20px,2.5vw,42px);padding-right:clamp(20px,2.5vw,42px)}}
.junior-profile-panel,.junior-guide-panel,.junior-parent-panel{margin:18px 0}.junior-profile-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.junior-profile-heading h2{margin:5px 0}.junior-avatar{width:76px;height:76px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#e5f5ff,#fff0d8);font-size:48px}.junior-profile-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.5fr) auto;gap:12px;align-items:end;margin:12px 0}.junior-profile-fields label{display:grid;gap:6px;font-size:13px;font-weight:700}.junior-profile-fields input,.junior-profile-fields select,.junior-guide-controls select{width:100%;min-width:0;padding:11px;border:1px solid var(--border);border-radius:11px;background:var(--field);color:var(--text);font:inherit}.junior-reward-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.junior-reward-row>div,.junior-parent-report>div{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;background:var(--surface-2)}.junior-reward-row small,.junior-parent-report small{color:var(--muted);font-size:12px}.junior-reward-row b,.junior-parent-report b{font-size:19px}.junior-plus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.junior-plus-card{min-width:0;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.junior-plus-card h3{margin:6px 0}.junior-plus-card>p{color:var(--muted);font-size:13px}.junior-prompt{padding:12px;border-radius:12px;background:var(--surface-2);color:var(--text)!important;font-weight:800;font-size:18px!important}.junior-listen-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.junior-guide-controls{display:flex;gap:10px;flex-wrap:wrap}.junior-guide-controls select{max-width:260px}.junior-guide-answer{margin-top:14px;padding:15px;border-radius:14px;background:var(--surface-2);white-space:pre-wrap}.junior-parent-report{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.junior-parent-report b{font-size:14px;overflow-wrap:anywhere}.junior-parent-panel .tiny{margin:12px 0 0;color:var(--muted)}#fullscreenToggle{white-space:nowrap}
@media(max-width:760px){.junior-plus-grid{grid-template-columns:1fr}.junior-profile-fields{grid-template-columns:1fr 1fr}.junior-profile-fields button{grid-column:1/-1}.junior-parent-report{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.junior-profile-fields{grid-template-columns:1fr}.junior-profile-fields button{grid-column:auto}.junior-reward-row{grid-template-columns:1fr}.junior-listen-options{grid-template-columns:1fr}.junior-profile-heading{align-items:flex-start}.top-actions{max-width:65%;justify-content:flex-end}.top-actions .btn{font-size:11px;padding:8px}}


/* FluentGo certificate center */
.cert-info{background:linear-gradient(135deg,#fff,#f5f7ff);border:1px solid #dfe4ff;border-radius:20px;padding:22px;margin:18px 0}
.cert-info h3{margin:0 0 12px;color:#263d80}.cert-info li{margin:7px 0;color:#4e5b72}
.certificate-preview{margin:25px 0;padding:16px;border-radius:18px;background:#e9edf7;overflow:auto}
.certificate-inner{min-width:600px;aspect-ratio:1.414/1;border:8px double #bd963e;padding:5%;text-align:center;background:linear-gradient(135deg,#fffdf4,#f5f8ff);color:#172b50;box-shadow:0 12px 35px #172b5020}
.cert-top{letter-spacing:4px;color:#96742b;font-size:12px;font-weight:800}.cert-medal{font-size:28px;color:#bd963e;margin:8px}
.certificate-inner h2{font-size:clamp(30px,5vw,48px);letter-spacing:7px;margin:0;color:#203b70}.certificate-inner h3{letter-spacing:4px;margin:0;color:#a17b2d}
.cert-award{margin:16px 0 7px;font-style:italic}.cert-name{font-size:clamp(25px,4vw,38px);font-weight:800;border-bottom:2px solid #bd963e;display:inline-block;min-width:55%;padding:4px 20px 8px}
.cert-desc{font-size:14px;line-height:1.7;margin:9px}.cert-footer{display:flex;justify-content:space-around;align-items:center;margin:18px auto 0;max-width:700px}.cert-footer div{display:grid;gap:4px}.cert-footer small{font-size:9px;letter-spacing:2px;color:#987a38}.cert-seal{border:3px solid #bd963e;border-radius:50%;width:58px;height:58px;display:grid;place-content:center;font-weight:900;color:#bd963e}.cert-id{font-size:9px;color:#778;margin-top:10px}


/* AI Speaking Practice */
.ai-speaking-panel{display:grid;gap:18px}.ai-speaking-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.ai-topic-label{display:grid;gap:7px;min-width:min(100%,230px);font-weight:600}.ai-topic-label select{min-width:230px}.ai-speaking-chat{display:flex;flex-direction:column;gap:12px;min-height:190px;max-height:380px;overflow:auto;padding:16px;border:1px solid var(--line,rgba(120,130,160,.2));border-radius:16px;background:rgba(120,130,160,.06)}.ai-chat-bubble{max-width:min(88%,620px);padding:13px 16px;border-radius:15px;line-height:1.55;overflow-wrap:anywhere}.ai-chat-bubble p{margin:5px 0}.ai-chat-bubble small{display:block;opacity:.75}.ai-chat-bubble.coach{align-self:flex-start;background:rgba(80,120,220,.13)}.ai-chat-bubble.student{align-self:flex-end;background:rgba(30,170,125,.14)}.ai-speaking-actions,.ai-speaking-answer .lesson-actions{display:flex;gap:9px;flex-wrap:wrap}.ai-speaking-answer{display:grid;gap:9px}.ai-speaking-answer textarea{width:100%;resize:vertical}.ai-speaking-panel .tiny{line-height:1.6}@media(max-width:600px){.ai-speaking-top{display:grid}.ai-topic-label,.ai-topic-label select{width:100%;min-width:0}.ai-speaking-actions .btn{flex:1 1 100%}.ai-chat-bubble{max-width:96%}}
/* Sinhala voice controls inside AI Speaking Practice */
.ai-speaking-language{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:12px;border:1px solid var(--line,rgba(120,130,160,.2));border-radius:12px;background:rgba(120,130,160,.05)}
.ai-speaking-language label{display:grid;gap:6px;min-width:180px}.ai-speaking-language select{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--field,white);color:var(--text,inherit);font:inherit}.ai-speaking-language .tiny{flex:1;min-width:220px;margin:4px 0}

/* AI Teacher and Pronunciation Score */
.ai-teacher-panel,.pronunciation-score-panel{display:grid;gap:12px}.ai-teacher-panel select,.pronunciation-score-panel select{max-width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--field,white);color:var(--text,inherit);font:inherit}.pron-score-result{padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(80,120,220,.07)}#pronScoreNumber{font-size:2rem;font-weight:800;display:block}.ai-teacher-panel textarea{width:100%;resize:vertical}

/* Free peer-to-peer video calls */
.video-call-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.video-call-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0;padding:12px;border:1px solid var(--border,#ddd);border-radius:16px;background:var(--panel,#fff)}.video-call-stage video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#101828;border-radius:12px}.video-call-stage small{display:block;margin-top:5px}.video-call-stage p{grid-column:1/-1}.incoming-video-call{padding:12px;margin:10px 0;border:1px solid var(--border,#ddd);border-radius:12px}.incoming-video-call .lesson-actions{margin-top:8px}@media(max-width:600px){.video-call-stage{grid-template-columns:1fr}}