/* AUTO-GENERATED from english.html by _gen_eng_embed.py — do not edit by hand */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');
#engRoot *{ box-sizing:border-box; margin:0; padding:0; -webkit-tap-highlight-color:transparent; }
#engRoot{
  --paper:#F2EEE4; --card:#FBF9F3; --ink:#1A2723; --soft:#5E6E68; --faint:#97A39D;
  --deep:#0E3F38; --deep2:#15564C; --coral:#DE6244; --coral-soft:#F4D8CF;
  --gold:#C99432; --gold-soft:#F0E3C4; --line:#E3DCCD; --user:#103D36;
}
#engRoot{ background:var(--paper); }
#engRoot{ font-family:'Pretendard',-apple-system,sans-serif; color:var(--ink); min-height:100vh; }
#engRoot #engApp{ max-width:460px; margin:0 auto; position:relative; overflow-x:hidden; min-height:100vh; }
#engRoot .eng{ font-family:'Fraunces',Georgia,serif; }
#engRoot button{ font-family:inherit; }
@keyframes engkf_fadeUp{ from{opacity:0;transform:translateY(8px);} to{opacity:1;transform:none;} }
@keyframes pop{ from{opacity:0;transform:scale(.96);} to{opacity:1;transform:none;} }
@keyframes ring{ 0%{transform:scale(1);opacity:.5;} 100%{transform:scale(2.1);opacity:0;} }
@keyframes bar{ 0%,100%{height:8px;} 50%{height:34px;} }
@keyframes spin{ to{transform:rotate(360deg);} }
@keyframes dot{ 0%,80%,100%{transform:translateY(0);opacity:.4;} 40%{transform:translateY(-6px);opacity:1;} }
@media (prefers-reduced-motion:reduce){#engRoot *{animation-duration:.01ms!important;}}
#engRoot .bar{ position:sticky; top:0; z-index:20; display:flex; align-items:center; gap:12px; padding:16px 18px 14px; background:rgba(242,238,228,.9); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
#engRoot .back{ width:38px; height:38px; border-radius:11px; border:1px solid var(--line); background:var(--card); display:flex; align-items:center; justify-content:center; font-size:18px; color:var(--ink); cursor:pointer; flex:none; }
#engRoot .back:active{ transform:scale(.93); }
#engRoot .bartitle{ font-weight:700; font-size:17px; letter-spacing:-.01em; }
#engRoot .barsub{ font-size:12px; color:var(--soft); margin-top:1px; }
#engRoot .barset{ margin-left:auto; width:38px; height:38px; border-radius:11px; border:1px solid var(--line); background:var(--card); display:flex; align-items:center; justify-content:center; font-size:17px; cursor:pointer; }
#engRoot .home{ padding:22px 18px 40px; animation:engkf_fadeUp .4s ease; }
#engRoot .greet{ font-size:13px; color:var(--coral); font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
#engRoot .h1{ font-size:30px; line-height:1.12; font-weight:700; letter-spacing:-.02em; margin-top:8px; }
#engRoot .h1 .eng{ font-style:italic; font-weight:500; color:var(--deep); }
#engRoot .daily{ margin-top:22px; background:var(--deep); color:#F2EEE4; border-radius:20px; padding:20px; position:relative; overflow:hidden; cursor:pointer; }
#engRoot .daily:active{ transform:scale(.99); }
#engRoot .daily-tag{ font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#8FBFB4; font-weight:700; }
#engRoot .daily-en{ font-family:'Fraunces',serif; font-size:22px; line-height:1.25; margin-top:10px; font-weight:500; }
#engRoot .daily-ko{ font-size:13px; color:#B9CFC9; margin-top:8px; }
#engRoot .daily-hi{ position:absolute; right:-18px; bottom:-18px; width:90px; height:90px; border-radius:50%; background:var(--coral); opacity:.22; }
#engRoot .daily-spk{ margin-top:14px; display:inline-flex; align-items:center; gap:6px; font-size:12px; color:#CFE0DB; background:rgba(255,255,255,.1); padding:6px 11px; border-radius:9px; }
#engRoot .section{ font-size:12px; font-weight:700; color:var(--faint); letter-spacing:.06em; text-transform:uppercase; margin:26px 4px 12px; }
#engRoot .modes{ display:flex; flex-direction:column; gap:11px; }
#engRoot .mode{ display:flex; align-items:center; gap:15px; background:var(--card); border:1px solid var(--line); border-radius:18px; padding:17px 16px; cursor:pointer; text-align:left; width:100%; }
#engRoot .mode:active{ transform:scale(.98); }
#engRoot .mode-ic{ width:48px; height:48px; border-radius:14px; flex:none; display:flex; align-items:center; justify-content:center; font-size:22px; }
#engRoot .mode-tx h3{ font-size:16px; font-weight:700; letter-spacing:-.01em; }
#engRoot .mode-tx p{ font-size:12.5px; color:var(--soft); margin-top:3px; line-height:1.4; }
#engRoot .mode-go{ margin-left:auto; color:var(--faint); font-size:20px; flex:none; }
#engRoot .mode.locked{ opacity:.62; }
#engRoot .lockbadge{ margin-left:auto; font-size:10px; font-weight:700; color:var(--gold); background:var(--gold-soft); padding:4px 8px; border-radius:7px; flex:none; }
#engRoot .keybanner{ margin-top:18px; background:var(--gold-soft); border:1px solid #E6D2A0; border-radius:16px; padding:15px 16px; display:flex; align-items:center; gap:12px; cursor:pointer; }
#engRoot .keybanner .em{ font-size:24px; }
#engRoot .keybanner h4{ font-size:14px; font-weight:700; color:#8A6620; }
#engRoot .keybanner p{ font-size:12px; color:#9A7420; margin-top:2px; line-height:1.4; }
#engRoot .keyon{ margin-top:18px; background:#D4E8DD; border:1px solid #A8D0BD; border-radius:14px; padding:12px 15px; font-size:13px; color:#1C6B4A; font-weight:600; display:flex; align-items:center; gap:8px; }
#engRoot .grid{ padding:18px 16px 40px; display:grid; grid-template-columns:1fr 1fr; gap:12px; animation:engkf_fadeUp .4s ease; }
#engRoot .scene{ background:var(--card); border:1px solid var(--line); border-radius:18px; padding:18px 15px; cursor:pointer; text-align:left; min-height:130px; display:flex; flex-direction:column; }
#engRoot .scene:active{ transform:scale(.97); }
#engRoot .scene-em{ font-size:30px; }
#engRoot .scene h3{ font-size:15px; font-weight:700; margin-top:auto; }
#engRoot .scene p{ font-size:11.5px; color:var(--soft); margin-top:3px; line-height:1.35; }
#engRoot .scene-lv{ font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; margin-top:7px; }
#engRoot .stage{ display:flex; flex-direction:column; height:calc(100vh - 70px); }
#engRoot .transcript{ flex:1; overflow-y:auto; padding:18px 18px 10px; display:flex; flex-direction:column; gap:14px; }
#engRoot .row{ display:flex; flex-direction:column; max-width:90%; animation:engkf_fadeUp .3s ease; }
#engRoot .row.user{ align-self:flex-end; align-items:flex-end; }
#engRoot .row.ai{ align-self:flex-start; }
#engRoot .bubble{ padding:12px 15px; border-radius:18px; font-size:15.5px; line-height:1.5; font-family:'Fraunces',serif; }
#engRoot .row.ai .bubble{ background:var(--card); border:1px solid var(--line); border-bottom-left-radius:6px; }
#engRoot .row.user .bubble{ background:var(--user); color:#F2EEE4; border-bottom-right-radius:6px; }
#engRoot .ko{ font-size:12.5px; color:var(--soft); margin-top:6px; padding:0 4px; line-height:1.45; }
#engRoot .replay{ margin-top:7px; padding-left:2px; }
#engRoot .iconbtn{ width:30px; height:30px; border-radius:9px; border:1px solid var(--line); background:var(--card); display:flex; align-items:center; justify-content:center; font-size:14px; cursor:pointer; color:var(--soft); }
#engRoot .iconbtn:active{ transform:scale(.9); }
#engRoot .fix{ margin-top:9px; background:var(--gold-soft); border:1px solid #E6D2A0; border-radius:14px; padding:12px 13px; animation:pop .35s ease; }
#engRoot .fix-h{ font-size:11px; font-weight:700; color:#9A7420; letter-spacing:.05em; text-transform:uppercase; }
#engRoot .fix-row{ margin-top:8px; font-size:14px; line-height:1.45; }
#engRoot .fix-row .lab{ font-size:11px; color:var(--faint); font-weight:600; display:block; margin-bottom:1px; }
#engRoot .fix-bad{ color:#B5563E; text-decoration:line-through; text-decoration-color:#D9A99B; font-family:'Fraunces',serif; }
#engRoot .fix-good{ color:var(--deep); font-weight:500; font-family:'Fraunces',serif; }
#engRoot .fix-tip{ font-size:12.5px; color:var(--soft); margin-top:9px; padding-top:9px; border-top:1px dashed #E0CFA0; line-height:1.45; }
#engRoot .fix-acts{ display:flex; gap:8px; margin-top:10px; }
#engRoot .fix-btn{ flex:1; padding:8px; border-radius:9px; border:none; font-size:12.5px; font-weight:600; cursor:pointer; }
#engRoot .fix-btn.spk{ background:var(--card); border:1px solid #E0CFA0; color:var(--deep); }
#engRoot .fix-btn.save{ background:var(--deep); color:#F2EEE4; }
#engRoot .fix-btn.save.saved{ background:#CABFA5; color:#6B6450; }
#engRoot .deck{ padding:14px 18px 26px; border-top:1px solid var(--line); background:rgba(242,238,228,.96); backdrop-filter:blur(8px); text-align:center; }
#engRoot .status{ font-size:13.5px; font-weight:600; min-height:20px; margin-bottom:14px; }
#engRoot .status.listen{ color:var(--coral); }
#engRoot .status.think{ color:var(--soft); }
#engRoot .status.speak{ color:var(--deep); }
#engRoot .status.idle{ color:var(--faint); }
#engRoot .micwrap{ position:relative; width:96px; height:96px; margin:0 auto; display:flex; align-items:center; justify-content:center; }
#engRoot .micbtn{ width:84px; height:84px; border-radius:50%; border:none; cursor:pointer; position:relative; z-index:2; display:flex; align-items:center; justify-content:center; font-size:34px; color:#F2EEE4; background:var(--deep); transition:transform .15s, background .2s; box-shadow:0 8px 22px rgba(14,63,56,.28); }
#engRoot .micbtn:active{ transform:scale(.94); }
#engRoot .micbtn.listening{ background:var(--coral); box-shadow:0 8px 26px rgba(222,98,68,.4); }
#engRoot .micbtn.busy{ background:var(--deep2); }
#engRoot .ringpulse{ position:absolute; inset:6px; border-radius:50%; background:var(--coral); z-index:1; animation:ring 1.6s ease-out infinite; }
#engRoot .ringpulse.d2{ animation-delay:.5s; }
#engRoot .bars{ display:flex; align-items:center; gap:4px; height:34px; }
#engRoot .bars i{ width:5px; background:#F2EEE4; border-radius:3px; animation:bar .9s ease-in-out infinite; }
#engRoot .bars i:nth-child(2){animation-delay:.12s;}
#engRoot .bars i:nth-child(3){animation-delay:.24s;}
#engRoot .bars i:nth-child(4){animation-delay:.36s;}
#engRoot .bars i:nth-child(5){animation-delay:.18s;}
#engRoot .spinner{ width:30px; height:30px; border:3px solid rgba(242,238,228,.35); border-top-color:#F2EEE4; border-radius:50%; animation:spin .8s linear infinite; }
#engRoot .hint{ font-size:12px; color:var(--faint); margin-top:16px; line-height:1.5; }
#engRoot .deck-row{ display:flex; justify-content:center; gap:10px; margin-top:14px; }
#engRoot .mini{ font-size:12px; padding:7px 14px; border-radius:10px; border:1px solid var(--line); background:var(--card); color:var(--soft); cursor:pointer; }
#engRoot .mini:active{ transform:scale(.96); }
#engRoot .mini.on{ color:var(--coral); border-color:var(--coral-soft); background:var(--coral-soft); }
#engRoot .prac{ padding:18px 16px 30px; animation:engkf_fadeUp .35s ease; }
#engRoot .toggle{ display:flex; gap:8px; margin-bottom:18px; }
#engRoot .tg{ flex:1; padding:11px; border-radius:13px; border:1px solid var(--line); background:var(--card); font-size:14px; font-weight:600; cursor:pointer; color:var(--soft); }
#engRoot .tg.on{ background:var(--deep); color:#F2EEE4; border-color:var(--deep); }
#engRoot .card{ background:var(--card); border:1px solid var(--line); border-radius:22px; padding:26px 22px; text-align:center; animation:pop .3s ease; }
#engRoot .card-cat{ font-size:11px; font-weight:700; color:var(--coral); letter-spacing:.06em; text-transform:uppercase; }
#engRoot .card-en{ font-family:'Fraunces',serif; font-size:25px; line-height:1.3; font-weight:500; color:var(--deep); margin-top:14px; }
#engRoot .card-ko{ font-size:14px; color:var(--soft); margin-top:12px; line-height:1.4; }
#engRoot .card-spk{ margin-top:18px; display:inline-flex; align-items:center; gap:7px; background:var(--deep); color:#F2EEE4; border:none; padding:12px 22px; border-radius:13px; font-size:14px; font-weight:600; cursor:pointer; }
#engRoot .card-spk:active{ transform:scale(.97); }
#engRoot .said{ margin-top:18px; padding:13px; border-radius:13px; background:var(--paper); border:1px solid var(--line); font-family:'Fraunces',serif; font-size:15px; min-height:50px; display:flex; align-items:center; justify-content:center; text-align:center; color:var(--ink); }
#engRoot .said.empty{ color:var(--faint); font-family:'Pretendard'; font-size:13px; }
#engRoot .matchbar{ height:8px; border-radius:5px; background:var(--line); margin-top:14px; overflow:hidden; }
#engRoot .matchbar > i{ display:block; height:100%; border-radius:5px; transition:width .5s ease; }
#engRoot .matchtxt{ font-size:13px; font-weight:700; margin-top:8px; }
#engRoot .nav{ display:flex; gap:9px; margin-top:18px; }
#engRoot .btn{ flex:1; padding:14px; border-radius:14px; border:none; background:var(--coral); color:#fff; font-size:15px; font-weight:700; cursor:pointer; }
#engRoot .btn:disabled{ opacity:.5; }
#engRoot .btn:active:not(:disabled){ transform:scale(.99); }
#engRoot .btn.ghost{ background:var(--card); color:var(--deep); border:1px solid var(--line); }
#engRoot .btn.dark{ background:var(--deep); color:#F2EEE4; }
#engRoot .micline{ display:flex; align-items:center; justify-content:center; gap:9px; width:100%; margin-top:14px; padding:14px; border-radius:14px; border:none; background:var(--deep); color:#F2EEE4; font-size:15px; font-weight:700; cursor:pointer; }
#engRoot .micline.listening{ background:var(--coral); }
#engRoot .counter{ text-align:center; font-size:12px; color:var(--faint); margin-top:16px; }
#engRoot .q-tag{ font-size:11px; font-weight:700; color:var(--coral); letter-spacing:.06em; text-transform:uppercase; }
#engRoot .q-sit{ font-size:14px; color:var(--soft); margin-top:12px; line-height:1.5; }
#engRoot .q-mis{ font-size:19px; font-weight:700; margin-top:10px; line-height:1.4; display:flex; gap:8px; align-items:flex-start; }
#engRoot .q-mis .spk{ cursor:pointer; flex:none; font-size:17px; margin-top:2px; }
#engRoot .rating{ display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:700; padding:6px 12px; border-radius:20px; }
#engRoot .rating.good{ background:#D4E8DD; color:#1C6B4A; }
#engRoot .rating.okay{ background:var(--gold-soft); color:#9A7420; }
#engRoot .rating.work{ background:var(--coral-soft); color:#B5563E; }
#engRoot .model{ margin-top:16px; }
#engRoot .model .lab{ font-size:11px; font-weight:700; color:var(--faint); letter-spacing:.05em; text-transform:uppercase; }
#engRoot .model .ans{ font-family:'Fraunces',serif; font-size:18px; color:var(--deep); font-weight:500; margin-top:6px; line-height:1.4; display:flex; gap:8px; align-items:flex-start; }
#engRoot .alt{ font-family:'Fraunces',serif; font-size:14.5px; color:var(--soft); margin-top:7px; }
#engRoot .fb{ font-size:13.5px; margin-top:14px; line-height:1.55; background:var(--paper); border-radius:12px; padding:13px; }
#engRoot .notes{ padding:18px 16px 40px; animation:engkf_fadeUp .35s ease; }
#engRoot .note{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:15px 16px; margin-bottom:11px; position:relative; animation:engkf_fadeUp .3s ease; }
#engRoot .note-en{ font-family:'Fraunces',serif; font-size:16px; color:var(--deep); font-weight:500; line-height:1.4; padding-right:28px; }
#engRoot .note-ko{ font-size:12.5px; color:var(--soft); margin-top:5px; }
#engRoot .note-x{ position:absolute; top:12px; right:12px; width:26px; height:26px; border-radius:8px; border:none; background:transparent; color:var(--faint); font-size:16px; cursor:pointer; }
#engRoot .note-spk{ margin-top:9px; display:inline-flex; align-items:center; gap:5px; font-size:11.5px; color:var(--deep); background:var(--paper); padding:5px 10px; border-radius:8px; cursor:pointer; border:1px solid var(--line); }
#engRoot .empty{ text-align:center; padding:60px 30px; color:var(--faint); }
#engRoot .empty-em{ font-size:44px; }
#engRoot .empty p{ margin-top:14px; font-size:14px; line-height:1.5; }
#engRoot .set{ padding:20px 18px 40px; animation:engkf_fadeUp .35s ease; }
#engRoot .set h2{ font-size:20px; font-weight:700; }
#engRoot .set p.desc{ font-size:13.5px; color:var(--soft); margin-top:10px; line-height:1.6; }
#engRoot .set label{ display:block; font-size:12px; font-weight:700; color:var(--faint); letter-spacing:.05em; text-transform:uppercase; margin:22px 0 8px; }
#engRoot .set input{ width:100%; padding:14px; border:1px solid var(--line); border-radius:14px; font-size:15px; font-family:monospace; background:var(--card); color:var(--ink); outline:none; }
#engRoot .set input:focus{ border-color:var(--deep2); }
#engRoot .set .save-btn{ width:100%; margin-top:16px; padding:15px; border-radius:14px; border:none; background:var(--deep); color:#F2EEE4; font-size:15px; font-weight:700; cursor:pointer; }
#engRoot .set .clear-btn{ width:100%; margin-top:10px; padding:13px; border-radius:14px; border:1px solid var(--line); background:var(--card); color:var(--coral); font-size:14px; font-weight:600; cursor:pointer; }
#engRoot .set .info{ margin-top:24px; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px; font-size:13px; line-height:1.7; color:var(--soft); }
#engRoot .set .info b{ color:var(--ink); }
#engRoot .set .info a{ color:var(--deep); }
#engRoot .toast{ position:fixed; left:50%; bottom:30px; transform:translateX(-50%); background:var(--ink); color:#F2EEE4; padding:12px 20px; border-radius:12px; font-size:13.5px; font-weight:600; z-index:100; animation:pop .3s ease; }
#engRoot .err{ margin:10px 18px; padding:12px 14px; background:var(--coral-soft); border-radius:12px; font-size:13px; color:#B5563E; line-height:1.45; }
#engRoot .blocker{ padding:46px 28px; text-align:center; animation:engkf_fadeUp .4s ease; }
#engRoot .blocker-em{ font-size:48px; }
#engRoot .blocker h2{ font-size:19px; font-weight:700; margin-top:16px; }
#engRoot .blocker p{ font-size:14px; color:var(--soft); margin-top:12px; line-height:1.6; }
#engRoot .blocker .box{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px; margin-top:18px; text-align:left; font-size:13.5px; line-height:1.6; }
#engRoot .typerow{display:flex;gap:8px;margin-top:10px}
#engRoot .typerow input{flex:1;min-width:0;border:1px solid #E6E0D5;border-radius:12px;padding:12px 14px;font-size:15px;outline:none;color:var(--ink);background:#fff;font-family:inherit}
#engRoot .typerow input:focus{border-color:var(--deep)}
#engRoot .typerow .tsub{flex:none;padding:0 18px;border-radius:12px;background:var(--deep);color:#fff;font-weight:800;font-size:14px;cursor:pointer;border:none}
#engRoot .drill-tools{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}
#engRoot .passbtn{font-size:13px;font-weight:700;color:var(--soft);background:transparent;border:1px solid #E6E0D5;border-radius:12px;padding:9px 18px;cursor:pointer}
#engRoot .passbtn:active{background:#F4F0E8}
#engRoot .busynote{margin-top:12px;font-size:12.5px;color:var(--soft);background:#FBF7EF;border:1px solid #EFE7D8;border-radius:10px;padding:10px 12px;text-align:center;line-height:1.5}
/* ===== 전체화면 문장 보기 ===== 멀리서(차·책상) 보이게 크게. 가로모드에서도 꽉 차게. */
.eng-full{position:fixed;inset:0;z-index:99999;background:#12100C;color:#FFF8EC;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:14px;padding:56px 20px 16px;text-align:center;overscroll-behavior:contain}
/* 문장은 가운데서 넘치면 스크롤, 아래 버튼 줄은 항상 화면 안에 남는다 */
.eng-full .ef-mid{flex:1 1 auto;min-height:0;width:100%;overflow-y:auto;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:14px}
.eng-full .ef-row{flex:0 0 auto}
.eng-full .ef-x{position:absolute;top:14px;right:16px;width:44px;height:44px;border:none;border-radius:50%;
  background:rgba(255,255,255,.12);color:#FFF8EC;font-size:20px;font-weight:800;cursor:pointer}
.eng-full .ef-sub{font-size:13px;font-weight:700;letter-spacing:.06em;color:rgba(255,248,236,.55);text-transform:uppercase}
.eng-full .ef-en{font-family:'Fraunces',serif;font-weight:700;line-height:1.25;word-break:keep-all;
  font-size:clamp(30px,7.2vw,72px);max-width:22ch}
.eng-full .ef-ko{font-size:clamp(15px,2.6vw,26px);font-weight:600;color:rgba(255,248,236,.72);max-width:30ch;line-height:1.5}
/* 🔄 한국어 먼저 — 뜻을 먼저 보고 외국어를 떠올리는 순서. 크기·순서를 통째로 맞바꾼다. */
.eng-full .ef-mid.ko-first .ef-sub{order:0}
.eng-full .ef-mid.ko-first .ef-ko{order:1;font-family:inherit;font-weight:800;line-height:1.3;
  font-size:clamp(26px,6.2vw,58px);color:#FFF8EC;max-width:24ch}
.eng-full .ef-mid.ko-first .ef-en{order:2;font-family:inherit;font-weight:600;line-height:1.5;
  font-size:clamp(15px,2.6vw,26px);color:rgba(255,248,236,.72);max-width:30ch}
.eng-full .ef-b.flip.on{background:rgba(200,162,74,.22);border-color:#C8A24A;color:#F3D9A0}
/* 진도 바 — 듣기 버튼 바로 위. 바를 끌어 원하는 문장으로 (번호 버튼 나열 대신) */
.eng-full .ef-seek{flex:0 0 auto;width:100%;max-width:640px;margin:0 auto;padding:2px 4px 4px}
.eng-full .ef-range{width:100%;height:34px;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.eng-full .ef-range::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:rgba(255,248,236,.22)}
.eng-full .ef-range::-moz-range-track{height:8px;border-radius:999px;background:rgba(255,248,236,.22)}
.eng-full .ef-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;
  margin-top:-11px;border-radius:50%;background:#C8A24A;border:3px solid #12100C;box-shadow:0 1px 5px rgba(0,0,0,.5)}
.eng-full .ef-range::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:#C8A24A;
  border:3px solid #12100C;box-shadow:0 1px 5px rgba(0,0,0,.5)}
.eng-full .ef-seeklab{text-align:center;font-size:13.5px;font-weight:800;color:rgba(255,248,236,.7);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eng-full .ef-row{display:flex;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap;justify-content:center}
.eng-full .ef-b{min-width:64px;padding:14px 22px;border:1px solid rgba(255,248,236,.28);border-radius:14px;
  background:rgba(255,255,255,.08);color:#FFF8EC;font-size:16px;font-weight:800;cursor:pointer}
.eng-full .ef-b:active{background:rgba(255,255,255,.2)}
.eng-full .ef-b.spk{background:#C8A24A;border-color:#C8A24A;color:#1A1710}
@media (orientation:landscape){ .eng-full{gap:10px;padding:46px 16px 12px} .eng-full .ef-en{font-size:clamp(28px,7vw,72px)} }
#engRoot .fullbtn{margin-top:8px;width:100%;padding:12px;border:1px dashed #D8CFBF;border-radius:12px;
  background:transparent;color:var(--soft);font-size:13.5px;font-weight:800;cursor:pointer}
#engRoot .fullbtn:active{background:#F4F0E8}