button:not(:disabled):hover{box-shadow:0 4px 12px #00000026}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes bounceIn{0%{opacity:0;transform:translateX(-50%) scale(.3)}50%{opacity:1;transform:translateX(-50%) scale(1.05)}70%{transform:translateX(-50%) scale(.9)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes recording-pulse{0%{box-shadow:0 0 0 0 #ff6b6bb3;transform:scale(1)}50%{box-shadow:0 0 0 10px #ff6b6b00;transform:scale(1.03)}to{box-shadow:0 0 0 0 #ff6b6b00;transform:scale(1)}}@keyframes recording-glow{0%,to{box-shadow:0 0 20px #ff6b6b66}50%{box-shadow:0 0 30px #ff6b6bcc}}@keyframes recording-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}button:not(:disabled){transition:all .3s ease}button:not(:disabled):hover{transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(0)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:#667eea99;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#667eeacc}@media (max-width:1600px){.vocab-grid-7col{gap:12px!important;grid-template-columns:repeat(7,1fr)!important}}@media (max-width:1400px){.main-content-area{gap:18px!important}.image-area{flex:0 0 220px!important;max-height:220px!important;min-height:180px!important}.vocab-grid-7col{gap:12px!important}}@media (max-width:1200px){.main-content-area{align-items:center!important;flex-direction:column!important}.image-area{flex:none!important;margin-bottom:15px!important;max-height:200px!important;max-width:350px!important;min-height:180px!important;width:100%!important}.vocab-grid-7col{gap:10px!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;width:100%!important}}@media (max-width:900px){.vocab-grid-7col{gap:12px!important;grid-template-columns:repeat(3,1fr)!important}}@media (max-width:600px){.vocab-grid-7col{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.image-area{max-height:180px!important;max-width:280px!important;min-height:160px!important}}@media (max-width:400px){.vocab-grid-7col{gap:8px!important;grid-template-columns:1fr!important}}.vocab-card:hover{animation:cardFloat .3s ease-out forwards}@keyframes cardFloat{0%{transform:translateY(0) scale(1)}to{transform:translateY(-3px) scale(1.02)}}.speaking{animation:speaking 1s ease-in-out infinite}@keyframes speaking{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.vertical-zhuyin{letter-spacing:0;line-height:1}.vertical-zhuyin,.vertical-zhuyin-container{text-orientation:upright;writing-mode:vertical-rl}.vertical-zhuyin-container{align-items:center;display:flex;height:100%;justify-content:center}.zhuyin-char{font-feature-settings:"vert" 1;display:inline-block;text-align:center}.recording-indicator{animation:recording-blink 1s infinite}@keyframes recording-blink{0%,to{opacity:1}50%{opacity:.3}}.teaching-unit-card{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.teaching-unit-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px) scale(1.02)}.phonetic-option{transition:all .3s ease}.phonetic-option:hover{background-color:#f0f4ff;transform:translateX(5px)}.loading-spinner{animation:spin 1s linear infinite}.loading-dots:after{animation:loading-dots 1.5s infinite;content:""}@keyframes loading-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.success-flash{animation:success-flash .6s ease-out}@keyframes success-flash{0%{background-color:initial}50%{background-color:#48bb7833}to{background-color:initial}}.error-shake{animation:error-shake .5s ease-in-out}@keyframes error-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.interactive-element{transition:all .2s cubic-bezier(.4,0,.2,1)}.interactive-element:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.interactive-element:active{transform:translateY(0);transition:all .1s cubic-bezier(.4,0,.2,1)}.speaking-animation{animation:speaking-wave 1s ease-in-out infinite}@keyframes speaking-wave{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1.05)}75%{transform:scale(1.15)}}.photo-selector-enter{animation:fadeInScale .5s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (prefers-color-scheme:dark){.auto-theme{background:#1a202c;color:#e2e8f0}}@media (prefers-contrast:high){.high-contrast{border-width:3px;font-weight:700}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.no-print{display:none!important}.print-friendly{background:#fff!important;box-shadow:none!important;color:#000!important}}@media (min-width:901px) and (max-width:1200px) and (orientation:landscape){.student-mode .student-page-content{height:calc(100dvh - 40px)!important;overflow:hidden!important;padding:8px 12px!important}.student-mode .student-selector{display:none!important}.student-mode .student-selector h3{display:none}.student-mode .student-selector select{border-radius:10px!important;font-size:16px!important;padding:9px 12px!important}.student-mode .sentence-builder{border-radius:14px!important;margin-bottom:8px!important;min-height:56px!important;padding:8px 12px!important}.student-mode .main-content-area{gap:6px!important;margin-bottom:0!important}.student-mode .image-area{height:240px!important;margin-bottom:0!important;max-height:240px!important;max-width:360px!important;min-height:240px!important;width:360px!important}.student-mode .vocab-grid-7col{flex:none!important;gap:7px!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-template-rows:270px!important;height:270px!important;min-height:270px!important;width:100%!important}.student-mode .vocab-category{border-radius:13px!important;border-width:2px!important}.student-mode .vocab-category-title{font-size:16px!important;line-height:1.1!important;padding:8px 4px!important}.student-mode .vocab-category-words{gap:7px!important;justify-content:stretch!important;padding:7px!important}.student-mode .vocab-card{border-radius:10px!important;flex:1 1!important;min-height:0!important;padding:6px 3px!important}.student-mode .vocab-card-text{font-size:18px!important}.student-mode .vocab-card-phonetic{font-size:11px!important}.student-mode .saved-sentences{display:none!important}}@media (min-width:901px) and (max-width:1200px) and (orientation:landscape) and (max-height:720px){.student-mode .image-area{height:200px!important;max-height:200px!important;max-width:300px!important;min-height:200px!important;width:300px!important}}