:root{color-scheme:light only;--bg-color:#eef3ff;--container-bg:#ffffffe0;--card-bg:linear-gradient(180deg,#fffcf9fa,#f6fafffa);--primary-pink:#e5566a;--light-pink:#fff5f6;--border-pink:#ffd3d8;--primary-blue:#19a7a0;--color-y-0:#e5566a29;--color-y-100:#19a7a029;--color-y-50:#7f7e8529;--q-block-bg:linear-gradient(90deg,var(--color-y-0)0%,var(--color-y-50)100%);--opt-block-bg:linear-gradient(90deg,var(--color-y-100)0%,var(--color-y-50)100%);--choice-success-bg:#00abc21f;--choice-success-border:#00abc2;--choice-success-text:#007180;--choice-error-bg:#ec3c771f;--choice-error-border:#ec3c77;--choice-error-text:#d11553;--progress-correct-gradient:linear-gradient(135deg,#00cfeb 0%,#0090a3 100%);--progress-wrong-gradient:linear-gradient(135deg,#ee588a 0%,#e8175d 100%);--hover-blue:#0f8e87;--primary-pink-hover:#c94a5d;--success-bg:#dff9e8;--success-text:#177245;--success-border:#17724552;--error-bg:#ffe5e8;--error-text:#b42336;--error-border:#b4233652;--warning-bg:#fff3df;--warning-text:#a35f00;--warning-border:#f59e0b6b;--text-color:#334155;--muted-text:#5a7089;--border-main:#d2dfeef2;--line-main:#1e49651f;--option-bg:#f8fcff;--option-hover-text:#fff;--option-selected-bg:linear-gradient(130deg,#ec3c77 0%,#756490 100%);--btn-primary-bg:linear-gradient(130deg,#ec3c77 0%,#756490 100%);--btn-secondary-bg:linear-gradient(130deg,#756490 0%,#00abc2 100%);--accent-gradient:linear-gradient(90deg,#ec3c77,#00abc2);--btn-danger-bg:linear-gradient(130deg,#536579 0%,#7f5e8d 100%);--white:#fff;--font-main:"Be Vietnam Pro",sans-serif;--theme-motion-fast:.22s ease;--theme-motion-medium:.32s ease;--accent-height:6px;--header-area-gap:2px;--toggle-width:140px;--toggle-height:36px;--toggle-knob:28px;--toggle-shift:102px;--toggle-text-youth-left:10px;--toggle-text-elegant-left:-10px;--toggle-slider-bg:linear-gradient(135deg,#e5566a29 0%,#19a7a029 100%);--toggle-slider-checked-bg:var(--btn-secondary-bg);--toggle-slider-border:#e5566a40;--toggle-slider-checked-border:#c8d6e5;--toggle-slider-shadow:inset 0 1px 3px #0000000d;--toggle-slider-checked-shadow:inset 0 2px 4px #0000001a,0 5px 12px #2a5c7940;--toggle-knob-shadow:0 2px 4px #00000026;--toggle-knob-bg:#fff5f6;--toggle-knob-border:transparent;--toggle-text-color:var(--muted-text);--toggle-text-checked-color:var(--white);--quiz-nav-height:var(--toggle-height);--lesson-title-min-height:3.7rem;--adaptive-progress-height:calc(var(--accent-height)*3);--adaptive-progress-gap:calc(var(--accent-height)/2);--adaptive-progress-segment-radius:var(--accent-height);--adaptive-progress-border-width:calc(var(--accent-height)/6);--adaptive-progress-slot-width:calc((100% - (24*var(--adaptive-progress-gap)))/25);--progress-dot-font-weight:600;--progress-dot-motion:var(--theme-motion-fast);--adaptive-progress-empty-bg:var(--white);--adaptive-progress-empty-text:var(--text-color);--adaptive-progress-active-bg:var(--muted-text);--adaptive-progress-active-text:var(--white);--adaptive-progress-done-bg:var(--success-bg);--adaptive-progress-done-text:var(--muted-text);--adaptive-progress-done-border:var(--border-main);--adaptive-progress-warn-bg:var(--light-pink);--adaptive-progress-warn-text:var(--muted-text);--adaptive-progress-warn-border:var(--border-main);--progress-dot-correct-fill:var(--choice-success-border);--progress-dot-wrong-fill:var(--choice-error-border);--progress-hover-bg:#5a70891f;--focus-action-bg:#ffffffdb;--focus-action-hover-bg:#19a7a01a;--focus-action-active-bg:var(--btn-secondary-bg);--focus-action-text:var(--primary-blue);--focus-action-active-text:#fff;--focus-action-border:#19a7a05c;--focus-action-shadow:0 10px 24px #19a7a024;--feedback-height:82px;--feedback-border-width:2px;--feedback-padding:12px 15px;--feedback-radius:12px;--feedback-margin-top:15px;--feedback-placeholder-bg:#fff6;--feedback-placeholder-border:var(--feedback-border-width)solid #1e496514;--feedback-placeholder-color:var(--muted-text);--feedback-detail-gap:4px}body:not([data-theme=elegant]){--adaptive-progress-empty-bg:var(--white);--adaptive-progress-empty-text:var(--text-color);--adaptive-progress-active-bg:var(--muted-text);--adaptive-progress-active-text:var(--white);--adaptive-progress-done-bg:var(--success-bg);--adaptive-progress-done-text:var(--muted-text);--adaptive-progress-done-border:var(--border-main);--adaptive-progress-warn-bg:var(--light-pink);--adaptive-progress-warn-text:var(--muted-text);--adaptive-progress-warn-border:var(--border-main)}html{scrollbar-gutter:stable}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);box-sizing:border-box;width:100%;min-height:100dvh;transition:background-color var(--theme-motion-medium),color var(--theme-motion-fast);background-image:radial-gradient(circle at 12% 10%,#24bfb529,#0000 36%),radial-gradient(circle at 88% 84%,#ffa07a38,#0000 35%),linear-gradient(165deg,#f3f7ff 0%,#f7fbff 48%,#fffaf6 100%);background-attachment:fixed;justify-content:center;align-items:flex-start;margin:0;padding:20px 10px;display:flex;overflow-x:hidden}@supports not (zoom:1){html{font-size:85%}}.container{background:var(--card-bg);border:1px solid var(--border-main);backdrop-filter:blur(8px);box-sizing:border-box;width:100%;min-width:0;max-width:900px;transition:background var(--theme-motion-medium),border-color var(--theme-motion-fast),box-shadow var(--theme-motion-medium);border-radius:22px;flex-direction:column;margin:0 auto 20px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 50px #1c3e5f29}@media (width>=601px) and (height>=640px){body:not(.focus-mode){box-sizing:border-box;height:100dvh;padding:10px;overflow:hidden}body:not(.focus-mode) .container{height:100%;margin:0 auto}body:not(.focus-mode) #quiz-area{flex:auto;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding-top:0;padding-bottom:12px}body:not(.focus-mode) #question-container{box-sizing:border-box;min-height:0;padding-bottom:8px;padding-right:0;position:relative;overflow:hidden auto}body:not(.focus-mode) #header-area{gap:8px;padding:12px 22px}body:not(.focus-mode) #lessonTitle.dec-ui-game-title{margin-top:0;margin-bottom:0;padding-top:4px;padding-bottom:4px}body:not(.focus-mode) .question-block{margin-bottom:8px;font-size:1.6rem}body:not(.focus-mode) .options-grid{gap:10px}body:not(.focus-mode) .option-label{padding:6px 12px;font-size:1.35rem}body:not(.focus-mode) .feedback.is-visible{z-index:1;height:auto;min-height:0;margin-top:10px;padding:6px 12px;font-size:clamp(.9rem,1.15vw,1.1rem);line-height:1.35;position:relative;overflow:visible}body:not(.focus-mode) .feedback.is-visible .feedback-detail{margin-top:2px}body:not(.focus-mode) .dec-footer{flex:none;margin-top:0;padding:6px 22px 10px}}.container:before{content:"";background:var(--accent-gradient);z-index:1;pointer-events:none;height:6px;position:absolute;inset:0 0 auto}h1{font-family:var(--font-main);color:var(--primary-pink);text-align:center;border-bottom:3px solid var(--border-pink);zoom:.7;text-transform:none;box-sizing:border-box;min-height:var(--lesson-title-min-height);transition:color var(--theme-motion-fast),border-color var(--theme-motion-fast);justify-content:center;align-items:center;margin:0;padding-bottom:10px;font-size:clamp(1.45rem,2.4vw,1.95rem);font-weight:800;display:flex}#lessonTitle.dec-ui-game-title{font-family:Be Vietnam Pro,sans-serif;font-weight:var(--dummy,800);letter-spacing:.0625rem;text-align:center;background:var(--accent-gradient,var(--btn-secondary-bg));-webkit-text-fill-color:var(--color-transparent,transparent);color:var(--color-transparent,transparent);text-transform:none;zoom:.7;-webkit-background-clip:text;background-clip:text;border-bottom:none;min-height:auto;margin-top:.5rem;margin-bottom:.5rem;padding-top:8px;padding-bottom:8px;font-size:clamp(2rem,2.7vw,2.4rem);line-height:1.35}.main-label{text-transform:uppercase;color:var(--primary-pink);margin-top:24px;margin-bottom:10px;font-size:.96rem;font-weight:800;display:block}.first-label{margin-top:8px!important}.subtitle{text-align:left;color:var(--muted-text);transition:color var(--theme-motion-fast);flex:1;margin:0;font-size:.98em;font-style:italic;line-height:1.4}.header-meta{transition:border-color var(--theme-motion-fast);border-bottom:none;grid-column:1/-1;justify-content:space-between;align-items:center;gap:15px;margin-bottom:0;padding-bottom:0;display:flex}body:not(.focus-mode) .header-meta .progress-container{flex:auto;min-width:0;margin:0}@media (width<=600px){.header-meta{flex-wrap:wrap;gap:10px}.subtitle{min-width:100%;font-size:.88em}}#header-area{background:linear-gradient(110deg,var(--light-pink)0%,var(--option-bg)100%);border-bottom:1px solid var(--border-main);box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;padding:22px;transition:all .2s;display:grid!important}#quiz-area{background:var(--container-bg);box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;min-width:0;padding:16px 22px 22px;overflow-x:hidden;display:grid!important}.controls{display:contents!important}#lessonTitle,#focus-progress-row,#question-container,.progress-container,.dec-footer{grid-column:1/-1}#focus-progress-row{min-width:0;display:contents}#question-container{min-width:0}#header-area.compact h1{border-bottom-width:2px;margin-bottom:0;padding-bottom:6px;font-size:1.2em}#header-area.compact .subtitle{margin-bottom:10px;font-size:.95em}.question-block{background:linear-gradient(120deg,var(--color-y-0),var(--color-y-50),var(--color-y-100),var(--color-y-0));border:1px solid var(--border-main);box-sizing:border-box;text-align:left;color:var(--text-color);overflow-wrap:anywhere;text-wrap:pretty;min-height:calc(2.9em + 40px);transition:background var(--theme-motion-medium),border-color var(--theme-motion-fast),color var(--theme-motion-fast);background-size:300% 300%;border-radius:18px;margin-bottom:20px;padding:16px;font-size:1.85rem;font-weight:800;line-height:1.45;animation:12s infinite questionGradientMove;position:relative;overflow:hidden}.question-block:before{content:"";mix-blend-mode:overlay;pointer-events:none;z-index:1;background:radial-gradient(circle at 80% 20%,#fff9 0%,#0000 40%),radial-gradient(circle at 20% 80%,#fff6 0%,#0000 40%);position:absolute;inset:0}.options-grid{flex-direction:column;gap:12px;display:flex}.option-item{position:relative}.option-input{opacity:0;width:0;height:0;position:absolute}.option-label{background-color:var(--option-bg);cursor:pointer;border:1px solid var(--border-main);transition:background-color var(--theme-motion-fast),border-color var(--theme-motion-fast),color var(--theme-motion-fast),transform .2s ease;overflow-wrap:anywhere;text-wrap:pretty;background-position:50%;background-repeat:no-repeat;background-size:102% 102%;background-clip:border-box;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:12px 15px;font-size:1.55rem;font-weight:600;display:flex;position:relative;overflow:hidden}.option-number{border:1px solid var(--border-main);border-radius:var(--adaptive-progress-segment-radius);background:var(--adaptive-progress-empty-bg);width:28px;height:28px;color:var(--adaptive-progress-empty-text);font-size:.88rem;font-weight:var(--progress-dot-font-weight);box-shadow:none;transition:background-color var(--theme-motion-fast),border-color var(--theme-motion-fast),color var(--theme-motion-fast);flex:0 0 28px;justify-content:center;align-items:center;line-height:1;display:inline-flex}.option-label:hover .option-number{background:var(--adaptive-progress-active-bg);border-color:var(--adaptive-progress-active-bg);color:var(--adaptive-progress-active-text)}.option-label:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(112deg,#0000 20%,#ffffff59 50%,#0000 80%);transition:transform .6s;position:absolute;inset:0;transform:translate(-135%)}.option-label:hover:before{transform:translate(130%)}.option-label:hover{transform:translateY(-2px);color:var(--option-hover-text)!important;background:#00abc2!important}.option-input:checked+.option-label{background-image:var(--option-selected-bg);box-shadow:none;color:var(--white);border-color:#0000;transform:scale(.98)}.option-input.force-highlight+.option-label .option-number,.option-input.force-correct-revealed+.option-label .option-number{background:var(--adaptive-progress-done-bg)!important;border-color:var(--adaptive-progress-done-border)!important;color:var(--adaptive-progress-done-text)!important}.option-input.force-wrong+.option-label .option-number{background:var(--adaptive-progress-warn-bg)!important;border-color:var(--adaptive-progress-warn-border)!important;color:var(--adaptive-progress-warn-text)!important}.option-input:disabled+.option-label{cursor:default;opacity:.8;pointer-events:none}.feedback,.feedback-placeholder{margin-top:var(--feedback-margin-top);padding:var(--feedback-padding);border-radius:var(--feedback-radius);height:var(--feedback-height);box-sizing:border-box;flex-direction:column;justify-content:center;font-size:1.32rem;line-height:1.4;animation:.3s ease-in-out fadeIn;display:flex;overflow:hidden}.feedback-placeholder{color:var(--feedback-placeholder-color);opacity:.65;text-align:left;align-items:flex-start;font-style:italic;display:none;background:0 0!important;border:none!important}.feedback{border:var(--feedback-border-width)solid transparent;display:none}.feedback.is-visible{display:flex!important}.feedback-detail{margin-top:var(--feedback-detail-gap)}.is-initially-visible{display:block}.is-initially-hidden{display:none}.is-runtime-hidden{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.feedback.correct{color:var(--choice-success-text)!important;box-shadow:none!important;background-color:#0000!important;border-color:#0000!important}.feedback.wrong{color:var(--choice-error-text)!important;box-shadow:none!important;background-color:#0000!important;border-color:#0000!important}.option-input.force-highlight+.option-label,.option-input.force-correct-revealed+.option-label{font-weight:700;position:relative;background-image:var(--btn-secondary-bg)!important;color:var(--white)!important;border:1px solid #0000!important}.option-input.force-highlight+.option-label{padding-right:40px!important}.option-input.force-highlight+.option-label:after{content:"✅";font-size:1.1rem;line-height:1;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.option-input.force-wrong+.option-label{font-weight:700;position:relative;background-image:var(--btn-primary-bg)!important;color:var(--white)!important;border:1px solid #0000!important;padding-right:40px!important}.option-input.force-wrong+.option-label:after{content:"❌";font-size:1.1rem;line-height:1;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.controls{margin-top:20px}.btn{box-sizing:border-box;min-height:38px;font-family:var(--font-main);cursor:pointer;white-space:nowrap;transition:background-color var(--theme-motion-fast),color var(--theme-motion-fast),border-color var(--theme-motion-fast),box-shadow var(--theme-motion-fast),transform .2s ease;color:var(--white);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;background-origin:border-box;background-clip:border-box;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:128px;max-width:220px;padding:10px 20px;font-size:.95rem;font-weight:800;line-height:1.2;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #1f355214}.btn:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(112deg,#0000 20%,#ffffff59 50%,#0000 80%);transition:transform .55s;position:absolute;inset:0;transform:translate(-135%)}.btn:hover:before{transform:translate(130%)}#prev-btn{grid-area:3/1;place-self:center start}#next-btn,#submit-btn{grid-area:3/3;place-self:center end}.btn:active{transform:scale(.96);box-shadow:0 4px 10px #00000026}#prev-btn,#next-btn,#confirm-back-btn{background-image:var(--btn-secondary-bg);box-shadow:0 2px 8px #19a7a029}#prev-btn:hover,#next-btn:hover,#confirm-back-btn:hover{filter:brightness(1.06)}#submit-btn,#confirm-submit-btn{background-image:var(--btn-primary-bg);box-shadow:0 2px 8px #e5566a33}#submit-btn:hover,#confirm-submit-btn:hover{filter:brightness(1.06)}#confirm-back-btn{grid-area:3/1;place-self:center start}#confirm-submit-btn{grid-area:3/3;place-self:center end}.confirm-msg-area{justify-content:center;align-items:center;min-height:200px;padding:20px;display:flex}.confirm-msg-area>div{text-align:center;font-size:1.15em;line-height:1.9}#reset-btn{background-image:var(--btn-danger-bg);grid-area:3/1/auto/-1;place-self:center}#reset-btn:hover{filter:brightness(1.06)}.progress-container{justify-content:center;align-items:center;gap:var(--adaptive-progress-gap);border-top:none;width:100%;min-width:0;margin-top:0;margin-bottom:16px;padding-top:0;display:flex}.progress-container.dynamic-mode{height:var(--adaptive-progress-height);flex-wrap:nowrap;overflow:hidden}.progress-container.dynamic-mode .progress-dot.current{flex-grow:2.25;min-width:4.5rem;max-width:none}.progress-dot{appearance:none;min-width:20px;max-width:32px;height:var(--adaptive-progress-height);box-sizing:border-box;border:var(--adaptive-progress-border-width)solid var(--border-main);border-radius:var(--adaptive-progress-segment-radius);cursor:pointer;font-size:.72rem;font-weight:var(--progress-dot-font-weight);color:var(--adaptive-progress-empty-text);background:var(--adaptive-progress-empty-bg);transition:background-color var(--theme-motion-fast),border-color var(--theme-motion-fast),color var(--theme-motion-fast),transform var(--theme-motion-fast),box-shadow var(--theme-motion-fast);flex:1 1 0;justify-content:center;align-items:center;font-family:inherit;display:flex}.progress-dot.current,.progress-dot.current.correct,.progress-dot.current.wrong{background:var(--muted-text)!important;border-color:var(--muted-text)!important;color:var(--white)!important;box-shadow:none!important}.progress-dot.correct{background:var(--adaptive-progress-done-bg);color:var(--adaptive-progress-done-text);border-color:var(--adaptive-progress-done-border)}.progress-dot.wrong{background:var(--adaptive-progress-warn-bg);color:var(--adaptive-progress-warn-text);border-color:var(--adaptive-progress-warn-border)}.progress-dot:hover:not(.current){background-color:var(--progress-hover-bg)!important}.progress-bank-count{appearance:none;border:var(--adaptive-progress-border-width)solid var(--border-main);border-radius:var(--adaptive-progress-segment-radius);min-width:36px;height:100%;color:var(--muted-text);background:var(--adaptive-progress-empty-bg);font:inherit;font-size:.72rem;font-weight:var(--progress-dot-font-weight);white-space:nowrap;opacity:1;flex:none;padding:0 8px;line-height:1}.progress-bank-count.is-expandable{border-color:var(--primary-blue);color:var(--primary-blue);cursor:pointer}.progress-bank-count.is-expandable:hover,.progress-bank-count.is-expandable:focus-visible{background:var(--progress-hover-bg);outline:2px solid var(--primary-blue);outline-offset:2px}.progress-bank-count.is-collapse{border-color:var(--btn-secondary-bg);color:var(--btn-secondary-bg);cursor:pointer}.progress-bank-count.is-collapse:hover,.progress-bank-count.is-collapse:focus-visible{background:var(--progress-hover-bg);outline:2px solid var(--btn-secondary-bg);outline-offset:2px}@media (width<=640px){.progress-container.dynamic-mode .progress-dot.current{min-width:4rem}}.result-screen{text-align:center;padding:30px;display:none}.result-score{color:var(--primary-pink);margin-bottom:10px;font-size:2em;font-weight:700}.result-msg{margin-bottom:20px;font-size:1.3em}.result-msg.result-pass{color:var(--success-text)}.result-msg.result-retry{color:var(--warning-text)}.dec-footer{text-align:center;color:var(--muted-text);border-top:none;margin-top:20px;padding-top:14px;font-size:.78em;line-height:1.5}@media (width<=600px){.container{padding:0}#header-area,#quiz-area{padding-left:15px;padding-right:15px}.btn{padding:0 12px;font-size:1em}.option-label{padding:10px;font-size:1.6em}.feedback{font-size:.88em}.dec-footer{font-size:.72em}.theme-chip{padding:6px 10px;font-size:.74rem}}.theme-switch{border:1px solid var(--border-pink);background:var(--light-pink);border-radius:999px;align-items:center;gap:6px;padding:4px;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}.theme-chip{box-sizing:border-box;color:var(--muted-text);white-space:nowrap;min-width:96px;line-height:1.2;font-family:var(--font-main);letter-spacing:.02em;cursor:pointer;transition:background-color var(--theme-motion-fast),color var(--theme-motion-fast),box-shadow var(--theme-motion-fast),border-color var(--theme-motion-fast);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.theme-chip:hover{color:var(--primary-pink);background:#e5566a1a}.theme-chip.active{background:var(--btn-primary-bg);color:var(--white);box-shadow:0 8px 16px #e5566a3d}#header-area.compact .theme-chip{min-width:92px;padding:6px 10px;font-size:.75rem}body[data-theme=elegant]{color-scheme:dark only;--bg-color:#0b1524;--container-bg:#fcfdffed;--feedback-placeholder-bg:#ffffff08;--feedback-placeholder-border:var(--feedback-border-width)solid var(--border-main);--feedback-placeholder-color:var(--muted-text);--card-bg:#f9fbfd;--primary-pink:#5e738a;--color-e-0:#5b748d29;--color-e-100:#4a637d29;--color-e-50:#526b8329;--q-block-bg:linear-gradient(90deg,var(--color-e-0)0%,var(--color-e-50)100%);--opt-block-bg:linear-gradient(90deg,var(--color-e-100)0%,var(--color-e-50)100%);--choice-success-bg:#5f758c1f;--choice-success-border:#5f758c;--choice-success-text:#3e4c5b;--choice-error-bg:#7b93ad1f;--choice-error-border:#7b93ad;--choice-error-text:#4f657d;--progress-correct-gradient:linear-gradient(135deg,#6d849c 0%,#536579 100%);--progress-wrong-gradient:linear-gradient(135deg,#8ea2b8 0%,#6884a1 100%);--light-pink:#f2f5f8;--border-pink:#c8d4e0;--primary-blue:#5e738a;--hover-blue:#4b627a;--primary-pink-hover:#4b627a;--success-bg:#dff9e8;--success-text:#177245;--error-bg:#ffe5e8;--error-text:#b42336;--warning-bg:#f4f1eb;--warning-text:#6f675c;--text-color:#3f5268;--muted-text:#4a6077;--border-main:#cdd8e4eb;--line-main:#4a607724;--adaptive-progress-empty-bg:var(--option-bg);--adaptive-progress-empty-text:var(--text-color);--adaptive-progress-active-bg:var(--muted-text);--adaptive-progress-active-text:var(--white);--adaptive-progress-done-bg:#edf2f6;--adaptive-progress-done-text:var(--muted-text);--adaptive-progress-done-border:var(--border-main);--adaptive-progress-warn-bg:var(--light-pink);--adaptive-progress-warn-text:var(--muted-text);--adaptive-progress-warn-border:var(--border-main);--option-bg:#f9fbfd;--option-selected-bg:linear-gradient(130deg,#7b93ad 0%,#6f849b 100%);--btn-primary-bg:linear-gradient(130deg,#7b93ad 0%,#6f849b 100%);--btn-secondary-bg:linear-gradient(130deg,#6f849b 0%,#5f758c 100%);--accent-gradient:linear-gradient(90deg,#7b93ad,#5f758c);--btn-danger-bg:linear-gradient(130deg,#5a6f87,#41556c);--toggle-slider-bg:linear-gradient(90deg,#5b748d 15%,#4a637d 85%);--toggle-slider-checked-bg:linear-gradient(130deg,#50667f 0%,#3d5066 100%);--toggle-slider-checked-shadow:inset 0 2px 4px #0000001a,0 4px 12px #0000004d;--toggle-knob-bg:#4a5c70;--toggle-knob-border:#788b9d;--toggle-knob-shadow:0 2px 5px #00000040;--toggle-slider-border:#788b9d;--toggle-slider-checked-border:#788b9d;--toggle-text-color:var(--white);--toggle-text-checked-color:var(--white);--progress-dot-correct-fill:var(--choice-success-border);--progress-dot-wrong-fill:var(--choice-error-border);--progress-hover-bg:#4a60772e;--focus-action-bg:#f8fafce6;--focus-action-hover-bg:#4a60771a;--focus-action-active-bg:var(--btn-secondary-bg);--focus-action-text:#3d536c;--focus-action-active-text:#fff;--focus-action-border:#60758d57;--focus-action-shadow:0 10px 24px #2a405829;font-family:var(--font-main);background-color:#0b1524;background-image:radial-gradient(circle at 10% 12%,#84a6d275,#0000 33%),radial-gradient(circle at 88% 86%,#6a8db76b,#0000 31%),radial-gradient(circle at 52% 6%,#46689347,#0000 44%),linear-gradient(150deg,#08111c 0%,#132036 43%,#2a4667 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}body[data-theme=elegant] .container{background:var(--card-bg);box-shadow:0 22px 50px #1c3e5f29}body[data-theme=elegant] h1{color:var(--text-color)}body[data-theme=elegant] #lessonTitle.dec-ui-game-title{background:var(--heading-gradient,var(--btn-primary-bg));-webkit-text-fill-color:var(--color-transparent,transparent);color:var(--color-transparent,transparent);-webkit-background-clip:text;background-clip:text}body[data-theme=elegant] .main-label{background:linear-gradient(120deg,var(--primary-blue),var(--hover-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body[data-theme=elegant] .subtitle{color:var(--muted-text)}body[data-theme=elegant] .header-meta{border-bottom-color:var(--border-main)}body[data-theme=elegant] .question-block{background:linear-gradient(120deg,var(--color-e-0),var(--color-e-50),var(--color-e-100),var(--color-e-0));border:1px solid var(--border-main);color:var(--text-color);background-size:300% 300%;border-radius:18px;animation:15s infinite questionGradientMove}body[data-theme=elegant] .question-block:before{content:"";mix-blend-mode:overlay;pointer-events:none;z-index:1;background:radial-gradient(circle at 80% 20%,#fff6 0%,#0000 40%),radial-gradient(circle at 20% 80%,#fff3 0%,#0000 40%);position:absolute;inset:0}body[data-theme=elegant] .option-label{background-color:var(--option-bg);border:1px solid var(--border-main);border-radius:12px}body[data-theme=elegant] .option-label:hover{transform:translateY(-1px);background:var(--btn-secondary-bg)!important;color:var(--white)!important}body[data-theme=elegant] .option-input:checked+.option-label{background-image:var(--option-selected-bg);border-color:#0000;box-shadow:0 0 0 3px #5e738a33}body[data-theme=elegant] .option-input.force-highlight+.option-label,body[data-theme=elegant] .option-input.force-correct-revealed+.option-label{background-image:var(--btn-secondary-bg)!important;color:var(--white)!important;border-color:#0000!important}body[data-theme=elegant] .option-input.force-wrong+.option-label{background-image:var(--btn-primary-bg)!important;color:var(--white)!important;border-color:#0000!important}body[data-theme=elegant] .feedback{border-width:var(--feedback-border-width);border-radius:12px}body[data-theme=elegant] .btn{font-family:var(--font-main);border-radius:12px;box-shadow:0 2px 8px #1f35521f}body[data-theme=elegant] #prev-btn,body[data-theme=elegant] #next-btn,body[data-theme=elegant] #confirm-back-btn{background-image:var(--btn-secondary-bg);box-shadow:0 2px 8px #50647829}body[data-theme=elegant] #prev-btn:hover,body[data-theme=elegant] #next-btn:hover,body[data-theme=elegant] #confirm-back-btn:hover{filter:brightness(1.06)}body[data-theme=elegant] #submit-btn,body[data-theme=elegant] #confirm-submit-btn{background-image:var(--btn-primary-bg);box-shadow:0 2px 8px #5e738a33}body[data-theme=elegant] #reset-btn{background-image:var(--btn-danger-bg)}body[data-theme=elegant] .progress-container{border-top:none}body[data-theme=elegant] .progress-dot{background:var(--option-bg);border:var(--adaptive-progress-border-width)solid var(--border-main);border-radius:var(--adaptive-progress-segment-radius);color:var(--muted-text)}body[data-theme=elegant] .progress-bank-count{background:var(--option-bg);color:var(--muted-text)}body[data-theme=elegant] .progress-dot.current,body[data-theme=elegant] .progress-dot.current.correct,body[data-theme=elegant] .progress-dot.current.wrong{background:var(--muted-text)!important;border-color:var(--muted-text)!important;color:var(--white)!important;box-shadow:none!important}body[data-theme=elegant] .progress-dot.correct{background:var(--adaptive-progress-done-bg)!important;color:var(--adaptive-progress-done-text)!important;border-color:var(--adaptive-progress-done-border)!important}body[data-theme=elegant] .progress-dot.wrong{background:var(--adaptive-progress-warn-bg)!important;color:var(--adaptive-progress-warn-text)!important;border-color:var(--adaptive-progress-warn-border)!important}body[data-theme=elegant] .result-score{font-family:var(--font-main);color:var(--text-color)}body[data-theme=elegant] .dec-footer{color:var(--muted-text);border-top:none}body[data-theme=elegant] .theme-switch{border-color:var(--border-main);background:var(--light-pink)}body[data-theme=elegant] .theme-chip{color:var(--muted-text)}body[data-theme=elegant] .theme-chip:hover{color:var(--text-color);background:#5e738a1a}body[data-theme=elegant] .theme-chip.active{background:var(--btn-secondary-bg);color:var(--white);box-shadow:0 8px 16px #50687e52}.theme-toggle-switch{width:var(--toggle-width);height:var(--toggle-height);vertical-align:middle;margin:0;display:inline-block;position:relative}.theme-toggle-switch .slider{cursor:pointer;background:var(--toggle-slider-bg);border-radius:var(--toggle-height);box-shadow:var(--toggle-slider-shadow);border:1px solid var(--toggle-slider-border);transition:background var(--theme-motion-medium),box-shadow var(--theme-motion-fast),border-color var(--theme-motion-fast);align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.theme-toggle-switch .slider-text{width:100%;left:var(--toggle-text-youth-left);text-align:center;color:var(--toggle-text-color);text-transform:uppercase;pointer-events:none;user-select:none;transition:left var(--theme-motion-medium),color var(--theme-motion-fast);z-index:1;white-space:nowrap;font-family:Be Vietnam Pro,sans-serif;font-size:.8rem;font-weight:700;position:absolute}.theme-toggle-switch .slider:before{content:"";height:var(--toggle-knob);width:var(--toggle-knob);box-sizing:border-box;border:2px solid var(--toggle-knob-border);background-color:var(--toggle-knob-bg);z-index:2;box-shadow:var(--toggle-knob-shadow);transition:transform var(--theme-motion-medium),border-color var(--theme-motion-fast),background-color var(--theme-motion-fast),box-shadow var(--theme-motion-fast);border-radius:50%;position:absolute;bottom:3px;left:4px}.theme-toggle-switch input:checked+.slider{background:var(--toggle-slider-checked-bg);box-shadow:var(--toggle-slider-checked-shadow);border:1px solid var(--toggle-slider-checked-border)}.theme-toggle-switch input:checked+.slider .slider-text{left:var(--toggle-text-elegant-left);color:var(--toggle-text-checked-color)}body[data-theme=elegant] .theme-toggle-switch .slider{background:var(--toggle-slider-bg);box-shadow:var(--toggle-slider-shadow)}body[data-theme=elegant] .theme-toggle-switch input:checked+.slider{background:var(--toggle-slider-checked-bg);box-shadow:var(--toggle-slider-checked-shadow)}.focus-toggle-btn{font-family:var(--font-main);height:var(--toggle-height);background:var(--focus-action-bg);border:1px solid var(--focus-action-border);box-shadow:var(--focus-action-shadow);color:var(--focus-action-text);cursor:pointer;transition:all var(--theme-motion-fast);border-radius:12px;align-items:center;gap:8px;margin-right:12px;padding:0 16px;font-size:.8rem;font-weight:500;display:inline-flex}.focus-toggle-btn:hover{background:var(--focus-action-hover-bg)}.focus-toggle-btn[aria-pressed=true]{background:var(--focus-action-bg)!important;color:var(--focus-action-text)!important;border-color:var(--focus-action-border)!important;box-shadow:var(--focus-action-shadow)!important}.focus-toggle-btn[aria-pressed=true]:hover{background:var(--focus-action-hover-bg)!important}body.focus-mode{box-sizing:border-box;--focus-exit-height:26px;--focus-exit-padding:0 10px;--focus-exit-font-size:.72rem;--focus-exit-radius:8px;--focus-exit-margin-bottom:8px;--focus-progress-height:10px;--focus-progress-margin-top:4px;--focus-progress-margin-bottom:12px;--focus-q-block-padding:12px 16px;--focus-q-block-margin-bottom:12px;--focus-q-block-font-size:1.36rem;--focus-option-padding:8px 12px;--focus-option-font-size:1.12rem;--focus-option-radius:10px;--focus-option-gap:8px;--focus-btn-height:clamp(44px,5vh,56px);--focus-btn-padding:clamp(9px,1.2vh,12px)clamp(20px,2vw,28px);--focus-btn-font-size:clamp(1rem,1.65vw,1.2rem);--focus-btn-radius:12px;--focus-controls-margin-top:12px;--focus-feedback-padding:10px 12px;--focus-feedback-margin-top:10px;--focus-feedback-radius:10px;--focus-feedback-height:72px;--feedback-height:var(--focus-feedback-height);--feedback-padding:var(--focus-feedback-padding);--feedback-radius:var(--focus-feedback-radius);--feedback-margin-top:var(--focus-feedback-margin-top);flex-direction:column;justify-content:flex-start;align-items:center;height:100dvh;padding:10px;display:flex;overflow:hidden}body.focus-mode .container{width:100%;max-width:100%;height:100%;box-shadow:none;box-sizing:border-box;border-radius:22px;flex-direction:column;justify-content:flex-start;align-items:center;margin:0;padding:16px 20px;display:flex;position:relative;overflow:hidden}body.focus-mode #header-area{display:none!important}body.focus-mode #btnFocusMode{flex:none;border-radius:999px!important;height:auto!important;margin:0!important;padding:8px 16px!important;font-size:.85rem!important;font-weight:500!important}body.focus-mode .progress-dot{border-radius:var(--adaptive-progress-segment-radius)!important;background:var(--adaptive-progress-empty-bg)!important;border-color:var(--border-main)!important;max-width:none!important;color:var(--adaptive-progress-empty-text)!important}body.focus-mode .progress-bank-count{background:var(--adaptive-progress-empty-bg)!important;border-color:var(--border-main)!important;color:var(--adaptive-progress-empty-text)!important}body.focus-mode .progress-dot.current,body.focus-mode .progress-dot.current.correct,body.focus-mode .progress-dot.current.wrong{background:var(--adaptive-progress-active-bg)!important;color:var(--adaptive-progress-active-text)!important;border-color:var(--adaptive-progress-active-bg)!important}body.focus-mode .progress-dot.correct{background:var(--adaptive-progress-done-bg)!important;color:var(--adaptive-progress-done-text)!important;border-color:var(--adaptive-progress-done-border,transparent)!important}body.focus-mode .progress-dot.wrong{background:var(--adaptive-progress-warn-bg)!important;color:var(--adaptive-progress-warn-text)!important;border-color:var(--adaptive-progress-warn-border,transparent)!important}body.focus-mode .dec-footer{display:none!important}body.focus-mode #quiz-area{flex:1 1 0;height:auto;min-height:0;box-sizing:border-box!important;grid-template-rows:auto minmax(0,1fr) auto!important;align-items:stretch!important;width:100%!important;max-width:1500px!important;margin:0 auto!important;display:grid!important}body.focus-mode #focus-progress-row{width:100%;min-width:0;margin-bottom:var(--focus-progress-margin-bottom);align-items:center;gap:12px;grid-area:1/1/auto/-1!important;display:flex!important}body.focus-mode #focus-progress-row .progress-container{flex:auto;min-width:0;margin:0}body.focus-mode #question-container{padding-right:0;min-height:0!important;overflow:hidden!important}body.focus-mode .question-block{width:100%!important;margin-bottom:var(--focus-q-block-margin-bottom)!important;padding:var(--focus-q-block-padding)!important;font-size:var(--focus-q-block-font-size)!important;min-height:calc(2.9em + 60px)!important}body.focus-mode .options-grid{gap:var(--focus-option-gap)!important;width:100%!important}body.focus-mode .option-label{padding:var(--focus-option-padding)!important;font-size:var(--focus-option-font-size)!important;border-radius:var(--focus-option-radius)!important}body.focus-mode .controls{width:100%!important;margin-top:var(--focus-controls-margin-top)!important;grid-column:1/-1!important;justify-content:space-between!important;align-self:end!important;align-items:center!important;display:flex!important}body.focus-mode .controls .btn{min-height:var(--focus-btn-height)!important;padding:var(--focus-btn-padding)!important;font-size:var(--focus-btn-font-size)!important;border-radius:var(--focus-btn-radius)!important;grid-row:1!important}body.focus-mode #next-btn{margin-left:auto!important}body.focus-mode #progress-area{flex:auto;justify-content:flex-start;min-width:0;overflow:auto hidden;margin-top:var(--focus-progress-margin-top)!important;width:auto!important;max-width:none!important;margin-bottom:0!important;padding-top:0!important}body.focus-mode .feedback,body.focus-mode .feedback-placeholder{overflow-wrap:anywhere;line-height:1.25;border-radius:var(--feedback-radius)!important;height:auto!important;min-height:0!important;max-height:none!important;margin-top:4px!important;padding:4px 8px!important;font-size:clamp(.9rem,1.15vw,1.1rem)!important;overflow:visible!important}body.focus-mode .feedback .feedback-detail{margin-top:2px}body.focus-mode #quiz-area.zoom-pending{visibility:hidden!important;opacity:0!important;transition:none!important}#quiz-area.result-state .controls{display:none!important}.result-actions{justify-content:center;margin-top:4px;display:flex}.result-actions #reset-btn{margin:0}body.focus-mode #quiz-area.result-state #question-container{display:flex;grid-row:2!important;overflow:hidden!important}body.focus-mode #quiz-area.result-state .confirm-msg-area{flex:1;justify-content:center;align-items:center;min-height:0;padding:0;display:flex}body.focus-mode #quiz-area.result-state .confirm-msg-area>div{flex-direction:column;align-items:center;width:100%;display:flex}@keyframes questionGradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}html,body{scrollbar-gutter:stable;min-height:100%}body{align-items:stretch;height:100dvh;padding:10px clamp(8px,1.4vw,16px);overflow:hidden}.container{background:var(--container-bg);border-radius:22px;width:min(900px,100%);height:100%;min-height:0;max-height:100%;margin:0 auto;padding:clamp(16px,2.4vw,28px);position:relative;box-shadow:0 22px 50px #1c3e5f29}.container:before{z-index:1}#header-area{margin-bottom:var(--header-area-gap);text-align:center;background:0 0;border-bottom:0;padding:0!important;display:block!important}#lessonTitle.dec-ui-game-title{letter-spacing:.0625rem;zoom:.7;min-height:0;margin:.25rem 0;padding:0;font-size:clamp(1.8rem,2.5vw,2.2rem);line-height:1.2}.header-meta{border:0;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;width:100%;margin:clamp(4px,.8dvh,8px) 0 clamp(8px,1.4dvh,14px);padding:0;display:flex}.focus-toggle-btn{white-space:nowrap;border-radius:12px;flex:none;min-width:max-content;height:32px;margin:0;padding:0 10px;font-size:.75rem;line-height:1}#progress-area{place-content:center;align-items:center;gap:var(--adaptive-progress-gap);border:0;flex:auto;width:auto;min-width:0;height:auto;margin:0;padding:0;display:flex;flex-wrap:wrap!important}#progress-area .progress-dot,#progress-area .progress-bank-count{min-width:20px;height:var(--adaptive-progress-height);border-radius:var(--adaptive-progress-segment-radius);font-size:.65rem}#progress-area .progress-dot{flex:0 0 var(--adaptive-progress-slot-width);max-width:var(--adaptive-progress-slot-width)}#progress-area.dynamic-mode .progress-dot{flex:1 1 0;max-width:32px}#progress-area.dynamic-mode .progress-dot.current{flex-grow:2.25;min-width:4.5rem;max-width:none}#progress-area .progress-bank-count{flex:none;min-width:36px;max-width:none;padding:0 8px}#quiz-area{background:0 0;min-height:0;padding:0}@media (width<=600px){body{align-items:flex-start;height:auto;min-height:100dvh;overflow-y:auto}.container{height:auto;min-height:calc(100dvh - 20px);padding:16px}.header-meta{gap:6px}#progress-area .progress-dot{min-width:18px}}:root{--radius-sm:12px;--font-weight-strong:700;--adaptive-progress-empty-text:var(--muted-text)}body:not([data-theme=elegant]){--adaptive-progress-empty-text:var(--muted-text)}body[data-theme=elegant]{--adaptive-progress-empty-text:#94a3b8}.focus-toggle-btn{border:1px solid var(--focus-action-border);border-radius:var(--radius-sm);background:var(--focus-action-bg);height:32px;color:var(--focus-action-text);box-sizing:border-box;cursor:pointer;white-space:nowrap;box-shadow:var(--focus-action-shadow);flex-shrink:0;justify-content:center;align-items:center;gap:6px;margin:0;padding:0 10px;font-size:.75rem;font-weight:500;line-height:1;transition:all .2s;display:inline-flex}.theme-toggle-switch{vertical-align:middle;flex-shrink:0;width:104px;height:32px;margin:0;display:inline-block;position:relative}.theme-toggle-switch input{display:none}.theme-toggle-switch .slider{cursor:pointer;border:1px solid var(--toggle-slider-border);background:var(--toggle-slider-bg);box-shadow:var(--toggle-slider-shadow);border-radius:32px;align-items:center;transition:all .4s;display:flex;position:absolute;inset:0;overflow:hidden}.theme-toggle-switch .slider:before{border:2px solid var(--toggle-knob-border);background-color:var(--toggle-knob-bg);box-sizing:border-box;width:24px;height:24px;box-shadow:var(--toggle-knob-shadow);content:"";z-index:auto;border-radius:50%;transition:transform .4s,border-color .4s,background-color .4s,box-shadow .4s;position:absolute;bottom:3px;left:3px}.theme-toggle-switch .slider-text{width:100%;color:var(--toggle-text-color);font-family:Be Vietnam Pro,sans-serif;font-size:.72rem;font-weight:var(--font-weight-strong);pointer-events:none;text-align:center;text-transform:uppercase;user-select:none;white-space:normal;z-index:auto;transition:all .4s;position:absolute;left:8px}.theme-toggle-switch input:checked+.slider{border-color:var(--toggle-slider-checked-border);background:var(--toggle-slider-checked-bg);box-shadow:var(--toggle-slider-checked-shadow)}.theme-toggle-switch input:checked+.slider .slider-text{color:var(--toggle-text-checked-color);left:-8px}.theme-toggle-switch input:checked+.slider:before{transform:translate(72px)}#progress-area .progress-dot,#progress-area .progress-bank-count{color:var(--adaptive-progress-empty-text);font-weight:var(--font-weight-strong)}#progress-area .progress-dot.current,#progress-area .progress-dot.current.correct,#progress-area .progress-dot.current.wrong{color:var(--adaptive-progress-active-text)!important}