.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.page{width:100%}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.scrollbar::-webkit-scrollbar{width:10px}.scrollbar::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:#f1f5f9;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.scrollbar::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:#e2e8f0;background-color:rgb(226 232 240/var(--tw-bg-opacity,1));border-radius:9999px}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.input-error{background-color:#fef2f2;border:1px solid #f44336}.input-default{background-color:#fff;border:1px solid #d8f0eb}.page-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px auto;max-width:800px;padding:20px}@media (max-width:480px){.App-header{font-size:calc(8px + 2vmin)}.input-default,.input-error{font-size:14px;padding:10px}}@media (min-width:380px){body{min-width:380px}}.navbar{background-color:#fff;box-shadow:0 2px 4px #0000001a;min-width:180px;width:100%}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:auto;padding:0 20px}.logo{flex:1 1}.logo img{height:auto;max-width:100%}.nav-links{align-items:center;display:flex;flex-wrap:nowrap}.dropdown{position:relative}.dropdown-toggle{background:none;border:none;color:#333;cursor:pointer;font-size:1rem;padding:10px 15px;transition:color .3s}.dropdown-menu{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px #0000001a;display:block;margin-top:10px;position:absolute;right:0;width:200px;z-index:1000}.language-selector{align-items:center;display:flex}.language-selector span{color:#333;cursor:pointer;margin-left:.8rem;transition:color .3s}@media (max-width:768px){.navbar-container{align-items:center;flex-direction:row}.nav-links{flex-direction:row;width:auto}.dropdown-toggle{text-align:left;width:auto}}@media (max-width:480px){.dropdown-toggle{font-size:.8rem;width:-webkit-fit-content;width:fit-content}.dropdown-menu a,.dropdown-menu button{font-size:14px;padding:8px 10px}.language-selector span{font-size:14px}}.tutor{background-color:red}.student,.tutor{border-radius:8px;color:#fff;font-size:large;font-weight:700;padding:.5rem}.student{background-color:orange}.title{color:#000;font-size:large;font-weight:700;padding:1rem}.ads-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px auto;max-width:800px;padding:20px}.card{border:1px solid #e0e0e0;border-radius:3px;margin-bottom:20px;overflow:hidden}.header-bar{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.2rem}.header-title{flex-grow:1;font-size:24px;font-weight:700}.header-button{border:none;border-radius:4px;cursor:pointer;padding:6px 12px;transition:background .3s}.ad-fee{color:#0535b9}.ads-item{padding:5px 10px}.ads-item .tag{background:#fff;color:#000}.edit-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background .3s}.edit-button:hover{background:#0056b3}.form-container{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px auto;max-width:800px;padding:20px}.form-container h2{color:#1f1e1c;font-size:1.5rem;padding-bottom:1.5em;text-align:center;text-shadow:2px 2px 0 #fff}.form-container label{display:block;font-weight:700;margin-bottom:5px;margin-top:15px}.form-container .multi-select label{display:block;font-weight:700;margin:1px!important}.form-container .area-grid input,.form-container .multi-select input{border:1px solid #ccc;border-radius:4px;margin:1px 5px 1px 1px!important;padding:10px;width:Auto}.form-container .tags button{width:Auto}.form-container input,.form-container select,.form-container textarea{border:1px solid #ccc;border-radius:4px;margin-bottom:1px;padding:10px;width:100%}.form-container textarea{resize:vertical}.form-container button{background-color:#ff4500;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px;width:100%}.form-container button:hover{background-color:orange}.form-selector{display:flex;padding:10px 5px 5px 10px}.form-option{background-color:#fd0;border-radius:4px;cursor:pointer;margin:5px;padding:5px 10px;transition:background-color .1s}.form-option:hover{background-color:#f0f0f0}.selected{background-color:#007bff;color:#fff;outline:2px solid orange}.required-field{outline:2px solid red}@media (max-width:600px){.form-container{padding:15px}}.error-message{color:#ff4500;font-size:.875rem;margin-top:.25rem;padding-bottom:1rem}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;padding:20px;position:relative;width:400px}.close-div{color:#333;cursor:pointer;font-size:34px;position:absolute;right:10px;top:0}.form-container .area-grid label,.form-container .multi-select label{font-weight:400!important;margin-top:0}.multi-select{display:grid;grid-template-columns:repeat(4,1fr)}.tab-button{border-top-left-radius:.5rem;border-top-right-radius:.5rem;cursor:pointer;margin-bottom:0;padding:.5rem 1rem;transition:background-color .2s ease}.area-grid{border:1px solid orange;display:flex;flex-wrap:wrap;margin:0!important;padding:0!important}.area-grid label{margin:0!important;padding-bottom:.5rem!important;padding-top:.5rem!important}.area-item{align-items:center;cursor:pointer;display:flex;margin:0;padding-left:0}.area-item span{border-right:1px solid orange;margin:0!important;padding:.5rem!important}.tags{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-wrap:wrap;margin-top:5px;padding:10px}.Select-tag{border-radius:.375rem;cursor:pointer;margin-left:.25rem;margin-top:.5rem;padding:.25rem}.tag{align-items:center;background-color:#007bff;border:"1px solid #ccc";border-radius:3px;display:"inline-block";margin:1px;padding:"5px"}.tag,.tag button{color:#fff;cursor:pointer}.tag button{background:none;border:none;margin-left:1px;padding:2px}.decomposition-game{min-height:100vh;padding:10px;transition:background-color .5s ease}.back-button:hover{box-shadow:0 4px 15px #00000026}.progress-bar{box-shadow:inset 0 2px 4px #0000001a}.question-section{margin-bottom:30px}.animal-display{margin-bottom:20px}.animal-emoji.large{font-size:5rem;margin-bottom:15px}.animal-speech{font-size:1.1rem;max-width:90%;padding:15px 25px;position:relative}.animal-speech:before{border:10px solid;border-color:#0000 #0000 #fff;content:"";left:50%;position:absolute;top:-10px;transform:translateX(-50%)}.question-display{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000026;display:inline-block;padding:25px 40px;transition:all .3s ease}.question-display.addition{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:3px solid #2196f3;box-shadow:0 4px 20px #2196f34d}.question-display.subtraction{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:3px solid #ff9800;box-shadow:0 4px 20px #ff98004d}.question-display.correct{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)!important;border:3px solid #4caf50!important;box-shadow:0 4px 20px #4caf5066}.question-display.wrong{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#ffebee,#ffcdd2)!important;border:3px solid #f44336!important}.question-text{color:#333;font-size:2.5rem;font-weight:700;letter-spacing:.1em}.ten-frame-container{align-items:center;display:flex;flex-direction:column;gap:20px;margin:30px auto}.ten-frame{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:15px}.ten-frame-label{color:#888;font-size:.85rem;margin-bottom:10px;text-align:center}.ten-frame-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(5,1fr);max-width:280px}.ten-frame-cell{align-items:center;background:#f9f9f9;border:2px solid #ddd;border-radius:8px;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.ten-frame-cell.filled{background:#fff3e0;border-color:#ff9800}.ten-frame-cell.addition-cell.filled{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3}.ten-frame-cell.addition-cell.answer-cell{animation:answerPulse 1.5s ease-in-out infinite;border:3px solid #f44336!important;box-shadow:0 0 8px #f4433680}@keyframes answerPulse{0%,to{box-shadow:0 0 8px #f4433680}50%{box-shadow:0 0 15px #f44336cc}}.ten-frame-cell.subtraction-cell.filled{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ff9800}.ten-frame-cell.crossed{position:relative}.cross-mark{animation:crossIn .3s ease-out;color:#f44336;font-size:2rem;font-weight:700;position:absolute;text-shadow:0 0 3px #fffc;z-index:1}@keyframes crossIn{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}.ten-frame-container.addition-mode .ten-frame{background:linear-gradient(135deg,#f5f9ff,#e3f2fd);border:2px solid #2196f3}.ten-frame-container.subtraction-mode .ten-frame{background:linear-gradient(135deg,#fffbf5,#fff3e0);border:2px solid #ff9800}.cell-emoji{animation:popIn .3s ease-out;font-size:1.5rem}.ten-frame-count{color:#666;font-size:1rem;text-align:center}.answer-section{margin-top:30px}.choice-buttons{flex-wrap:wrap;gap:15px}.choice-button{font-size:2rem}.answer-input-group{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.answer-input{border:3px solid #ddd;border-radius:12px;font-size:1.5rem;outline:none;padding:15px 20px;text-align:center;transition:all .3s ease;width:150px}.answer-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.answer-input.correct{background:#e8f5e9;border-color:#4caf50}.answer-input.wrong{animation:shake .5s ease-in-out;background:#ffebee;border-color:#f44336}.submit-button{padding:15px 30px}.submit-button:hover{transform:scale(1.05)}.hint-button,.skip-button{border:none;border-radius:25px;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.skip-button{background:#e3f2fd;color:#1565c0}.skip-button:hover{background:#bbdefb}.result-score{color:#ff9800;font-size:1.3rem;font-weight:600}.result-message{border-radius:10px;padding:15px}.hint-overlay{animation:fadeIn .3s ease}.hint-card{animation:zoomIn .3s ease}.hint-title{color:#333}.hint-step{align-items:flex-start;background:#f5f5f5;border-radius:10px;display:flex;gap:12px;margin-bottom:15px;padding:12px}.step-number{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:28px;justify-content:center;width:28px}.step-text{color:#555;line-height:1.5}.hint-close-btn{transition:all .3s ease}.hint-close-btn:hover{box-shadow:0 4px 15px #667eea66;transform:scale(1.02)}.level-up-overlay{animation:fadeIn .3s ease}.level-up-emoji{animation:bounce 1s ease-in-out infinite}.level-up-level,.level-up-text{text-shadow:0 2px 10px #0000004d}.level-up-btn{transition:all .3s ease}.level-up-btn:hover{box-shadow:0 4px 20px #ffd70080;transform:scale(1.05)}@media (min-width:1025px){.decomposition-game{margin:0 auto;max-width:1024px}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.decomposition-game{padding:15px}.ten-frames-container{gap:30px}.game-main,.ten-frames-container{flex-direction:row;justify-content:center}.game-main{display:flex;flex-wrap:wrap;gap:20px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.decomposition-game{padding:15px}.ten-frames-container{align-items:center;flex-direction:column}}@media (max-width:767px) and (orientation:landscape){.decomposition-game{padding:10px}.game-header{margin-bottom:10px}.game-main{display:flex;flex-wrap:wrap;justify-content:center}.game-main,.ten-frames-container{flex-direction:row;gap:15px}.ten-frame-cell{height:30px;width:30px}.cell-emoji{font-size:.9rem}.animal-emoji.large{font-size:2.5rem}.question-text{font-size:1.5rem}}@media (max-width:480px) and (orientation:portrait){.decomposition-game{padding:12px}.game-info{flex-wrap:wrap;gap:8px}.info-item{font-size:.85rem;padding:5px 10px}.animal-emoji.large{font-size:3rem}.question-text{font-size:1.8rem}.ten-frame-cell{height:45px;width:45px}.cell-emoji{font-size:1.3rem}.answer-input{font-size:1.1rem;padding:10px 12px;width:100px}.action-buttons{flex-direction:column;gap:10px}.choice-buttons{flex-direction:row;flex-wrap:nowrap;gap:8px}.choice-button{height:60px;min-width:60px;width:60px}}@media (max-width:375px){.game-header{flex-direction:column;gap:10px}.back-button{align-self:flex-start}.question-text{font-size:1.5rem}}.decomposition-game,.game-main,.question-section,.ten-frames-container{transition:all .3s ease}.game-selector{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;min-width:350px;overflow-x:hidden;position:relative}.selector-background{inset:0;pointer-events:none;position:fixed;z-index:0}.bg-animal{animation:floatAround 10s ease-in-out infinite;font-size:2rem;opacity:.15;position:absolute}@keyframes floatAround{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(10px,-15px) rotate(5deg)}50%{transform:translate(-5px,-25px) rotate(-3deg)}75%{transform:translate(-15px,-10px) rotate(3deg)}}.selector-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;justify-content:space-between;padding:20px 40px;position:relative;z-index:10}.app-title,.selector-header{align-items:center;display:flex}.app-title{color:#fff;font-size:1.8rem;gap:10px;margin:0}.title-icon{animation:wiggle 3s ease-in-out infinite}.header-right{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.header-top-row{align-items:center}.header-top-row,.user-stats{display:flex;gap:15px}.stat-item{align-items:center;background:#fff3;border-radius:20px;color:#fff;display:flex;font-weight:600;gap:6px;padding:8px 16px}.stat-icon{font-size:1.2rem}.user-info{align-items:center;background:#fff3;border-radius:25px;display:flex;gap:12px;padding:8px 20px}.user-avatar{font-size:1.3rem}.user-name{color:#fff;font-weight:600}.logout-btn{background:#ffffff4d;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:all .3s ease}.logout-btn:hover{background:#ffffff80}.leaderboard-btn{align-items:center;background:#fff3;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.leaderboard-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.leaderboard-btn .btn-icon{font-size:1.1rem}.leaderboard-btn .btn-text{font-size:.85rem}.welcome-section{align-items:center;display:flex;gap:25px;justify-content:center;padding:40px 20px;position:relative;z-index:10}.welcome-mascot .mascot{animation:bounce 2s ease-in-out infinite;display:block;font-size:5rem}.welcome-text{color:#fff;text-align:left}.welcome-text h2{font-size:2rem;margin:0 0 10px}.welcome-text p{font-size:1.1rem;margin:0;opacity:.9}.games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:900px;padding:15px 30px;position:relative;z-index:10}.game-card{background:#fff;border-radius:16px;box-shadow:0 8px 20px #00000026;cursor:pointer;display:flex;flex-direction:column;padding:15px;transition:all .3s ease}.game-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.card-icon{font-size:1.8rem}.card-animal{animation:bounce 3s ease-in-out infinite;font-size:2rem}.card-content{flex:1 1;margin-bottom:10px}.card-title{color:#333;font-size:1.1rem;margin:0 0 6px}.card-description{color:#666;font-size:.8rem;line-height:1.4;margin:0}.card-stats{display:flex;gap:15px;margin-bottom:10px}.card-stat{align-items:center;background:#ffffffb3;border-radius:12px;display:flex;flex-direction:column;padding:10px 20px}.card-stat .stat-label{color:#888;font-size:.75rem}.card-stat .stat-value{color:#333;font-size:1.2rem;font-weight:700}.card-progress{margin-bottom:15px}.card-progress .progress-bar{background:#0000001a;border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden}.card-progress .progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;height:100%;transition:width .3s ease}.card-progress .progress-text{color:#888;font-size:.8rem}.play-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.play-button:hover{box-shadow:0 4px 15px #667eea80;transform:scale(1.02)}.achievements-section{margin:0 auto;max-width:1200px;padding:40px;position:relative;z-index:10}.section-title{align-items:center;color:#fff;display:flex;font-size:1.5rem;gap:10px;margin-bottom:25px}.animals-collection{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.collection-item{align-items:center;background:#fffffff2;border-radius:16px;display:flex;flex-direction:column;gap:8px;min-width:90px;padding:15px 20px;transition:all .3s ease}.collection-item.unlocked{box-shadow:0 4px 15px #00000026}.collection-item.unlocked:hover{box-shadow:0 8px 20px #0003;transform:translateY(-5px)}.collection-item.locked{background:#ffffff80;opacity:.7}.collection-emoji{font-size:2rem}.collection-name{color:#555;font-size:.85rem}.collection-hint{color:#fffc;font-size:.9rem}.stats-section{margin:0 auto;max-width:1200px;padding:20px 40px 40px;position:relative;z-index:10}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{align-items:center;background:#fffffff2;border-radius:16px;display:flex;flex-direction:column;gap:10px;padding:25px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 20px #0003;transform:translateY(-5px)}.stat-emoji{font-size:2.5rem}.stat-number{color:#333;font-size:2rem;font-weight:700}.stat-card .stat-label{color:#888;font-size:.9rem}.selector-footer{color:#ffffffb3;padding:30px;position:relative;text-align:center;z-index:10}.selector-footer p{margin:0}@media (max-width:768px){.selector-header{flex-direction:column;gap:15px;padding:15px 20px}.header-right{justify-content:space-between;width:100%}.welcome-section{flex-direction:column;padding:30px 20px}.welcome-section,.welcome-text{text-align:center}.welcome-text h2{font-size:1.5rem}.games-grid{gap:20px}.achievements-section,.games-grid,.stats-section{padding:20px}.animals-collection{justify-content:center}}@media (max-width:480px){.app-title{font-size:1.3rem}.user-stats{gap:8px}.stat-item{font-size:.9rem;padding:6px 12px}.games-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.game-card,.game-selector,.games-grid,.welcome-section{transition:all .3s ease}.stat-card.clickable{border:2px solid #0000;cursor:pointer}.stat-card.clickable:hover{background:linear-gradient(135deg,#f8f9ff,#fff);border-color:#667eea}.stat-card.clickable .stat-label{color:#667eea}.leaderboard-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.leaderboard-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;display:flex;flex-direction:column;max-height:80vh;max-width:400px;overflow:hidden;width:100%}.leaderboard-modal.world-leaderboard{max-width:450px}.leaderboard-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.leaderboard-header h3{font-size:1.3rem;margin:0}.leaderboard-header .close-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:32px;transition:all .2s ease;width:32px}.leaderboard-header .close-btn:hover{background:#ffffff4d}.user-rank-highlight{align-items:center;background:linear-gradient(135deg,#fff9e6,#fff3cd);border-bottom:1px solid gold;display:flex;justify-content:space-between;padding:15px 20px}.rank-info,.score-info{display:flex;flex-direction:column;gap:4px}.score-info{align-items:flex-end}.rank-label{color:#666;font-size:.85rem}.rank-value{color:#f57c00;font-size:1.2rem;font-weight:700}.rank-score{color:#667eea;font-size:1.1rem;font-weight:700}.rank-user{color:#888;font-size:.8rem}.leaderboard-list{flex:1 1;overflow-y:auto;padding:10px 0}.leaderboard-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:12px 20px;transition:background .2s ease}.leaderboard-item:hover{background:#f9f9f9}.leaderboard-item.current{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #4caf50}.leaderboard-item .rank{font-size:1rem;font-weight:700;text-align:center;width:30px}.leaderboard-item .player-avatar{font-size:1.5rem}.leaderboard-item .player-name{color:#333;flex:1 1;font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-item .player-score{color:#667eea;font-weight:700;min-width:70px;text-align:right}.leaderboard-item .player-stars{color:#f57c00;font-size:.85rem;min-width:50px;text-align:right}.leaderboard-item .mode{color:#666;flex:1 1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-item .score{color:#667eea;font-weight:700}.leaderboard-item .time{color:#888;font-size:.8rem}.leaderboard-list .empty,.leaderboard-list .error,.leaderboard-list .loading{color:#888;font-size:.95rem;padding:40px 20px;text-align:center}.leaderboard-list .loading{align-items:center;display:flex;flex-direction:column;gap:10px}.loading-spinner{animation:spin 1s linear infinite;font-size:2rem}.leaderboard-list .error{color:#e74c3c}.leaderboard-footer{background:#f9f9f9;border-top:1px solid #eee;color:#666;font-size:.85rem;padding:12px 20px;text-align:center}.avatar-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.avatar-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;display:flex;flex-direction:column;max-height:80vh;max-width:480px;overflow:hidden;width:100%}.avatar-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.avatar-header h3{font-size:1.3rem;margin:0}.current-selection{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;gap:10px;justify-content:center;padding:15px 20px}.selection-label{color:#666;font-size:.9rem}.selected-avatar{background:#fff;border:2px solid #667eea;border-radius:10px;font-size:2rem;padding:5px 10px}.avatar-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);max-height:300px;overflow-y:auto;padding:20px}.avatar-option{align-items:center;aspect-ratio:1;background:#f8f9fa;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-size:1.8rem;justify-content:center;padding:12px;transition:all .2s ease}.avatar-option:hover{background:#e9ecef;transform:scale(1.05)}.avatar-option.selected{background:#667eea;border-color:#5a6fd8;box-shadow:0 0 0 3px #667eea33}.avatar-actions{background:#f8f9fa;border-top:1px solid #eee;display:flex;gap:10px;padding:20px}.cancel-btn,.confirm-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-weight:600;padding:12px 20px;transition:all .2s ease}.cancel-btn{background:#e9ecef;color:#495057}.cancel-btn:hover{background:#dee2e6}.confirm-btn{background:#667eea;color:#fff}.confirm-btn:hover{background:#5a6fd8}.user-avatar.clickable{background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;font-size:1.3rem;padding:4px;transition:all .3s ease}.user-avatar.clickable:hover{background:#fff3;transform:scale(1.1)}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-background{inset:0;pointer-events:none;position:absolute}.floating-animal{animation:float 6s ease-in-out infinite;font-size:2rem;opacity:.3;position:absolute}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.login-card{animation:slideUp .6s ease-out;background:#fffffff2;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:40px;position:relative;width:100%;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:30px;text-align:center}.mascot-container{display:inline-block;margin-bottom:15px;position:relative}.mascot-emoji{animation:bounce 2s ease-in-out infinite;display:block;font-size:4rem}.mascot-speech{background:#fff;border:2px solid #eee;border-radius:12px;box-shadow:0 2px 10px #0000001a;color:#666;font-size:.75rem;padding:8px 12px;position:absolute;right:-120px;top:-10px;white-space:nowrap}.mascot-speech:before{border:6px solid #0000;border-right-color:#fff;content:"";left:-8px;position:absolute;top:50%;transform:translateY(-50%)}.login-title{align-items:center;color:#333;display:flex;font-size:2rem;gap:10px;justify-content:center;margin:0 0 10px}.title-emoji{animation:wiggle 3s ease-in-out infinite}.login-subtitle{color:#888;font-size:1rem;margin:0}.login-form{gap:20px}.input-group,.login-form{display:flex;flex-direction:column}.input-group{gap:8px}.input-group label{align-items:center;color:#555;display:flex;font-size:.9rem;font-weight:600;gap:6px}.input-icon{font-size:1.1rem}.login-input{border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;outline:none;padding:14px 18px;transition:all .3s ease}.login-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.login-input::placeholder{color:#aaa}.error-message{animation:shake .5s ease-in-out;background:#fff0f0;border:1px solid #ffcdd2;border-radius:10px;color:#d32f2f;font-size:.9rem;gap:8px;padding:12px 16px}.error-message,.login-button{align-items:center;display:flex}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;margin-top:10px;padding:16px 32px;transition:all .3s ease}.login-button:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.button-icon{font-size:1.3rem;transition:transform .3s ease}.login-button:hover .button-icon{transform:translateX(3px)}.login-footer{border-top:1px solid #eee;margin-top:30px;padding-top:20px}.game-preview{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.preview-item{background:#f5f5f5;border-radius:20px;color:#666;font-size:.85rem;padding:8px 14px;transition:all .3s ease}.preview-item:hover{background:#e8e8e8;transform:scale(1.05)}.decorative-elements{inset:0;overflow:hidden;pointer-events:none;position:absolute}.star{animation:twinkle 3s ease-in-out infinite;font-size:1.5rem;position:absolute}.star-1{animation-delay:0s;left:10%;top:15%}.star-2{animation-delay:1s;right:15%;top:25%}.star-3{animation-delay:2s;bottom:20%;left:20%}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.cloud{animation:drift 20s linear infinite;font-size:3rem;opacity:.5;position:absolute}.cloud-1{left:-10%;top:10%}.cloud-2{animation-delay:10s;left:-10%;top:40%}@keyframes drift{0%{transform:translateX(0)}to{transform:translateX(calc(100vw + 100%))}}@media (min-width:1025px){.login-container{margin:0 auto;max-width:1024px}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.login-card{max-width:500px}}@media (max-width:767px) and (orientation:landscape){.login-container{padding:10px}.login-card{margin:10px;padding:20px}.login-mascot{display:none}.game-preview{flex-direction:row;justify-content:center}}@media (max-width:480px){.login-card{padding:30px 20px}.login-title{font-size:1.5rem}.mascot-speech{display:none}.game-preview{align-items:center;flex-direction:column;gap:10px}}@media (max-width:375px){.login-card{padding:20px 15px}.login-title{font-size:1.3rem}.login-input{padding:12px 14px}}.login-card,.login-container,.login-form{transition:all .3s ease}.password-display{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:15px}.selected-keywords{display:flex;flex:1 1;gap:8px}.keyword-slot{align-items:center;background:#f9f9f9;border:2px dashed #ddd;border-radius:12px;color:#ccc;display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.keyword-slot.filled{animation:popIn .2s ease;background:linear-gradient(135deg,#e8edff,#f5f0ff);border:2px solid #667eea;color:#333}@keyframes popIn{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.password-actions{display:flex;flex-direction:column;gap:5px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-btn:disabled{cursor:not-allowed;opacity:.4}.delete-btn{background:#fff3e0;color:#f57c00}.delete-btn:hover:not(:disabled){background:#ffe0b2;transform:scale(1.05)}.clear-btn{background:#ffebee;color:#e53935}.clear-btn:hover:not(:disabled){background:#ffcdd2;transform:scale(1.05)}.keyword-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.keyword-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:5px 8px;transition:all .2s ease}.keyword-btn:hover:not(:disabled){background:#f8f9ff;border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.keyword-btn:active:not(:disabled){transform:translateY(0)}.keyword-btn:disabled{cursor:not-allowed;opacity:.5}.keyword-number{align-items:center;background:#f0f0f0;border-radius:50%;color:#999;display:flex;font-size:1.8rem;font-weight:700;height:18px;justify-content:center;left:6px;position:absolute;top:6px;width:18px}.keyword-btn{position:relative}.keyword-emoji{font-size:1.3rem;margin-bottom:4px}.keyword-name{color:#666;font-size:.75rem}.multiples-game{min-height:100vh;min-width:450px;padding:20px;transition:background-color .5s ease}.question-section{margin-bottom:5px;text-align:center}.animal-display{margin-bottom:5px}.animal-emoji.large{animation:bounce 2s ease-in-out infinite;display:block;font-size:4rem;margin-bottom:10px}.animal-speech{background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000001a;color:#555;display:inline-block;font-size:1rem;padding:12px 25px}.multiple-badge{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 10px #0000001a;display:inline-flex;flex-direction:column;margin-top:15px;padding:10px 30px}.badge-label{color:#888;font-size:.85rem;margin-bottom:5px}.badge-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.number-line-container{margin:8px auto;max-width:90%;padding:0 10px;width:100%}.number-line{height:80px;margin-bottom:10px;position:relative}.line-base{background:linear-gradient(90deg,#ddd,#667eea,#ddd);border-radius:2px;height:4px;left:0;right:0}.line-base,.number-point{position:absolute;top:50%}.number-point{align-items:center;display:flex;flex-direction:column;transform:translate(-50%,-50%)}.point-marker{animation:fadeIn .5s ease;font-size:1.5rem;margin-bottom:5px}.point-value{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#333;font-size:.9rem;font-weight:600;padding:4px 8px}.hidden-point .point-marker{animation:pulse 1.5s ease-in-out infinite}.hidden-value{background:#ffe0b2;color:#e65100;font-size:1.1rem}.line-labels{color:#999;display:flex;font-size:.8rem;justify-content:space-between}.sequence-display{background:#fff;border-radius:16px;box-shadow:0 4px 10px #0000001a;flex-wrap:wrap;gap:5px;margin-left:auto;margin-right:auto;max-width:600px;padding:20px}.sequence-display,.sequence-item{align-items:center;display:flex;justify-content:center}.sequence-item{background:#f5f5f5;border-radius:12px;color:#333;font-size:1.5rem;font-weight:700;height:60px;transition:all .3s ease;width:60px}.sequence-item.hidden-item{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:3px dashed #ff9800;color:#e65100}.sequence-item.correct{animation:correctPop .5s ease;background:#e8f5e9;border-color:#4caf50}.sequence-item.wrong{animation:shake .5s ease-in-out;background:#ffebee;border-color:#f44336}.sequence-arrow{color:#667eea;font-size:1.5rem}.answer-section{margin:0 auto;max-width:400px}.choice-buttons{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center;margin-bottom:20px;margin-top:20px}.choice-button{background:linear-gradient(135deg,#fff,#f5f5f5);border:3px solid #ddd;border-radius:16px;box-shadow:0 4px 10px #0000001a;cursor:pointer;font-size:1.8rem;font-weight:700;height:80px;transition:all .3s ease;width:80px}.choice-button:hover:not(:disabled){border-color:#667eea;box-shadow:0 6px 15px #667eea4d;transform:translateY(-3px)}.choice-button:active:not(:disabled){transform:translateY(0)}.choice-button.correct{animation:correctPulse .5s ease;background:linear-gradient(135deg,#4caf50,#8bc34a);border-color:#4caf50;color:#fff}.choice-button.wrong{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#f44336,#e57373);border-color:#f44336;color:#fff}.choice-button:disabled{cursor:not-allowed;opacity:.7}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.answer-display{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px;padding:20px;text-align:center}.answer-value{color:#333;font-size:3rem;font-weight:700;letter-spacing:.1em}.number-pad{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.num-btn{background:#fff;border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#333;cursor:pointer;font-size:1.3rem;font-weight:600;padding:18px;transition:all .2s ease}.num-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.num-btn:active{transform:translateY(0)}.num-btn.clear{background:#ffebee;color:#c62828}.num-btn.backspace{background:#fff3e0;color:#e65100}.action-buttons{display:flex;gap:15px;justify-content:center}.submit-button{background:linear-gradient(135deg,#4caf50,#8bc34a);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:1.2rem;font-weight:600;padding:16px 30px;transition:all .3s ease}.submit-button:hover{box-shadow:0 4px 15px #4caf5066;transform:scale(1.02)}.multiple-hint-content{text-align:center}.hint-rule{background:#e8eaf6;border-radius:12px;margin-bottom:20px;padding:15px}.rule-title{color:#666;display:block;font-size:.9rem;margin-bottom:5px}.rule-text{color:#333;font-size:1.1rem}.hint-pattern{gap:10px;margin-bottom:20px}.hint-pattern,.pattern-item{align-items:center;display:flex;justify-content:center}.pattern-item{background:#f5f5f5;border-radius:10px;font-size:1.2rem;font-weight:600;height:50px;width:50px}.pattern-item.missing{background:#ffe0b2;border:2px dashed #ff9800;color:#e65100}.pattern-arrow{color:#667eea;font-size:.9rem;font-weight:600}.hint-calculation{background:#f5f5f5;border-radius:12px;padding:15px}.hint-calculation p{color:#555;margin:8px 0}.multiples-tip{align-items:center;background:#fff;border-radius:25px;box-shadow:0 4px 15px #00000026;display:flex;gap:10px;justify-content:center;margin-top:10px;padding:10px}.tip-icon{font-size:1.3rem}.tip-text{color:#555;font-size:.95rem}.streak-indicator{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff9800,#ff5722);border-radius:25px;color:#fff;font-weight:600;padding:10px 20px;position:fixed;right:20px;top:80px;z-index:50}.result-message{max-width:400px}.result-message.wrong{background:#fff3e0;color:#e65100}.game-main{max-width:700px}.hint-card{max-width:450px}.hint-button{border-radius:12px;padding:14px 24px}@media (min-width:1025px){.multiples-game{margin:0 auto;max-width:1024px}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.multiples-game{padding:15px}.game-main{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center}.sequence-display{flex:1 1;min-width:400px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.multiples-game{padding:15px}}@media (max-width:767px) and (orientation:landscape){.multiples-game{padding:10px}.game-header,.question-section{margin-bottom:5px}.animal-emoji.large{font-size:2rem}.number-line-container{margin:15px auto;max-width:95%;padding:0 5px}.number-line{height:60px}.point-marker{font-size:1.2rem;margin-bottom:3px}.point-value{font-size:.8rem;padding:3px 6px}.sequence-display{padding:10px}.sequence-item{font-size:1rem;height:35px;width:35px}.choice-buttons{flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:center}.choice-button{font-size:1.2rem;height:55px;padding:0;width:55px}}@media (max-width:480px) and (orientation:portrait){.multiples-game{padding:12px}.game-info{flex-wrap:wrap;gap:8px}.info-item{font-size:.85rem;padding:5px 10px}.sequence-display{padding:12px}.sequence-item{font-size:1.1rem;height:40px;width:40px}.choice-buttons{flex-direction:row;flex-wrap:nowrap;gap:8px}.choice-button{font-size:1.3rem;height:60px;width:60px}.action-buttons{flex-direction:column;gap:10px}.multiples-tip{left:10px;right:10px;transform:none}}@media (max-width:480px){.choice-button{font-size:1.2rem;height:60px;width:60px}}@media (max-width:375px){.game-header{flex-direction:column;gap:8px}.back-button{align-self:flex-start}.animal-emoji.large{font-size:2.5rem}.sequence-item{font-size:1rem;height:35px;width:35px}}.choice-buttons,.game-main,.multiples-game,.question-section,.sequence-display{transition:all .3s ease}.place-value-game{min-height:100vh;min-width:450px;padding:10px 15px;transition:background-color .5s ease}.main-display-row{align-items:stretch;flex-wrap:nowrap;gap:15px;margin-bottom:15px}.main-display-row,.target-section{display:flex;justify-content:center}.target-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;flex-direction:column;gap:8px;min-width:100px;padding:12px 20px}.animal-emoji{font-size:2.5rem}.target-box{align-items:center;display:flex;flex-direction:column;gap:5px}.target-label{color:#888;font-size:.85rem}.target-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.5rem;font-weight:700}.target-hint{color:#666;font-size:.95rem;margin-top:8px}.counting-rods-section{display:flex;gap:15px;justify-content:center}.counting-rod{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;min-width:120px;padding:10px 12px}.counting-rod.tens{border-bottom:4px solid #667eea}.counting-rod.ones{border-bottom:4px solid #ff9800}.rod-label{color:#555;font-size:1.1rem;font-weight:600;margin-top:10px;text-align:center}.rod-value{font-size:1.8rem;font-weight:700;margin-bottom:8px;text-align:center}.counting-rod.tens .rod-value{color:#667eea}.counting-rod.ones .rod-value{color:#ff9800}.rod-display{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;flex-direction:column-reverse;height:280px;justify-content:flex-start;overflow-y:hidden;padding:1px}.tens-box{align-items:center;background:#3f51b5;border-radius:6px;display:flex;flex-direction:column;justify-content:center;min-width:40px;position:relative}.box-icon{font-size:1.3rem}.box-count{bottom:2px;color:#fff;font-size:.8rem;font-weight:700;position:absolute;right:4px}.box-count:after{font-size:.5rem;margin-left:1px}.counting-rod.carrying{animation:pulse-glow .5s ease-in-out}.counting-rod.ten-state{animation:ten-pulse .6s ease-in-out}.counting-rod.ten-state .rod-value{animation:value-pulse .3s ease-in-out 2;color:#e91e63}@keyframes ten-pulse{0%,to{box-shadow:0 2px 10px #0000001a}50%{box-shadow:0 0 25px #e91e6380}}@keyframes value-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes pulse-glow{0%,to{box-shadow:0 2px 10px #0000001a}50%{box-shadow:0 0 20px #667eea99}}@keyframes carry-in{0%{opacity:0;transform:translateY(-30px) scale(.5)}50%{transform:translateY(5px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}.bar-dot{font-size:.6rem}.ones-dot{font-size:1.3rem}.empty-slot{color:#ccc;font-size:.8rem;padding:15px}.rod-controls{display:flex;gap:10px;justify-content:center}.control-btn{border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;font-weight:700;height:40px;transition:all .3s ease;width:40px}.control-btn.add{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.control-btn.remove{background:linear-gradient(135deg,#f44336,#e91e63);color:#fff}.control-btn:hover:not(:disabled){transform:scale(1.1)}.control-btn:disabled{cursor:not-allowed;opacity:.4}.number-display{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:15px;padding:12px 25px;text-align:center}.number-breakdown{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.breakdown-item{border-radius:8px;font-size:1.2rem;font-weight:500;padding:8px 16px}.breakdown-equals,.breakdown-plus{color:#666;font-size:1.2rem;font-weight:700}.total-value{color:#4caf50;font-size:1.8rem;font-weight:700}.breakdown-item.tens{background:#e8eaf6;color:#3f51b5}.breakdown-item.ones{background:#fff3e0;color:#e65100}.chinese-number-display{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;gap:15px;justify-content:center;margin-bottom:15px;padding:12px 25px}.chinese-label{color:#666;font-size:1rem}.chinese-number{color:#e91e63;font-family:KaiTi,楷体,serif;font-size:1.8rem;font-weight:700}.reset-btn{background:linear-gradient(135deg,#9e9e9e,#757575);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.reset-btn:hover{background:linear-gradient(135deg,#757575,#616161);transform:scale(1.05)}.carry-toast-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.carry-toast{align-items:center;animation:toast-pop .5s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 40px #667eea80;color:#fff;display:flex;font-size:1.8rem;font-weight:700;gap:15px;padding:25px 50px}.carry-toast-icon{font-size:2rem}.carry-toast-text{text-shadow:0 2px 4px #0003}@keyframes bounce-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.action-section{text-align:center}.check-button{background:linear-gradient(135deg,#4caf50,#8bc34a);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:10px;padding:12px 40px;transition:all .3s ease}.check-button:hover{box-shadow:0 6px 20px #4caf5066;transform:scale(1.05)}.check-button.correct{background:linear-gradient(135deg,#2196f3,#03a9f4)}.check-button.needMore,.check-button.tooMany{animation:shake .5s ease-in-out}.secondary-actions{display:flex;gap:15px;justify-content:center}.result-message{animation:fadeIn .3s ease;border-radius:12px;font-size:1.1rem;font-weight:500;margin-left:auto;margin-right:auto;margin-top:15px;max-width:300px;padding:15px 25px;text-align:center}.result-message.need-more{background:#e3f2fd;color:#1565c0}.result-message.too-many{background:#fff3e0;color:#e65100}.hint-breakdown{background:#f5f5f5;border-radius:12px;padding:20px}.hint-item{border-bottom:1px dashed #ddd;display:flex;justify-content:space-between;padding:10px 0}.hint-item:last-of-type{border-bottom:none}.hint-label{color:#666}.hint-value{color:#333;font-weight:600}.hint-equation{background:#fff;border-radius:10px;color:#667eea;font-size:1.2rem;font-weight:600;margin-top:15px;padding:15px;text-align:center}.carry-hint{animation:bounceIn .5s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;bottom:30px;color:#fff;font-weight:600;left:50%;padding:12px 25px;position:fixed;transform:translateX(-50%);z-index:50}@keyframes bounceIn{0%{transform:translateX(-50%) scale(0)}60%{transform:translateX(-50%) scale(1.1)}to{transform:translateX(-50%) scale(1)}}.game-header{margin-bottom:20px}.back-button{align-items:center;background:#ffffffe6;border:none;border-radius:20px;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:10px 20px;transition:all .3s ease}.back-button:hover{transform:translateX(-3px)}.game-info{gap:20px}.info-item{align-items:center;background:#ffffffe6;box-shadow:0 2px 10px #0000001a;display:flex;gap:6px;padding:8px 16px}.info-icon{font-size:1.2rem}.info-value{color:#000}.level-progress{margin:0 auto 30px;max-width:400px}.progress-label{color:#666;font-size:.9rem;margin-bottom:8px;text-align:center}.progress-bar{background:#ffffff80;border-radius:6px;height:12px}.progress-fill{border-radius:6px;transition:width .5s ease}.game-main{max-width:800px}.game-loading{align-items:center;color:#666;display:flex;flex-direction:column;font-size:1.2rem;gap:15px;justify-content:center;min-height:100vh}.loading-emoji{animation:spin 1s linear infinite;font-size:3rem}.result-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.result-content{animation:zoomIn .3s ease;background:#fff;border-radius:24px;padding:40px 60px;text-align:center}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.result-overlay.correct .result-content{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.result-emoji{display:block;font-size:4rem;margin-bottom:15px}.result-text{color:#2e7d32;display:block;font-size:1.8rem;font-weight:700;margin-bottom:10px}.result-detail{color:#555;font-size:1.1rem}.hint-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.hint-card{background:#fff;border-radius:20px;max-width:400px;padding:30px;width:90%}.hint-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.hint-icon{font-size:2rem}.hint-title{font-size:1.5rem;font-weight:700}.hint-content{margin-bottom:25px}.hint-close-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px;width:100%}.hint-button{background:#fff3e0;border:none;border-radius:25px;color:#e65100;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.hint-button:hover:not(:disabled){background:#ffe0b2}.hint-button:disabled{cursor:not-allowed;opacity:.5}.level-up-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:300}.level-up-content{animation:celebrateIn .5s ease;text-align:center}@keyframes celebrateIn{0%{transform:scale(0) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0)}}.level-up-emoji{display:block;font-size:6rem;margin-bottom:20px}.level-up-text{color:#fff;display:block;font-size:2rem;margin-bottom:10px}.level-up-level{color:gold;display:block;font-size:3rem;font-weight:700;margin-bottom:25px}.level-up-btn{background:gold;border:none;border-radius:30px;color:#333;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 40px}@media (min-width:1025px){.place-value-game{margin:0 auto;max-width:1024px}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.place-value-game{padding:15px}.main-display-row{flex-direction:row;flex-wrap:nowrap;gap:20px}.counting-rod{min-width:130px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.place-value-game{padding:15px}.main-display-row{flex-direction:row;flex-wrap:wrap;justify-content:center}.target-section{margin-bottom:15px;width:100%}}@media (max-width:767px) and (orientation:landscape){.place-value-game{padding:8px}.game-header{margin-bottom:8px}.main-display-row{flex-direction:row;flex-wrap:nowrap;gap:10px}.target-section{min-width:80px;padding:8px 12px}.animal-emoji,.target-number{font-size:1.8rem}.counting-rod{min-width:100px;padding:6px 8px}.rod-display{height:120px}.rod-value{font-size:1.3rem}.control-btn{font-size:1rem;height:32px;width:32px}.number-display{padding:8px 15px}.quick-actions{margin-bottom:8px}.quick-btn{font-size:.8rem;padding:6px 12px}}@media (max-width:480px) and (orientation:portrait){.place-value-game{padding:10px}.main-display-row{flex-direction:row;flex-wrap:wrap;gap:10px}.target-section{min-width:90px;padding:10px 15px}.animal-emoji,.target-number{font-size:2rem}.counting-rod{min-width:100px;padding:8px 10px}.rod-display{height:280px}.rod-value{font-size:1.5rem}.control-btn{height:36px;width:36px}}@media (max-width:375px){.game-header{flex-direction:column;gap:8px}.back-button{align-self:flex-start}.main-display-row{gap:8px}.counting-rod{min-width:90px}.rod-display{height:280px}.ones-dot{font-size:.8rem}.bar-dot{font-size:.5rem}}.counting-rod,.counting-rods-section,.game-main,.main-display-row,.place-value-game,.target-section{transition:all .3s ease}.schulte-grid-game{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;min-width:450px;overflow:hidden;padding:20px;position:relative}.game-background{inset:0;pointer-events:none;position:fixed;z-index:0}.bg-number{animation:floatNumber 8s ease-in-out infinite;color:#ffffff1a;font-size:2rem;position:absolute}@keyframes floatNumber{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.game-header{align-items:center;display:flex;justify-content:space-between;padding:10px 0;position:relative;z-index:10}.main-header{margin-bottom:20px}.back-btn{background:#fff3;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .3s ease}.back-btn:hover{background:#ffffff4d;transform:translateX(-3px)}.game-title{align-items:center;color:#fff;display:flex;font-size:1.8rem;gap:10px;margin:0}.title-icon{font-size:2rem}.header-spacer{width:100px}.game-main{margin:0 auto;max-width:600px;position:relative;z-index:10}.difficulty-selector,.mode-selector,.submode-selector{text-align:center}.difficulty-title,.mode-title,.submode-title{color:#fff;font-size:1.5rem;margin-bottom:25px}.mode-cards{display:flex;flex-direction:column;gap:15px}.mode-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 15px #0003;cursor:pointer;display:flex;gap:15px;padding:20px;transition:all .3s ease}.mode-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-3px)}.mode-icon{font-size:2.5rem}.mode-name{color:#333;font-size:1.3rem;margin:0}.mode-desc{color:#666;font-size:.9rem;margin:0}.difficulty-cards,.submode-cards{display:flex;flex-direction:column;gap:12px;margin-top:20px}.difficulty-card,.submode-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000026;cursor:pointer;padding:18px 25px;transition:all .3s ease}.difficulty-card:hover,.submode-card:hover{box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.submode-name{font-size:1.2rem}.diff-name,.submode-name{color:#333;font-weight:600}.diff-name{display:block;font-size:1.1rem}.diff-info{color:#888;font-size:.85rem}.difficulty-card.completed,.mode-card.completed,.submode-card.completed{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50}.completion-badge{background:linear-gradient(135deg,#4caf50,#8bc34a);border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;min-width:24px;padding:4px 8px;position:absolute;right:8px;text-align:center;top:8px}.difficulty-card,.mode-card,.submode-card{position:relative}.best-score{align-items:center;display:flex;font-size:.85rem;gap:8px;margin-top:5px}.best-stars{letter-spacing:2px}.best-score-value{color:#667eea;font-weight:600}.gameplay-container{align-items:center;flex-direction:column}.game-info,.gameplay-container{display:flex;gap:15px}.info-item{background:#fff3;border-radius:20px;color:#fff;font-size:.95rem;font-weight:600;padding:8px 15px}.info-item.warning{animation:pulse .5s ease-in-out infinite;background:#ff5722}.question-display{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 4px 15px #667eea4d;color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:10px;padding:12px 20px;text-align:center}.animal-prompt{align-items:center;display:flex;gap:15px;margin:10px 0}.animal-emoji{font-size:3rem}.prompt-bubble{background:#fff;border-radius:20px;box-shadow:0 4px 15px #00000026;color:#333;font-size:1.1rem;padding:12px 20px}.target-number{color:#667eea;font-size:1.5rem}.progress-bar{background:#ffffff4d;border-radius:15px;height:25px;overflow:hidden;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:15px;height:100%;transition:width .3s ease}.progress-text{color:#fff;font-size:.85rem;font-weight:600;left:50%;position:absolute;text-shadow:0 1px 2px #0000004d;top:50%;transform:translate(-50%,-50%)}.schulte-grid{grid-gap:8px;aspect-ratio:1;background:#ffffff1a;border-radius:16px;display:grid;gap:8px;max-width:400px;padding:15px;width:100%}.schulte-cell{align-items:center;aspect-ratio:1;background:#fff;border-radius:10px;box-shadow:0 3px 10px #00000026;cursor:pointer;display:flex;justify-content:center;transition:all .2s ease}.schulte-cell:hover{box-shadow:0 5px 15px #00000040;transform:scale(1.05)}.schulte-cell:active{transform:scale(.95)}.cell-number{color:#333;font-size:1.5rem;font-weight:700}.cell-check{color:#4caf50;font-size:1.5rem}.schulte-cell.correct{animation:correctPop .3s ease;background:linear-gradient(135deg,#4caf50,#8bc34a)}.schulte-cell.wrong{animation:shake .3s ease;background:linear-gradient(135deg,#f44336,#e57373)}.schulte-cell.completed{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);cursor:default;pointer-events:none}.schulte-cell.hint{animation:hintPulse 1s ease-in-out infinite;border:3px solid gold;box-shadow:0 0 15px #ffd70080}@keyframes correctPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes hintPulse{0%,to{box-shadow:0 0 15px #ffd70080}50%{box-shadow:0 0 25px #ffd700cc}}.hint-btn{background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 25px;transition:all .3s ease}.hint-btn:hover{background:#ffffff4d}.hint-btn.active{background:gold;border-color:gold;color:#333}.game-result{align-items:center;display:flex;justify-content:center;padding:20px}.result-card{background:#fff;border-radius:24px;box-shadow:0 10px 40px #0000004d;max-width:350px;padding:30px;text-align:center;width:100%}.result-title{color:#333;font-size:1.8rem;margin:0 0 20px}.result-stars{display:flex;gap:10px;justify-content:center;margin-bottom:25px}.star{font-size:2.5rem;opacity:.3;transition:all .3s ease}.star.earned{animation:starPop .5s ease;opacity:1}@keyframes starPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.result-difficulty{margin-bottom:20px}.difficulty-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:1rem;font-weight:700;padding:8px 20px}.result-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:25px}.stat-item{background:#f5f5f5;border-radius:12px;padding:12px}.stat-label{color:#888;display:block;font-size:.85rem;margin-bottom:5px}.stat-value{color:#333;font-size:1.3rem;font-weight:700}.result-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn-back,.btn-next,.btn-replay{border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 5px;transition:all .3s ease}.btn-next{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.btn-next:hover{box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.btn-replay{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-replay:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-back{background:#f5f5f5;color:#666}.btn-back:hover{background:#eee}.auto-advance-notice{align-items:center;animation:pulse 1s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#8bc34a);border-radius:25px;color:#fff;display:flex;font-weight:600;gap:15px;justify-content:center;margin:15px 0;padding:12px 20px}.auto-advance-notice.clickable{cursor:pointer;transition:all .3s ease}.auto-advance-notice.clickable:hover{box-shadow:0 5px 20px #4caf5080;transform:scale(1.05)}@media (min-width:1025px){.schulte-grid-game{padding:30px}.game-main{max-width:700px}.schulte-grid{max-width:450px}.cell-number{font-size:1.8rem}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.schulte-grid-game{padding:15px}.schulte-grid{max-width:400px}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.schulte-grid{max-width:400px}}@media (max-width:767px) and (orientation:landscape){.schulte-grid-game{padding:10px}.game-title{font-size:1.3rem}.animal-emoji{font-size:2rem}.schulte-grid{max-width:280px}.cell-number{font-size:1.1rem}.mode-card{padding:12px 15px}.mode-icon{font-size:1.8rem}.mode-name{font-size:1rem}}@media (max-width:480px) and (orientation:portrait){.schulte-grid-game{padding:15px}.game-title{font-size:1.4rem}.schulte-grid{max-width:320px}.cell-number{font-size:1.3rem}.game-info{flex-wrap:wrap;justify-content:center}.info-item{font-size:.85rem;padding:6px 12px}.result-card{padding:20px}.result-stats{gap:10px}}@media (max-width:375px){.schulte-grid{gap:5px;max-width:280px;padding:10px}.cell-number{font-size:1.1rem}}.math-zoo-app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;position:relative;width:100%}.math-zoo-app *{box-sizing:border-box}.math-zoo-app button,.math-zoo-app input{font-family:inherit}.feedback-toast-overlay{align-items:center;animation:fadeIn .2s ease;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.feedback-toast{animation:toast-pop .4s ease;border-radius:20px;box-shadow:0 8px 30px #0006;color:#fff;font-weight:700;gap:12px;padding:20px 40px}.feedback-toast,.toast-icon{align-items:center;display:flex;font-size:1.5rem}.toast-icon{background:#fff3;border-radius:50%;height:36px;justify-content:center;width:36px}.toast-message{font-size:1.3rem}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toast-pop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-bounce{animation:bounce 2s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-wiggle{animation:wiggle 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#4caf50,#8bc34a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-success:hover{box-shadow:0 4px 15px #4caf5066;transform:translateY(-2px)}.card{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000001a;padding:20px}.progress-container{width:100%}.progress-bar-base{background:#e0e0e0;border-radius:5px;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:5px;height:100%;transition:width .5s ease}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.math-zoo-app button:focus-visible,.math-zoo-app input:focus-visible{outline:3px solid #667eea;outline-offset:2px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.math-zoo-app ::-webkit-scrollbar{height:8px;width:8px}.math-zoo-app ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.math-zoo-app ::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.math-zoo-app ::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media (min-width:1025px){.math-zoo-app{margin:0 auto;max-width:1024px}}@media (min-width:768px) and (max-width:1024px){.math-zoo-app{padding:15px}}@media (min-width:481px) and (max-width:767px){.math-zoo-app{padding:12px}.feedback-toast{font-size:.9rem;padding:10px 20px}}@media (max-width:480px){.math-zoo-app{padding:10px}.feedback-toast{font-size:.85rem;max-width:90vw;padding:8px 15px}.toast-icon{font-size:1rem;height:20px;width:20px}}@media (orientation:landscape){.math-zoo-app{min-height:100vh}}@media (orientation:portrait){.math-zoo-app{min-height:100vh}}@media screen{.math-zoo-app,.math-zoo-app *{transition:all .3s ease}.math-zoo-app .animate-bounce,.math-zoo-app .animate-pulse,.math-zoo-app .animate-wiggle,.math-zoo-app .feedback-toast{transition:none}}@supports (padding:max(0px)){.math-zoo-app{padding-bottom:max(10px,env(safe-area-inset-bottom));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.bottom-14{bottom:3.5rem}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-0{right:0}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-16{top:4rem}.top-2{top:.5rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-9{top:2.25rem}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.col-span-3{grid-column:span 3/span 3}.m-1{margin:.25rem}.m-10{margin:2.5rem}.m-2{margin:.5rem}.-my-2{margin-bottom:-.5rem;margin-top:-.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-8{margin-bottom:2rem;margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-none{-webkit-box-orient:horizontal;-webkit-line-clamp:none;display:block;overflow:visible}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.size-3{height:.75rem;width:.75rem}.size-5{height:1.25rem;width:1.25rem}.size-7{height:1.75rem;width:1.75rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-24{height:6rem}.h-28{height:7rem}.h-48{height:12rem}.h-8{height:2rem}.h-96{height:24rem}.h-\[600px\]{height:600px}.h-\[calc\(100vh-128px\)\]{height:calc(100vh - 128px)}.h-auto{height:auto}.h-full{height:100%}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.min-h-\[3\.5rem\]{min-height:3.5rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-28{width:7rem}.w-36{width:9rem}.w-8{width:2rem}.w-fit{width:-webkit-fit-content;width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[12rem\]{max-width:12rem}.max-w-\[220px\]{max-width:220px}.max-w-\[280px\]{max-width:280px}.max-w-\[80vw\]{max-width:80vw}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.basis-full{flex-basis:100%}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:bounce 1s infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-slate-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-divide-opacity,1))}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-gray-100{--tw-border-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-orange-200{--tw-border-opacity:1;border-color:#fed7aa;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.border-orange-400{--tw-border-opacity:1;border-color:#fb923c;border-color:rgb(251 146 60/var(--tw-border-opacity,1))}.border-orange-500{--tw-border-opacity:1;border-color:#f97316;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.border-orange-600{--tw-border-opacity:1;border-color:#ea580c;border-color:rgb(234 88 12/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-yellow-200{--tw-border-opacity:1;border-color:#fef08a;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.border-b-slate-200{--tw-border-opacity:1;border-bottom-color:#e2e8f0;border-bottom-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-200{--tw-bg-opacity:1;background-color:#bfdbfe;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:#6b7280;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-green-400{--tw-bg-opacity:1;background-color:#4ade80;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:#ffedd5;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-200{--tw-bg-opacity:1;background-color:#fed7aa;background-color:rgb(254 215 170/var(--tw-bg-opacity,1))}.bg-orange-300{--tw-bg-opacity:1;background-color:#fdba74;background-color:rgb(253 186 116/var(--tw-bg-opacity,1))}.bg-orange-400{--tw-bg-opacity:1;background-color:#fb923c;background-color:rgb(251 146 60/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:#fff7ed;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:#f97316;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-orange-600{--tw-bg-opacity:1;background-color:#ea580c;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-rose-400{--tw-bg-opacity:1;background-color:#fb7185;background-color:rgb(251 113 133/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:#e2e8f0;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:#f8fafc;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:#334155;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-teal-100{--tw-bg-opacity:1;background-color:#ccfbf1;background-color:rgb(204 251 241/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-300{--tw-bg-opacity:1;background-color:#fde047;background-color:rgb(253 224 71/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:#facc15;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-600{--tw-bg-opacity:1;background-color:#ca8a04;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.bg-opacity-20{--tw-bg-opacity:0.2}.bg-opacity-30{--tw-bg-opacity:0.3}.bg-opacity-40{--tw-bg-opacity:0.4}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-opacity-80{--tw-bg-opacity:0.8}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-green-50{--tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to:#f0fdf400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-50{--tw-gradient-from:#fff7ed var(--tw-gradient-from-position);--tw-gradient-to:#fff7ed00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-600{--tw-gradient-from:#ea580c var(--tw-gradient-from-position);--tw-gradient-to:#ea580c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-emerald-100{--tw-gradient-to:#d1fae5 var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.to-indigo-100{--tw-gradient-to:#e0e7ff var(--tw-gradient-to-position)}.to-indigo-700{--tw-gradient-to:#4338ca var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-scale-down{object-fit:scale-down}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[0\.5px\]{padding:.5px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-7xl{font-size:4.5rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:#fb923c;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:#f97316;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:#ea580c;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:#c2410c;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-pink-500{--tw-text-opacity:1;color:#ec4899;color:rgb(236 72 153/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:#00acb4;color:rgb(0 172 180/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:#a855f7;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-purple-800{--tw-text-opacity:1;color:#6b21a8;color:rgb(107 33 168/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-sky-800{--tw-text-opacity:1;color:#075985;color:rgb(7 89 133/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:#475569;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:#1e293b;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.opacity-25{opacity:.25}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid #0000;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--tw-bg-opacity:1;background-color:#fde047;background-color:rgb(253 224 71/var(--tw-bg-opacity,1));font-family:微軟正黑體,Figtree,Figtree-fallback,Figtree-fallback-android,Noto Sans,NotoSans-fallback,NotoSans-fallback-android,sans-serif,Microsoft JhengHei,Roboto,Tahoma,Verdana,Arial,Helvetica,Sans-Serif;font-size:.8rem;margin:0;min-width:380px}input,select,textarea{font-size:16px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:1024px){body{font-size:.8rem}}.highlight{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#fef08a;background-color:rgb(254 240 138/var(--tw-bg-opacity,1));border-radius:.25rem;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1));padding-left:.25rem;padding-right:.25rem}.\*\:mr-4>*{margin-right:1rem}.\*\:mt-1>*{margin-top:.25rem}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border:hover{border-width:1px}.hover\:border-green-300:hover{--tw-border-opacity:1;border-color:#86efac;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.hover\:border-orange-300:hover{--tw-border-opacity:1;border-color:#fdba74;border-color:rgb(253 186 116/var(--tw-border-opacity,1))}.hover\:border-primary:hover{--tw-border-opacity:1;border-color:#00acb4;border-color:rgb(0 172 180/var(--tw-border-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-orange-300:hover{--tw-bg-opacity:1;background-color:#fdba74;background-color:rgb(253 186 116/var(--tw-bg-opacity,1))}.hover\:bg-orange-50:hover{--tw-bg-opacity:1;background-color:#fff7ed;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.hover\:bg-orange-500:hover{--tw-bg-opacity:1;background-color:#f97316;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.hover\:bg-orange-600:hover{--tw-bg-opacity:1;background-color:#ea580c;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.hover\:bg-orange-700:hover{--tw-bg-opacity:1;background-color:#c2410c;background-color:rgb(194 65 12/var(--tw-bg-opacity,1))}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:#00acb4;background-color:rgb(0 172 180/var(--tw-bg-opacity,1))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:#f1f5f9;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:#e2e8f0;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:#fef08a;background-color:rgb(254 240 138/var(--tw-bg-opacity,1))}.hover\:bg-opacity-75:hover{--tw-bg-opacity:0.75}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-green-700:hover{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.hover\:text-orange-500:hover{--tw-text-opacity:1;color:#f97316;color:rgb(249 115 22/var(--tw-text-opacity,1))}.hover\:text-orange-700:hover{--tw-text-opacity:1;color:#c2410c;color:rgb(194 65 12/var(--tw-text-opacity,1))}.hover\:text-orange-800:hover{--tw-text-opacity:1;color:#9a3412;color:rgb(154 52 18/var(--tw-text-opacity,1))}.hover\:text-primary:hover{--tw-text-opacity:1;color:#00acb4;color:rgb(0 172 180/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-secondary:hover{--tw-text-opacity:1;color:#058187;color:rgb(5 129 135/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:h-32{height:8rem}.sm\:w-32{width:8rem}.sm\:max-w-3xl{max-width:48rem}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}@media (min-width:768px){.md\:mb-0{margin-bottom:0}.md\:mt-0{margin-top:0}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:w-80{width:20rem}.md\:w-auto{width:auto}.md\:max-w-sm{max-width:24rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:justify-end{justify-content:flex-end}.md\:gap-4{gap:1rem}.md\:text-right{text-align:right}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:1024px){.lg\:static{position:static}.lg\:mt-0{margin-top:0}.lg\:hidden{display:none}.lg\:h-auto{height:auto}.lg\:w-1\/4{width:25%}.lg\:max-w-md{max-width:28rem}.lg\:basis-1\/4{flex-basis:25%}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[300px\2c 1fr\]{grid-template-columns:300px 1fr}.lg\:p-4{padding:1rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}}
/*# sourceMappingURL=main.73b6b9ad.css.map*/