.source-info{font-size:8px;line-height:1.9;color:#bca1d3;border-top:1px solid #3c2d50;padding-top:14px;margin:18px 0 0;overflow-wrap:anywhere}



input[type=radio],input[type=checkbox]{accent-color:#b981ec;min-width:16px;min-height:16px;flex-shrink:0}
.cancel-generation{display:block;margin:13px auto 0}
.primary-button:disabled{opacity:.55;transform:none;cursor:wait}


.result-content{padding:27px;font-size:11px;line-height:2.2;overflow-wrap:anywhere}
.generated-title{font-size:15px;font-weight:400;line-height:1.9;margin:0 0 16px}
.material-section{padding:24px 0;border-top:1px solid #3c2d50;margin-top:24px}
.material-section h3{font-size:14px;font-weight:400;color:#d3a4ff;margin:0 0 20px;line-height:1.9}
.material-section h4{font-size:11px;font-weight:400;line-height:2;margin:24px 0 10px;color:#ddd3f0}
.material-section p{white-space:pre-wrap;margin:12px 0;color:#bfb1d1}
.material-section ul{padding-left:25px;color:#bfb1d1}.material-section li{padding-left:6px;margin:13px 0}
.summary-section{border-left:3px solid #8a52c2;padding:20px;background:#1b1329}
.quiz-question{border:1px solid #443152;padding:22px;margin:25px 0;min-width:0}
.quiz-question legend{font-family:var(--pixel);font-size:12px;line-height:2;padding:0 10px;max-width:100%;overflow-wrap:anywhere}
.question-kind{font-size:8px;color:#a78cbb;margin:0 0 15px;line-height:1.9}
.quiz-option{display:flex;gap:13px;align-items:start;padding:13px;border:1px solid #36273f;background:#0e0a1b;margin:10px 0;cursor:pointer;line-height:2}
.quiz-option:has(input:checked){border-color:#a772d0;background:#2c1c3d}
.quiz-option input{margin-top:3px}.quiz-option span{font-size:10px}
.short-answer{width:100%;min-width:0;background:#09071b;border:1px solid #66487d;border-radius:0;color:#e8dff4;padding:13px;font-family:var(--pixel);font-size:11px;line-height:2}
.quiz-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.quiz-footer .primary-button{width:auto;max-width:100%;margin:0;font-size:11px;line-height:1.9}
.answered-count{font-size:9px;color:#a38bb5}
.quiz-score{font-size:17px;line-height:2;padding:22px;background:#2b1940;border:2px solid #a06ac8;margin:24px 0}
.question-feedback{padding:18px;margin-top:22px;background:#1a1225;font-size:10px;line-height:2;white-space:pre-wrap}
.question-feedback b{font-weight:400}.question-feedback p{margin:13px 0 0;color:#bfb0cc}
.answer-correct{border-color:#648d73}.answer-correct .question-feedback>b{color:#9bd0a7}
.answer-incorrect{border-color:#a66983}.answer-incorrect .question-feedback>b{color:#efb0cb}
.quiz-question input:disabled,.quiz-question textarea:disabled{opacity:.8}
@media(max-width:650px){.result-content{padding:20px 15px;font-size:10px;line-height:2.1}.generated-title{font-size:12px}.material-section h3{font-size:12px}.material-section h4{font-size:10px}.quiz-question{padding:15px 10px}.quiz-question legend{font-size:10px;padding:0 5px}.quiz-option{padding:11px 8px;gap:10px}.quiz-option span{font-size:9px}.quiz-score{font-size:13px}.question-feedback{padding:12px;font-size:9px}.quiz-footer .primary-button{font-size:10px;width:100%}}


.work-progress{padding:24px;border-bottom:1px solid #443252;background:#181025}
#progress-message{font-size:10px;line-height:2;margin:0 0 19px;color:#d6bae9}
.progress-track{height:19px;background:#09071b;border:2px solid #665078;position:relative;overflow:hidden;--stage:0;box-shadow:inset 2px 2px #03020e}
.progress-fill{position:absolute;inset:0 auto 0 0;background:#a065d0;width:0;transition:width .25s ease}
.progress-active{position:absolute;top:0;bottom:0;left:0;width:30%;background:repeating-linear-gradient(90deg,#c99af0 0 9px,#9257bd 9px 13px);transform:translateX(-110%)}
.progress-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;padding:0;margin:14px 0 0;color:#7e6b8d;font-size:8px;line-height:1.8}
.progress-stages li.current{color:#e2b9ff}.progress-stages li.done{color:#b28dc9}
.short-answer{height:110px;min-height:90px;resize:vertical;line-height:2}
.matching-hint{font-size:9px;line-height:2;color:#b7a1c6;margin:0 0 17px}
.matching-board{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.matching-column{display:flex;flex-direction:column;gap:12px;min-width:0}
.match-card{display:flex;gap:10px;align-items:start;text-align:left;width:100%;min-height:72px;padding:14px 12px;background:#100c20;border:2px solid #4b365d;font-family:var(--pixel);font-size:10px;line-height:1.9;--pair-color:#665078}
.match-card:hover{background:#24172f}.match-card.selected{outline:2px solid #dcc1f5;outline-offset:3px;background:#352047}
.match-card.paired{border-color:var(--pair-color)}
.pair-badge{flex-shrink:0;color:var(--pair-color);border:1px solid var(--pair-color);min-width:22px;height:23px;display:flex;align-items:center;justify-content:center;font-size:9px}
.pair-label{overflow-wrap:anywhere}.match-card.paired .pair-badge{background:var(--pair-color);color:#120a1d}
.matching-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;color:#ab8dbd;font-size:9px;line-height:1.8}
.match-card:disabled{cursor:default;opacity:.75}
@media(max-width:650px){.matching-board{gap:10px}.match-card{padding:10px 7px;font-size:8px;gap:6px;min-height:82px}.pair-badge{min-width:17px;height:19px;font-size:8px}.matching-hint,.matching-footer{font-size:8px}.matching-footer{flex-wrap:wrap}}
@media(max-width:650px){.work-progress{padding:20px 15px}#progress-message{font-size:9px}.progress-stages{font-size:6px;gap:5px}}
@media(prefers-reduced-motion:no-preference){.progress-active{animation:progress-travel 1.8s steps(40,end) infinite}@keyframes progress-travel{from{transform:translateX(-110%)}to{transform:translateX(350%)}}}

#work-progress .progress-active{inset:0;width:100%;transform:none;opacity:.45;background-size:22px 100%}
@media(prefers-reduced-motion:no-preference){#work-progress .progress-active{animation:progress-stripes .7s linear infinite}@keyframes progress-stripes{to{background-position:22px 0}}}