.sentence-builder-medium-page{
  --sbm-violet:#6d5ee7;
  --sbm-violet-dark:#4c3fc0;
  --sbm-cyan:#2eb9d0;
  --sbm-gold:#f4b82c;
}

.sentence-builder-medium-page .sbe-page{
  background:
    radial-gradient(circle at 5% 0%,rgba(244,184,44,.2),transparent 25rem),
    radial-gradient(circle at 100% 12%,rgba(109,94,231,.16),transparent 29rem),
    #f5f7fc;
}

.sbm-top-stats{display:flex;align-items:center;gap:7px}
.sbm-top-stats span{padding:8px 11px;border:1px solid rgba(16,32,56,.1);border-radius:999px;background:rgba(255,255,255,.9);color:#39485e;font-size:13px;font-weight:950;box-shadow:0 6px 15px rgba(16,32,56,.05)}
.sentence-builder-medium-page .sbe-brand-mark{background:linear-gradient(135deg,#4d3dc2,#258bb4)}
.sentence-builder-medium-page .sbm-hero{background:linear-gradient(135deg,#352d86,#5451b6 55%,#158a9d)}

.sbm-preview-access{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sbm-preview-access strong,.sbm-preview-access span{padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900}.sbm-preview-access strong{color:#e9fff8;background:rgba(34,211,153,.22);border:1px solid rgba(167,243,208,.28)}.sbm-preview-access span{color:#fff5c2;background:rgba(250,204,21,.16);border:1px solid rgba(253,224,71,.24)}

.sbe-topic.is-premium-preview{opacity:1;border-color:rgba(217,160,0,.32);background:linear-gradient(145deg,#fff,#fffaf0);box-shadow:0 12px 26px rgba(151,101,0,.08)}.sbe-topic.is-premium-preview .sbe-topic-number{color:#9a6800}.sbe-topic.is-premium-preview .sbe-topic-state{color:#895d00;background:#fff0bd}.sbe-topic.is-premium-preview:hover{border-color:rgba(217,160,0,.56);box-shadow:0 18px 34px rgba(151,101,0,.15)}

.sbm-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(230px,1.5fr);gap:11px;margin-bottom:16px}
.sbm-stat{display:flex;flex-direction:column;min-height:116px;padding:15px;border:1px solid rgba(16,32,56,.1);border-radius:19px;background:rgba(255,255,255,.93);box-shadow:0 10px 24px rgba(16,32,56,.06)}
.sbm-stat>span{color:#667085;font-size:11px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}
.sbm-stat>strong{margin:5px 0 2px;color:#24364f;font-size:22px;letter-spacing:-.04em}
.sbm-stat>small{margin-top:auto;color:#7b8798;font-size:11px;font-weight:700;line-height:1.35}
.sbm-review-stat{border-color:rgba(109,94,231,.25);background:linear-gradient(145deg,#f5f3ff,#fff)}
.sbm-review-button{align-self:flex-start;margin-top:8px;padding:7px 10px;border:0;border-radius:9px;background:var(--sbm-violet);color:#fff;font-size:11px;font-weight:900;cursor:pointer}
.sbm-review-button:disabled{background:#e4e2ee;color:#8c899a;cursor:default}

.sbm-worlds{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 20px}
.sbm-world{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;min-height:86px;padding:12px;border:1px solid rgba(16,32,56,.1);border-radius:17px;background:rgba(255,255,255,.85);color:#344054;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.sbm-world:not(:disabled):hover{transform:translateY(-2px);border-color:rgba(109,94,231,.42);box-shadow:0 12px 22px rgba(16,32,56,.08)}
.sbm-world.is-selected{border-color:var(--sbm-violet);background:linear-gradient(150deg,#f4f1ff,#fff);box-shadow:0 10px 24px rgba(109,94,231,.14)}
.sbm-world.is-complete{border-color:rgba(17,158,127,.35);background:#f3fffb}
.sbm-world:disabled{opacity:.48;cursor:not-allowed}
.sbm-world-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f0edff;font-size:17px}
.sbm-world small,.sbm-world strong,.sbm-world em{display:block}
.sbm-world small{color:#7569ce;font-size:9px;font-weight:950;letter-spacing:.08em}
.sbm-world strong{margin-top:2px;font-size:12px;line-height:1.2}
.sbm-world em{margin-top:4px;color:#7a8698;font-size:9px;font-style:normal;font-weight:800}

.sbm-stars{display:block;margin-top:5px;color:var(--sbm-gold);font-size:14px;letter-spacing:1px}
.sbm-big-stars{margin:4px 0 10px;color:var(--sbm-gold);font-size:27px;font-weight:950}
.sbm-big-stars .sbm-stars{font-size:30px}

.sbm-boss-card{position:relative;margin:0 0 20px;overflow:hidden;border-color:rgba(244,184,44,.46);background:linear-gradient(135deg,#fff9e9,#fff 56%,#f1efff)}
.sbm-boss-card:after{content:"";position:absolute;right:-70px;top:-86px;width:230px;height:230px;border:24px solid rgba(109,94,231,.06);border-radius:50%;pointer-events:none}
.sbm-boss-badge{position:relative;z-index:1;display:inline-flex;margin-bottom:16px;padding:6px 9px;border-radius:8px;background:#2d276d;color:#fff;font-size:10px;font-weight:950;letter-spacing:.12em}
.sbm-boss-card .sbe-primary{position:relative;z-index:1;margin-top:18px}
.sbm-boss-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sbm-boss-meta span{padding:7px 9px;border-radius:9px;background:#fff;color:#685619;font-size:11px;font-weight:900;box-shadow:0 4px 12px rgba(16,32,56,.06)}

.sbm-formula{display:grid;gap:6px;margin-top:16px}
.sbm-formula span{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:9px;letter-spacing:.13em}
.sentence-builder-medium-page .sbe-example{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sbm-icon-button{flex:0 0 auto;width:34px;height:34px;border:1px solid rgba(16,32,56,.1);border-radius:10px;background:#fff;color:#506177;cursor:pointer}
.sbm-icon-button:hover{border-color:#7e73d9;background:#f7f5ff}

.sbm-learning-path{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 24px}
.sbm-learning-path div{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:11px;border:1px solid rgba(16,32,56,.1);border-radius:14px;background:#fbfcff}
.sbm-learning-path div:not(:last-child):after{content:"→";position:absolute;z-index:2;right:-10px;color:#8f98a7;font-weight:950}
.sbm-learning-path b{grid-row:1/3;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#ece9ff;color:var(--sbm-violet-dark);font-size:11px}
.sbm-learning-path span{font-size:12px;font-weight:950}
.sbm-learning-path small{color:#7b8798;font-size:9px;font-weight:750}
.sbm-mini-path{grid-template-columns:repeat(3,1fr);max-width:600px;margin-top:18px}

.sbm-mode-chunks{background:#eaf9f4;color:#11725d}
.sbm-mode-words{background:#eef7ff;color:#36659e}
.sbm-mode-typed{background:#f2edff;color:#5d46bd}
.sbm-session-question{margin:-7px 0 20px}

.sbm-recall-note{max-width:700px;margin:12px 0 0;color:#687588;font-size:14px;line-height:1.55}
.sbm-typed-zone{margin-top:20px;padding:5px;border:2px solid #c7bddf;border-radius:18px;background:#fbfaff;transition:border-color .18s ease,box-shadow .18s ease}
.sbm-typed-zone:focus-within{border-color:var(--sbm-violet);box-shadow:0 0 0 4px rgba(109,94,231,.1)}
.sbm-typed-zone.is-wrong{border-color:#ef766d;background:#fff8f7}
.sbm-typed-zone.is-near{border-color:#e9ae2e;background:#fffaf0;box-shadow:0 0 0 4px rgba(233,174,46,.1)}
.sbm-typed-zone.is-correct{border-color:#21aa87;background:#f2fff9}
.sbm-typed-zone textarea{display:block;width:100%;min-height:112px;padding:15px;border:0;outline:0;resize:vertical;background:transparent;color:#24364f;font:inherit;font-size:18px;font-weight:700;line-height:1.55}
.sbm-typed-zone textarea::placeholder{color:#a4abb7;font-weight:600}

.sbm-coach{margin-top:17px;padding:16px;border:1px solid rgba(109,94,231,.22);border-radius:18px;background:linear-gradient(145deg,#f5f2ff,#fff);color:#4c4767}
.sbm-coach-head{display:flex;align-items:center;gap:10px}
.sbm-coach-head>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e9e3ff;font-size:18px}
.sbm-coach-head small,.sbm-coach-head strong{display:block}
.sbm-coach-head small{color:#7569ce;font-size:9px;font-weight:950;letter-spacing:.12em}
.sbm-coach-head strong{margin-top:2px;color:#3c365b;font-size:14px}
.sbm-coach>p{margin:12px 0 0;line-height:1.55}
.sbm-skeleton{display:grid;gap:5px;margin-top:12px;padding:11px 12px;border:1px dashed rgba(109,94,231,.35);border-radius:12px;background:#fff}
.sbm-skeleton span{color:#7569ce;font-size:9px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.sbm-skeleton code{overflow-wrap:anywhere;color:#41406a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:800;line-height:1.55}

.sbm-smart-coach{margin-top:17px;padding:17px;border:1px solid rgba(221,157,17,.36);border-radius:18px;background:linear-gradient(145deg,#fff8e3,#fff);color:#5f4a19}
.sbm-smart-coach .sbm-coach-head>span{background:#fff0b9}
.sbm-smart-coach>p{margin:12px 0;line-height:1.55}
.sbm-smart-fix{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:12px;border:1px solid rgba(221,157,17,.24);border-radius:13px;background:#fff}
.sbm-smart-fix span{color:#96701c;font-size:9px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.sbm-smart-fix strong{grid-column:1;color:#3d3421;font-size:14px;line-height:1.45}
.sbm-smart-fix button{grid-column:2;grid-row:1/3}

.sbm-full-story{margin:0;padding:18px;border-left:5px solid #28a888;border-radius:14px;background:rgba(255,255,255,.9);color:#172b47;font-size:clamp(17px,2.4vw,21px);font-weight:850;line-height:1.75}
.sbm-story-sentence{display:inline}
.sbm-story-sentence:not(:last-child):after{content:" ";white-space:pre}
.sbm-word-issue{padding:2px 4px;border-radius:6px;background:#ffe0a3;color:#744900;font-weight:950}

.sbm-full-reading-lab{margin-top:23px;padding:22px;border:1px solid rgba(61,92,194,.22);border-radius:23px;background:linear-gradient(145deg,#f3f5ff,#fff 60%,#f0fbf7)}
.sbm-reading-actions{display:flex;flex-wrap:wrap;gap:8px}
.sbm-full-reading-status{margin:12px 0 0;color:#56657b;font-size:13px;font-weight:800;line-height:1.5}
.sbm-live-transcript{display:-webkit-box;min-height:20px;max-height:58px;margin:8px 0 0;overflow:hidden;color:#5e56a8;font-size:12px;font-style:italic;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.sbm-reading-result{margin-top:14px;padding:15px 16px;border-radius:16px;line-height:1.5}
.sbm-reading-result strong{display:block;margin-bottom:4px}
.sbm-reading-result p{margin:0;font-size:13px}
.sbm-reading-result small{display:block;margin-top:8px;color:inherit;opacity:.78;overflow-wrap:anywhere}
.sbm-transcript-details{margin-top:10px;padding:9px 10px;border:1px solid currentColor;border-radius:10px;background:rgba(255,255,255,.48);opacity:.86}
.sbm-transcript-details summary{cursor:pointer;font-size:11px;font-weight:900}
.sbm-transcript-details small{max-height:130px;overflow:auto;line-height:1.55}
.sbm-reading-result.is-waiting{border:1px dashed #aab6d8;background:#f8f9ff;color:#4e5c7a}
.sbm-reading-result.is-good{border:1px solid #a9e0cf;background:#ecfbf5;color:#0b6e59}
.sbm-reading-result.is-fallback{border:1px solid #d6dbe8;background:#f8fafc;color:#59667a}
.sbm-reading-result.is-try{border:1px solid #f1cd7b;background:#fffaf0;color:#6d5218}
.sbm-word-practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}
.sbm-word-practice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid rgba(179,123,12,.2);border-radius:12px;background:#fff}
.sbm-word-practice>div{display:grid;min-width:0}
.sbm-word-practice span{overflow:hidden;color:#896921;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.sbm-word-practice .sbm-word-label{margin-top:6px;color:#9b7d3d;font-size:8px;font-weight:950;letter-spacing:.1em;opacity:1}
.sbm-word-practice strong{margin:2px 0 0;font-size:17px}
.sbm-word-practice button{flex:0 0 auto;padding:8px 10px;border:0;border-radius:9px;background:#5b50bd;color:#fff;font-size:11px;font-weight:950;cursor:pointer}
.sbm-word-practice.is-done{border-color:#9ddac7;background:#f0fbf7;color:#08745e}
.sbm-word-practice.is-done button{background:#159574}
.sbm-studio-gate{margin-top:7px!important;padding:8px 10px;border-radius:10px;background:#fff6df;color:#7a5911!important;font-size:12px!important;font-weight:900}
.sbm-studio-gate.is-ready{background:#e9faf4;color:#08745e!important}
.sentence-builder-medium-page .sbe-primary:disabled{cursor:not-allowed;filter:grayscale(.25);opacity:.48;box-shadow:none;transform:none}

.sbm-reward-line{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.sbm-reward-line span{padding:4px 7px;border-radius:7px;background:#d5f6e9;color:#08745e;font-size:11px;font-weight:950}
.sbm-success-actions{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0 7px}
.sbm-success-actions .sbe-secondary{padding:8px 10px;background:rgba(255,255,255,.8);font-size:11px}
.sbm-success-actions .sbe-primary{padding:8px 12px;font-size:11px}
.sbm-speech-result{margin:9px 0!important;padding:9px 10px;border-radius:10px;background:#fff;color:#38566a;font-size:12px;line-height:1.45}

.sbm-world-complete{background:radial-gradient(circle at 50% 0%,#fff5ca,transparent 260px),#fff}
.sbm-world-badge{display:inline-grid;place-items:center;min-width:142px;margin:0 auto 18px;padding:16px;border:2px solid #e2ad25;border-radius:24px;background:linear-gradient(145deg,#fff4bc,#ffe27a);color:#6d4d00;box-shadow:0 15px 28px rgba(226,173,37,.25)}
.sbm-world-badge span{font-size:41px}
.sbm-world-badge small{margin-top:7px;font-size:9px;font-weight:950;letter-spacing:.12em}

@media (max-width:900px){
  .sbm-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sbm-worlds{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:650px){
  .sentence-builder-medium-page .sbe-topbar{display:grid;grid-template-columns:1fr auto}
  .sentence-builder-medium-page .sbe-back{grid-column:1/-1}
  .sentence-builder-medium-page .sbe-brand{font-size:13px}
  .sbm-top-stats span{padding:7px 8px;font-size:11px}
  .sbm-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .sbm-stat{min-height:105px;padding:12px}
  .sbm-review-stat{grid-column:1/-1}
  .sbm-worlds{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}
  .sbm-world{flex:0 0 175px;scroll-snap-align:start}
  .sbm-learning-path{grid-template-columns:1fr 1fr}
  .sbm-learning-path div:nth-child(2):after{display:none}
  .sbm-mini-path{grid-template-columns:1fr}
  .sbm-mini-path div:after{display:none}
  .sbm-typed-zone textarea{min-height:105px;font-size:16px}
  .sbm-success-actions .sbe-secondary{flex:1}
  .sbm-smart-fix{grid-template-columns:1fr}
  .sbm-smart-fix button{grid-column:1;grid-row:auto;width:100%}
  .sbm-full-reading-lab{padding:16px;border-radius:18px}
  .sbm-reading-actions .sbe-primary,.sbm-reading-actions .sbe-secondary{width:100%}
  .sbm-word-practice-grid{grid-template-columns:1fr}
  .sbm-word-practice{align-items:flex-start;flex-direction:column}
  .sbm-word-practice button{width:100%}
}

@media (prefers-reduced-motion:reduce){
  .sentence-builder-medium-page *,
  .sentence-builder-medium-page *:before,
  .sentence-builder-medium-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}