*{margin:0;padding:0;box-sizing:border-box}#app,body,html{height:100%;width:100%;overflow:hidden}.welcome-container[data-v-fd94e884]{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100vh;width:100%;text-align:center;overflow:hidden;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.top-section[data-v-fd94e884]{margin-top:20vh}.top-section h1[data-v-fd94e884]{font-size:48px;font-weight:700;color:#333;margin:0 0 20px 0}.top-section p[data-v-fd94e884]{font-size:24px;color:#666;margin:0}.primary-button[data-v-fd94e884]{margin-bottom:20vh;padding:15px 40px;font-size:18px;background-color:#4caf50;color:#fff;border:none;border-radius:40px;cursor:pointer;transition:background-color .3s;flex-shrink:0}.primary-button[data-v-fd94e884]:hover{background-color:#43a047}@media (max-width:768px){.top-section h1[data-v-fd94e884]{font-size:36px}.top-section p[data-v-fd94e884]{font-size:20px}.top-section[data-v-fd94e884]{margin-top:15vh}.primary-button[data-v-fd94e884]{margin-bottom:15vh}}.consent-container[data-v-4e32c4d4],.consent-container[data-v-55bb82ed],.orientation-container[data-v-34910306],.orientation-container[data-v-5bda089c],.orientation-container[data-v-766db07e],.profile-container[data-v-04646ecc],.profile-container[data-v-5c1aeb5e],.profile-container[data-v-f219fda0]{padding:20px;height:100vh;width:100vw;overflow:hidden}.task2-container[data-v-f2948f0e]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;overflow:hidden;background-color:#f5f5f5;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.instruction-container[data-v-f2948f0e]{position:absolute;bottom:calc(50% + 260px);left:50%;transform:translateX(-50%);background-color:#fff1b5;border-radius:40px;padding:35px 70px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.instruction[data-v-f2948f0e]{font-size:40px;font-weight:700;color:#333;text-align:center;margin:0;white-space:nowrap}.timer-circle[data-v-f2948f0e]{position:relative;width:120px;height:120px}.timer-svg[data-v-f2948f0e]{transform:rotate(-90deg);width:120px;height:120px}.timer-bg[data-v-f2948f0e]{fill:none;stroke:#ddd;stroke-width:8}.timer-progress[data-v-f2948f0e]{fill:none;stroke:#4caf50;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.timer-text[data-v-f2948f0e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:700;color:#333}.voice-indicator[data-v-f2948f0e]{position:absolute;top:calc(50% + 160px);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:15px}.mic-icon[data-v-f2948f0e]{width:60px;height:60px;color:#666;opacity:.7;transition:all .3s ease}.mic-icon.listening[data-v-f2948f0e]{opacity:1;color:#4caf50;animation:pulse-f2948f0e 1.5s infinite}.start-button[data-v-f2948f0e]{position:absolute;top:calc(50% + 220px);left:50%;transform:translateX(-50%);padding:15px 40px;font-size:18px;background-color:#4caf50;color:#fff;border:none;border-radius:40px;cursor:pointer;transition:background-color .3s}.start-button[data-v-f2948f0e]:hover{background-color:#43a047}@keyframes pulse-f2948f0e{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.listening-text[data-v-f2948f0e]{font-size:18px;font-weight:500;color:#666}.result-display[data-v-f2948f0e]{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.05);padding:10px 20px;border-radius:8px;font-size:16px;color:#666}@media (max-width:768px){.instruction[data-v-f2948f0e]{font-size:20px}}.task3-guide-container[data-v-c321439a]{display:flex;flex-direction:column;align-items:center;height:100vh;width:100vw;overflow:hidden;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.phase-header[data-v-c321439a]{margin-top:15vh;text-align:center}.phase-header h2[data-v-c321439a]{font-size:28px;font-weight:700;color:#666;margin:0}.instruction-container[data-v-c321439a]{margin-top:10vh;display:flex;align-items:center;justify-content:center}.instruction-box[data-v-c321439a]{background-color:#fff1b5;border-radius:40px;padding:35px 70px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.instruction[data-v-c321439a]{font-size:40px;font-weight:700;color:#333;text-align:center;margin:0;white-space:nowrap}.start-button[data-v-c321439a]{margin-top:auto;margin-bottom:40vh;padding:18px 50px;font-size:22px;background-color:#4caf50;color:#fff;border:none;border-radius:40px;cursor:pointer;transition:background-color .3s;font-weight:700;flex-shrink:0}.start-button[data-v-c321439a]:hover{background-color:#43a047}@media (max-width:768px){.phase-header h2[data-v-c321439a]{font-size:24px}.instruction[data-v-c321439a]{font-size:32px}.instruction-box[data-v-c321439a]{padding:25px 50px}.start-button[data-v-c321439a]{padding:15px 45px;font-size:20px;margin-bottom:40vh}.phase-header[data-v-c321439a]{margin-top:12vh}.instruction-container[data-v-c321439a]{margin-top:8vh}}.task3-learn-container[data-v-28a1b11e]{display:flex;flex-direction:column;align-items:center;height:100vh;width:100vw;overflow:hidden;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.start-prompt[data-v-28a1b11e]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;z-index:100}.prompt-box[data-v-28a1b11e]{background-color:#fff1b5;border-radius:40px;padding:80px 100px;box-shadow:0 4px 16px rgba(0,0,0,.1);text-align:center;transform:translateY(-10vh)}.prompt-box h2[data-v-28a1b11e]{font-size:48px;font-weight:700;color:#333;margin:0 0 30px 0}.prompt-box p[data-v-28a1b11e]{font-size:28px;color:#666;margin:0 0 60px 0}.start-button[data-v-28a1b11e]{padding:20px 60px;font-size:24px;background-color:#4caf50;color:#fff;border:none;border-radius:40px;cursor:pointer;transition:background-color .3s;font-weight:700}.start-button[data-v-28a1b11e]:hover{background-color:#43a047}.round-complete-message[data-v-28a1b11e]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,96%,.95);z-index:100}.message-box[data-v-28a1b11e]{background-color:#fff1b5;border-radius:40px;padding:80px 100px;box-shadow:0 4px 16px rgba(0,0,0,.1);text-align:center;transform:translateY(-10vh)}.message-box h2[data-v-28a1b11e]{font-size:48px;font-weight:700;color:#333;margin:0 0 20px 0}.message-box p[data-v-28a1b11e]{font-size:28px;color:#666;margin:0;margin-bottom:40px}.start-second-round-button[data-v-28a1b11e]{padding:18px 50px;font-size:22px;background-color:#4caf50;color:#fff;border:none;border-radius:40px;cursor:pointer;transition:background-color .3s;font-weight:700}.start-second-round-button[data-v-28a1b11e]:hover{background-color:#43a047}.phase-header[data-v-28a1b11e]{margin-top:15vh;text-align:center}.phase-header h2[data-v-28a1b11e]{font-size:28px;font-weight:700;color:#666;margin:0;margin-bottom:10vh}.instruction-container[data-v-28a1b11e]{display:flex;align-items:center;justify-content:center;transform:translateY(-5vh)}.instruction-box[data-v-28a1b11e]{background-color:#fff1b5;border-radius:40px;padding:20px 40px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.instruction[data-v-28a1b11e]{font-size:24px;font-weight:700;color:#333;text-align:center;margin:0;white-space:nowrap}.word-container[data-v-28a1b11e]{margin-top:6vh;display:flex;align-items:center;justify-content:center}.word-box[data-v-28a1b11e]{background-color:#fff1b5;border-radius:40px;padding:40px 60px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.word[data-v-28a1b11e]{font-size:44px;font-weight:700;color:#333;text-align:center;margin:0}.progress-bar-container[data-v-28a1b11e]{margin-top:10vh;width:60%;max-width:400px}.progress-bar[data-v-28a1b11e]{width:100%;height:8px;background-color:#ddd;border-radius:4px;overflow:hidden}.progress-fill[data-v-28a1b11e]{height:100%;width:0;background-color:#4caf50;border-radius:4px;transition:none}.progress-fill.is-animating[data-v-28a1b11e]{animation:fillProgress-28a1b11e 2.5s linear forwards}@keyframes fillProgress-28a1b11e{0%{width:0}to{width:100%}}.word-counter[data-v-28a1b11e]{margin-top:20px;font-size:20px;color:#666;text-align:center}.next-button[data-v-28a1b11e]{position:absolute;bottom:25vh;padding:18px 50px;font-size:22px;background-color:#4caf50;color:#fff;border:none;border-radius:40px;cursor:pointer;transition:background-color .3s;font-weight:700}.next-button[data-v-28a1b11e]:hover{background-color:#43a047}@media (max-width:768px){.phase-header h2[data-v-28a1b11e]{font-size:24px}.word[data-v-28a1b11e]{font-size:44px}.progress-bar-container[data-v-28a1b11e]{width:80%}.next-button[data-v-28a1b11e]{padding:15px 45px;font-size:20px;bottom:22vh}.phase-header[data-v-28a1b11e]{margin-top:12vh}.word-container[data-v-28a1b11e]{margin-top:6vh}}.task3-recall-container[data-v-0f4ed86a]{display:flex;flex-direction:column;align-items:center;height:100vh;width:100vw;overflow:hidden;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.phase-header[data-v-0f4ed86a]{margin-top:15vh;text-align:center}.phase-header h2[data-v-0f4ed86a]{font-size:28px;font-weight:700;color:#666;margin:0}.instruction-container[data-v-0f4ed86a]{margin-top:10vh;display:flex;align-items:center;justify-content:center}.instruction-box[data-v-0f4ed86a]{background-color:#fff1b5;border-radius:40px;padding:35px 70px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.instruction[data-v-0f4ed86a]{font-size:40px;font-weight:700;color:#333;text-align:center;margin:0;white-space:nowrap}.timer-container[data-v-0f4ed86a]{margin-top:8vh;display:flex;align-items:center;justify-content:center}.timer-circle[data-v-0f4ed86a]{position:relative;width:120px;height:120px}.timer-svg[data-v-0f4ed86a]{transform:rotate(-90deg);width:120px;height:120px}.timer-bg[data-v-0f4ed86a]{fill:none;stroke:#ddd;stroke-width:8}.timer-progress[data-v-0f4ed86a]{fill:none;stroke:#4caf50;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.timer-text[data-v-0f4ed86a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:700;color:#333}.start-button[data-v-0f4ed86a]{position:absolute;top:calc(50% + 220px);left:50%;transform:translateX(-50%);padding:15px 40px;font-size:18px;background-color:#4caf50;color:#fff;border:none;border-radius:40px;cursor:pointer;transition:background-color .3s}.start-button[data-v-0f4ed86a]:hover{background-color:#43a047}.voice-indicator[data-v-0f4ed86a]{position:absolute;top:calc(50% + 160px);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:15px}.mic-icon[data-v-0f4ed86a]{width:60px;height:60px;color:#666;opacity:.7;transition:all .3s ease}.mic-icon.listening[data-v-0f4ed86a]{opacity:1;color:#4caf50;animation:pulse-0f4ed86a 1.5s infinite}.listening-text[data-v-0f4ed86a]{font-size:18px;font-weight:500;color:#666;text-align:center}.complete-button[data-v-0f4ed86a]{position:absolute;bottom:25vh;left:50%;transform:translateX(-50%);padding:15px 40px;font-size:18px;background-color:#4caf50;color:#fff;border:none;border-radius:40px;cursor:pointer;transition:background-color .3s;font-weight:700}.complete-button[data-v-0f4ed86a]:hover{background-color:#43a047}@keyframes pulse-0f4ed86a{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:768px){.instruction[data-v-0f4ed86a]{font-size:32px}.timer-circle[data-v-0f4ed86a],.timer-svg[data-v-0f4ed86a]{width:100px;height:100px}.timer-text[data-v-0f4ed86a]{font-size:28px}.phase-header[data-v-0f4ed86a]{margin-top:12vh}.instruction-container[data-v-0f4ed86a],.timer-container[data-v-0f4ed86a]{margin-top:6vh}}.task4-container[data-v-0e2edbf0]{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.instruction-header[data-v-0e2edbf0]{position:absolute;top:12vh;left:0;right:0;display:flex;justify-content:center;z-index:10}.instruction-header .instruction-box[data-v-0e2edbf0]{background-color:#fff1b5;border-radius:40px;padding:35px 70px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.instruction-header .instruction[data-v-0e2edbf0]{font-size:40px;font-weight:700;color:#333;margin:0;white-space:nowrap}.content-wrapper[data-v-0e2edbf0]{position:absolute;top:48%;left:0;right:0;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center}.grid-container[data-v-0e2edbf0]{position:relative;width:100%;height:340px;max-width:340px;margin:0 auto}.block[data-v-0e2edbf0]{position:absolute;background-color:#106930;border-radius:12px;cursor:default;transition:background-color .2s ease;box-shadow:0 4px 8px rgba(0,0,0,.2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.block.clicked[data-v-0e2edbf0]{transform:scale(.85);background-color:#fcf245!important;box-shadow:0 4px 16px rgba(252,242,69,.4);transition:transform .15s ease-out,background-color .15s ease-out}.block.highlighted[data-v-0e2edbf0]{background-color:#fcf245!important;box-shadow:0 4px 16px rgba(252,242,69,.6)}.block.clickable[data-v-0e2edbf0]{cursor:pointer}.block.clickable[data-v-0e2edbf0]:hover{background-color:#0d5a2a}.block[data-v-0e2edbf0]:not(.clicked):not(.highlighted){transition:transform .2s ease-out,background-color .2s ease-out}.action-container[data-v-0e2edbf0]{margin-top:80px;height:60px;display:flex;align-items:center;justify-content:center;z-index:15}.start-button[data-v-0e2edbf0]{padding:18px 50px;font-size:22px;background-color:#4caf50;color:#fff;border:none;border-radius:40px;cursor:pointer;transition:background-color .3s;font-weight:700}.start-button[data-v-0e2edbf0]:hover{background-color:#43a047}.demo-status-box[data-v-0e2edbf0]{background-color:#fff1b5;border-radius:40px;padding:20px 50px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;min-height:60px;box-sizing:border-box}.demo-status[data-v-0e2edbf0]{font-size:20px;font-weight:700;color:#333;margin:0;white-space:nowrap}.status-indicator[data-v-0e2edbf0]{position:absolute;bottom:5vh;left:0;right:0;text-align:center;z-index:10}.status-indicator p[data-v-0e2edbf0]{font-size:20px;color:#666;margin:0;font-weight:500}@media (max-width:768px){.instruction-header h2[data-v-0e2edbf0]{font-size:24px}.block[data-v-0e2edbf0]{border-radius:8px}.status-indicator p[data-v-0e2edbf0]{font-size:18px}}.task5-container[data-v-104de3b2]{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px;box-sizing:border-box}.reference-table[data-v-104de3b2]{background-color:#2e7d32;border-radius:20px;padding:30px 20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.numbers-row[data-v-104de3b2]{margin-bottom:8px}.numbers-row[data-v-104de3b2],.symbols-row[data-v-104de3b2]{display:flex;justify-content:space-around;align-items:center}.number-cell[data-v-104de3b2],.symbol-cell[data-v-104de3b2]{flex:1;display:flex;justify-content:center;align-items:center;padding:25px 10px;background-color:#fff;border-radius:8px;margin:0 2px;min-height:80px;aspect-ratio:1}.number-cell[data-v-104de3b2]{font-size:48px;font-weight:700;color:#333}.symbol-icon[data-v-104de3b2]{width:60px;height:60px}.current-symbol-container[data-v-104de3b2]{position:relative;height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px 0 30px 0}.countdown-timer[data-v-104de3b2]{position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-size:48px;font-weight:700;color:#666;text-align:center;z-index:10}.current-symbol-display[data-v-104de3b2]{width:160px;height:160px;background-color:#fff;background-image:linear-gradient(#fff,#fff),linear-gradient(45deg,#7bd4b9,#f6f99c);background-origin:border-box;background-clip:padding-box,border-box;border:3px solid transparent;border-radius:20px;padding:30px;box-shadow:0 4px 16px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center}.current-number[data-v-104de3b2]{font-size:90px;font-weight:700;color:#333;text-align:center;line-height:1}.start-prompt[data-v-104de3b2]{display:flex;justify-content:center;align-items:center}.start-test-button[data-v-104de3b2]{font-size:32px;color:#fff;background-color:#4caf50;padding:25px 70px;border:none;border-radius:40px;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;transition:background-color .3s;font-weight:700}.start-test-button[data-v-104de3b2]:hover{background-color:#43a047}.interaction-area[data-v-104de3b2]{border-radius:20px;padding:20px;max-width:500px;margin:0 auto 100px auto;width:100%}.grid-3x3[data-v-104de3b2]{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;width:100%;aspect-ratio:1}.grid-item[data-v-104de3b2]{background-color:transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(45deg,#7bd4b9,#f6f99c);background-origin:border-box;background-clip:padding-box,border-box;border:3px solid transparent;border-radius:12px;display:flex;justify-content:center;align-items:center;cursor:pointer;aspect-ratio:1}.grid-symbol-icon[data-v-104de3b2]{width:60px;height:60px}.result-overlay[data-v-104de3b2]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,96%,.95);z-index:100}.result-box[data-v-104de3b2]{background-color:#fff1b5;border-radius:40px;padding:60px 80px;box-shadow:0 4px 16px rgba(0,0,0,.1);text-align:center}.result-box h2[data-v-104de3b2]{font-size:36px;font-weight:700;color:#333;margin:0 0 20px 0}.result-box p[data-v-104de3b2]{font-size:24px;color:#666;margin:0 0 20px 0}.next-button[data-v-104de3b2]{padding:18px 50px;font-size:22px;background-color:#4caf50;color:#fff;border:none;border-radius:40px;cursor:pointer;transition:background-color .3s;font-weight:700}.next-button[data-v-104de3b2]:hover{background-color:#43a047}@media (max-width:768px){.task5-container[data-v-104de3b2]{padding:10px}.reference-table[data-v-104de3b2]{padding:15px}.number-cell[data-v-104de3b2]{font-size:36px}.symbol-icon[data-v-104de3b2]{width:50px;height:50px}.current-symbol-display[data-v-104de3b2]{width:140px;height:140px;padding:25px}.current-number[data-v-104de3b2]{font-size:80px}.countdown-timer[data-v-104de3b2]{font-size:40px}.grid-symbol-icon[data-v-104de3b2]{width:60px;height:60px}.result-box[data-v-104de3b2]{padding:40px 60px}.result-box h2[data-v-104de3b2]{font-size:28px}.result-box p[data-v-104de3b2]{font-size:20px}}@media (max-width:1024px) and (min-width:769px){.task5-container[data-v-104de3b2]{padding:15px}.number-cell[data-v-104de3b2]{font-size:42px}.symbol-icon[data-v-104de3b2]{width:55px;height:55px}.current-symbol-container[data-v-104de3b2]{height:300px}.current-symbol-display[data-v-104de3b2]{width:180px;height:180px;padding:35px}.current-number[data-v-104de3b2]{font-size:100px}.countdown-timer[data-v-104de3b2]{font-size:44px}.grid-symbol-icon[data-v-104de3b2]{width:55px;height:55px}.start-test-button[data-v-104de3b2]{font-size:28px;padding:30px 80px}}.complete-container[data-v-7bf44e6b]{justify-content:center;height:100vh;width:100vw;overflow:hidden;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.complete-container[data-v-7bf44e6b],.message-wrapper[data-v-7bf44e6b]{display:flex;flex-direction:column;align-items:center}h1[data-v-7bf44e6b]{font-size:36px;font-weight:700;color:#333;margin:0 0 15vh 0}h1[data-v-7bf44e6b],p[data-v-7bf44e6b]{background-color:#fff1b5;border-radius:40px;padding:30px 60px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center}p[data-v-7bf44e6b]{font-size:24px;color:#666;margin:0}@media (max-width:768px){h1[data-v-7bf44e6b]{font-size:28px;padding:20px 40px;margin-bottom:10vh}p[data-v-7bf44e6b]{font-size:20px;padding:20px 40px}}.task8-instruction-container[data-v-1749d61a]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;width:100vw;overflow:hidden;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px;box-sizing:border-box;padding-top:15vh;gap:60px}.title-box[data-v-1749d61a]{background-color:#fff1b5;border-radius:40px;padding:35px 70px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.title-box h1[data-v-1749d61a]{font-size:40px;font-weight:700;color:#333;margin:0;text-align:center;white-space:nowrap}.rules-box[data-v-1749d61a]{background-color:#fff;border-radius:20px;padding:50px 80px;box-shadow:0 2px 8px rgba(0,0,0,.1);max-width:700px}.rules-box .rules-text[data-v-1749d61a]{font-size:28px;color:#333;margin:0;text-align:center;line-height:1.6}.practice-box[data-v-1749d61a]{background-color:#fff1b5;border-radius:40px;padding:25px 60px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.practice-box p[data-v-1749d61a]{font-size:28px;color:#333;margin:0;font-weight:700;text-align:center;white-space:nowrap}.start-button[data-v-1749d61a]{padding:20px 60px;font-size:24px;background-color:#4caf50;color:#fff;border:none;border-radius:40px;cursor:pointer;transition:background-color .3s;font-weight:700}.start-button[data-v-1749d61a]:hover{background-color:#43a047}@media (max-width:768px){.task8-instruction-container[data-v-1749d61a]{gap:40px;padding:15px}.title-box[data-v-1749d61a]{padding:25px 50px}.title-box h1[data-v-1749d61a]{font-size:36px}.rules-box[data-v-1749d61a]{padding:35px 50px;border-radius:15px}.rules-box .rules-text[data-v-1749d61a]{font-size:24px}.practice-box[data-v-1749d61a]{padding:20px 40px}.practice-box p[data-v-1749d61a]{font-size:24px}.start-button[data-v-1749d61a]{padding:18px 50px;font-size:22px}}.spine-container[data-v-007f3212]{display:inline-block}.animation-demo-container[data-v-5f6ea2c2]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;text-align:center;overflow:auto;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px}.content-section[data-v-5f6ea2c2]{max-width:1200px;width:100%}.content-section h1[data-v-5f6ea2c2]{font-size:36px;font-weight:700;color:#333;margin:0 0 15px 0}.content-section p[data-v-5f6ea2c2]{font-size:18px;color:#666;margin:0 0 40px 0}.animation-showcase[data-v-5f6ea2c2]{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:50px}.animation-item[data-v-5f6ea2c2]{display:flex;flex-direction:column;align-items:center;padding:30px}.animation-item h3[data-v-5f6ea2c2]{font-size:16px;color:#555;margin:0 0 20px 0;font-weight:600}.back-section[data-v-5f6ea2c2]{margin-top:30px}.back-button[data-v-5f6ea2c2]{padding:12px 30px;font-size:16px;background-color:#2196f3;color:#fff;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s}.back-button[data-v-5f6ea2c2]:hover{background-color:#1976d2}@media (max-width:768px){.content-section h1[data-v-5f6ea2c2]{font-size:28px}.content-section p[data-v-5f6ea2c2]{font-size:16px}.animation-showcase[data-v-5f6ea2c2]{flex-direction:column;align-items:center}.animation-item[data-v-5f6ea2c2]{width:100%;max-width:300px}}