/* SpeakingOne — vivid mobile-first speaking coach */
.spk-page{--spk-green:#00a884;--spk-green-2:#17d7a8;--spk-blue:#246bfe;--spk-purple:#7b3ff2;--spk-ink:#08213f;--spk-muted:#6e8196;--spk-line:#d9e7ef;position:relative;min-height:calc(100dvh - 70px);padding:28px clamp(14px,3vw,34px) 44px;background:
radial-gradient(circle at 8% 4%,rgba(23,215,168,.14),transparent 34%),radial-gradient(circle at 92% 18%,rgba(123,63,242,.12),transparent 32%),#f4f8fb;color:var(--spk-ink);overflow:hidden}
.spk-page:before{content:"";position:fixed;inset:auto -12vw -30vh auto;width:55vw;height:55vw;border-radius:50%;background:radial-gradient(circle,rgba(36,107,254,.08),transparent 65%);pointer-events:none}
.spk-kicker{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#e9fff8;color:#00886f;font-size:10px;font-weight:900;letter-spacing:.11em}
.spk-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:20px;width:min(100%,1320px);margin:0 auto 20px}
.spk-hero-copy,.spk-hero-orb,.spk-panel,.spk-conversation,.spk-live-panel,.spk-session-head,.spk-report-hero{border:1px solid rgba(205,222,234,.92);background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(10,41,79,.07);backdrop-filter:saturate(1.2)}
.spk-hero-copy{padding:32px;border-radius:28px;position:relative;overflow:hidden}.spk-hero-copy:after{content:"";position:absolute;right:-60px;top:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(23,215,168,.22),transparent 67%)}
.spk-hero-copy h1{position:relative;z-index:1;margin:12px 0 14px;max-width:850px;font-size:clamp(34px,4.8vw,64px);line-height:.99;letter-spacing:-.045em;color:#06234a}.spk-hero-copy p{position:relative;z-index:1;margin:0;max-width:820px;font-size:15px;line-height:1.65;color:#60758c}.spk-benefits{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.spk-benefits span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;border-radius:12px;background:#f7fbfd;border:1px solid #dce9f0;color:#244663;font-size:12px;font-weight:800}.spk-benefits i{color:var(--spk-green)}
.spk-hero-orb{border-radius:28px;padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(150deg,#072642 0%,#0b365a 48%,#0d4c68 100%);color:#fff;overflow:hidden;position:relative}.spk-hero-orb:before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 180deg,transparent 0 22%,rgba(23,215,168,.28) 32%,transparent 47%,rgba(123,63,242,.23) 62%,transparent 78%);animation:spk-spin 14s linear infinite}.spk-orb{position:relative;width:148px;height:148px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#39f3c7,#00a884 42%,#006d64 75%);box-shadow:0 0 0 12px rgba(23,215,168,.08),0 24px 60px rgba(0,0,0,.25);z-index:1}.spk-orb i{font-size:44px}.spk-orb span{position:absolute;inset:-18px;border:1px solid rgba(255,255,255,.22);border-radius:50%;animation:spk-pulse 2.4s ease-out infinite}.spk-orb span:nth-child(2){animation-delay:.8s}.spk-orb span:nth-child(3){animation-delay:1.6s}.spk-hero-orb strong,.spk-hero-orb small{position:relative;z-index:1}.spk-hero-orb strong{margin-top:22px;font-size:24px}.spk-hero-orb small{margin-top:7px;color:#b8d7e6}
.spk-setup-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.6fr);gap:18px;width:min(100%,1320px);margin:0 auto 18px}.spk-panel{border-radius:22px;padding:20px}.spk-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.spk-section-head span{display:block;margin-bottom:4px;color:var(--spk-green);font-size:10px;font-weight:900;letter-spacing:.1em}.spk-section-head h2{margin:0;font-size:22px;letter-spacing:-.025em;color:#08213f}
.spk-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.spk-mode-card{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:11px;text-align:left;padding:13px;border:1px solid #dbe7ef;border-radius:16px;background:#fbfdff;color:#08213f;cursor:pointer;transition:.18s ease}.spk-mode-card:hover{transform:translateY(-2px);border-color:#b8d8d1;box-shadow:0 10px 22px rgba(0,88,73,.08)}.spk-mode-card.active{border-color:#37c7a6;background:#f0fff9;box-shadow:0 0 0 2px rgba(0,168,132,.08)}.spk-mode-card>span{grid-row:1/span 2;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ecf6ff;color:#246bfe}.spk-mode-card.active>span{background:#dffbf2;color:#008b70}.spk-mode-card strong{font-size:13px}.spk-mode-card small{font-size:11px;line-height:1.35;color:#74879a}
.spk-settings{display:grid;align-content:start;gap:12px}.spk-settings .spk-section-head{margin-bottom:0}.spk-settings label:not(.spk-switch){display:grid;gap:6px}.spk-settings label>span{font-size:11px;font-weight:800;color:#63778b}.spk-settings select,.spk-settings input{width:100%;height:48px;border:1px solid #d5e3ec;border-radius:13px;background:#fff;padding:0 13px;color:#08213f;font:inherit;outline:none}.spk-settings select:focus,.spk-settings input:focus{border-color:#56cdb3;box-shadow:0 0 0 3px rgba(0,168,132,.09)}.spk-switch{display:grid;grid-template-columns:46px 1fr;gap:11px;align-items:center;padding:12px;border:1px solid #dbe7ef;border-radius:14px;background:#f9fcfe}.spk-switch input{position:absolute;opacity:0}.spk-switch>span{position:relative;width:46px;height:27px;border-radius:999px;background:#cedae4;transition:.18s}.spk-switch>span:after{content:"";position:absolute;left:3px;top:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:.18s}.spk-switch input:checked+span{background:#00a884}.spk-switch input:checked+span:after{transform:translateX(19px)}.spk-switch div{display:grid;gap:2px}.spk-switch strong{font-size:12px}.spk-switch small{font-size:10px;color:#75889b}.spk-start-btn{min-height:58px;border:0;border-radius:15px;background:linear-gradient(100deg,#00a884,#246bfe);color:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 17px;font-weight:900;cursor:pointer;box-shadow:0 14px 28px rgba(0,168,132,.2);transition:.18s}.spk-start-btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(0,168,132,.24)}.spk-start-btn:disabled{opacity:.6;cursor:wait;transform:none}
.spk-history{width:min(100%,1320px);margin:0 auto}.spk-history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spk-history-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:13px 14px;border:1px solid #dce7ef;border-radius:14px;background:#fbfdff}.spk-history-item>div{display:grid;gap:3px;min-width:0}.spk-history-item strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spk-history-item span{font-size:10px;color:#75889a}.spk-history-item>b{display:grid;place-items:center;min-width:40px;height:30px;border-radius:9px;background:#e7fff6;color:#00866c}.spk-history-item button{width:34px;height:34px;border:1px solid #e0e7ed;border-radius:9px;background:#fff;color:#9aa8b6;cursor:pointer}.spk-history-item button:hover{color:#d33;border-color:#f0c9c9}.spk-history-empty{min-height:86px;display:flex;gap:10px;align-items:center;justify-content:center;color:#8a9aaa;font-size:12px}
.spk-session-page{padding-top:18px}.spk-session-head{width:min(100%,1320px);margin:0 auto 16px;border-radius:18px;padding:13px 15px;display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center}.spk-session-head>div:first-child{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px}.spk-session-head strong{font-size:14px}.spk-session-head small{font-size:10px;color:#75889b}.spk-live-dot{width:10px;height:10px;border-radius:50%;background:#15c79a;box-shadow:0 0 0 5px rgba(21,199,154,.12);animation:spk-dot 1.5s ease-in-out infinite}.spk-session-time{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:#3b5871}.spk-session-head>button{height:42px;padding:0 14px;border:1px solid #d7e3ec;border-radius:11px;background:#fff;color:#08213f;font-weight:800;cursor:pointer}
.spk-session-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px;width:min(100%,1320px);margin:0 auto 16px}.spk-conversation{border-radius:22px;overflow:hidden}.spk-conversation-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid #e3edf3;background:#fbfdff}.spk-conversation-head span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#00a884}.spk-conversation-head h2{margin:2px 0 0;font-size:20px}.spk-conversation-head button{width:40px;height:40px;border:1px solid #d8e6ee;border-radius:12px;background:#fff;color:#246bfe;cursor:pointer}.spk-turns{height:min(52vh,520px);min-height:360px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.spk-bubble{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;max-width:86%;align-items:start}.spk-bubble.user{align-self:flex-end;grid-template-columns:minmax(0,1fr) 36px}.spk-bubble.user .spk-bubble-avatar{grid-column:2;grid-row:1}.spk-bubble.user>div{grid-column:1;grid-row:1;background:#eef5ff;border-color:#cfe0fb}.spk-bubble.ai>div{background:#f0fff9;border-color:#cdeee5}.spk-bubble-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#eaf3fb;color:#246bfe}.spk-bubble.ai .spk-bubble-avatar{background:#e4fff6;color:#00a884}.spk-bubble>div{padding:11px 13px;border:1px solid;border-radius:14px}.spk-bubble small{display:block;margin-bottom:5px;font-size:9px;font-weight:900;color:#6f8295}.spk-bubble p{margin:0;font-size:14px;line-height:1.5;color:#102f4b}.spk-bubble em{display:block;margin-top:7px;font-style:normal;font-size:11px;color:#6e8092}.spk-correction-inline{margin-top:8px;padding-top:8px;border-top:1px dashed #cddde8;font-size:11px;color:#315b73}.spk-correction-inline i{margin-right:6px;color:#7b3ff2}
.spk-live-panel{border-radius:22px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#071f39,#0a3553 60%,#0b4b5b);color:#fff;position:relative;overflow:hidden}.spk-live-panel:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 30%,rgba(23,215,168,.22),transparent 25%),radial-gradient(circle at 25% 75%,rgba(123,63,242,.2),transparent 30%);animation:spk-drift 9s ease-in-out infinite alternate}.spk-live-orb{position:relative;width:150px;height:150px;margin-bottom:17px;display:grid;place-items:center;z-index:1}.spk-live-orb>div{width:110px;height:110px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#38efc5,#00a884 46%,#006e64);box-shadow:0 20px 45px rgba(0,0,0,.28)}.spk-live-orb i{font-size:34px}.spk-live-orb>span{position:absolute;inset:9px;border:1px solid rgba(255,255,255,.24);border-radius:50%;animation:spk-pulse 2.2s ease-out infinite}.spk-live-orb>span:nth-child(3){animation-delay:1.1s}.spk-live-orb.recording>div{background:radial-gradient(circle at 35% 30%,#ff8b8b,#ff4141 46%,#b20d33)}.spk-live-orb.recording>span{border-color:rgba(255,88,88,.38);animation-duration:1.1s}.spk-live-orb.thinking>div{background:radial-gradient(circle at 35% 30%,#a77cff,#7b3ff2 48%,#4320a8);animation:spk-breathe 1.4s ease-in-out infinite}.spk-live-panel>strong,.spk-live-panel>small,.spk-live-panel>b,.spk-mic-btn,.spk-live-panel>p{position:relative;z-index:1}.spk-live-panel>strong{font-size:22px}.spk-live-panel>small{margin-top:5px;color:#b8d2e1}.spk-live-panel>b{min-height:24px;margin-top:8px;font-size:13px}.spk-mic-btn{width:76px;height:76px;margin-top:8px;border:0;border-radius:50%;background:#fff;color:#00a884;font-size:24px;box-shadow:0 14px 35px rgba(0,0,0,.24);cursor:pointer;transition:.18s}.spk-mic-btn:hover{transform:scale(1.05)}.spk-mic-btn.stop{color:#e32646}.spk-mic-btn:disabled{opacity:.55}.spk-live-panel>p{margin:8px 0 0;font-size:10px;color:#b6cddd}
.spk-live-feedback{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;width:min(100%,1320px);margin:0 auto}.spk-score-row{display:grid;grid-template-columns:160px minmax(0,1fr) 38px;gap:12px;align-items:center;margin:10px 0}.spk-score-row>span{font-size:11px;font-weight:800;color:#47637a}.spk-score-row>span i{width:18px;color:#00a884}.spk-score-row>div{height:8px;border-radius:99px;background:#e9f0f5;overflow:hidden}.spk-score-row b{display:block;width:var(--score);height:100%;border-radius:inherit;background:linear-gradient(90deg,#00a884,#246bfe)}.spk-score-row>strong{font-size:12px}.spk-tip-card{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#fff8ee,#fff);border-color:#f4ddbf}.spk-tip-card>i{font-size:28px;color:#f6a411}.spk-tip-card>span{margin-top:10px;font-size:9px;font-weight:900;letter-spacing:.1em;color:#a5792e}.spk-tip-card>strong{margin-top:4px;font-size:20px}.spk-tip-card>p{margin:8px 0 0;font-size:12px;line-height:1.55;color:#765f43}
.spk-report-page{padding-top:20px}.spk-report-hero{width:min(100%,1320px);margin:0 auto 16px;border-radius:24px;padding:24px;display:grid;grid-template-columns:170px 1fr;align-items:center;gap:22px;background:linear-gradient(140deg,#071f39,#0b4359);color:#fff}.spk-report-score{width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#10b98e,#007b68);box-shadow:0 0 0 10px rgba(255,255,255,.06)}.spk-report-score span{font-size:10px;font-weight:800;color:#c9f7ea}.spk-report-score strong{font-size:52px;line-height:.95}.spk-report-score small{font-size:11px}.spk-report-hero h1{margin:8px 0 8px;font-size:clamp(26px,3vw,40px)}.spk-report-hero p{margin:0;max-width:780px;line-height:1.55;color:#c7dbe5}.spk-report-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);gap:16px;width:min(100%,1320px);margin:0 auto}.spk-report-notes{display:grid;gap:15px}.spk-report-notes>div{padding:14px;border:1px solid #dce8ef;border-radius:15px;background:#fbfdff}.spk-report-notes span{display:block;font-size:11px;font-weight:900;color:#4a6479}.spk-report-notes span i{margin-right:7px;color:#00a884}.spk-report-notes p{margin:7px 0 0;font-size:12px;line-height:1.45;color:#6c7f92}.spk-next-practice{background:#f0fff9!important;border-color:#cceee4!important}.spk-report-actions{display:flex;justify-content:flex-end;gap:10px;width:min(100%,1320px);margin:16px auto 0}.spk-report-actions .btn{min-height:48px;border-radius:13px}
@keyframes spk-pulse{0%{transform:scale(.75);opacity:.75}100%{transform:scale(1.35);opacity:0}}@keyframes spk-spin{to{transform:rotate(360deg)}}@keyframes spk-dot{50%{opacity:.4;transform:scale(.8)}}@keyframes spk-breathe{50%{transform:scale(.94)}}@keyframes spk-drift{to{transform:translate3d(5%,2%,0) rotate(8deg)}}
@media(max-width:1050px){.spk-hero,.spk-setup-grid,.spk-session-grid,.spk-live-feedback,.spk-report-grid{grid-template-columns:1fr}.spk-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spk-hero-orb{min-height:320px}.spk-live-panel{min-height:360px}.spk-history-list{grid-template-columns:1fr}}
@media(max-width:700px){.spk-page{min-height:calc(100dvh - 62px);padding:12px 10px max(96px,calc(18px + env(safe-area-inset-bottom)))}.spk-hero{gap:12px;margin-bottom:12px}.spk-hero-copy,.spk-hero-orb,.spk-panel,.spk-conversation,.spk-live-panel,.spk-session-head,.spk-report-hero{border-radius:17px}.spk-hero-copy{padding:18px 15px}.spk-hero-copy h1{font-size:31px;line-height:1.02}.spk-hero-copy p{font-size:13px}.spk-benefits{gap:7px;margin-top:16px}.spk-benefits span{min-height:32px;padding:0 9px;font-size:10px}.spk-hero-orb{min-height:270px;padding:18px}.spk-orb{width:118px;height:118px}.spk-orb i{font-size:34px}.spk-setup-grid{gap:12px;margin-bottom:12px}.spk-panel{padding:14px}.spk-section-head h2{font-size:19px}.spk-settings{gap:10px}.spk-start-btn{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:5}.spk-session-head{grid-template-columns:1fr auto;padding:10px}.spk-session-head>div:first-child{grid-template-columns:auto 1fr}.spk-session-head small{grid-column:2}.spk-session-time{display:none}.spk-session-head>button{height:38px;padding:0 10px;font-size:11px}.spk-session-grid{gap:12px}.spk-conversation-head{padding:12px}.spk-turns{height:42vh;min-height:300px;padding:12px}.spk-bubble{max-width:96%;grid-template-columns:30px minmax(0,1fr)}.spk-bubble.user{grid-template-columns:minmax(0,1fr) 30px}.spk-bubble-avatar{width:30px;height:30px;border-radius:9px;font-size:11px}.spk-bubble>div{padding:9px 10px}.spk-bubble p{font-size:13px}.spk-live-panel{min-height:310px;padding:18px}.spk-live-orb{width:130px;height:130px}.spk-live-orb>div{width:96px;height:96px}.spk-mic-btn{width:72px;height:72px}.spk-live-feedback{gap:12px}.spk-score-row{grid-template-columns:100px minmax(0,1fr) 34px;gap:8px}.spk-report-hero{grid-template-columns:1fr;text-align:center;padding:20px 14px}.spk-report-score{margin:0 auto}.spk-report-actions{display:grid;grid-template-columns:1fr 1fr}.spk-report-actions .btn{width:100%;font-size:11px}}
@media(prefers-reduced-motion:reduce){.spk-page *{animation:none!important;transition:none!important}}

/* v25.8.0 — IELTS Examiner mode */
.spk-mode-card em{margin-top:auto;font-style:normal;font-size:9px;font-weight:900;letter-spacing:.08em;color:#8b5cf6}.spk-mode-card[data-spk-mode="ielts"]{background:linear-gradient(145deg,#fff,#f8f5ff)}.spk-mode-card[data-spk-mode="ielts"].active{border-color:#7b3ff2;box-shadow:0 0 0 3px rgba(123,63,242,.09),0 16px 34px rgba(76,45,160,.12)}
.spk-setup-grid.ielts-selected{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)}.spk-ielts-setup{display:grid;gap:15px}.spk-ielts-format{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:9px}.spk-ielts-format>span{min-height:116px;padding:14px;border:1px solid #e2daf7;border-radius:16px;background:linear-gradient(145deg,#fbf9ff,#fff);display:flex;flex-direction:column;justify-content:center}.spk-ielts-format>span b{font-size:16px;color:#29165c}.spk-ielts-format>span small{margin-top:3px;font-size:10px;font-weight:900;color:#7b3ff2}.spk-ielts-format>span em{margin-top:8px;font-style:normal;font-size:10px;line-height:1.4;color:#69758b}.spk-ielts-format>i{font-size:11px;color:#b8aacd}.spk-ielts-note{display:flex;gap:12px;padding:14px;border:1px solid #d8e7f0;border-radius:15px;background:#f8fbfd}.spk-ielts-note>i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#ede7ff;color:#6e37e4}.spk-ielts-note strong{font-size:13px;color:#152b45}.spk-ielts-note p{margin:4px 0 0;font-size:11px;line-height:1.5;color:#687c91}.spk-start-btn.ielts{background:linear-gradient(90deg,#6d35ef,#8d54ff);box-shadow:0 13px 26px rgba(109,53,239,.18)}
.spk-session-head.ielts{grid-template-columns:1fr auto auto}.spk-mock-badge{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid #d8cff5;border-radius:999px;background:#f5f1ff;color:#6b35de;font-size:9px;font-weight:900;letter-spacing:.08em}.spk-ielts-progress{width:min(100%,1320px);margin:0 auto 14px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;padding:13px 16px;border:1px solid #dfe8ef;border-radius:17px;background:#fff}.spk-ielts-progress>span{display:flex;align-items:center;gap:9px;min-width:0}.spk-ielts-progress>span b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#eef3f8;color:#8090a1;font-size:11px}.spk-ielts-progress>span em{font-style:normal;font-size:11px;font-weight:900;color:#8290a2}.spk-ielts-progress>span.active b{background:#7b3ff2;color:#fff;box-shadow:0 0 0 5px rgba(123,63,242,.10)}.spk-ielts-progress>span.active em{color:#39206f}.spk-ielts-progress>span.done b{background:#0bb18b;color:#fff}.spk-ielts-progress>span.done em{color:#287263}.spk-ielts-progress>i{font-size:10px;color:#c4cfd8}.spk-session-grid.ielts{grid-template-columns:minmax(0,1.38fr) minmax(320px,.62fr)}.spk-live-panel.ielts{background:linear-gradient(160deg,#140b2f,#27125d 56%,#4b1f88)}.spk-live-panel.ielts:before{background:radial-gradient(circle at 70% 30%,rgba(142,91,255,.32),transparent 25%),radial-gradient(circle at 25% 75%,rgba(23,215,168,.16),transparent 30%)}
.spk-ielts-prep{display:grid;gap:14px}.spk-prep-timer{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #dfd6f5;border-radius:15px;background:#faf8ff}.spk-prep-timer span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#7b3ff2}.spk-prep-timer strong{margin-left:auto;font-size:26px;color:#25164a}.spk-prep-timer small{font-size:10px;color:#7a8190}.spk-cue-card{padding:20px;border-radius:18px;background:linear-gradient(145deg,#1f1241,#391c72);color:#fff;box-shadow:0 18px 34px rgba(43,22,91,.18)}.spk-cue-card>span{font-size:9px;font-weight:900;letter-spacing:.13em;color:#cdbbff}.spk-cue-card h2{margin:9px 0 14px;font-size:22px;line-height:1.28}.spk-cue-card p{margin:0 0 8px;color:#ded5f5;font-size:11px}.spk-cue-card ul{margin:0;padding-left:21px;display:grid;gap:7px}.spk-cue-card li{font-size:12px;line-height:1.45;color:#f5f1ff}.spk-cue-card strong{display:block;margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.14);font-size:12px;line-height:1.45}.spk-notes{display:grid;gap:7px}.spk-notes>span{font-size:10px;font-weight:900;color:#617388}.spk-notes>span i{margin-right:6px;color:#7b3ff2}.spk-notes textarea{min-height:92px;resize:vertical;padding:12px 13px;border:1px solid #d7e2ec;border-radius:14px;background:#fff;font:inherit;font-size:12px;color:#1b3550;outline:none}.spk-notes textarea:focus{border-color:#8e61f4;box-shadow:0 0 0 3px rgba(123,63,242,.08)}.spk-ielts-prep>.btn{min-height:50px;border-radius:14px}.spk-ielts-rules{width:min(100%,1320px);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.spk-ielts-rules span{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid #e0e7ee;border-radius:13px;background:#fff;font-size:10px;font-weight:800;color:#546a7f}.spk-ielts-rules i{color:#7b3ff2}
.spk-report-hero.ielts{background:linear-gradient(140deg,#170d32,#36166d 62%,#17334d)}.spk-report-score.ielts{background:radial-gradient(circle at 32% 28%,#aa7aff,#7b3ff2 48%,#40209f)}.spk-official-note{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:8px 10px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.07);font-size:10px;font-weight:800;color:#e8e0ff}.spk-ielts-bands{width:min(100%,1320px);margin:0 auto 16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.spk-band-card{padding:16px;border:1px solid #ddd6f0;border-radius:17px;background:linear-gradient(145deg,#fff,#faf8ff);display:grid;gap:5px}.spk-band-card span{font-size:10px;font-weight:900;color:#53687c}.spk-band-card span i{width:18px;color:#7b3ff2}.spk-band-card strong{font-size:34px;line-height:1;color:#2c1759}.spk-band-card small{font-size:9px;color:#8995a5}.spk-ielts-detail{display:grid;gap:15px}.spk-part-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.spk-part-evidence>div{padding:13px;border:1px solid #e0e8ef;border-radius:14px;background:#fbfdff;display:grid;gap:4px}.spk-part-evidence b{font-size:12px;color:#17334f}.spk-part-evidence span{font-size:10px;color:#7b8998}.spk-ielts-detail .spk-report-notes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spk-ielts-report .spk-next-practice{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#f5f1ff,#fff)!important;border-color:#ddd2f7!important}.spk-ielts-report .spk-next-practice>i{font-size:30px;color:#7b3ff2}.spk-ielts-report .spk-next-practice>strong{margin-top:10px;font-size:20px;color:#2c1759}.spk-ielts-report .spk-next-practice>p{font-size:12px;line-height:1.6;color:#64778b}.spk-acoustic-chip{margin-top:12px;padding:9px 10px;border:1px solid #ded5f4;border-radius:11px;background:#fff;font-size:10px;font-weight:800;color:#665081}.spk-acoustic-chip i{margin-right:6px;color:#7b3ff2}
@media(max-width:1050px){.spk-setup-grid.ielts-selected,.spk-session-grid.ielts{grid-template-columns:1fr}.spk-ielts-bands{grid-template-columns:repeat(2,minmax(0,1fr))}.spk-ielts-rules{grid-template-columns:1fr}.spk-session-head.ielts{grid-template-columns:1fr auto}.spk-session-head.ielts .spk-session-time{display:none}}
@media(max-width:700px){.spk-ielts-format{grid-template-columns:1fr}.spk-ielts-format>i{display:none}.spk-ielts-format>span{min-height:auto}.spk-ielts-progress{gap:6px;padding:10px}.spk-ielts-progress>span{gap:5px}.spk-ielts-progress>span b{width:28px;height:28px}.spk-ielts-progress>span em{font-size:9px}.spk-session-head.ielts .spk-mock-badge{grid-column:1/-1;justify-self:start}.spk-cue-card{padding:16px}.spk-cue-card h2{font-size:19px}.spk-ielts-bands{grid-template-columns:1fr 1fr;gap:8px}.spk-band-card{padding:13px}.spk-band-card strong{font-size:28px}.spk-part-evidence{grid-template-columns:1fr}.spk-ielts-detail .spk-report-notes{grid-template-columns:1fr}}

/* v25.9.4 — SpeakingOne mobile horizontal mode rail */
@media(max-width:700px){
  .spk-page,.spk-page *{box-sizing:border-box}
  .spk-page{overflow-x:hidden;padding:8px 8px max(78px,calc(14px + env(safe-area-inset-bottom)))}
  .spk-setup-page,.spk-setup-page .spk-hero,.spk-setup-page .spk-setup-grid,.spk-setup-page .spk-panel,.spk-setup-page .spk-settings,.spk-setup-page .spk-history{width:100%;max-width:100%;min-width:0}
  .spk-setup-page{overflow-x:clip}
  .spk-setup-page .spk-hero{display:block;margin:0 0 8px}
  .spk-setup-page .spk-hero-copy{min-height:0;padding:13px 14px;border-radius:15px;overflow:hidden}
  .spk-setup-page .spk-hero-copy h1{margin:6px 0 0;font-size:22px;line-height:1.08;letter-spacing:-.03em}
  .spk-setup-page .spk-hero-copy p{display:none}
  .spk-setup-page .spk-kicker{min-height:22px;padding:0 8px;font-size:8.5px}
  .spk-setup-page .spk-benefits{margin-top:9px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%;overflow:visible}
  .spk-setup-page .spk-benefits span{min-width:0;width:100%;min-height:27px;justify-content:center;padding:0 5px;border-radius:9px;font-size:8.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .spk-setup-page .spk-benefits span i{flex:0 0 auto}
  .spk-setup-page .spk-hero-orb{display:none}
  .spk-setup-grid{gap:8px;margin:0 0 8px}
  .spk-panel{padding:10px;border-radius:15px}
  .spk-section-head{margin-bottom:8px}
  .spk-section-head span{font-size:8px;margin-bottom:2px}
  .spk-section-head h2{font-size:16px;line-height:1.2}
  .spk-mode-grid{display:flex;width:100%;max-width:100%;gap:7px;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:0 18px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;margin:0;padding:0 18px 7px 0;scrollbar-width:thin;scrollbar-color:#a9c8c0 transparent}
  .spk-mode-grid::-webkit-scrollbar{height:4px}
  .spk-mode-grid::-webkit-scrollbar-track{background:transparent}
  .spk-mode-grid::-webkit-scrollbar-thumb{background:#a9c8c0;border-radius:999px}
  .spk-mode-card{flex:0 0 72%;min-width:184px;width:auto;max-width:220px;min-height:68px;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;padding:8px;border-radius:12px;scroll-snap-align:start;scroll-snap-stop:normal}
  .spk-mode-card>span{width:28px;height:28px;border-radius:9px;font-size:11px}
  .spk-mode-card strong{min-width:0;font-size:10.5px;line-height:1.15;overflow-wrap:anywhere}
  .spk-mode-card small{display:none}
  .spk-mode-card em{font-size:8px;line-height:1.1;margin-top:2px}
  .spk-settings{display:grid;grid-template-columns:minmax(70px,78px) minmax(0,1fr);gap:7px 8px;align-items:end;width:100%}
  .spk-settings>.spk-section-head,.spk-settings>.spk-switch,.spk-settings>.spk-start-btn,.spk-settings>.spk-ielts-setup{grid-column:1/-1}
  .spk-settings>label{min-width:0;max-width:100%;overflow:hidden}
  .spk-settings label:not(.spk-switch){gap:4px}
  .spk-settings label>span{font-size:9px}
  .spk-settings select,.spk-settings input{display:block;width:100%;min-width:0;max-width:100%;height:40px;border-radius:10px;padding:0 9px;font-size:12px}
  .spk-switch{grid-template-columns:38px minmax(0,1fr);gap:8px;min-width:0;max-width:100%;padding:8px;border-radius:11px;overflow:hidden}
  .spk-switch>span{width:38px;height:23px}.spk-switch>span:after{width:17px;height:17px}.spk-switch input:checked+span:after{transform:translateX(15px)}
  .spk-switch div{min-width:0}.spk-switch strong{font-size:10px}.spk-switch small{font-size:8.5px;line-height:1.25;white-space:normal}
  .spk-start-btn{position:static!important;width:100%;max-width:100%;min-width:0;min-height:48px;border-radius:12px;padding:0 13px;font-size:12px;overflow:hidden;box-shadow:0 10px 24px rgba(0,168,132,.18)}
  .spk-start-btn>span{display:block;min-width:0;color:#fff!important;text-align:center;white-space:normal;line-height:1.15}
  .spk-start-btn>i{display:block;color:#fff!important}
  .spk-history{max-height:none;overflow:visible;padding:9px}
  .spk-history .spk-section-head{margin-bottom:6px}
  .spk-history .spk-section-head h2{font-size:14px}
  .spk-history-list{display:block;max-height:132px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
  .spk-history-item{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:8px 9px;margin-bottom:6px;border-radius:10px}
  .spk-history-item strong{font-size:10px}.spk-history-item span{font-size:8.5px}.spk-history-item>b{min-width:34px;height:25px;font-size:9px}.spk-history-item button{width:28px;height:28px}
  .spk-history-empty{min-height:60px}
  .spk-setup-grid.ielts-selected{display:block}
  .spk-setup-grid.ielts-selected>.spk-panel+ .spk-panel{margin-top:8px}
  .spk-ielts-format{gap:5px}.spk-ielts-format>span{padding:8px}.spk-ielts-note{padding:9px}.spk-ielts-note p{font-size:9px;line-height:1.35}
}
@media(max-width:360px){
  .spk-page{padding-left:6px;padding-right:6px}
  .spk-setup-page .spk-hero-copy{padding:12px}
  .spk-setup-page .spk-hero-copy h1{font-size:20px}
  .spk-panel{padding:9px}
  .spk-setup-page .spk-benefits span{font-size:7.8px;padding:0 3px;gap:4px}
  .spk-mode-card{flex-basis:76%;min-width:176px;padding:7px;min-height:62px}
  .spk-settings{grid-template-columns:68px minmax(0,1fr);gap:7px}
  .spk-settings select,.spk-settings input{font-size:11px}
}

/* v25.9.3 — SpeakingOne usage billing */
.spk-price-strip{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-width:0;padding:11px 12px;border:1px solid #cfe8df;border-radius:13px;background:#f3fffb;color:#123c34}.spk-price-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#ddf9f0;color:var(--spk-green);font-size:13px}.spk-price-strip>div{display:grid;gap:1px;min-width:0}.spk-price-strip small{font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#548276}.spk-price-strip strong{font-size:12px;line-height:1.2;color:#0a5849}.spk-price-strip em{font-size:8.5px;font-style:normal;line-height:1.3;color:#69837c}.spk-price-strip>b{justify-self:end;max-width:100%;padding:6px 8px;border:1px solid #cce7de;border-radius:8px;background:#fff;color:#315e54;font-size:9px;white-space:nowrap}
.spk-session-spend{display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:0 9px;border:1px solid #cfe8df;border-radius:9px;background:#f3fffb;color:#0b6b58;font-size:9px;font-weight:900;white-space:nowrap}.spk-session-spend i{color:var(--spk-green)}
.spk-report-billing{width:min(100%,1320px);margin:0 auto 14px;display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 13px;border:1px solid #cfe8df;border-radius:13px;background:#f3fffb;color:#214e44}.spk-report-billing>i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#ddf9f0;color:var(--spk-green)}.spk-report-billing>span{font-size:11px;font-weight:900}.spk-report-billing>small{margin-left:auto;color:#6c837d;font-size:9px;font-weight:750}
@media(max-width:700px){
  .spk-price-strip{grid-template-columns:30px minmax(0,1fr);gap:8px;padding:8px 9px;border-radius:11px}
  .spk-price-icon{width:30px;height:30px;border-radius:9px;font-size:11px}
  .spk-price-strip small{font-size:7px}.spk-price-strip strong{font-size:10px}.spk-price-strip em{font-size:7.7px}
  .spk-price-strip>b{grid-column:2;justify-self:start;padding:4px 6px;border-radius:6px;font-size:7.5px}
  .spk-session-spend{min-height:28px;padding:0 7px;border-radius:8px;font-size:8px}
  .spk-report-billing{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 8px;margin-bottom:8px;min-height:0;padding:8px 9px;border-radius:11px}
  .spk-report-billing>i{grid-row:1/span 2;width:28px;height:28px;border-radius:8px;font-size:10px}.spk-report-billing>span{font-size:9px}.spk-report-billing>small{margin:0;font-size:7.8px}
}
@media(max-width:360px){
  .spk-price-strip{padding:7px}.spk-price-strip em{font-size:7.3px}
  .spk-session-spend{padding-inline:6px;font-size:7.5px}
}


/* v25.13.5 — compact viewport conversation shell for smooth mobile speaking */
.spk-session-mini-score{display:none}
@media(max-width:700px){
  html:has(.spk-session-page),body:has(.spk-session-page){overflow:hidden}
  .spk-session-page{box-sizing:border-box;height:calc(100dvh - 62px);min-height:0;padding:6px 8px max(7px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px;overflow:hidden}
  .spk-session-page>.spk-session-head{width:100%;min-width:0;margin:0;padding:7px 8px;border-radius:13px;grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;box-shadow:0 5px 16px rgba(10,41,79,.05)}
  .spk-session-head>div:first-child{grid-template-columns:auto minmax(0,1fr);gap:5px;min-width:0}.spk-session-head>div:first-child strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.spk-session-head>div:first-child small{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7.5px}
  .spk-live-dot{width:8px;height:8px;box-shadow:0 0 0 3px rgba(21,199,154,.11)}
  .spk-session-spend{min-height:25px;padding:0 6px;border-radius:7px;font-size:7.2px}.spk-session-spend i{display:none}
  .spk-session-mini-score{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:25px;padding:0 6px;border:1px solid #d8e6ee;border-radius:7px;background:#f8fbff;color:#315b73;font-size:7.5px;font-weight:900}.spk-session-mini-score i{color:#00a884;font-size:7px}
  .spk-session-head>button{width:32px;height:30px;min-height:30px;padding:0;border-radius:8px;font-size:0}.spk-session-head>button i{font-size:10px}
  .spk-session-page>.spk-session-grid,.spk-session-page>.spk-session-grid.ielts{width:100%;height:100%;min-height:0;margin:0;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:6px;overflow:hidden}
  .spk-conversation{min-height:0;height:100%;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(10,41,79,.055)}
  .spk-conversation-head{flex:0 0 auto;min-height:43px;padding:7px 9px}.spk-conversation-head span{font-size:7px}.spk-conversation-head h2{margin-top:1px;font-size:13px;line-height:1.1}.spk-conversation-head button{width:31px;height:31px;border-radius:8px;font-size:10px}
  .spk-turns{flex:1 1 auto;height:auto!important;min-height:0!important;overflow-y:auto;overflow-x:hidden;padding:9px 8px 11px;gap:8px;scroll-behavior:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c1d4df transparent}
  .spk-turns::-webkit-scrollbar{width:4px}.spk-turns::-webkit-scrollbar-thumb{background:#c1d4df;border-radius:999px}
  .spk-bubble{max-width:94%;grid-template-columns:26px minmax(0,1fr);gap:6px}.spk-bubble.user{grid-template-columns:minmax(0,1fr) 26px}.spk-bubble-avatar{width:26px;height:26px;border-radius:8px;font-size:9px}.spk-bubble>div{padding:7px 9px;border-radius:11px}.spk-bubble small{margin-bottom:3px;font-size:7px}.spk-bubble p{font-size:11.5px;line-height:1.42}.spk-bubble em,.spk-correction-inline{font-size:9px;line-height:1.35}.spk-correction-inline{margin-top:6px;padding-top:6px}
  .spk-live-panel,.spk-live-panel.ielts{min-height:68px!important;height:auto;padding:7px 9px;border-radius:14px;display:grid;grid-template-columns:42px minmax(0,1fr) 52px;grid-template-rows:auto auto;column-gap:9px;row-gap:1px;align-items:center;justify-items:stretch;text-align:left;overflow:hidden}
  .spk-live-panel:before{inset:-90%;animation:none;opacity:.75}
  .spk-live-orb{grid-column:1;grid-row:1/3;width:42px;height:42px;margin:0;justify-self:start}.spk-live-orb>div{width:36px;height:36px;box-shadow:0 7px 16px rgba(0,0,0,.18)}.spk-live-orb i{font-size:13px}.spk-live-orb>span{display:none}
  .spk-live-panel>strong{grid-column:2;grid-row:1;align-self:end;font-size:12px;line-height:1.1;text-align:left}.spk-live-panel>small{grid-column:2;grid-row:2;align-self:start;margin:2px 0 0;font-size:8px;line-height:1.2;color:#c1d6e3;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .spk-live-panel>b{position:absolute;left:9px;bottom:3px;min-height:0;margin:0;font-size:7px;color:#fff;opacity:.82}
  .spk-mic-btn{grid-column:3;grid-row:1/3;width:50px;height:50px;margin:0;justify-self:end;font-size:17px;box-shadow:0 7px 18px rgba(0,0,0,.2)}.spk-live-panel>p{display:none}
  .spk-live-feedback{display:none}
  .spk-ielts-progress{width:100%;margin:0;padding:5px 7px;gap:4px;border-radius:10px;min-height:36px}.spk-ielts-progress>span{gap:3px}.spk-ielts-progress>span b{width:22px;height:22px;font-size:8px}.spk-ielts-progress>span em{font-size:7px}.spk-ielts-progress>i{font-size:7px}
  .spk-ielts-page{grid-template-rows:auto auto minmax(0,1fr)}.spk-ielts-page>.spk-ielts-progress{grid-row:2}.spk-ielts-page>.spk-session-grid{grid-row:3}.spk-ielts-rules{display:none}
  .spk-mock-badge{display:none!important}
  .spk-turns.with-cue{padding:7px}.spk-ielts-prep{gap:8px}.spk-prep-timer{padding:8px;border-radius:10px}.spk-prep-timer strong{font-size:20px}.spk-cue-card{padding:12px;border-radius:12px}.spk-cue-card h2{font-size:15px;margin:6px 0 9px}.spk-cue-card li{font-size:10px}.spk-notes textarea{min-height:62px;padding:8px;font-size:10px;border-radius:10px}.spk-ielts-prep>.btn{min-height:40px;border-radius:10px}
}
@media(max-width:380px){
  .spk-session-page{padding-left:5px;padding-right:5px}.spk-session-page>.spk-session-head{padding:6px}.spk-session-spend{display:none}.spk-session-page>.spk-session-head{grid-template-columns:minmax(0,1fr) auto auto}.spk-bubble{max-width:97%}.spk-live-panel,.spk-live-panel.ielts{grid-template-columns:38px minmax(0,1fr) 48px;padding:6px 7px}.spk-live-orb{width:38px;height:38px}.spk-live-orb>div{width:33px;height:33px}.spk-mic-btn{width:46px;height:46px}
}

/* v25.14.0 — conversational loop: hands-free, interrupt, progressive reply */
.spk-conversation-actions{display:flex;align-items:center;gap:7px}.spk-conversation-actions>button{height:36px;border:1px solid #d8e3ec;border-radius:10px;background:#fff;color:#31546c;cursor:pointer}.spk-handsfree-btn{width:auto!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px!important;font:inherit;font-size:9px!important;font-weight:900!important;white-space:nowrap}.spk-handsfree-btn i{font-size:10px}.spk-handsfree-btn.active{border-color:#97d8c8;background:#effcf8;color:#087660;box-shadow:0 0 0 3px rgba(0,168,132,.07)}
.spk-bubble.streaming>div{border-color:#b9d8e4}.spk-stream-caret{display:inline-block;width:5px;height:12px;margin:2px 0 0 3px;border-radius:3px;background:#00a884;vertical-align:middle;animation:spkStreamBlink .72s step-end infinite}@keyframes spkStreamBlink{50%{opacity:.18}}
.spk-live-orb.speaking>div{background:radial-gradient(circle at 35% 30%,#62d9ff,#258fc3 50%,#17577d);box-shadow:0 18px 40px rgba(22,117,166,.24)}.spk-live-orb.speaking>span{border-color:rgba(96,214,255,.36)}.spk-mic-btn.interrupt{color:#176d96;box-shadow:0 0 0 4px rgba(74,188,239,.14),0 14px 35px rgba(0,0,0,.20)}
@media(max-width:700px){.spk-conversation-actions{gap:5px}.spk-conversation-actions>button{height:31px;border-radius:8px}.spk-handsfree-btn{width:31px!important;padding:0!important;font-size:0!important}.spk-handsfree-btn i{font-size:10px}.spk-handsfree-btn.active:after{content:"";position:absolute;width:6px;height:6px;margin:-23px 0 0 23px;border:2px solid #fff;border-radius:50%;background:#00a884}.spk-handsfree-btn{position:relative}.spk-stream-caret{height:10px}.spk-live-orb.speaking>div{box-shadow:0 7px 16px rgba(22,117,166,.25)}}

/* v25.15.1 — real CEFR Multilevel Speaking mock inside SpeakingOne */
.spk-cefr-setup{display:grid;gap:12px}.spk-cefr-format{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center}.spk-cefr-format>span{min-height:88px;padding:12px;border:1px solid #dce7ef;border-radius:14px;background:#fbfdff;display:grid;align-content:center;gap:3px}.spk-cefr-format b{font-size:12px;color:#08213f}.spk-cefr-format small{font-size:9px;font-weight:900;color:#00886f}.spk-cefr-format em{font-style:normal;font-size:9px;line-height:1.35;color:#708397}.spk-cefr-format>i{color:#a8b7c5;font-size:9px}.spk-cefr-note{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:11px 12px;border:1px solid #cdeee5;border-radius:13px;background:#f2fff9}.spk-cefr-note>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#ddf9f0;color:#00886f}.spk-cefr-note strong{font-size:11px;color:#0d5a4c}.spk-cefr-note p{margin:3px 0 0;font-size:9.5px;line-height:1.45;color:#57776f}.spk-start-btn.cefr{background:linear-gradient(100deg,#008d73,#1b7fd0)}
.spk-session-head.cefr{grid-template-columns:1fr auto auto auto}.spk-mock-badge.cefr{border-color:#bfe6d9;background:#effcf8;color:#087660}.spk-cefr-progress{width:min(100%,1320px);margin:0 auto 14px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;padding:11px 14px;border:1px solid #dfe8ef;border-radius:16px;background:#fff}.spk-cefr-progress>span{display:flex;align-items:center;gap:8px;min-width:0}.spk-cefr-progress>span b{min-width:34px;height:30px;padding:0 7px;display:grid;place-items:center;border-radius:9px;background:#eef3f8;color:#7d8fa0;font-size:9px}.spk-cefr-progress>span em{font-style:normal;font-size:10px;font-weight:900;color:#8290a2}.spk-cefr-progress>span.active b{background:#008d73;color:#fff;box-shadow:0 0 0 4px rgba(0,141,115,.09)}.spk-cefr-progress>span.active em{color:#0c6253}.spk-cefr-progress>span.done b{background:#18b38d;color:#fff}.spk-cefr-progress>span.done em{color:#287263}.spk-cefr-progress>i{font-size:8px;color:#c4cfd8}.spk-session-grid.cefr{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)}.spk-live-panel.cefr{background:linear-gradient(160deg,#062b3c,#07495a 58%,#0b655f)}
.spk-cefr-context{position:sticky;top:-1px;z-index:3;margin:0 0 10px;padding:12px;border:1px solid #cfe8df;border-radius:14px;background:rgba(247,255,252,.97);box-shadow:0 7px 18px rgba(8,79,65,.06);backdrop-filter:blur(8px)}.spk-cefr-context>span{display:block;margin-bottom:8px;font-size:8px;font-weight:900;letter-spacing:.11em;color:#00886f}.spk-cefr-context h3{margin:0 0 9px;font-size:16px;line-height:1.3;color:#08213f}.spk-cefr-pictures{display:grid;grid-template-columns:1fr 1fr;gap:9px}.spk-cefr-pictures article{padding:8px;border:1px solid #dce8ef;border-radius:11px;background:#fff}.spk-cefr-picture-art{height:92px;display:grid;place-items:center;margin-bottom:7px;border-radius:9px;background:linear-gradient(145deg,#e8f8f2,#edf4ff);color:#147964;font-size:28px}.spk-cefr-pictures strong{display:block;font-size:10px;color:#173953}.spk-cefr-pictures p{margin:3px 0 0;font-size:8.5px;line-height:1.35;color:#6d8194}.spk-cefr-topic ul{margin:7px 0 0;padding-left:18px}.spk-cefr-topic li{margin:4px 0;font-size:10px;color:#50677d}.spk-cefr-discussion>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.spk-cefr-discussion article{padding:9px;border:1px solid #dce8ef;border-radius:10px;background:#fff}.spk-cefr-discussion article>b{display:block;margin-bottom:6px;font-size:9px;color:#00886f}.spk-cefr-discussion article:nth-child(2)>b{color:#b86a24}.spk-cefr-discussion p{display:flex;gap:6px;margin:5px 0;font-size:9px;line-height:1.35;color:#526a7e}.spk-cefr-discussion p i{margin-top:2px;font-size:7px;color:#00a884}.spk-cefr-discussion article:nth-child(2) p i{color:#d58439}.spk-cefr-rules{width:min(100%,1320px);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.spk-cefr-rules span{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #dfe8ef;border-radius:11px;background:#fff;color:#65798d;font-size:9px;font-weight:800}.spk-cefr-rules i{color:#008d73}
@media(max-width:1050px){.spk-session-grid.cefr{grid-template-columns:1fr}.spk-live-panel.cefr{min-height:260px}.spk-cefr-format{grid-template-columns:1fr 1fr}.spk-cefr-format>i{display:none}.spk-cefr-rules{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.spk-cefr-format{grid-template-columns:1fr 1fr;gap:6px}.spk-cefr-format>span{min-height:68px;padding:9px;border-radius:10px}.spk-cefr-note{grid-template-columns:30px 1fr;padding:8px}.spk-cefr-note>i{width:30px;height:30px}.spk-cefr-progress{width:100%;margin:0;padding:5px 7px;gap:4px;border-radius:10px;min-height:36px}.spk-cefr-progress>span{gap:3px}.spk-cefr-progress>span b{min-width:26px;height:22px;padding:0 4px;font-size:7px}.spk-cefr-progress>span em{font-size:7px}.spk-cefr-page{grid-template-rows:auto auto minmax(0,1fr)}.spk-cefr-page>.spk-cefr-progress{grid-row:2}.spk-cefr-page>.spk-session-grid{grid-row:3}.spk-cefr-rules{display:none}.spk-session-head.cefr .spk-mock-badge{display:none}.spk-session-head.cefr{grid-template-columns:minmax(0,1fr) auto}.spk-cefr-context{padding:8px;margin-bottom:7px;border-radius:10px}.spk-cefr-context h3{font-size:12px}.spk-cefr-pictures{gap:6px}.spk-cefr-picture-art{height:62px;font-size:20px}.spk-cefr-pictures p{font-size:7.5px}.spk-cefr-discussion{position:relative}.spk-cefr-discussion>div{grid-template-columns:1fr 1fr;gap:5px}.spk-cefr-discussion article{padding:7px}.spk-cefr-discussion p{font-size:7.5px}.spk-live-panel.cefr{min-height:68px!important}}