:root{--bg-color: #ffffff;--text-color: rgb(31, 31, 31);--passage-bg: #fff;--questions-bg: #ffffff;--border-color: #ccc;--header-bg: #F8F8F8;--header-text: #333333;--highlight-color: rgb(255, 203, 126);--button-bg: #FE9900;--button-hover: #e68b02;--progress-complete: #FE9900;--progress-incomplete: #e5e5e5;--progress-incomplete-hover: #eee;--timer-bg: white;--timer-text: black;--footer-bg: white}.sentence-completion input::placeholder,.summary-container input::placeholder{text-align:center;font-weight:700;font-size:.9rem}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s,color .3s}.reading_test_body,.listening_test_body{font-family:Inter,google-sans,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;height:100vh;display:flex;flex-direction:column;overflow:hidden}header{background-color:var(--header-bg);color:var(--header-text);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000001a;z-index:100}.logo-area{display:flex;align-items:center;gap:15px}.social-link{display:flex;align-items:center;gap:8px;color:#000;padding:8px 15px;border-radius:50px;text-decoration:none;font-weight:600;font-size:14px;transition:background-color .3s ease,transform .2s ease}.social-link:hover{transform:translateY(-1px)}.social-link i{font-size:1.2em}.social-link.telegram,.social-link.telegram:hover{background-color:var(--button-bg)}.header-controls{display:flex;gap:15px;align-items:center}.timer-controls{display:flex;gap:8px}.reading_passage,.listening_part{display:flex;flex:1;overflow:hidden}.listening_part .questions-container{max-width:55rem;margin:0 auto;border:1px solid var(--border-color)}.listening_part .questions-container .summary-container{text-align:left}.passage-container,.questions-container{height:100%;overflow-y:scroll;padding:20px}.passage-container{width:50%;background-color:var(--passage-bg);border-right:1px solid var(--border-color);position:relative}.passage-number{font-size:1.5rem;font-weight:bolder}.questions-container{width:50%;background-color:var(--questions-bg)}.listening_part .questions-container{width:100%}.summary-container{background-color:var(--passage-bg);padding:1rem;border:1px solid black;text-align:justify}.sentence-completion{white-space:pre-wrap}.passage-content{max-width:800px;margin:0 auto}.passage-title{font-size:1.5rem;font-weight:700;color:var(--text-color);text-align:center}.passage-subtitle{font-style:italic;font-weight:700}.passage-text{font-size:1rem}.question-text{font-size:1rem;line-height:1.5}.passage-text p{margin-bottom:20px;text-align:left}.highlight{background-color:var(--highlight-color);cursor:pointer}.highlight-tooltip{position:absolute;background-color:#000;color:#fff;padding:5px 10px;border-radius:4px;font-size:14px;z-index:1000;cursor:pointer;display:flex;align-items:center;gap:5px}.section-title{font-size:18px;font-weight:600;margin:25px 0 15px;color:var(--text-color);padding-bottom:8px;border-bottom:1px solid var(--border-color)}.question-group{margin-bottom:1rem}.summary-question{margin:0}.summary-title{text-align:center;margin-bottom:.5rem}.options{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.mcq-options{flex-direction:column;align-items:flex-start}.option{display:flex;align-items:center;cursor:pointer}.option input{margin-right:8px}.note-blank{display:inline-block;width:140px;padding:5px 8px;font-size:1rem;border:1px solid #ccc;border-radius:4px}.instructions{font-size:16px;color:#000;margin-top:5px;font-style:italic}.drag-option{background:#fff;padding:4px 10px;border-radius:4px;border:1px solid #ccc;cursor:grab;margin:4px;font-size:14px;-webkit-user-select:none;user-select:none;transition:all ease .4s}.drag-option:active{cursor:grabbing}.drop-input{display:inline-block;min-width:100px;padding:0 4px;margin:2px 6px;border:2px dashed #aaa;border-radius:4px;background:#fff;text-align:center;vertical-align:middle;font-size:14px;-webkit-user-select:none;user-select:none;cursor:pointer}.drop-input.filled{transition:all ease .5s;border-color:var(--button-bg);font-weight:700}.options-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}footer{background-color:var(--footer-bg);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);box-shadow:0 -2px 5px #0000000d}button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .3s,border-color .3s,color .3s}.btn-primary{background-color:var(--button-bg);color:#000}.btn-primary:hover{background-color:var(--button-hover)}.btn-secondary{background-color:transparent;border:1px solid var(--button-bg);color:var(--button-bg)}.btn-secondary:hover{background-color:#cc00001a}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999;transition:ease .3s}.modal-content{background:#fff;padding:24px;border-radius:8px;width:90vw;max-width:850px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d;position:relative}.modal-content table{width:100%;border-collapse:collapse;margin-top:16px;font-size:16px}.modal-content th,.modal-content td{border:1px solid #ccc;padding:8px 10px;text-align:left;vertical-align:top}.modal-content th{background:#f5f5f5;font-weight:700}.modal-content button{margin-top:16px}.timeout-modal{width:26rem;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #0003;text-align:center;animation:pulse .3s ease-in-out}.timeout-modal h2{font-size:20px;margin-bottom:10px;color:var(--button-bg)}.timeout-modal p{font-size:16px;color:#333}.timeout-modal .modal-buttons{justify-content:center}@keyframes pulse{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.login-wrapper.svelte-1au3qh8{height:100vh;display:flex;justify-content:center;align-items:center;background:#f5f5f5}.login-box.svelte-1au3qh8{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 0 12px #0000001a;width:300px}.login-box.svelte-1au3qh8 h2:where(.svelte-1au3qh8){margin-bottom:1rem;text-align:center}.login-box.svelte-1au3qh8 input:where(.svelte-1au3qh8),select.svelte-1au3qh8{width:100%;padding:8px 10px;margin-bottom:1rem;border:1px solid #ccc;border-radius:6px;font-size:14px;background-color:#fff}.login-box.svelte-1au3qh8 button:where(.svelte-1au3qh8){width:100%;padding:10px;background:var(--button-bg);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:15px}.login-box.svelte-1au3qh8 button:where(.svelte-1au3qh8):hover{background:var(--button-hover)}.error-message.svelte-1au3qh8{color:red;font-size:14px;margin-bottom:1rem;text-align:center}.login-box.svelte-1au3qh8 select:where(.svelte-1au3qh8){-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #ccc;color:#777;transition:border-color .2s ease}.login-box.svelte-1au3qh8 select.selected:where(.svelte-1au3qh8){color:#000}.secs.svelte-1lqgpad{filter:blur(3px);opacity:.4;transition:all .2s ease-in-out}.timer-container.svelte-1lqgpad:hover .secs:where(.svelte-1lqgpad){filter:blur(0);opacity:1}.passage_link.svelte-nzgkeu{color:#000;text-decoration:none;cursor:pointer;padding:5px;border:1px none #111;border-top-style:solid;transition:all .3s}.passage_link.svelte-nzgkeu:hover{background-color:#ddd}.progress-container.svelte-nzgkeu{display:flex;border:1px solid #111;border-top:none}.progress-item.svelte-nzgkeu{width:2rem;height:2rem;border-radius:50%;background-color:var(--progress-incomplete);color:#000;display:flex;align-items:center;justify-content:space-around;font-size:.8rem;cursor:pointer;transition:ease .2s;margin:0 2px}.progress-item.svelte-nzgkeu:hover{background-color:var(--progress-incomplete-hover)}.progress-item.completed.svelte-nzgkeu{background-color:var(--progress-complete)}.select-answer.svelte-7vzsna{font-size:1rem;padding:6px 10px;border:1px solid #ccc;border-radius:4px;margin-top:8px;width:180px;background-color:#fff}.instructions.svelte-14kxuck{font-size:1rem;margin-bottom:1rem}.note-container.svelte-14kxuck{text-align:left}.note-section.svelte-14kxuck{margin-bottom:1.5rem}.note-title.svelte-14kxuck{font-weight:700;font-size:1.1rem;margin-bottom:.5rem;color:#333}.note-item.svelte-14kxuck{margin-left:1rem;margin-bottom:.5rem;font-size:1rem;line-height:1.6}.note-question-number.svelte-14kxuck{font-weight:700;margin-right:4px}.summary-title.svelte-1t2q4nw{margin:12px 0;font-weight:700}.question-heading.svelte-2hqufi,.question-group.svelte-10zuyii{margin:10px 0}.question-text.svelte-10zuyii{display:inline-block;max-width:700px}.select-answer.svelte-xptv9s{font-size:1rem;padding:6px 10px;border:1px solid #ccc;border-radius:4px;margin-top:8px;width:180px;background-color:#fff}.question-group.svelte-xptv9s{margin:12px 0}.question-text.svelte-xptv9s{max-width:700px;display:inline}.answered.svelte-xptv9s select:where(.svelte-xptv9s){border-color:green;font-weight:700}.selection-checkbox.svelte-qddgdw{accent-color:var(--button-bg)}.option.svelte-qddgdw{-webkit-user-select:none;user-select:none}.instructions.svelte-1eau6oc{font-size:1rem;margin-bottom:1rem}.completion-table.svelte-1eau6oc{border-collapse:collapse}.completion-table.svelte-1eau6oc th:where(.svelte-1eau6oc),.completion-table.svelte-1eau6oc td:where(.svelte-1eau6oc){border:1px solid #ccc;padding:8px;text-align:left;vertical-align:top}.table-blank.svelte-1eau6oc{display:inline-block;width:120px;padding:4px 6px;font-size:1rem;margin:0 4px;border:1px solid #ccc;border-radius:4px}.table-question-number.svelte-1eau6oc{font-weight:700;margin-right:4px}.instructions.svelte-rmqeuw{margin-bottom:10px}.map-container.svelte-rmqeuw{text-align:left;margin:15px 0}.map-image.svelte-rmqeuw{max-width:100%;height:auto;border:1px solid #ccc;border-radius:6px;display:block}.qa-layout.svelte-rmqeuw{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}.questions-container.svelte-rmqeuw{display:flex;flex-direction:column;gap:10px}.question-group.svelte-rmqeuw{margin:5px 0}.question-text.svelte-rmqeuw{display:inline-block;max-width:100%}.options-box.svelte-rmqeuw{background:#fff;padding:10px;border:1px solid #fff;border-radius:6px}.options-box.svelte-rmqeuw h4:where(.svelte-rmqeuw){margin:0 0 10px;font-size:14px}.drag-option.svelte-rmqeuw{background:#fff;padding:6px 10px;border-radius:4px;border:1px solid #ccc;cursor:grab;margin:4px 0;text-align:center;-webkit-user-select:none;user-select:none;font-size:14px;max-width:5rem}.option.svelte-1kcaua0{-webkit-user-select:none;user-select:none}.option.svelte-1kcaua0 input[type=radio]:where(.svelte-1kcaua0){accent-color:var(--button-bg);color:#fff}.tooltip.svelte-4cigz8{position:absolute;background:#222;color:#fff;padding:2px 4px;border-radius:3px;font-size:11px;z-index:1000;display:flex;align-items:center;gap:4px;box-shadow:0 1px 3px #0000004d}.tooltip.svelte-4cigz8 button:where(.svelte-4cigz8){background:none;border:none;color:#fff;font-size:12px;cursor:pointer;padding:2px 4px;margin:0;line-height:1}.tooltip.svelte-4cigz8 button:where(.svelte-4cigz8):hover{color:#ffe66d}.audio-controls.svelte-1l4wysj{background-color:var(--timer-bg);color:var(--timer-text);padding:8px 15px;border-radius:50px;font-weight:600;display:flex;align-items:center;gap:16px;min-width:320px}.volume-section.svelte-1l4wysj{display:flex;align-items:center;gap:6px;flex:0 0 auto}.volume-section.svelte-1l4wysj i:where(.svelte-1l4wysj){font-size:16px;color:var(--timer-text)}.volume-section.svelte-1l4wysj input[type=range]:where(.svelte-1l4wysj){-webkit-appearance:none;width:80px;height:4px;background:#ccc;border-radius:2px;cursor:pointer;outline:none}.progress-section.svelte-1l4wysj{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:200px}.progress-section.svelte-1l4wysj input[type=range]:where(.svelte-1l4wysj){-webkit-appearance:none;flex:1;height:4px;background:#ccc;border-radius:2px;cursor:default;outline:none}.progress-section.svelte-1l4wysj span:where(.svelte-1l4wysj){font-size:.8rem;white-space:nowrap}.volume-section.svelte-1l4wysj input[type=range]:where(.svelte-1l4wysj)::-webkit-slider-thumb,.progress-section.svelte-1l4wysj input[type=range]:where(.svelte-1l4wysj)::-webkit-slider-thumb{-webkit-appearance:none;height:14px;width:14px;border-radius:50%;background:var(--timer-text);cursor:pointer}.volume-section.svelte-1l4wysj input[type=range]:where(.svelte-1l4wysj)::-moz-range-thumb,.progress-section.svelte-1l4wysj input[type=range]:where(.svelte-1l4wysj)::-moz-range-thumb{height:14px;width:14px;border-radius:50%;background:var(--timer-text);cursor:pointer}.progress-section.svelte-1l4wysj input[disabled]:where(.svelte-1l4wysj){opacity:.6;cursor:default}.writing_task.svelte-374n19{display:flex;height:100%;overflow:hidden}.instructions.svelte-374n19{background:#f4f8ff;border:1px solid #c9ddff;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem}.instructions.svelte-374n19 h2:where(.svelte-374n19){margin:0 0 .5rem;font-size:1.2rem;color:#036}.instructions.svelte-374n19 p:where(.svelte-374n19){margin:.2rem 0;font-size:.95rem;color:#333}.task-instruction.svelte-374n19{font-style:italic;margin-top:1rem}.questions_container.svelte-374n19{flex:1;display:flex;flex-direction:column;padding:1rem;background:#fafafa}textarea.svelte-374n19{flex:1;resize:none;padding:1rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;line-height:1.5}.word_count.svelte-374n19{margin-top:.5rem;text-align:left;font-size:.9rem;font-weight:700;color:#000}img.task-image.svelte-374n19{max-width:100%;height:auto;margin-bottom:1rem}
