:root{--font-heading:"Quicksand", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Nunito", "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-primary:#58cc02;--color-primary-dark:#46a302;--color-secondary:#1cb0f6;--color-secondary-dark:#1899d6;--color-accent:#ff4b4b;--color-yellow:#ffc800;--color-yellow-dark:#e5b200;--color-purple:#ce82ff;--color-purple-dark:#a560d3;--color-pink:#ff86d0;--color-snow:#fff;--color-bg:#f8fafc;--color-card-bg:#fff;--color-text-main:#1e293b;--color-text-sub:#64748b;--color-border:#e2e8f0;--shadow-sm:0 4px 0 #0000000f;--shadow-card:0 10px 28px #0000000d;--shadow-modal:0 24px 48px #00000029;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--transition-bounce:cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:250px}*{box-sizing:border-box;font-family:var(--font-body);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--color-bg);width:100%;min-height:100vh;color:var(--color-text-main);background-image:radial-gradient(circle at 10% 15%,#ce82ff12 0%,#0000 35%),radial-gradient(circle at 90% 85%,#1cb0f612 0%,#0000 35%);overflow:hidden auto}h1,h2,h3,h4,.font-heading{font-family:var(--font-heading);line-height:1.25}.app-layout{width:100%;min-height:100vh;display:flex;position:relative}.sidebar-nav{width:var(--sidebar-width);border-right:3px solid var(--color-border);z-index:200;background:#fff;flex-direction:column;justify-content:space-between;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 24px #00000008}.sidebar-logo{align-items:center;gap:12px;margin-bottom:20px;padding:4px 8px;display:flex}.sidebar-logo-text{font-family:var(--font-heading);color:var(--color-secondary-dark);font-size:1.45rem;font-weight:700}.sidebar-menu{flex-direction:column;gap:10px;display:flex}.sidebar-menu-btn{border-radius:var(--radius-md);font-family:var(--font-heading);color:#64748b;cursor:pointer;transition:all .2s var(--transition-bounce);text-align:left;background:0 0;border:2.5px solid #0000;align-items:center;gap:14px;padding:13px 18px;font-size:1.1rem;font-weight:700;display:flex}.sidebar-menu-btn:hover{color:#1e293b;background:#f8fafc;transform:translate(4px)}.sidebar-menu-btn.active{background:var(--item-color,var(--color-secondary));color:#fff;border-color:#00000014;transform:translate(6px);box-shadow:0 6px 16px #0000001f}.sidebar-footer{border-top:2px dashed #e2e8f0;margin-top:auto;padding-top:16px}.logout-btn:hover{color:#ef4444!important;background:#fef2f2!important}.main-layout-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:calc(100vw - var(--sidebar-width));box-sizing:border-box;flex-direction:column;flex:1;min-height:100vh;padding:0 32px 48px;display:flex}@media (width<=768px){.main-layout-content{width:100%;max-width:100%;margin-left:0;padding:0 16px 80px}}.app-header{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:2.5px solid var(--color-border);z-index:100;background:#fff;justify-content:space-between;align-items:center;margin-top:16px;padding:14px 24px;display:flex;position:sticky;top:12px}.status-indicators-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-pill{font-family:var(--font-heading);transition:transform .15s var(--transition-bounce), box-shadow .15s;-webkit-user-select:none;user-select:none;background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:1rem;font-weight:800;display:flex}.status-pill:hover{transform:translateY(-2px)}.status-pill.star-pill{color:#b45309;background:#fffdf0;border-color:#fde68a}.status-pill.streak-pill{color:#dc2626;background:#fff5f5;border-color:#fca5a5}.status-pill.heart-pill{color:#be123c;background:#fff1f2;border-color:#fecdd3;box-shadow:0 3px 10px #e11d481f}.status-pill.heart-pill:hover{background:#ffe4e6;border-color:#fda4af}.custom-tooltip{position:relative}.custom-tooltip:after{content:attr(data-tooltip);color:#fff;font-family:var(--font-body);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:all .2s var(--transition-bounce);z-index:1000;background:#1e293b;border:1.5px solid #475569;border-radius:12px;padding:8px 14px;font-size:.85rem;font-weight:700;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(-6px)scale(.92);box-shadow:0 10px 25px #00000040}.custom-tooltip:before{content:"";pointer-events:none;opacity:0;visibility:hidden;transition:all .2s var(--transition-bounce);z-index:1001;border:6px solid #0000;border-bottom-color:#1e293b;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)translateY(-6px)scale(.92)}.custom-tooltip:hover:after,.custom-tooltip:hover:before{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}.status-pill.heart-pill.custom-tooltip:after{left:auto;right:0;transform:translateY(-6px)scale(.92)}.status-pill.heart-pill.custom-tooltip:before{left:auto;right:24px;transform:translateY(-6px)scale(.92)}.status-pill.heart-pill.custom-tooltip:hover:after,.status-pill.heart-pill.custom-tooltip:hover:before{transform:translateY(0)scale(1)}.btn{border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;transition:transform .15s var(--transition-bounce), box-shadow .15s;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 5px 0 var(--color-primary-dark)}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:active{box-shadow:0 1px 0 var(--color-primary-dark);transform:translateY(4px)}.btn-secondary{background-color:var(--color-secondary);color:#fff;box-shadow:0 5px 0 var(--color-secondary-dark)}.btn-secondary:active{box-shadow:0 1px 0 var(--color-secondary-dark);transform:translateY(4px)}.btn-yellow{background-color:var(--color-yellow);color:#543e00;box-shadow:0 5px 0 var(--color-yellow-dark)}.btn-yellow:active{box-shadow:0 1px 0 var(--color-yellow-dark);transform:translateY(4px)}.btn-disabled{color:#9ca3af!important;cursor:not-allowed!important;background-color:#e5e7eb!important;transform:none!important;box-shadow:0 4px #d1d5db!important}.btn-google-login{color:#3c4043;border-radius:var(--radius-md);width:100%;font-family:var(--font-heading);cursor:pointer;background:#fff;border:2px solid #dadce0;justify-content:center;align-items:center;gap:12px;padding:13px 20px;font-size:1.05rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000000a}.btn-google-login:hover{background:#f8f9fa;border-color:#d2e3fc;transform:translateY(-1px);box-shadow:0 4px 12px #4285f426}.btn-google-login:active{transform:translateY(1px);box-shadow:0 1px 2px #0000000a}.login-page-container{background-image:radial-gradient(circle at 15% 15%,#ce82ff1f 0%,#0000 40%),radial-gradient(circle at 85% 85%,#1cb0f61f 0%,#0000 40%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:24px 16px;display:flex}.login-card{border:3.5px solid var(--color-border);width:100%;max-width:440px;animation:popIn .3s var(--transition-bounce);background:#fff;border-radius:28px;padding:32px 28px;box-shadow:0 20px 50px #00000014}.login-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:22px;display:flex}.login-title{color:var(--color-text-main);margin-top:10px;font-size:2.1rem}.login-subtitle{color:var(--color-text-sub);margin-top:2px;font-size:.96rem}.login-tabs{background:#f1f5f9;border-radius:16px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.login-tab-btn{font-family:var(--font-heading);color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;padding:10px;font-size:.98rem;font-weight:700;transition:all .2s}.login-tab-btn.active{color:var(--color-primary-dark);background:#fff;box-shadow:0 4px 10px #0000000f}.login-form{flex-direction:column;gap:14px;display:flex}.form-label{color:#475569;margin-bottom:6px;font-size:.88rem;font-weight:800;display:block}.input-wrapper{background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;padding:11px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.input-wrapper:focus-within{border-color:var(--color-secondary);background:#fff;box-shadow:0 0 0 3.5px #1cb0f626}.form-input{width:100%;color:var(--color-text-main);background:0 0;border:none;outline:none;font-size:1rem;font-weight:600}.avatar-grid{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.avatar-choice-btn{cursor:pointer;transition:all .15s var(--transition-bounce);background:#fff;border:2.5px solid #e2e8f0;border-radius:14px;padding:6px 12px;font-size:1.8rem}.avatar-choice-btn:hover{border-color:#cbd5e1;transform:scale(1.1)}.avatar-choice-btn.active{border-color:var(--color-primary);background:#f0fdf4;transform:scale(1.15);box-shadow:0 4px 12px #58cc0233}.login-error-box{color:#991b1b;background:#fef2f2;border:2px solid #fca5a5;border-radius:12px;margin-bottom:12px;padding:10px 14px;font-size:.9rem;font-weight:700}.login-divider{text-align:center;align-items:center;margin:16px 0;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1.5px dashed #cbd5e1;flex:1}.login-divider span{color:#94a3b8;letter-spacing:.5px;padding:0 10px;font-size:.72rem;font-weight:800}.login-footer-text{text-align:center;color:#94a3b8;margin-top:18px;font-size:.8rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-modal);border:4px solid var(--color-purple);text-align:center;animation:popIn .3s var(--transition-bounce);background:#fff;max-height:90vh;padding:32px 28px;position:relative;overflow-y:auto}.modal-emoji{margin-bottom:12px;font-size:4rem;animation:2s infinite pulse}.modal-word-title{color:var(--color-purple-dark);margin-bottom:4px;font-size:2rem}.modal-meaning{color:var(--color-primary-dark);border:1.5px dashed var(--color-primary);background:#f0fdf4;border-radius:20px;margin-bottom:16px;padding:6px 16px;font-size:1.3rem;font-weight:800;display:inline-block}.modal-description{color:#4b5563;border-radius:var(--radius-md);background:#f9fafb;margin-bottom:18px;padding:12px 16px;font-size:1.02rem;line-height:1.5}.modal-example{color:#6b7280;margin-bottom:24px;font-size:.94rem;font-style:italic}.vocab-word{color:#8b5cf6;cursor:pointer;background-color:#f3e8ff;border-bottom:3px solid #c084fc;border-radius:8px;margin:0 2px;padding:2px 8px;font-weight:800;transition:all .2s;display:inline-block}.vocab-word:hover{background-color:#e9d5ff;transform:translateY(-2px)scale(1.05)}.view-container{margin-top:24px}.view-header-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.view-badge{border-radius:12px;padding:4px 12px;font-size:.85rem;font-weight:800;display:inline-block}.word-card-item{cursor:pointer;transition:all .2s var(--transition-bounce);text-align:center;background:#fff;border:3px solid #e2e8f0;border-radius:20px;padding:20px;box-shadow:0 4px 12px #0000000a}.word-card-item:hover{border-color:#c084fc;transform:translateY(-5px);box-shadow:0 10px 24px #c084fc26}.profile-stat-box{text-align:center;border:3px solid;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:20px;display:flex}.badge-card-item{text-align:center;border:3px solid #e2e8f0;border-radius:20px;padding:20px;box-shadow:0 4px 12px #0000000a}.big-categories-grid{grid-template-columns:1fr;gap:16px;margin-top:16px;display:grid}@media (width>=640px){.big-categories-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.subject-cards-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=640px){.subject-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.subject-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform .25s var(--transition-bounce), box-shadow .25s;cursor:pointer;flex-direction:column;justify-content:space-between;display:flex}.subject-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 16px 36px #0000001f}.unit-cards-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=640px){.unit-cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.unit-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform .25s var(--transition-bounce), box-shadow .25s;cursor:pointer;flex-direction:column;justify-content:space-between;display:flex}.unit-card:hover{transform:translateY(-6px);box-shadow:0 14px 32px #0000001a}.big-category-card{border-radius:var(--radius-lg);cursor:pointer;transition:all .3s var(--transition-bounce);background:#fff;border:3.5px solid #cbd5e1;flex-direction:column;align-items:flex-start;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #0000000d}.big-category-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 18px 36px #0000001f}.big-category-card:hover .big-category-icon{transform:scale(1.1)rotate(-4deg)}.big-category-card:hover .category-card-action-btn div{transform:translate(4px);color:#fff!important;background:#1e293b!important}.big-category-card:hover .category-card-action-btn svg{color:#fff!important}.big-category-icon{width:68px;height:68px;transition:transform .3s var(--transition-bounce);border-radius:22px;justify-content:center;align-items:center;font-size:2.6rem;display:flex}.big-category-title{color:#1e293b;margin-bottom:4px;font-size:1.25rem;font-weight:800}.big-category-subtitle{color:#64748b;font-size:.88rem;line-height:1.4}.active-indicator-dot{background:#58cc02;border-radius:50%;width:12px;height:12px;position:absolute;top:16px;right:16px;box-shadow:0 0 0 4px #dcfce7}.category-card-tag{color:#475569;background:#f1f5f9;border-radius:10px;align-items:center;gap:4px;margin-bottom:6px;padding:3px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.story-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=640px){.story-grid{grid-template-columns:repeat(2,1fr)}}.story-card{border-radius:var(--radius-lg);border:3px solid var(--color-border);box-shadow:var(--shadow-card);transition:transform .2s var(--transition-bounce), box-shadow .2s;cursor:pointer;background:#fff;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative;overflow:hidden}.story-card:hover{border-color:var(--color-secondary);transform:translateY(-6px);box-shadow:0 12px 30px #0000001a}.story-card-header{align-items:center;gap:16px;margin-bottom:14px;display:flex}.story-icon-wrapper{border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.2rem;display:flex;box-shadow:0 4px 10px #0000000f}.badge-difficulty{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:800;display:inline-block}.badge-easy{color:#15803d;background:#dcfce7}.badge-medium{color:#b45309;background:#fef3c7}.badge-hard{color:#b91c1c;background:#fee2e2}.story-reader-container{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:800px;margin-top:24px;margin-left:auto;margin-right:auto;display:flex}.progress-header{box-sizing:border-box;align-items:center;gap:16px;width:100%;display:flex}.progress-bar-bg{background:#e5e7eb;border-radius:12px;flex:1;height:18px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#58cc02,#85e000);border-radius:12px;height:100%;transition:width .4s ease-out}.story-card-view{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:3px solid var(--color-border);box-sizing:border-box;word-break:break-word;background:#fff;flex-direction:column;justify-content:space-between;width:100%;min-height:380px;padding:28px 24px;display:flex;position:relative;overflow-x:hidden}.dialogue-box{box-sizing:border-box;align-items:flex-start;gap:20px;width:100%;margin-bottom:24px;display:flex}.character-avatar{border:3px solid var(--color-purple);background:#f3e8ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:2.2rem;display:flex;box-shadow:0 4px 10px #0000000f}.speech-bubble{color:var(--color-text-main);word-break:break-word;background:#f8fafc;border:2px solid #cbd5e1;border-radius:4px 20px 20px;flex:1;padding:20px;font-size:1.25rem;line-height:1.6;position:relative;box-shadow:0 4px 12px #00000008}.question-title{color:#1e293b;text-align:center;word-break:break-word;margin-bottom:20px;font-size:1.4rem}.quiz-options-container{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;margin-top:16px;display:flex}.quiz-option-card{box-sizing:border-box;cursor:pointer;text-align:left;width:100%;transition:all .15s var(--transition-bounce);word-break:break-word;overflow-wrap:break-word;background:#fff;border:3px solid #e2e8f0;border-bottom:5.5px solid #cbd5e1;border-radius:20px;outline:none;align-items:center;gap:16px;padding:16px 20px;display:flex;position:relative}.quiz-option-text{color:#1e293b;word-break:break-word;overflow-wrap:break-word;white-space:normal;flex:1;font-size:1.05rem;font-weight:700;line-height:1.5}.quiz-option-card:hover{background:#f8fafc;border-color:#93c5fd #93c5fd #3b82f6;transform:translateY(-2px)}.quiz-option-card:active{border-bottom-width:3px;transform:translateY(2px)}.quiz-option-card.selected{background:#f0f9ff;border-color:#1cb0f6 #1cb0f6 #0284c7;border-bottom-style:solid;border-bottom-width:5.5px;transform:translateY(-2px);box-shadow:0 4px 14px #1cb0f62e}.quiz-option-card.correct{background:#f0fdf4;border-color:#58cc02 #58cc02 #46a302;border-bottom-style:solid;border-bottom-width:5.5px;box-shadow:0 4px 14px #58cc0233}.quiz-option-card.wrong{background:#fef2f2;border-color:#ef4444 #ef4444 #b91c1c;border-bottom-style:solid;border-bottom-width:5.5px;box-shadow:0 4px 14px #ef44442e}.quiz-option-badge{width:36px;height:36px;font-family:var(--font-heading);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;transition:all .2s;display:flex}.quiz-option-text{font-family:var(--font-body);color:#1e293b;flex:1;font-size:1.12rem;font-weight:700;line-height:1.45}.option-btn:hover{background:#f8fafc;border-color:#cbd5e1}.option-btn.selected{border-color:var(--color-secondary);border-bottom-color:var(--color-secondary-dark);color:#0369a1;background:#f0f9ff}.option-btn.correct{border-color:var(--color-primary);border-bottom-color:var(--color-primary-dark);color:#15803d;background:#f0fdf4}.option-btn.wrong{border-color:var(--color-accent);color:#991b1b;background:#fef2f2;border-bottom-color:#b91c1c}.mascot-helper-box{border-radius:var(--radius-md);background:#f0fdf4;border:2px dashed #86efac;align-items:center;gap:16px;margin-bottom:20px;padding:12px 18px;display:flex}.mascot-speech{color:#166534;font-size:1.05rem;font-weight:600}.interactive-path-container{flex-direction:column;align-items:center;width:100%;margin-top:24px;display:flex}.unit-banner{color:#fff;border-radius:24px;justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-bottom:32px;padding:20px 28px;display:flex;box-shadow:0 8px #00000026}.unit-subtitle{letter-spacing:1px;opacity:.9;font-size:.8rem;font-weight:800}.unit-title{margin-top:2px;font-size:1.45rem}.duolingo-nodes-wrapper{flex-direction:column;align-items:center;gap:36px;width:100%;max-width:500px;padding:10px 0 40px;display:flex;position:relative}.duolingo-nodes-wrapper:before{content:"";z-index:1;background:#e2e8f0;border-radius:4px;width:8px;position:absolute;top:40px;bottom:60px}.duolingo-path-row{z-index:2;flex-direction:column;align-items:center;transition:transform .3s;display:flex;position:relative}.mascot-node-popover{z-index:10;flex-direction:column;align-items:center;animation:2.5s ease-in-out infinite float;display:flex;position:absolute;top:-75px}.node-tooltip-bubble{border:2.5px solid var(--color-primary);color:var(--color-primary-dark);font-family:var(--font-heading);white-space:nowrap;background:#fff;border-radius:12px;margin-top:-6px;padding:4px 10px;font-size:.85rem;font-weight:800;box-shadow:0 4px 10px #00000014}.duolingo-node-btn{background:var(--node-color,var(--color-primary));cursor:pointer;width:82px;height:82px;transition:transform .15s var(--transition-bounce), box-shadow .15s;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 9px #0000002e}.duolingo-node-btn.current{animation:2s infinite pulseNodeRing}.duolingo-node-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-4px);box-shadow:0 13px #0000002e}.duolingo-node-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #0000002e}.duolingo-node-btn.locked{cursor:not-allowed;background:#e2e8f0!important;box-shadow:0 8px #cbd5e1!important}.node-inner-icon{justify-content:center;align-items:center;display:flex}.completed-star-badge{background:#16a34a;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 6px #00000026}.node-title-label{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;max-width:200px;margin-top:10px;padding:4px 12px;font-size:.9rem;box-shadow:0 2px 6px #0000000a}@keyframes pulseNodeRing{0%,to{box-shadow:0 9px #0000002e,0 0 #58cc0280}50%{box-shadow:0 9px #0000002e,0 0 0 14px #58cc0200}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(2deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-bottom-nav{display:none}@media (width<=820px){.desktop-sidebar{display:none!important}.mobile-bottom-nav{-webkit-backdrop-filter:blur(12px);z-index:1000;height:72px;padding:6px 12px;padding-bottom:max(6px, env(safe-area-inset-bottom));background:#fffffff2;border-top:2.5px solid #cbd5e1;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 25px #00000014}.mobile-tab-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s var(--transition-bounce);background:0 0;border:none;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 0;display:flex}.mobile-tab-btn:active{transform:scale(.92)}.mobile-tab-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.mobile-tab-btn.active .mobile-tab-icon-wrapper{transform:translateY(-2px);box-shadow:0 4px 12px #1cb0f64d}.mobile-tab-label{font-family:var(--font-heading);font-size:.76rem;font-weight:800;line-height:1}.main-layout-content{max-width:100vw!important;margin-left:0!important;padding:0 16px 96px!important}.big-categories-grid,.story-grid{grid-template-columns:1fr!important}.dialogue-box{text-align:center;flex-direction:column;align-items:center}.speech-bubble{border-top-left-radius:20px}.story-card-view{padding:20px 16px!important}.unit-banner{padding:16px!important}.app-header{gap:8px;padding:10px 14px!important}.status-indicators-group{gap:6px!important}.status-pill{padding:5px 10px!important;font-size:.82rem!important}.status-pill svg{width:16px!important;height:16px!important}}@media (width<=640px){.games-node-side-container{margin-bottom:12px;position:relative!important;top:auto!important;left:auto!important;right:auto!important}}