#english_studio{--en-pink:#CC00A3;--en-ink:#1A0010;color:var(--en-ink);padding-bottom:125px}
#english_studio *{box-sizing:border-box}
.en-wrap{max-width:1050px;margin:auto}
.en-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.en-head h2{margin:0;font:700 29px Outfit,sans-serif}
.en-kicker{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#A80081;margin:0 0 8px}
.en-hero{padding:26px;border-radius:28px;background:linear-gradient(125deg,#A80081,#CC00A3);color:white;margin-bottom:20px}
.en-hero h3{font:600 35px/1.05 "Cormorant Garamond",serif;margin:0 0 12px;max-width:650px}
.en-hero p{max-width:650px;line-height:1.5;margin:8px 0}
.en-hero .en-kicker{color:#FCE4F2}
.en-stats{display:flex;gap:22px;flex-wrap:wrap;margin-top:20px}
.en-stats b{display:block;font-size:23px}.en-stats span{font-size:12px}
.en-tabs{display:flex;gap:8px;overflow:auto;margin:18px 0;padding:2px 0 6px}
#english_studio button,#english_studio select,#english_studio textarea,#english_studio input{font:inherit}
.en-tabs button,.en-btn{border:1px solid #ead4e1;border-radius:16px;background:white;color:#6B3A55;padding:11px 16px;cursor:pointer;font-weight:700;min-height:44px}
.en-tabs button{white-space:nowrap}.en-tabs .on,.en-btn.primary{color:white;background:#A80081;border-color:#A80081}
.en-btn:disabled{opacity:.5;cursor:wait}.en-btn:focus-visible,.en-tabs button:focus-visible{outline:3px solid #CC00A3;outline-offset:3px}
.en-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}
.en-card{background:white;border:1px solid #f1deea;border-radius:24px;padding:22px;margin-bottom:16px;box-shadow:0 8px 30px #6b3a5506}
.en-card h3{margin:0 0 12px;font-size:21px}.en-card h4{font-size:16px;margin:16px 0 8px}
.en-card p,.en-card li{line-height:1.55}.en-muted{font-size:13px;color:#7A5A6B;line-height:1.5}
.en-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.en-row.spread{justify-content:space-between}
.en-phrase{font-size:23px;line-height:1.4;font-weight:600;margin:16px 0 8px}
.en-tag{font-size:11px;font-weight:800;color:#A80081;background:#FDF0F7;border-radius:9px;padding:6px 9px}
.en-card textarea{display:block;width:100%;min-height:100px;border:1px solid #e4cbdc;border-radius:14px;background:#fffcfe;color:#1A0010;padding:12px;margin:10px 0;resize:vertical}
.en-card select,.en-card input[type=number]{max-width:100%;padding:10px;border:1px solid #e4cbdc;border-radius:12px;background:white;color:#1A0010}
.en-block{padding:13px 0;border-bottom:1px solid #f3e8ef;display:flex;gap:11px;align-items:flex-start}.en-block input{accent-color:#CC00A3;min-width:20px;height:20px;margin-top:2px}
.en-block b{display:block}.en-block small{display:block;color:#7A5A6B;margin-top:5px;line-height:1.5}
.en-timer{font-variant-numeric:tabular-nums;font-size:38px;font-weight:600;letter-spacing:1px;margin:8px 0}
.en-notice{padding:13px 16px;background:#FDF0F7;border-radius:14px;font-size:13px;line-height:1.5;margin:12px 0}
.en-feedback{white-space:pre-wrap;line-height:1.65;font-size:14px}
.en-week summary{cursor:pointer;display:flex;gap:10px;align-items:center;padding:5px 0;font-weight:700;list-style:none}
.en-week summary:before{content:'+';color:#CC00A3}.en-week[open] summary:before{content:'−'}
.en-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:15px 0}
.en-day{border:1px solid #ecd3e2;background:#FDF0F7;border-radius:11px;min-height:45px;cursor:pointer;color:#6B3A55}
.en-day.done{background:#A80081;color:white}.en-day.current{outline:2px solid #CC00A3;outline-offset:2px}
.en-conversation{display:flex;flex-direction:column;gap:12px;max-height:440px;overflow:auto;margin:15px 0}
.en-message{padding:14px;border-radius:16px;background:#FDF0F7;white-space:pre-wrap;line-height:1.6;font-size:14px}
.en-message.user{background:#f2edf0;margin-left:20px}.en-message small{display:block;font-weight:800;margin-bottom:6px;color:#A80081}
#english_studio audio{max-width:100%;width:100%;margin:10px 0}
.en-log{border-bottom:1px solid #f0e0ea;padding:12px 0}
.en-status{min-height:24px;font-size:13px;color:#7A5A6B;margin:10px 0}
.en-danger{color:#9b2457}.en-progress{width:100%;accent-color:#CC00A3;height:10px}
@media(max-width:650px){.en-grid{grid-template-columns:1fr}.en-hero{padding:22px}.en-hero h3{font-size:31px}.en-card{padding:18px}.en-head h2{font-size:26px}.en-phrase{font-size:21px}.en-tabs button{padding:10px 13px}.en-days{gap:5px}.en-stats{gap:19px}}

.en-reading{font-size:18px;line-height:1.8!important;white-space:pre-line}.en-translation{margin:12px 0;padding:12px;background:#FDF0F7;border-radius:12px}.en-translation summary{cursor:pointer;font-weight:700;color:#A80081}.en-card details>summary{cursor:pointer;min-height:40px;padding:10px 0}.en-vocab{border-bottom:1px solid #f1deea;padding:10px 0 18px}.en-vocab h4{font-size:22px!important;color:#A80081;margin-bottom:4px!important}.en-vocab p{margin:7px 0}.en-exercise{margin:16px 0}.en-exercise input{display:block;width:100%;padding:12px;border:1px solid #e4cbdc;border-radius:12px;background:white;color:#1A0010;margin:8px 0}.en-exercise span[role=status]{font-size:13px;color:#A80081}.en-voice-help{margin:12px 0;padding:12px;background:#FDF0F7;border-radius:14px}

.en-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.en-settings label{font-size:13px;font-weight:700;color:#6B3A55}.en-settings select{display:block;width:100%;margin-top:6px}.en-oral-thread{max-height:65vh}.en-turn-feedback{border-left:3px solid #CC00A3;padding:12px;background:#fff9fc;font-size:14px;border-radius:0 12px 12px 0}.en-turn-feedback p{margin:8px 0}.en-audit-table{width:100%;border-collapse:collapse}.en-audit-table td{padding:9px;border-bottom:1px solid #f1deea}@media(max-width:500px){.en-settings{grid-template-columns:1fr}}