.home__introduction p{margin-bottom:1.2em;font-size:1.05em}.home__introduction strong{font-weight:600;color:var(--body-text)}.home__steps-list{counter-reset:step-counter;list-style:none;padding-left:0;margin:1.5rem 0}.home__steps-list>li{counter-increment:step-counter;position:relative;padding-inline-start:3.5rem;margin-block-end:2rem}.home__steps-list>li:last-child{margin-block-end:1rem}.home__steps-list>li:before{content:counter(step-counter);position:absolute;inset-inline-start:0;inset-block-start:0;display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;background-image:linear-gradient(135deg,#28b0a9,#1f8670);color:var(--header-text);border-radius:50%;font-weight:700;font-size:1.125rem;box-shadow:0 4px 8px #0000001a;transition:scale .25s var(--ease-elastic-4)}.home__steps-list>li:not(:last-child):after{content:"";position:absolute;inset-inline-start:1.25rem;inset-block-start:2.5rem;width:2px;height:calc(100% - 1.5rem);background-image:linear-gradient(180deg,#28b0a966,#1f86701a)}.home__steps-list>li:hover:before{scale:1.1}.home__steps-list>li ul{margin-block-start:.75rem;margin-inline-start:1.5rem}.home__steps-list>li ul li{margin-block-end:.5rem}.home__steps-list>li ul li::marker{color:#28b0a9}.home__input{display:flex;flex-direction:column;gap:1.5rem}.home__input #input-heading{margin-bottom:0}.home__input-area{position:relative;padding:2rem 1.5rem;border:2px dashed rgba(40,176,169,.3);border-radius:.75rem;background-image:linear-gradient(135deg,#28b0a908,#1f867003);cursor:pointer;transition:all .25s var(--ease-elastic-4)}.home__input-area #audio-upload{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(0 0 0 0);white-space:nowrap;border:0}.home__input-area:hover{border-color:#28b0a9;background-image:linear-gradient(135deg,#28b0a90f,#1f867008)}.home__input-area[data-dragging=true]{border-color:#28b0a9;border-style:solid;background-image:linear-gradient(135deg,#28b0a91a,#1f86700d);transform:scale(1.01);box-shadow:0 8px 24px #28b0a926}.home__input-area[data-selected=true]{border-color:#28b0a9;border-style:solid;background-image:linear-gradient(135deg,#28b0a914,#1f86700a)}.home__file-upload-label{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer}.home__file-upload-label .material-symbols-outlined{font-size:3rem;color:#28b0a9;transition:transform .25s var(--ease-elastic-4)}.home__file-upload-label:hover .material-symbols-outlined{transform:translateY(-4px)}.home__upload-text{font-size:1rem;font-weight:500;color:var(--body-text);opacity:.8;text-align:center}.home__toolbar #generate-button{margin-inline-start:auto}.home__language-selector{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background-image:linear-gradient(135deg,#28b0a914,#1f86700a);border-radius:.75rem;border:1px solid rgba(40,176,169,.2)}.home__language-selector label{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:.875rem;color:#28b0a9;white-space:nowrap}.home__language-selector label .material-symbols-outlined{font-size:1.35rem}.home__language-selector select{flex:1;min-width:180px;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;font-family:inherit;font-weight:500;color:var(--body-text)}@supports (background-color: light-dark()){.home__language-selector select{background-color:var(--card-bg, light-dark(#fff, #222))}}.home__language-selector select{border:2px solid rgba(40,176,169,.25);border-radius:.5rem;cursor:pointer;transition:all .25s var(--ease-elastic-4);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23388E7C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem}.home__language-selector select:hover{border-color:#28b0a9;box-shadow:0 4px 12px #28b0a926}.home__language-selector select:focus{outline:none;border-color:#28b0a9;box-shadow:0 0 0 3px #28b0a926,0 4px 12px #28b0a91a}.home__language-selector select option{padding:1rem}@supports (background-color: light-dark()){.home__language-selector select option{background-color:var(--card-bg, light-dark(#fff, #222))}}.home__language-selector select option{color:var(--body-text);font-weight:400}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.step-by-step{--bor: var(--card-border, light-dark($card-border-light, $card-border-dark));--bdr: 2rem;--pad: 1rem;box-sizing:border-box}@supports (light-dark()){.step-by-step{background-color:var(--card-bg, light-dark(#fff, #222))}}.step-by-step{padding:1rem;border:solid 1px var(--card-border, light-dark(#e0e0e0, #555));border-radius:2rem;display:flex;flex-direction:column;gap:var(--pad)}.step-by-step .divider{border:none;height:1px;background-color:var(--bor)}.step-by-step .step{box-sizing:border-box}@supports (light-dark()){.step-by-step .step{background-color:var(--card-bg, light-dark(#fff, #222))}}.step-by-step .step .correct-explanation{box-sizing:border-box;margin-block-start:var(--pad);padding:var(--pad)}@supports (background-color: light-dark()){.step-by-step .step .correct-explanation{background-color:light-dark(rgb(247.35,247.35,247.35),rgb(26.35,26.35,26.35));background-color:rgb(from var(--card-bg, light-dark(#fff, #222)) h s calc(l - 3%))}}.step-by-step .step .correct-explanation{border-radius:calc(var(--bdr) / 8);position:relative;overflow:hidden}.step-by-step .step .correct-explanation:before{content:"";position:absolute;inset:0;width:calc(var(--bdr) / 8);height:100%;background-color:#2d2}.step-by-step .step .step-question-choices{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:solid 1px var(--card-border, light-dark(#e0e0e0, #555));border-radius:1rem}.step-by-step .step .step-question-choices .step-question-choice{position:relative}@supports (light-dark()){.step-by-step .step .step-question-choices .step-question-choice{background-color:var(--card-bg, light-dark(#fff, #222))}}.step-by-step .step .step-question-choices .step-question-choice{cursor:pointer;border-radius:100dvw;padding:0 1ex;transition:background-color .15s var(--ease-3),scale .1s var(--ease-3)}.step-by-step .step .step-question-choices .step-question-choice:hover:not([data-state]){background-color:#add8e64d;background-color:rgb(from lightblue r g b/30%)}.step-by-step .step .step-question-choices .step-question-choice:active{scale:.98}.step-by-step .step .step-question-choices .step-question-choice[data-state=selected-correct]{background-color:#91ee91}.step-by-step .step .step-question-choices .step-question-choice[data-state=hint-correct]{background-color:#91ee9180}.step-by-step .step .step-question-choices .step-question-choice[data-state=selected-incorrect]{background-color:#f99}.step-by-step .step .step-question-choices .step-question-choice[data-state=hint-incorrect]{background-color:#ff999980}.step-by-step .step .step-question-choices .step-question-choice .step-question-radio{visibility:hidden;position:absolute;width:0;height:0;inset-block-start:-1px;inset-inline-start:-1px}