.reference-audio-btn[data-v-74d148c1]{color:#0b6fa4;cursor:pointer;background-color:#e8f2f8;border:1px solid #0b6fa4;border-radius:6px;min-height:52px;margin-top:8px;padding:10px 18px;font-size:19px;transition:transform .2s}.reference-audio-btn[data-v-74d148c1]:hover{transform:scale(1.05)}.question-card h2[data-v-db45c054]{margin:22px 0 28px;font-size:32px}.answer-button[data-v-db45c054]{color:#222;text-align:left;cursor:pointer;background:#f5f2ff;border:2px solid #8661ff;border-radius:12px;width:100%;min-height:72px;margin:15px 0;padding:16px 24px;font-size:24px;transition:all .2s;display:block}.answer-button[data-v-db45c054]:hover{color:#fff;background:#8661ff;transform:translateY(-2px)}.quiz-page[data-v-13888591]{text-align:center;color:#222;max-width:1180px;margin:24px auto;padding:20px 30px}.quiz-page h1[data-v-13888591]{color:#fff;margin:0 0 22px;font-size:40px}.quiz-container[data-v-13888591],.quiz-result[data-v-13888591]{box-sizing:border-box;color:#222;background:#fff;border-radius:18px;min-height:540px;padding:45px 55px;box-shadow:0 8px 20px #0000001f}.quiz-container>p[data-v-13888591]{color:#4b3d78;background:#e5ddff;border-radius:20px;margin-bottom:22px;padding:10px 20px;font-size:20px;font-weight:700;display:inline-block}.quiz-result h2[data-v-13888591]{color:#4b3d78;margin-bottom:15px;font-size:36px}.quiz-result p[data-v-13888591]{color:#222;margin-bottom:22px;font-size:24px}.quiz-result button[data-v-13888591]{color:#222;cursor:pointer;background:#d9ccff;border:1px solid #9b8bd3;border-radius:10px;min-height:60px;padding:13px 30px;font-size:21px;transition:transform .2s}.quiz-result button[data-v-13888591]:hover{color:#fff;background:#8661ff;transform:scale(1.05)}html{scroll-behavior:smooth;height:100%}body{color:#fff;background-color:#006aa7;height:100%;margin:15px 15px 0;font-family:Arial,Helvetica,Helvetica Neue,sans-serif}.top{flex-direction:column;display:flex}.upper-part{height:68px;margin-left:6%;display:flex}.horizontal-1{background-color:#ff0;width:10px}.vertical{background-color:#ff0;width:100%;height:10px}.menu{align-items:center;width:100%;margin-bottom:.5%;margin-left:5%;margin-right:5%;display:flex}.menu a{color:#000;cursor:pointer;filter:drop-shadow(3px 3px 4px #c1b7f6);background-color:#bbafff;border-radius:10px;padding:11px 26px;font-size:22px;text-decoration:none;transition:transform .2s}.menu a:hover{background-color:#8a76fc;transform:scale(1.05)}.menu a:first-child{margin-right:auto}.menu a:nth-child(3),.menu a:nth-child(4),.menu a:nth-child(5),.menu a:nth-child(6){margin-left:6%}.bottom{height:50px;margin-left:6%;display:flex}.horizontal-2{background-color:#ff0;width:10px}.welcome-line{margin:1% 0 0 3%}.home-body{flex-direction:column;display:flex}.line-breaker-left{background-color:#fff;width:75%;height:2px;margin:3% 0 3% auto}.line-breaker-right{background-color:#fff;width:75%;height:2px;margin:3% auto 3% 0}.introduction{flex-direction:row;justify-content:center;place-items:center;margin:0 7%;display:flex}.introduction img{object-fit:contain;border:2px solid #fff;border-radius:10px;width:42%;max-height:100%}.homepage-text-1{flex-direction:column;flex:1;place-items:center;display:flex}.homepage-text-1 p{text-align:center;border:2px solid #fff;border-radius:10px;width:60%;height:auto;margin-top:20px;padding:16px}.homepage-text-1 p a,.homepage-text-2 p a{color:#fff;font-weight:700;text-decoration-line:none;list-style:none}.homepage-text-1 a:hover,.homepage-text-2 a:hover{cursor:pointer;text-decoration:underline}.homepage-text-2{flex-direction:row;justify-content:center;place-items:center;gap:20px;display:flex}.homepage-text-2 p{text-align:center;border:2px solid #fff;border-radius:10px;width:40%;height:auto;margin-top:20px;padding:16px}.home-page-body{height:calc(100vh - 180px);min-height:0}.home-page-body .line-breaker-left,.home-page-body .line-breaker-right{flex:0 0 2px;margin-top:12px;margin-bottom:12px}.home-page-body .introduction{flex:1;gap:35px;min-height:0}.home-page-body .homepage-text-1>p{box-sizing:border-box;width:85%;margin:0 0 15px}.home-page-body .homepage-text-2 p{box-sizing:border-box;margin-top:0}@media (width<=900px){.home-page-body{height:auto}.home-page-body .introduction{flex-direction:column}.introduction img{width:80%}}.video-hub-body{grid-template-columns:minmax(0,2fr) minmax(520px,1fr);gap:25px;max-width:1720px;height:calc(100dvh - 240px);margin:15px auto 50px;padding:0 20px;display:grid}.video-style{box-sizing:border-box;object-fit:contain;background-color:#000;border:2px solid #fff;width:100%;height:calc(100% - 70px)}.video-info{justify-content:space-between;align-items:center;min-height:60px;display:flex}.video-info h2{margin:10px 0;font-size:27px}.video-info button{cursor:pointer;background-color:#6cd1ff;border-radius:10px;flex:none;min-width:175px;min-height:58px;padding:10px 18px;font-size:21px}.video-info button.saved{background-color:#27c96f}.video-list{color:#000;background-color:#ccf;border:2px solid #fff;border-radius:10px;flex-direction:column;min-height:0;padding:15px;display:flex}.video-list h2{text-align:center;margin:0 0 14px;font-size:36px}.video-list-items{overflow-y:auto}.video-list-items .lesson-button{color:#172033;cursor:pointer;text-align:left;touch-action:manipulation;background:#fff;border:2px solid #006aa7;border-radius:8px;justify-content:flex-start;width:100%;min-height:82px;margin-bottom:12px;padding:14px 18px;font-size:23px;font-weight:700;line-height:1.25;display:flex}.video-list-items .lesson-button:hover,.video-list-items .lesson-button.active{color:#111;background:#97f2e6;border-color:#006aa7}.video-list-items .lesson-button.active{border-width:3px}@media (width<=1100px){.video-hub-body{grid-template-columns:1fr;height:auto}.video-style{aspect-ratio:16/9;height:auto}.video-list{max-height:350px}}.no-bookmark{text-align:center;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;margin:auto;padding:30px;display:flex}.no-bookmark h2{margin-top:0}.no-bookmark a{color:#000;background-color:#6cd1ff;border-radius:10px;padding:8px 15px;text-decoration:none;display:inline-block}.bookmark-page{grid-template-columns:minmax(0,2fr) minmax(520px,1fr);gap:25px;max-width:1720px;height:calc(100dvh - 205px);margin:15px auto 25px;padding:0 20px;display:grid}.bookmark-video{box-sizing:border-box;object-fit:contain;background-color:#000;border:2px solid #fff;width:100%;height:calc(100% - 70px)}.bookmark-info{justify-content:space-between;align-items:center;min-height:60px;display:flex}.bookmark-info h2{margin:10px 0;font-size:27px}.bookmark-info button{cursor:pointer;background-color:#6cd1ff;border-radius:10px;min-width:210px;min-height:58px;padding:10px 18px;font-size:21px}.bookmark-list{color:#000;background-color:#ccf;border:2px solid #fff;border-radius:10px;flex-direction:column;min-height:0;padding:15px;display:flex}.bookmark-list h2{text-align:center;margin:0 0 14px;font-size:36px}.bookmark-list-items{overflow-y:auto}.bookmark-list-items button{cursor:pointer;text-align:left;touch-action:manipulation;background-color:#fff;border:2px solid #006aa7;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:82px;margin-bottom:12px;padding:14px 18px;font-size:23px;font-weight:700;display:flex}.bookmark-list-items button span{background-color:#6cd1ff;border-radius:5px;padding:5px 10px}.bookmark-list-items button:hover,.bookmark-list-items button.active{background-color:#97f2e6}.bookmark-list-items button.active{border-width:3px}@media (width<=1100px){.bookmark-page{grid-template-columns:1fr;height:auto}.bookmark-video{aspect-ratio:16/9;height:auto}.bookmark-list{max-height:350px}}.practice-page{max-width:900px;margin:0 auto;padding:25px 35px 60px}.lesson-picker,.practice-card,.result-card{background:#fff;border:1px solid #d9d9d9;margin-bottom:25px;padding:25px}.lesson-picker h2,.practice-card h2,.result-card h2{margin-top:0}.lesson-picker label{margin:18px 0 8px;font-weight:700;display:block}.lesson-picker select{width:100%;min-height:58px;margin-bottom:12px;padding:12px;font-size:22px}.lesson-level{color:#015aa9;letter-spacing:1px;font-size:17px;font-weight:700}.sentence{border-left:4px solid #6e2878;margin:20px 0;padding-left:15px}.swedish-sentence{margin:0 0 5px;font-size:23px}.english-translation{color:#5f6066;margin:0;font-size:19px}.record-button,.retry-button{color:#fff;cursor:pointer;border:0;padding:12px 24px;font-size:16px}.record-button{background:#c62834;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding:10px;display:flex}.record-button:hover{background:#b4232f}.record-button:focus-visible,.retry-button:focus-visible{outline-offset:3px;outline:3px solid #ed7d31}.record-icon{background:#fff;border-radius:50%;width:18px;height:18px;display:block}.record-control{align-items:center;gap:12px;min-height:76px;display:flex}.record-label{color:#141414;font-size:21px;font-weight:700}.sound-wave{align-items:center;gap:3px;height:38px;margin-left:8px;display:flex}.sound-wave span{background:#015aa9;border-radius:3px;width:4px;height:14px;animation:.7s ease-in-out infinite alternate sound-wave;display:block}.sound-wave span:nth-child(2n){height:24px;animation-delay:.15s}.sound-wave span:nth-child(3n){height:34px;animation-delay:.3s}@keyframes sound-wave{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}.retry-button{background:#6e2878}.result-card{border-top:5px solid #015aa9}.result-card ul{padding-left:22px}.lesson-picker,.practice-card{color:#141414;border:0;border-radius:18px;box-shadow:0 14px 34px #182a4829}.lesson-picker h2{color:#141414;margin-bottom:4px;font-size:36px}.lesson-picker p{color:#5f6066;margin:0 0 8px;font-size:20px}.practice-card h2,.swedish-sentence{color:#141414}.practice-card h2{color:#5f6066;margin-bottom:12px;font-size:16px;font-weight:600}.swedish-sentence{font-size:clamp(40px,4vw,56px);font-weight:800;line-height:1.08}.swedish-sentence.sentence-long{font-size:clamp(28px,3vw,40px);line-height:1.15}.result-card{color:#141414;border:0;border-radius:18px;min-width:0;box-shadow:0 14px 34px #182a4829}.result-card h2{color:#141414;margin-bottom:8px;font-size:clamp(28px,2vw,40px)}.score-summary{flex-direction:row;justify-content:center;align-items:center;gap:24px;margin:0 0 12px;display:flex}.score-ring{--score-colour:#015aa9;background:conic-gradient(var(--score-colour) var(--score-angle), #e7edf3 0);border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;display:flex;position:relative}.score-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:12px}.score-ring span{color:var(--score-colour);font-size:36px;font-weight:800;position:relative}.score-ring.score-good{--score-colour:#218739}.score-ring.score-improve{--score-colour:#c47a00}.score-ring.score-retry{--score-colour:#c62834}.score-message{color:#218739;margin:0;font-size:28px;font-weight:800}.score-metrics{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:12px;margin:0 0 12px;display:grid}.score-metric{text-align:center;background:#e8f1f9;border-radius:12px;flex-direction:column;gap:5px;padding:9px 8px;display:flex}.score-metric span{color:#5f6066;font-size:14px}.score-metric strong{color:#015aa9;font-size:25px}.word-feedback{border-top:1px solid #d8e0e8;padding-top:10px}.word-feedback h3{margin:0 0 8px;font-size:18px}.word-chips{flex-wrap:wrap;gap:7px;display:flex}.word-chip{border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:6px 10px;font-weight:700;display:inline-flex}.word-chip small{opacity:.72;border-left:1px solid;padding-left:7px;font-size:11px}.word-good{color:#176b2b;background:#e6f5ea;border-color:#a8d9b4}.word-improve{color:#8b5700;background:#fff3d6;border-color:#ebc76b}.word-retry{color:#a51f2b;background:#fde8ea;border-color:#efaeb4}.empty-word-feedback{color:#5f6066}.coach-note{background:#f6f1f6;border-left:5px solid #6e2878;border-radius:10px;flex-direction:column;gap:5px;margin:18px 0;padding:14px 16px;display:flex}.coach-note.success{background:#e6f5ea;border-left-color:#218739}.result-card .retry-button{background:#015aa9;border-radius:10px;width:100%;min-height:52px;margin-top:12px;font-weight:700}.result-card .retry-button:hover{background:#00477f}.recording-playback{text-align:center;margin-top:10px}.recording-playback p{color:#5f6066;margin:0 0 6px;font-size:15px;font-weight:700}.recording-playback audio{border-radius:5px;outline:none;width:100%;height:42px}.result-placeholder{color:#5f6066;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:410px;padding:24px;display:flex}.result-placeholder-icon{background:#e8f1f9;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:18px;font-size:38px;display:flex}.result-placeholder strong{color:#141414;font-size:30px}.result-placeholder p{max-width:320px;font-size:19px;line-height:1.5}@media (width>=900px){.practice-page{box-sizing:border-box;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.15fr) minmax(480px,1fr);align-items:stretch;gap:18px;width:calc(100% - 30px);max-width:1720px;height:calc(100dvh - 165px);padding:16px 24px 28px;display:grid;overflow:hidden}.lesson-picker,.practice-card{grid-column:1}.lesson-picker label{margin:8px 0 0}.lesson-picker #lesson-select{max-width:620px;margin-bottom:0}.practice-card{min-height:0;margin-bottom:0;overflow-y:auto}.result-card{grid-area:1/2/span 2;margin-bottom:0;overflow:hidden}.result-placeholder{min-height:280px}}.snowbot-emotion-container{z-index:1000;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:170px;padding:14px 16px;transition:transform .25s,box-shadow .25s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 28px #00000029}.snowbot-emotion-container:hover{transform:translateY(-4px);box-shadow:0 16px 36px #00000038}.robot-face-circle{white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:86px;height:86px;margin-bottom:.5rem;font-size:1.35rem;transition:all .35s;display:flex}.robot-state-title{color:#1e293b;margin:0;font-size:.95rem;font-weight:700}.robot-state-desc{color:#64748b;margin-top:.25rem;font-size:.75rem;line-height:1.25}@keyframes pulse-glow{0%{transform:scale(.96);box-shadow:0 0 #0284c766}70%{transform:scale(1.03);box-shadow:0 0 0 14px #0284c700}to{transform:scale(.96);box-shadow:0 0 #0284c700}}@keyframes happy-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-16px)}60%{transform:translateY(-8px)}}@keyframes fair-nod{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes encouraging-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}70%{transform:rotate(6deg)}}.setting{justify-content:center;display:flex}.setting-box{border:2px solid #fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:fit-content;padding:15px;display:flex}.setting-option{align-items:center;gap:10px;margin-bottom:10px;display:flex}.setting-option input{background-color:#ccf;border-radius:10px;width:250px;margin-left:auto;padding:5px}.saveBtn{cursor:pointer;filter:drop-shadow(3px 3px 4px #c1b7f6);background-color:#6cd1ff;border-radius:10px;width:fit-content;margin-top:20px;transition:transform .2s}.saveBtn:hover{background-color:#8a76fc;transform:scale(1.05)}.emotion-page-body{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:calc(100vw - 30px);height:calc(100dvh - 15px);margin:0;display:flex;overflow:hidden}.emotion-page-body .snowbot-emotion-container{background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:auto;padding:32px;transition:transform .25s,box-shadow .25s;display:flex;position:static;bottom:auto;right:auto;box-shadow:0 16px 36px #00000038}.emotion-page-body .robot-face-circle{white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(320px,55dvh,430px);height:clamp(320px,55dvh,430px);font-size:clamp(58px,8vw,92px);transition:all .35s;display:flex}.emotion-name{color:#222;margin:8px 0;font-size:32px;font-weight:700}.robot-face-circle span{white-space:nowrap;letter-spacing:-.5px;line-height:1;display:inline-block}.emotion-idle{color:#94a3b8;background-color:#f8fafc;border:2px dashed #cbd5e1}.emotion-listening{color:#0284c7;background-color:#e0f2fe;border:2px solid #bae6fd;animation:1.6s ease-in-out infinite pulse-glow}.emotion-happy{color:#176b2b;background-color:#e6f5ea;border:2px solid #a8d9b4;animation:1.8s ease-in-out infinite happy-bounce}.emotion-fair{color:#8b5700;background-color:#fff3d6;border:2px solid #ebc76b;animation:2s ease-in-out infinite fair-nod}.emotion-encouraging{color:#a51f2b;background-color:#fde8ea;border:2px solid #efaeb4;animation:2.2s ease-in-out infinite encouraging-wiggle}footer{box-sizing:border-box;z-index:100;background:linear-gradient(#006aa7 0%,#3d8cc4 65%,#00acc7 90% 95%);width:100%;padding:8px;font-size:15px;position:fixed;bottom:0;left:0}footer a{color:#fff;text-decoration-line:none}footer a:hover{color:#dab1da;text-decoration:underline}