:root{--sentence-ink:#193147;--sentence-green:#0c8075;--sentence-coral:#ff725f;--sentence-yellow:#ffd86f}
.sentence-lab-page{color:var(--sentence-ink);background:linear-gradient(180deg,#fffaf0,#f2fcff 55%,#fff9f1);overflow-x:hidden}.sentence-hero,.sentence-lab-page>.section,.sentence-lab-page main>.section{width:min(1180px,calc(100% - 32px));margin:28px auto}.sentence-hero{padding:clamp(24px,5vw,60px);display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:center;border-radius:36px;background:radial-gradient(circle at 8% 12%,rgba(255,216,111,.5),transparent 34%),radial-gradient(circle at 92% 20%,rgba(70,200,181,.25),transparent 35%),#fff;box-shadow:0 22px 60px rgba(25,49,71,.1)}.sentence-hero h1{margin:7px 0 13px;font:800 clamp(2.7rem,6vw,5.5rem)/.94 "Baloo 2";letter-spacing:-.035em}.sentence-hero p:not(.eyebrow){max-width:660px;color:#5d7185;font-weight:700;line-height:1.6}.sentence-formula{padding:24px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center;border-radius:28px;background:linear-gradient(145deg,#e6faf3,#fff4cc);box-shadow:inset 0 0 0 1px rgba(12,128,117,.12)}.sentence-formula>div{min-height:110px;padding:12px;display:grid;place-content:center;text-align:center;border-radius:18px;background:#fff}.sentence-formula span{color:#607488;font-size:.68rem;font-weight:950}.sentence-formula strong{font:800 1.15rem "Baloo 2"}.sentence-formula>b{font-size:1.6rem}.sentence-formula>p{grid-column:1/-1;margin:8px 0 0!important;padding:14px;border-radius:16px;background:#fff;color:var(--sentence-green)!important;text-align:center;font:800 1.4rem "Baloo 2"!important}.sentence-lab-page main>.section{padding:clamp(20px,3vw,34px);border-radius:30px;background:rgba(255,255,255,.9);box-shadow:0 18px 50px rgba(25,49,71,.08)}.section-heading h2{margin:4px 0 5px;font:800 clamp(2rem,4vw,3.2rem)/1 "Baloo 2"}.section-heading>p:last-child{color:#607488;font-weight:700}.sentence-part-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.sentence-part-cards button{min-height:150px;padding:18px;display:grid;place-items:center;gap:3px;border:1px solid rgba(25,49,71,.1);border-radius:23px;background:linear-gradient(145deg,#fff,#edfaff);color:var(--sentence-ink);cursor:pointer}.sentence-part-cards button:nth-child(2){background:linear-gradient(145deg,#fff,#fff4d0)}.sentence-part-cards button:nth-child(3){background:linear-gradient(145deg,#fff,#eef9f1)}.sentence-part-cards span{font-size:2.2rem}.sentence-part-cards strong{font:800 1.4rem "Baloo 2"}.sentence-part-cards small{color:#65778a;font-weight:800}.sentence-part-cards button.is-active{border-color:var(--sentence-green);box-shadow:0 0 0 4px rgba(12,128,117,.1)}.part-explanation{margin-top:13px;padding:16px;border-radius:18px;background:#effbf7}.part-explanation strong{color:var(--sentence-green);font-size:1.1rem}.part-explanation p{margin:3px 0;color:#526a7c;font-weight:750}.sentence-build-layout,.describe-layout{margin-top:20px;display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.prop-workspace{display:grid;gap:12px}.prop-row{padding:14px;border:1px solid rgba(25,49,71,.09);border-radius:20px;background:#f8fbfc}.prop-row>strong{display:block;margin-bottom:9px}.prop-row>div{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.prop-card{flex:0 0 135px;min-height:92px;padding:10px;display:grid;place-items:center;scroll-snap-align:start;border:1px solid rgba(25,49,71,.1);border-radius:16px;background:#fff;color:var(--sentence-ink);cursor:pointer}.prop-card span{font-size:1.8rem}.prop-card b{font:800 .94rem "Nunito"}.prop-card.is-active{border-color:var(--sentence-green);background:#e8faf3}.built-sentence-card{position:sticky;top:92px;align-self:start;padding:22px;border-radius:24px;background:linear-gradient(145deg,#fff2c8,#ddf8ef);box-shadow:0 15px 35px rgba(25,49,71,.1)}.built-sentence-card>span{color:#607488;font-size:.75rem;font-weight:950;text-transform:uppercase}.sentence-slots{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.sentence-slots b{padding:9px;border-radius:11px;background:#fff}.sentence-slots b:nth-child(1){color:#1368a1}.sentence-slots b:nth-child(2){color:#a7531e}.sentence-slots b:nth-child(3){color:#146c58}.built-sentence-card>p{min-height:110px;margin:0;padding:15px;display:grid;place-content:center;border-radius:17px;background:#fff;font:800 1.55rem/1.25 "Baloo 2"}.built-actions,.description-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.built-actions button,.description-actions button{min-height:46px;padding:10px 14px;border:1px solid rgba(12,128,117,.2);border-radius:14px;background:#fff;color:var(--sentence-ink);font-weight:900;cursor:pointer}.built-actions button:first-child,.description-actions button:first-child{color:#fff;background:var(--sentence-green)}.built-sentence-card>small{display:block;margin-top:12px;color:#526b76;font-weight:800}.character-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:start}.character-card{min-height:130px;padding:14px;display:grid;place-items:center;border:1px solid rgba(25,49,71,.1);border-radius:20px;background:linear-gradient(145deg,#fff,#effaff);color:var(--sentence-ink);cursor:pointer}.character-card span{font-size:2.6rem}.character-card strong{font:800 1.15rem "Baloo 2"}.character-card.is-active{border-color:var(--sentence-green);background:#e4f9ef}.speaking-coach{padding:20px;border-radius:24px;background:linear-gradient(145deg,#fff,#fff6db);border:1px solid rgba(25,49,71,.09)}.selected-character{display:flex;gap:12px;align-items:center}.selected-character>span{width:65px;height:65px;display:grid;place-items:center;border-radius:20px;background:#fff;font-size:2.2rem}.selected-character div{display:grid}.selected-character small{color:#607488;font-weight:900}.selected-character strong{font:800 1.6rem "Baloo 2"}.prompt-strip,.starter-chips{display:flex;gap:7px;overflow-x:auto;padding:12px 0}.prompt-strip span,.starter-chips button{flex:0 0 auto;padding:8px 11px;border:1px solid rgba(25,49,71,.08);border-radius:999px;background:#fff;color:#405c70;font-weight:850}.speaking-coach label{display:block;margin-bottom:6px;font-weight:950}.speaking-coach textarea{width:100%;min-height:160px;padding:15px;resize:vertical;border:1px solid rgba(25,49,71,.15);border-radius:17px;background:#fff;color:var(--sentence-ink);font:750 1rem/1.5 "Nunito"}.starter-chips button{cursor:pointer}.description-feedback{margin-top:12px;padding:14px;border-radius:16px;background:#eef8fa}.description-feedback p{margin:3px 0;color:#5c7182;font-weight:750}.sentence-check-section{display:grid!important;grid-template-columns:.75fr 1.25fr;gap:18px;align-items:center}.sentence-choice-grid{display:grid;gap:8px}.sentence-choice-grid button{min-height:52px;padding:10px;border:1px solid rgba(25,49,71,.1);border-radius:15px;background:#fff;color:var(--sentence-ink);font-weight:900;cursor:pointer}.sentence-choice-grid button.is-correct{border-color:#24a76b;background:#def8e9}.sentence-choice-grid button.is-wrong{border-color:#e37868;background:#fff0ed}.sentence-check-section>[data-check-feedback]{grid-column:2;margin:0;color:#526b7c;font-weight:800}
@media(max-width:820px){.sentence-hero,.sentence-build-layout,.describe-layout{grid-template-columns:1fr}.built-sentence-card{position:static}.sentence-check-section{grid-template-columns:1fr!important}.sentence-check-section>[data-check-feedback]{grid-column:1}.sentence-formula{grid-template-columns:1fr}.sentence-formula>b{transform:rotate(90deg)}.sentence-formula>p{grid-column:1}}
@media(max-width:560px){.sentence-hero,.sentence-lab-page main>.section{width:calc(100% - 16px);margin:12px auto;padding:18px 15px;border-radius:23px}.sentence-hero h1{font-size:2.65rem}.sentence-part-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.sentence-part-cards button{flex:0 0 76vw;scroll-snap-align:start}.sentence-build-layout{display:block}.built-sentence-card{margin-top:14px}.character-picker{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.character-card{flex:0 0 42vw;scroll-snap-align:start}.description-actions{display:grid;grid-template-columns:1fr 1fr}.description-actions button:first-child{grid-column:1/-1}.whatsapp-float{bottom:88px}}