:root,[data-theme=lagoon]{--bg: #e8fbf7;--body-bg: #d2efe7;--text: #0d3b36;--text-secondary: #5a837e;--primary: #12a08b;--primary-shadow: #0d8270;--secondary: #c3ece3;--success: #1e7a63;--success-light: #d4efe7;--error: #d95d5d;--error-light: #f8d7da;--border: #c6e9e2;--card-bg: #ffffff;--nav-bg: rgba(255, 255, 255, .94);--phone-shadow: 0 20px 60px rgba(13, 59, 54, .18);--phone-border: #b9e3da;--streak-bg: linear-gradient(135deg, #f59e0b, #ffc24d);--xp-color: #f59e0b;--btn-disabled-bg: #d8efe9;--btn-disabled-text: #8aa9a3;--overlay: rgba(13, 59, 54, .5);--fb-correct-bg: #d4efe7;--fb-correct-text: #155724;--fb-wrong-bg: #f8d7da;--fb-wrong-text: #721c24;--prog-bg: #d8efe9;--prog-fill: linear-gradient(90deg, #12a08b, #6fd8c4);--roadmap-line: #c6e9e2;--roadmap-done: #1e7a63;--roadmap-current: #12a08b;--roadmap-locked: #c0dcd6;--edit-bg: #fff;--input-border: #c6e9e2;--theory-accent: #12a08b;--theory-accent-light: #d8efe9;--theory-bg: #eefaf6;--accent-soft: rgba(18, 160, 139, .15);--xp-soft: rgba(245, 158, 11, .15);--success-soft: rgba(30, 122, 99, .15)}[data-theme=sea]{--bg: #eef6fb;--body-bg: #d8e9f2;--text: #123a52;--text-secondary: #5b7a90;--primary: #2f8fbf;--primary-shadow: #1f6f9c;--secondary: #cfe8f5;--success: #2d6a4f;--success-light: #d4edda;--error: #d95d5d;--error-light: #f8d7da;--border: #d3e5f0;--card-bg: #ffffff;--nav-bg: rgba(255, 255, 255, .94);--phone-shadow: 0 20px 60px rgba(18, 58, 82, .18);--phone-border: #c6deea;--streak-bg: linear-gradient(135deg, #0f9d76, #3fc7a0);--xp-color: #0f9d76;--btn-disabled-bg: #dceaf3;--btn-disabled-text: #8fa8b8;--overlay: rgba(18, 58, 82, .5);--fb-correct-bg: #d4edda;--fb-correct-text: #155724;--fb-wrong-bg: #f8d7da;--fb-wrong-text: #721c24;--prog-bg: #dceaf3;--prog-fill: linear-gradient(90deg, #2f8fbf, #7fd0f0);--roadmap-line: #d3e5f0;--roadmap-done: #2d6a4f;--roadmap-current: #2f8fbf;--roadmap-locked: #c6dce8;--edit-bg: #fff;--input-border: #d3e5f0;--theory-accent: #2f8fbf;--theory-accent-light: #dceaf3;--theory-bg: #f2f8fb;--accent-soft: rgba(47, 143, 191, .15);--xp-soft: rgba(15, 157, 118, .15);--success-soft: rgba(45, 106, 79, .15)}[data-theme=sunset]{--bg: #fff3ef;--body-bg: #f3e0d8;--text: #5b2a1e;--text-secondary: #a06a5c;--primary: #e0634f;--primary-shadow: #c04a38;--secondary: #fbd6c8;--success: #8a5a3b;--success-light: #f0e4da;--error: #c0392b;--error-light: #f8d7da;--border: #f4d9cf;--card-bg: #ffffff;--nav-bg: rgba(255, 255, 255, .94);--phone-shadow: 0 20px 60px rgba(91, 42, 30, .18);--phone-border: #efd2c6;--streak-bg: linear-gradient(135deg, #e07b39, #f2a679);--xp-color: #e07b39;--btn-disabled-bg: #f5e0d6;--btn-disabled-text: #b08f85;--overlay: rgba(91, 42, 30, .5);--fb-correct-bg: #f0e4da;--fb-correct-text: #5b2a1e;--fb-wrong-bg: #f8d7da;--fb-wrong-text: #721c24;--prog-bg: #f5e0d6;--prog-fill: linear-gradient(90deg, #e0634f, #f2a679);--roadmap-line: #f4d9cf;--roadmap-done: #8a5a3b;--roadmap-current: #e0634f;--roadmap-locked: #e8cfc6;--edit-bg: #fff;--input-border: #f4d9cf;--theory-accent: #e0634f;--theory-accent-light: #fbe6dd;--theory-bg: #fdf0ea;--accent-soft: rgba(224, 99, 79, .15);--xp-soft: rgba(224, 123, 57, .15);--success-soft: rgba(138, 90, 59, .15)}[data-theme=desert]{--bg: #faf3e6;--body-bg: #ece1ca;--text: #4d3a1e;--text-secondary: #97804f;--primary: #d99b2b;--primary-shadow: #b67f1c;--secondary: #f0ddb0;--success: #7a6a3a;--success-light: #eae2c8;--error: #c05c3b;--error-light: #f8e0d8;--border: #efe2c4;--card-bg: #fffdf7;--nav-bg: rgba(255, 253, 247, .94);--phone-shadow: 0 20px 60px rgba(77, 58, 30, .18);--phone-border: #e8d9b8;--streak-bg: linear-gradient(135deg, #c97d1a, #e8b64d);--xp-color: #c97d1a;--btn-disabled-bg: #f0e4c6;--btn-disabled-text: #a89a78;--overlay: rgba(77, 58, 30, .5);--fb-correct-bg: #eae2c8;--fb-correct-text: #4d3a1e;--fb-wrong-bg: #f8e0d8;--fb-wrong-text: #721c24;--prog-bg: #f0e4c6;--prog-fill: linear-gradient(90deg, #d99b2b, #f0c866);--roadmap-line: #efe2c4;--roadmap-done: #7a6a3a;--roadmap-current: #d99b2b;--roadmap-locked: #dcd2b8;--edit-bg: #fffdf7;--input-border: #efe2c4;--theory-accent: #d99b2b;--theory-accent-light: #f6ecd4;--theory-bg: #faf5ea;--accent-soft: rgba(217, 155, 43, .16);--xp-soft: rgba(201, 125, 26, .15);--success-soft: rgba(122, 106, 58, .15)}[data-theme=lavender]{--bg: #f7f1fc;--body-bg: #eadff5;--text: #3d2a52;--text-secondary: #7d6b99;--primary: #8f5fc4;--primary-shadow: #7448a8;--secondary: #e4d3f2;--success: #5f7a46;--success-light: #e4eeda;--error: #c05c8c;--error-light: #f8dce8;--border: #e4d8f0;--card-bg: #ffffff;--nav-bg: rgba(255, 255, 255, .94);--phone-shadow: 0 20px 60px rgba(61, 42, 82, .18);--phone-border: #ddcdec;--streak-bg: linear-gradient(135deg, #e07b8c, #f2a6b5);--xp-color: #e07b8c;--btn-disabled-bg: #e8ddf2;--btn-disabled-text: #9c8cb4;--overlay: rgba(61, 42, 82, .5);--fb-correct-bg: #e4eeda;--fb-correct-text: #3d2a52;--fb-wrong-bg: #f8dce8;--fb-wrong-text: #721c24;--prog-bg: #e8ddf2;--prog-fill: linear-gradient(90deg, #8f5fc4, #c79ef0);--roadmap-line: #e4d8f0;--roadmap-done: #5f7a46;--roadmap-current: #8f5fc4;--roadmap-locked: #d5c9e2;--edit-bg: #fff;--input-border: #e4d8f0;--theory-accent: #8f5fc4;--theory-accent-light: #e8ddf2;--theory-bg: #f7f3fb;--accent-soft: rgba(143, 95, 196, .15);--xp-soft: rgba(224, 123, 140, .15);--success-soft: rgba(95, 122, 70, .15)}[data-theme=morning]{--bg: #fffbf2;--body-bg: #f4ecda;--text: #4a3a28;--text-secondary: #99886f;--primary: #f2a541;--primary-shadow: #d08a2c;--secondary: #fbe3bf;--success: #5f8a46;--success-light: #e8f0da;--error: #d95d5d;--error-light: #f8d7da;--border: #f3e6d0;--card-bg: #ffffff;--nav-bg: rgba(255, 255, 255, .94);--phone-shadow: 0 20px 60px rgba(74, 58, 40, .18);--phone-border: #eedfc4;--streak-bg: linear-gradient(135deg, #ef8f2e, #ffd58a);--xp-color: #ef8f2e;--btn-disabled-bg: #f5ead4;--btn-disabled-text: #ab9c86;--overlay: rgba(74, 58, 40, .5);--fb-correct-bg: #e8f0da;--fb-correct-text: #4a3a28;--fb-wrong-bg: #f8d7da;--fb-wrong-text: #721c24;--prog-bg: #f5ead4;--prog-fill: linear-gradient(90deg, #f2a541, #ffd58a);--roadmap-line: #f3e6d0;--roadmap-done: #5f8a46;--roadmap-current: #f2a541;--roadmap-locked: #e6d8c2;--edit-bg: #fff;--input-border: #f3e6d0;--theory-accent: #f2a541;--theory-accent-light: #fbe9d0;--theory-bg: #fffbf2;--accent-soft: rgba(242, 165, 65, .16);--xp-soft: rgba(239, 143, 46, .15);--success-soft: rgba(95, 138, 70, .15)}[data-theme=dark]{--bg: #1a1a2e;--body-bg: #0f0f1a;--text: #e8e0d8;--text-secondary: #a09890;--primary: #e8875e;--primary-shadow: #b86a44;--secondary: #4a3f3a;--success: #40916c;--success-light: #1a3a2e;--error: #d95d5d;--error-light: #3a1a1a;--border: #2a2a40;--card-bg: #20203a;--nav-bg: rgba(26, 26, 46, .92);--phone-shadow: 0 20px 60px rgba(0, 0, 0, .3);--phone-border: #2a2a40;--btn-disabled-bg: #2a2a40;--btn-disabled-text: #6a6a7a;--overlay: rgba(0, 0, 0, .6);--fb-correct-bg: #1a3a2e;--fb-correct-text: #8ad4a8;--fb-wrong-bg: #3a1a1a;--fb-wrong-text: #e88;--prog-bg: #2a2a40;--prog-fill: linear-gradient(90deg, #e8875e, #f4c7a0);--roadmap-line: #2a2a40;--roadmap-done: #40916c;--roadmap-current: #e8875e;--roadmap-locked: #4a4a5a;--edit-bg: #20203a;--input-border: #3a3a50;--theory-accent: #7aa9d6;--theory-accent-light: #2a3a50;--theory-bg: #1c2230;--accent-soft: rgba(232, 135, 94, .2);--xp-soft: rgba(255, 150, 0, .15);--success-soft: rgba(64, 145, 108, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--body-bg);display:flex;justify-content:center;align-items:center;font-family:Nunito,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;touch-action:manipulation}#root{display:flex;justify-content:center;align-items:center}.phone{width:390px;height:844px;background:var(--bg);border-radius:40px;overflow:hidden;position:relative;box-shadow:var(--phone-shadow),0 0 0 1px var(--phone-border);display:flex;flex-direction:column;transition:box-shadow .3s}.screen-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.screen-scroll::-webkit-scrollbar{display:none}@media(max-width:420px){.phone{width:100%;height:100%;border-radius:0;box-shadow:none}}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px 6px;font-size:12px;font-weight:700;color:var(--text);flex-shrink:0}.status-icons{display:flex;gap:6px;align-items:center}.status-icons svg{width:16px;height:16px;fill:var(--text)}.time{font-weight:800}.theme-btn-sm{background:none;border:none;font-size:16px;cursor:pointer;padding:2px 6px;transition:transform .2s;line-height:1}.theme-btn-sm:hover{transform:scale(1.15)}.nav-arrow{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--border);background:var(--card-bg);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;color:var(--text);padding:0;flex-shrink:0}.nav-arrow:hover{border-color:var(--primary);transform:scale(1.1)}.bottom-nav{display:flex;justify-content:space-around;align-items:center;padding:6px 8px 12px;background:var(--nav-bg);border-top:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-shrink:0;z-index:10}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 12px;border:none;background:none;cursor:pointer;transition:all .15s;position:relative;border-radius:12px;font-family:Nunito,sans-serif}.nav-item svg{width:24px;height:24px;fill:var(--text-secondary);transition:fill .15s}.nav-item span{font-size:10px;color:var(--text-secondary);font-weight:700;transition:color .15s}.nav-item.active svg{fill:var(--primary)}.nav-item.active span{color:var(--primary)}.nav-item:hover:not(.active) svg{fill:var(--text)}.nav-item:hover:not(.active) span{color:var(--text)}.sub-modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;pointer-events:none;transition:opacity .25s}.sub-modal.open{pointer-events:auto}.sub-modal-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay);opacity:0;transition:opacity .25s}.sub-modal.open .sub-modal-bg{opacity:1}.ach-tracker-root{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(390px,100vw);height:min(844px,100vh);z-index:100;pointer-events:none}.sub-modal-sheet{position:absolute;bottom:0;left:0;width:100%;max-height:80%;background:var(--card-bg);border-radius:24px 24px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;box-shadow:0 -8px 32px #00000026}.sub-modal.open .sub-modal-sheet{transform:translateY(0)}.sub-modal-handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin:10px auto 4px;flex-shrink:0}.sub-modal-header{padding:8px 24px 12px;flex-shrink:0;text-align:center}.sub-modal-header h3{font-size:20px;font-weight:900;color:var(--text);margin:0}.sub-modal-header p{font-size:13px;color:var(--text-secondary);margin-top:2px}.sub-modal-body{flex:1;overflow-y:auto;padding:4px 16px 8px;min-height:0;display:flex;flex-direction:column;gap:10px}.doc-md{font-size:13px;line-height:1.55;color:var(--text);text-align:left}.doc-md h1{font-size:18px;font-weight:900;margin:4px 0 10px;color:var(--text)}.doc-md h2{font-size:16px;font-weight:800;margin:14px 0 6px;color:var(--text)}.doc-md h3{font-size:14px;font-weight:800;margin:12px 0 4px;color:var(--text)}.doc-md p{margin:0 0 8px}.doc-md ul,.doc-md ol{margin:0 0 8px;padding-left:18px}.doc-md li{margin-bottom:4px}.doc-md a{color:var(--primary);font-weight:700;text-decoration:underline;word-break:break-all}.doc-md strong{font-weight:800}.sub-plan{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:2px solid var(--border);background:var(--bg);cursor:pointer;transition:all .2s;position:relative}.sub-plan:hover{border-color:var(--primary)}.sub-plan.selected{border-color:var(--primary);background:var(--secondary)}.sub-plan.popular{border-color:var(--xp-color)}.sub-plan.popular.selected{border-color:var(--xp-color);background:var(--xp-soft)}.sub-plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:3px 14px;border-radius:10px;background:var(--streak-bg);color:#fff;font-size:11px;font-weight:800;white-space:nowrap}.sub-plan-info{flex:1}.sub-plan-name{font-size:15px;color:var(--text);font-weight:800}.sub-plan-price{font-size:18px;color:var(--text);font-weight:900;margin-top:2px}.sub-plan-desc{font-size:12px;color:var(--text-secondary);margin-top:1px}.sub-plan-save{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:6px;background:var(--success-soft);color:var(--success);font-size:11px;font-weight:800}.sub-plan-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;transition:all .2s;display:flex;align-items:center;justify-content:center}.sub-plan.selected .sub-plan-radio{border-color:var(--primary);background:var(--primary)}.sub-plan.selected .sub-plan-radio:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}.sub-modal-footer{padding:12px 24px 20px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.sub-plan-btn{width:100%;padding:16px;border:none;border-radius:16px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;cursor:pointer;transition:all .15s;background:var(--btn-disabled-bg);color:var(--btn-disabled-text)}.sub-plan-btn.enabled,.sub-plan-btn.primary{background:var(--primary);color:var(--bg);box-shadow:0 4px 0 var(--primary-shadow)}.sub-plan-btn.enabled:active{transform:translateY(4px);box-shadow:none}.sub-plan-btn.outline{background:none;border:1px solid var(--border);color:var(--text);box-shadow:none}.sub-plan-btn.outline:hover{border-color:var(--text-secondary)}.filter-modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;pointer-events:none;transition:opacity .25s}.filter-modal.open{pointer-events:auto}.filter-modal-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay);opacity:0;transition:opacity .25s}.filter-modal.open .filter-modal-bg{opacity:1}.filter-modal-sheet{position:absolute;bottom:0;left:0;width:100%;max-height:70%;background:var(--card-bg);border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;box-shadow:0 -4px 24px #0000001f}.filter-modal.open .filter-modal-sheet{transform:translateY(0)}.filter-modal-handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin:8px auto 4px;flex-shrink:0}.filter-modal-header{padding:4px 20px 8px;flex-shrink:0}.filter-modal-header h3{font-size:16px;font-weight:900;color:var(--text);margin:0}.filter-modal-body{flex:1;overflow-y:auto;padding:4px 20px 16px;min-height:0}.filter-modal-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .1s;margin-bottom:2px;-webkit-user-select:none;user-select:none}.filter-modal-toggle-all{border-bottom:1px solid var(--border);border-radius:10px 10px 0 0;margin-bottom:4px;padding-bottom:10px}.filter-modal-item:hover,.filter-modal-item.selected{background:var(--secondary)}.filter-modal-item input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex-shrink:0;pointer-events:none}.filter-modal-item span{font-size:14px;font-weight:700;color:var(--text)}.filter-modal-item.selected span{color:var(--primary)}.support-modal{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;pointer-events:none;transition:opacity .25s;display:flex;align-items:center;justify-content:center}.support-modal.open{pointer-events:auto}.support-modal-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay);opacity:0;transition:opacity .25s}.support-modal.open .support-modal-bg{opacity:1}.support-card{position:relative;width:300px;background:var(--card-bg);border-radius:24px;padding:28px 24px 20px;text-align:center;box-shadow:0 12px 40px #0003;transform:scale(.9);transition:transform .3s cubic-bezier(.32,.72,0,1)}.support-modal.open .support-card{transform:scale(1)}.support-card .sup-icon{font-size:48px;margin-bottom:8px}.support-card h3{font-size:18px;font-weight:900;color:var(--text);margin-bottom:4px}.support-card p{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.4}.support-card .sup-btn{width:100%;padding:14px;border:none;border-radius:14px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;cursor:pointer;transition:all .15s;margin-bottom:8px}.support-card .sup-btn.primary{background:var(--primary);color:var(--bg);box-shadow:0 3px 0 var(--primary-shadow)}.support-card .sup-btn.primary:active{transform:translateY(3px);box-shadow:none}.support-card .sup-btn.outline{background:none;border:1px solid var(--border);color:var(--text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(800px) rotate(720deg);opacity:0}}@keyframes softBounce{0%{transform:scale(1)}30%{transform:scale(1.06)}60%{transform:scale(.98)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes pulse-badge{0%,to{opacity:.7}50%{opacity:1}}@keyframes glb-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes damageFlash{0%{filter:brightness(2);transform:scale(1.05)}to{filter:brightness(1);transform:scale(1)}}@keyframes healFlash{0%{filter:brightness(.5);transform:scale(.95)}to{filter:brightness(1);transform:scale(1)}}@keyframes fadeSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.flame-svg{overflow:visible}.flame-outer{transform-origin:center bottom;animation:fl-flicker 1.4s ease-in-out infinite}.flame-mid{transform-origin:center bottom;animation:fl-mid 1.6s ease-in-out infinite}.flame-core{transform-origin:center bottom;animation:fl-core .9s ease-in-out infinite}.flame-ember{animation:fl-ember 1.8s ease-out infinite}.flame-ember.e1{animation-delay:0s}.flame-ember.e2{animation-delay:.6s}.flame-ember.e3{animation-delay:1s}.flame-ember.e4{animation-delay:.3s}.flame-ember.e5{animation-delay:.8s}@keyframes fl-flicker{0%,to{transform:scaleY(1) scaleX(1)}15%{transform:scaleY(1.1) scaleX(.9)}30%{transform:scaleY(.92) scaleX(1.08)}50%{transform:scaleY(1.06) scaleX(.94)}70%{transform:scaleY(.95) scaleX(1.06)}85%{transform:scaleY(1.04) scaleX(.96)}}@keyframes fl-mid{0%,to{transform:scaleY(1) scaleX(1)}20%{transform:scaleY(1.12) scaleX(.88)}45%{transform:scaleY(.9) scaleX(1.1)}75%{transform:scaleY(1.08) scaleX(.92)}}@keyframes fl-core{0%,to{opacity:.8;transform:scale(1)}25%{opacity:1;transform:scale(1.1)}50%{opacity:.7;transform:scale(.95)}75%{opacity:.9;transform:scale(1.05)}}@keyframes fl-ember{0%{transform:translateY(0) scale(1);opacity:.8}60%{opacity:.5}to{transform:translateY(-18px) scale(.3);opacity:0}}.fill{transition:width .5s ease}.home-header{display:flex;justify-content:space-between;align-items:center;padding:6px 20px 4px;flex-shrink:0}.home-header .theme-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:4px;transition:transform .2s}.home-header .theme-btn:hover{transform:scale(1.1)}.home-header .badges{display:flex;gap:10px;align-items:center}.badge{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s}.badge:hover{transform:scale(1.05)}.badge-streak{background:var(--streak-bg);color:#fff}.badge-streak svg{width:14px;height:14px;fill:#fff}.badge-xp{background:var(--secondary);color:var(--text)}.badge-cups{background:linear-gradient(135deg,#ff9600,#ffc800);color:#fff;font-size:12px}.section-title{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 8px;flex-shrink:0}.section-title h3{font-size:15px;color:var(--text);font-weight:800}.section-title span{font-size:12px;color:var(--text-secondary)}.daily-subjects{flex:1;overflow-y:auto;padding:0 20px 8px}.daily-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--card-bg);border:1px solid var(--border);margin-bottom:8px;cursor:pointer;transition:all .15s}.daily-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.daily-card .icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.daily-card .info{flex:1;min-width:0}.daily-card .info h4{font-size:14px;color:var(--text);font-weight:800}.daily-card .info p{font-size:12px;color:var(--text-secondary)}.daily-card .prog-wrap{display:flex;align-items:center;gap:8px;margin-top:4px}.daily-card .prog-bar{flex:1;height:6px;border-radius:3px;background:var(--prog-bg);overflow:hidden}.daily-card .prog-bar .fill{height:100%;border-radius:3px;transition:width .4s ease}.daily-card .count{font-size:12px;font-weight:800;color:var(--text-secondary);white-space:nowrap}.home-level-wrap{padding:2px 20px 6px;flex-shrink:0}.home-level-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.home-level-lvl{font-size:12px;font-weight:800;color:var(--text)}.home-level-xp{font-size:11px;font-weight:700;color:var(--text-secondary)}.home-level-bar{height:6px;border-radius:3px;background:var(--prog-bg);overflow:hidden}.home-level-bar .fill{height:100%;border-radius:3px;background:var(--prog-fill);transition:width .4s ease}.home-actions{display:flex;gap:8px;padding:4px 20px 8px;flex-shrink:0}.home-action-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg);cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif}.home-action-btn:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.home-action-btn .ha-icon{font-size:20px;line-height:1}.home-action-btn .ha-label{font-size:10px;font-weight:800;color:var(--text)}.home-quest{margin:0 20px 8px;padding:12px 14px;border-radius:14px;background:var(--card-bg);border:1px solid var(--border);flex-shrink:0}.hq-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.hq-icon{font-size:22px;line-height:1;flex-shrink:0}.hq-info{flex:1;display:flex;flex-direction:column}.hq-label{font-size:13px;font-weight:800;color:var(--text)}.hq-desc{font-size:11px;color:var(--text-secondary)}.hq-progress{font-size:13px;font-weight:800;color:var(--primary);flex-shrink:0}.hq-bar{height:6px;border-radius:3px;background:var(--prog-bg);overflow:hidden}.hq-bar .fill{height:100%;border-radius:3px;background:var(--streak-bg);transition:width .4s ease}.battle-teaser{margin:0 20px 8px;border-radius:16px;background:var(--card-bg);border:1px solid var(--border);overflow:hidden;flex-shrink:0}.battle-teaser-main{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;transition:all .15s}.battle-teaser-main:hover{background:var(--secondary)}.battle-teaser-main .bt-icon{font-size:26px;flex-shrink:0}.battle-teaser-main .bt-info{flex:1}.battle-teaser-main .bt-label{font-size:14px;font-weight:800;color:var(--text)}.battle-teaser-main .bt-desc{font-size:11px;color:var(--text-secondary);margin-top:1px}.battle-teaser-main .bt-arrow{font-size:18px;color:var(--text-secondary)}.battle-friend-row{display:flex;align-items:center;gap:10px;padding:10px 14px 12px;border-top:1px solid var(--border);cursor:pointer;transition:all .15s}.battle-friend-row:hover{background:var(--secondary)}.battle-friend-row .bt-friend-icon{font-size:16px;flex-shrink:0}.battle-friend-row .bt-friend-label{flex:1;font-size:13px;font-weight:700;color:var(--primary)}.battle-friend-row .bt-friend-arrow{font-size:16px;color:var(--text-secondary)}.home-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.home-scroll::-webkit-scrollbar{width:3px}.home-scroll::-webkit-scrollbar-track{background:transparent}.home-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.home-header-v6{display:flex;justify-content:space-between;align-items:center;padding:0 20px 8px;flex-shrink:0}.home-header-v6 h1{font-size:24px;font-weight:900;color:var(--text);letter-spacing:-.5px}.home-header-v6 .hdr-right{display:flex;gap:8px;align-items:center}.mascot-quote{display:flex;align-items:center;gap:12px;margin:0 20px 12px;padding:10px 12px;border-radius:18px;border:2px solid var(--border);background:var(--card-bg);flex-shrink:0}.mascot-quote img{width:88px;height:88px;object-fit:contain;flex-shrink:0}.mq-body{flex:1;min-width:0}.mq-name{font-size:10px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:var(--primary);margin-bottom:3px}.mq-text{font-size:13.5px;font-weight:800;color:var(--text);line-height:1.4}.mq-author{display:block;margin-top:4px;font-size:11px;font-weight:700;color:var(--text-secondary)}.today-stats{display:flex;gap:8px;padding:0 20px 12px;flex-shrink:0}.ts-card{flex:1;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:10px 6px;text-align:center}.ts-card .tsi{font-size:20px;margin-bottom:3px;display:block}.ts-card .tsv{font-size:20px;font-weight:900;color:var(--text);line-height:1.1}.ts-card .tsl{font-size:10px;color:var(--text-secondary);font-weight:700;margin-top:2px;display:block}.ach-section{flex-shrink:0;padding-bottom:2px}.ach-section .ah{display:flex;justify-content:space-between;align-items:center;padding:4px 20px 6px}.ach-section .ah span:first-child{font-size:15px;font-weight:800;color:var(--text)}.ach-section .ah span:last-child{font-size:12px;color:var(--primary);font-weight:700;cursor:pointer;opacity:.8}.ach-section .ah span:last-child:hover{opacity:1}.ach-row{display:flex;gap:8px;padding:0 20px 10px;overflow-x:auto;scrollbar-width:none}.ach-row::-webkit-scrollbar{display:none}.ach-badge{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.ach-badge .ai{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,#ffffff14,#ffffff05);border:2px solid var(--border);position:relative}.ach-badge .ai.unlocked{border-color:#ff9600;background:linear-gradient(135deg,var(--xp-soft),var(--xp-soft))}.ach-badge .ai .nd{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:var(--error);font-size:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;line-height:1}.ach-badge .an{font-size:9px;color:var(--text-secondary);font-weight:700;max-width:48px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quests-section{padding:4px 20px 12px;flex-shrink:0}.quests-section .qs-title{font-size:17px;font-weight:800;color:var(--text);margin-bottom:12px}.quest-card{display:flex;align-items:center;gap:14px;background:var(--card-bg);border:2px solid var(--border);border-radius:18px;padding:16px;margin-bottom:10px;transition:.2s;cursor:pointer}.quest-card:hover{border-color:var(--primary)}.quest-card .qci{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.quest-card .qci.active{background:var(--accent-soft)}.quest-card .qci.rest{background:var(--success-soft)}.quest-card .qcb{flex:1;min-width:0}.quest-card .qcb .qcn{font-size:16px;font-weight:800;color:var(--text)}.quest-card .qcb .qcd{font-size:14px;color:var(--text-secondary);margin-top:3px;line-height:1.3}.quest-card .qcb .qb{height:6px;background:var(--prog-bg);border-radius:10px;overflow:hidden;margin-top:7px;max-width:160px}.quest-card .qcb .qb .fill{height:100%;background:var(--prog-fill);border-radius:10px}.quest-card .qcb .qb .fill.rest{background:var(--success)}.quest-card .qcr{text-align:right;flex-shrink:0}.quest-card .qcr .qcr-reward{font-size:15px;font-weight:800;color:#ff9600}.quest-card .qcr .qcr-status{font-size:14px;font-weight:700;color:var(--success)}.quest-card .qcr .qcr-label{font-size:12px;color:var(--text-secondary);font-weight:600}.battle-card{display:flex;align-items:center;gap:12px;background:var(--card-bg);border:1px solid var(--primary);border-radius:16px;padding:12px 14px;cursor:pointer;transition:.2s}.battle-card:hover{background:var(--card-bg);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.battle-card .bci{width:40px;height:40px;border-radius:14px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.battle-card .bcb{flex:1}.battle-card .bcb .bcn{font-size:14px;font-weight:800;color:var(--text)}.battle-card .bcb .bcd{font-size:12px;color:var(--text-secondary);margin-top:2px}.battle-card .bcb .bcb-bar{height:4px;background:var(--prog-bg);border-radius:10px;overflow:hidden;margin-top:5px;max-width:130px}.battle-card .bcb .bcb-bar .fill{height:100%;background:var(--prog-fill);border-radius:10px}.battle-card .bcr{text-align:right;flex-shrink:0}.battle-card .bcr .bcr-reward{font-size:13px;font-weight:800;color:#ff9600}.battle-card .bcr .bcr-progress{font-size:11px;color:var(--text-secondary);font-weight:600}.feed-section{flex:1;display:flex;flex-direction:column;min-height:100px;padding-top:4px}.feed-section .fh{display:flex;justify-content:space-between;align-items:center;padding:6px 20px;flex-shrink:0}.feed-section .fh span:first-child{font-size:15px;font-weight:800;color:var(--text)}.feed-section .fh span:last-child{font-size:12px;color:var(--primary);font-weight:700;cursor:pointer;opacity:.8}.feed-section .fh span:last-child:hover{opacity:1}.week-chart{display:flex;align-items:flex-end;gap:8px;padding:10px 20px 14px;height:150px;flex:1}.week-chart .wc-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;min-width:0}.week-chart .wc-col .wc-val{font-size:11px;font-weight:800;color:var(--text-secondary)}.week-chart .wc-col .wc-bar{width:100%;max-width:28px;min-height:8px;border-radius:8px 8px 4px 4px;background:var(--prog-fill);transition:height .5s ease}.week-chart .wc-col.today .wc-bar{background:var(--primary);box-shadow:0 0 0 1px var(--primary)}.week-chart .wc-col .wc-day{font-size:10px;font-weight:700;color:var(--text-secondary)}.week-chart .wc-col.today .wc-day{color:var(--primary)}.globe-embed-shell{padding:0;overflow:hidden;position:absolute;top:0;left:0;z-index:-1;visibility:hidden;pointer-events:none}.globe-embed-shell.globe-active{position:relative;z-index:auto;visibility:visible;pointer-events:auto}.globe-embed-wrap{flex:1;min-height:0;overflow:hidden;position:relative}.globe-embed{width:100%;height:100%;border:0;display:block}.globe-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden}.globe-loader .ld-sky{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.paper-plane-loop{position:relative;width:140px;height:140px}.globe-loader-dash{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:2px dashed var(--border);border-radius:50%;opacity:.6}.plane-orbit{position:absolute;top:0;right:0;bottom:0;left:0;animation:plane-loop 2.4s linear infinite}.paper-plane{position:absolute;top:0;left:50%;transform:translate(-50%);fill:var(--primary);filter:drop-shadow(0 2px 4px var(--primary-shadow))}.globe-loader-text{font-size:13px;font-weight:800;color:var(--text-secondary)}@keyframes plane-loop{0%{transform:rotate(0)}12%{transform:rotate(48deg)}25%{transform:rotate(118deg)}38%{transform:rotate(185deg)}50%{transform:rotate(238deg)}62%{transform:rotate(288deg)}75%{transform:rotate(328deg)}to{transform:rotate(360deg)}}.rm-header{padding:16px 20px 0;flex-shrink:0}.rm-header h1{font-size:22px;color:var(--text);font-weight:900}.rm-header p{font-size:13px;color:var(--text-secondary);margin-top:2px}.rm-header-top{display:flex;justify-content:space-between;align-items:center}.rm-tabs{display:flex;gap:8px;padding:10px 20px;flex-shrink:0}.rm-tab{padding:8px 16px;border-radius:20px;border:1px solid var(--border);background:none;font-size:13px;font-weight:800;color:var(--text-secondary);cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif}.rm-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.rm-content{flex:1;overflow:hidden;position:relative;min-height:0}.rm-content canvas{display:block;width:100%!important;height:100%!important}.globe-container{width:100%;height:100%;position:relative}.globe-container canvas{display:block;width:100%!important;height:100%!important}.globe-info{position:absolute;bottom:12px;left:50%;transform:translate(-50%);color:var(--text-secondary);font-size:11px;font-weight:700;text-align:center;opacity:.6;pointer-events:none;background:#0000004d;padding:4px 12px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.location-tooltip{position:absolute;bottom:50px;left:50%;transform:translate(-50%);padding:10px 16px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border);box-shadow:0 8px 32px #0003;font-size:12px;font-weight:700;color:var(--text);pointer-events:none;z-index:5;transition:opacity .2s;text-align:center;line-height:1.4}.location-tooltip .sub{font-size:10px;font-weight:600;color:var(--text-secondary);display:block;margin-top:3px}.rm-detail-panel{position:absolute;bottom:0;left:0;right:0;z-index:10;background:var(--card-bg);border-radius:20px 20px 0 0;padding:16px 20px 24px;border-top:1px solid var(--border);box-shadow:0 -8px 30px #0000001f;animation:fadeSlideUp .3s ease;max-height:50%;overflow-y:auto}.rm-detail-close{position:absolute;top:10px;right:14px;width:28px;height:28px;border-radius:50%;border:none;background:var(--prog-bg);color:var(--text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Nunito,sans-serif;font-weight:800;transition:all .15s}.rm-detail-close:hover{background:var(--error-light);color:var(--error)}.rm-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.rm-detail-header strong{font-size:15px;color:var(--text);font-weight:900}.rm-detail-topic{font-size:13px;font-weight:800;color:var(--primary);margin-bottom:10px;padding:6px 10px;background:var(--secondary);border-radius:8px;display:inline-block}.rm-detail-tasks{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.rm-task-row{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:10px;background:var(--bg);border:1px solid var(--border);font-size:12px;color:var(--text);font-weight:700;line-height:1.3}.rm-task-num{width:20px;height:20px;border-radius:50%;background:var(--primary);color:#fff;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.rm-detail-btn{width:100%;padding:14px;border:none;border-radius:14px;font-family:Nunito,sans-serif;font-size:14px;font-weight:900;color:#fff;background:var(--primary);cursor:pointer;transition:all .15s;box-shadow:0 4px 0 var(--primary-shadow)}.rm-detail-btn:active{transform:translateY(4px);box-shadow:none}.progress-header{padding:16px 20px 0;flex-shrink:0}.progress-header h1{font-size:22px;color:var(--text);font-weight:900}.progress-header p{font-size:13px;color:var(--text-secondary);margin-top:2px}.pr-level-hero{display:flex;align-items:center;gap:16px;padding:12px 20px;flex-shrink:0}.pr-ring-wrap{position:relative;width:88px;height:88px;flex-shrink:0}.pr-ring-wrap svg{display:block}.pr-ring-inner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.pr-ring-lvl{font-size:28px;font-weight:900;color:var(--text);line-height:1}.pr-ring-label{font-size:9px;color:var(--text-secondary);font-weight:700;text-transform:uppercase;margin-top:1px}.pr-level-info{flex:1}.pr-level-title{font-size:20px;font-weight:900;color:var(--text)}.pr-level-sub{font-size:12px;color:var(--text-secondary);margin-top:2px}.pr-level-bar{height:6px;background:var(--prog-bg);border-radius:10px;overflow:hidden;margin-top:6px}.pr-level-bar .fill{height:100%;background:var(--prog-fill);border-radius:10px;transition:width .4s}.pr-level-xp{font-size:12px;font-weight:700;color:var(--primary);margin-top:3px}.pr-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px 20px 8px;flex-shrink:0}.pr-stat-card{padding:12px;border-radius:16px;background:var(--card-bg);border:1px solid var(--border);border-left:3px solid var(--primary)}.pr-stat-icon{font-size:18px;margin-bottom:4px}.pr-stat-val{font-size:22px;font-weight:900;color:var(--text);line-height:1.1}.pr-stat-lbl{font-size:10px;color:var(--text-secondary);font-weight:700;margin-top:2px}.pr-ach{flex-shrink:0;padding:4px 20px 6px}.pr-ach-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:6px}.pr-ach-header span:first-child{font-size:15px;font-weight:800;color:var(--text)}.pr-ach-header span:last-child{font-size:12px;font-weight:700;color:var(--text-secondary)}.pr-ach-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.pr-ach-row::-webkit-scrollbar{display:none}.pr-ach-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.pr-ach-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,#ffffff14,#ffffff05);border:2px solid var(--border)}.pr-ach-icon.unlocked{border-color:#ff9600;background:linear-gradient(135deg,#ff960026,#ff96000d)}.pr-ach-name{font-size:9px;color:var(--text-secondary);font-weight:700;max-width:48px;text-align:center}.pr-subjects{padding:4px 20px 10px}.pr-subj-card{margin-bottom:14px;background:var(--card-bg);border:1px solid var(--border);border-radius:18px;padding:14px}.pr-subj-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pr-subj-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.pr-subj-info{flex:1}.pr-subj-name{font-size:15px;font-weight:800;color:var(--text)}.pr-subj-pct{font-size:11px;color:var(--text-secondary);margin-top:1px}.pr-subj-pct-num{font-size:18px;font-weight:900;color:var(--text)}.pr-subj-bar{height:6px;border-radius:3px;background:var(--prog-bg);overflow:hidden;margin-bottom:10px}.pr-subj-bar .fill{height:100%;border-radius:3px;transition:width .4s}.pr-themes-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;padding:2px 2px 8px;font-family:inherit;font-size:12px;font-weight:800;color:var(--primary);cursor:pointer}.pr-themes-toggle:hover{opacity:.8}.pr-topics{display:flex;flex-direction:column;gap:6px}.pr-topic{padding:8px 10px;border-radius:10px;background:var(--bg);border:1px solid var(--border);transition:all .15s}.pr-topic.done{border-color:var(--success);background:var(--success-light)}.pr-topic-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text);font-weight:800;margin-bottom:4px}.pr-topic-head span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-topic-pct{font-size:11px;font-weight:800;color:var(--text-secondary);flex-shrink:0}.pr-topic-bar{height:8px;border-radius:4px;background:var(--prog-bg);overflow:hidden}.pr-topic-bar .fill{height:100%;border-radius:4px;transition:width .5s ease,background .5s ease}.pr-topic-check{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:800;color:var(--success)}.pr-complete{text-align:center;padding:20px 0;color:var(--success);font-weight:800;font-size:15px}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.achievement-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border);transition:all .15s;cursor:default;text-align:center}.achievement-item.earned{border-color:var(--xp-color);background:#ff96000f}.achievement-item.locked{opacity:.45;filter:grayscale(.8)}.achievement-item .ach-icon{font-size:22px;line-height:1;display:inline-flex;padding:5px;border-radius:10px;background:#ffffffeb}.achievement-item .ach-icon img{width:28px;height:28px;border-radius:8px;object-fit:contain;display:block}.achievement-item .ach-name{font-size:9px;font-weight:800;color:var(--text);line-height:1.2}.achievement-item .ach-count{font-size:8px;font-weight:700;color:var(--text-secondary)}.pr-ach-item{cursor:pointer}.ach-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(300px,82%);background:var(--card-bg);border-radius:20px;padding:28px 22px 24px;text-align:center;box-shadow:0 8px 32px #0000002e}.ach-x{position:absolute;top:10px;right:10px;width:30px;height:30px;border:none;background:var(--prog-bg);border-radius:50%;color:var(--text-secondary);font-size:13px;font-weight:800;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}.ach-center-icon{font-size:48px;line-height:1;margin-bottom:10px;display:inline-flex;padding:12px;border-radius:18px;background:#ffffffeb}.ach-center-icon.earned{animation:ach-pop .6s cubic-bezier(.34,1.56,.64,1)}.ach-center-img{width:96px;height:96px;object-fit:contain;margin:0 auto;display:block}@keyframes ach-pop{0%{transform:scale(0) rotate(-20deg);opacity:0}70%{transform:scale(1.3) rotate(6deg)}to{transform:scale(1) rotate(0)}}.ach-center.earned{animation:ach-card-in .4s ease-out}@keyframes ach-card-in{0%{transform:translate(-50%,-46%) scale(.9);opacity:0}}.ach-confetti{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.ach-confetti span{position:absolute;top:-8px;width:8px;height:8px;border-radius:2px;animation:ach-confetti-fall 1.6s ease-in forwards;animation-delay:var(--d, 0s)}@keyframes ach-confetti-fall{to{top:105%;opacity:0}}.ach-center-name{font-size:21px;font-weight:900;color:var(--text)}.ach-center-desc{font-size:13px;color:var(--text-secondary);margin-top:6px;line-height:1.4}.ach-center-status{margin-top:14px;font-size:12px;font-weight:800;padding:8px;border-radius:10px}.ach-center-status.earned{color:var(--success);background:var(--success-soft)}.ach-center-status.locked{color:var(--text-secondary);background:var(--prog-bg)}.bank-header{padding:16px 20px 0;flex-shrink:0}.bank-header h1{font-size:22px;color:var(--text);font-weight:900}.bank-header p{font-size:13px;color:var(--text-secondary);margin-top:2px}.bank-search-wrap{position:relative;padding:6px 20px 2px;flex-shrink:0}.bank-search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:var(--text-secondary);pointer-events:none}.bank-search{width:100%;padding:10px 14px 10px 38px;border-radius:12px;border:1px solid var(--input-border);background:var(--edit-bg);font-family:Nunito,sans-serif;font-size:13px;color:var(--text);outline:none;transition:border-color .2s}.bank-search:focus{border-color:var(--primary)}.bank-search::placeholder{color:var(--text-secondary)}mark.search-hit{background:#ffc70073;color:inherit;border-radius:3px;padding:0 1px}.bank-filters{display:flex;flex-wrap:wrap;gap:6px;padding:6px 20px;flex-shrink:0;align-items:center}.bank-filters::-webkit-scrollbar{display:none}.bank-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px 7px 10px;border-radius:20px;border:1.5px solid var(--border);background:var(--card-bg);font-size:12px;font-weight:800;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-family:Nunito,sans-serif}.bank-pill:hover{border-color:var(--text-secondary)}.bank-pill.active{border-color:var(--pill-color, var(--primary));background:var(--pill-color, var(--primary));color:#fff;box-shadow:0 2px 8px #0000001a}.bank-pill .pill-icon{font-size:15px;line-height:1}.bank-pill .pill-label{font-size:12px}.bank-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg);font-size:11px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif}.bank-chip:hover{border-color:var(--primary);color:var(--text)}.bank-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.bank-chip-multi{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:14px;border:1.5px solid var(--border);background:var(--card-bg);font-size:11px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif}.bank-chip-multi:hover{border-color:var(--primary);color:var(--text)}.bank-chip-multi.active{background:var(--primary);color:#fff;border-color:var(--primary)}.bank-chip-multi .chip-check{display:none;width:12px;height:12px;border-radius:50%;background:#ffffff4d;align-items:center;justify-content:center;font-size:8px}.bank-chip-multi.active .chip-check{display:inline-flex}.bank-chip-clear{padding:5px 10px;border-radius:14px;border:1.5px dashed var(--border);background:none;font-size:11px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif}.bank-chip-clear:hover{border-color:var(--text-secondary);color:var(--text)}.bank-kim-wrap{overflow-x:auto;padding:0 20px 4px;flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none}.bank-kim-wrap::-webkit-scrollbar{display:none}.bank-kim-filters{display:flex;gap:4px;align-items:center;padding:2px 0}.kim-label{font-size:10px;font-weight:800;color:var(--text-secondary);margin-right:4px;white-space:nowrap;flex-shrink:0}.kim-pill{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 7px;border-radius:6px;border:1px solid var(--border);background:var(--card-bg);font-size:11px;font-weight:800;color:var(--text-secondary);cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif}.kim-pill:hover{border-color:var(--primary);color:var(--text)}.kim-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 4px #0000001a}mark{background:var(--secondary);color:var(--text);padding:0 2px;border-radius:2px}.bank-list{flex:1;overflow-y:auto;padding:4px 20px 8px}.bank-card{padding:12px 14px;border-radius:14px;background:var(--card-bg);border:1px solid var(--border);margin-bottom:8px;cursor:pointer;transition:all .15s}.bank-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.bank-card .bc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.bank-card .bc-subject{font-size:11px;font-weight:700;color:var(--primary)}.bank-card .bc-num{padding:2px 7px;border-radius:6px;background:var(--primary);color:#fff;font-size:11px;font-weight:800;white-space:nowrap}.bank-card .bc-text{font-size:13px;color:var(--text);font-weight:700;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bank-card .bc-tags{display:flex;gap:4px}.bank-card .bc-tag{padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;background:var(--secondary);color:var(--text)}.material-tabs{display:flex;gap:0;padding:6px 20px 2px;flex-shrink:0}.material-tab{flex:1;padding:10px 12px;border:1.5px solid var(--border);background:var(--card-bg);font-size:13px;font-weight:800;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-family:Nunito,sans-serif;text-align:center}.material-tab:first-child{border-radius:12px 0 0 12px}.material-tab:last-child{border-radius:0 12px 12px 0}.material-tab{font-size:12px;padding:9px 12px}.material-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #0000001a}.material-tab:last-child.active{background:var(--theory-accent);border-color:var(--theory-accent);box-shadow:0 2px 8px #4a6fa533}.theory-pills-bar{flex-shrink:0;display:none;background:var(--theory-bg);padding:0}.theory-pills-bar.visible{display:block}.theory-content{flex:1;overflow-y:auto;padding:4px 0 8px;display:none;background:var(--theory-bg)}.theory-content.visible{display:block}.theory-subj-pills{display:flex;flex-wrap:wrap;gap:6px;padding:4px 20px;flex-shrink:0;background:inherit;position:sticky;top:0;z-index:2}.theory-subj-pills .bank-pill.active{--pill-color: var(--theory-accent) !important}.theory-subj-pills .bank-pill.active .pill-label{color:#fff}.theory-subj-pills .bank-pill{border-color:var(--theory-accent-light)}.theory-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;text-align:center;gap:8px}.theory-intro .th-intro-icon{font-size:48px;opacity:.6}.theory-intro h3{font-size:18px;color:var(--text);font-weight:900}.theory-intro p{font-size:13px;color:var(--text-secondary);max-width:260px;line-height:1.4}.theory-group{margin:0 20px 14px;background:var(--card-bg);border-radius:12px;border:1px solid var(--theory-accent-light);overflow:hidden;box-shadow:0 2px 6px #4a6fa514}.theory-head{display:flex;align-items:center;gap:10px;padding:14px 14px 14px 16px;cursor:pointer;transition:all .15s;border-left:4px solid var(--theory-accent);background:#4a6fa50a}.theory-head:hover{background:#4a6fa51a}.theory-head .th-icon{font-size:22px;flex-shrink:0}.theory-head .th-info{flex:1}.theory-head .th-info h4{font-size:14px;color:var(--text);font-weight:800}.theory-head .th-info p{font-size:11px;color:var(--text-secondary)}.theory-head .th-arrow{font-size:14px;color:var(--text-secondary);transition:transform .2s}.theory-head.open .th-arrow{transform:rotate(180deg)}.theory-body{padding:0 0 12px;display:none}.theory-body.open{display:block}.theory-summary{font-size:13px;color:var(--text);line-height:1.6;padding:10px 16px 8px;margin:0;background:var(--theory-bg);border-bottom:1px solid var(--border)}.theory-rules{padding:8px 16px 4px}.theory-rule{display:flex;align-items:flex-start;gap:8px;padding:5px 0;font-size:12px;color:var(--text);line-height:1.4}.theory-rule .rule-bullet{width:6px;height:6px;border-radius:50%;background:var(--theory-accent);flex-shrink:0;margin-top:5px}.theory-prototypes-title{font-size:13px;font-weight:800;color:var(--theory-accent);padding:8px 16px 4px}.theory-prototype{margin:4px 16px;padding:10px 12px;border-radius:10px;background:var(--theory-bg);border-left:3px solid var(--theory-accent)}.theory-prototype .tp-num{font-size:10px;font-weight:800;color:var(--theory-accent);margin-bottom:3px}.theory-prototype .tp-question{font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px}.theory-prototype .tp-context{font-size:11px;color:var(--text-secondary);margin-bottom:4px;white-space:pre-line;font-style:italic}.theory-prototype .tp-answer{font-size:12px;font-weight:800;color:var(--success);margin-bottom:4px;padding:4px 8px;background:var(--success-light);border-radius:6px;display:inline-block}.theory-prototype .tp-solution{font-size:12px;color:var(--text);line-height:1.5;white-space:pre-line;padding:6px 0 4px;border-top:1px solid var(--border);margin-top:4px}.theory-empty{padding:60px 20px;text-align:center;color:var(--text-secondary);font-size:14px;line-height:1.6}.profile-header{padding:20px 20px 4px;display:flex;align-items:center;gap:14px;flex-shrink:0}.profile-avatar-wrap{position:relative;flex-shrink:0}.profile-avatar{width:64px;height:76px;border-radius:14px;overflow:hidden;flex-shrink:0;cursor:pointer;transition:transform .15s;background:var(--prog-bg)}.profile-avatar-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:var(--text-secondary)}.profile-avatar:hover{transform:scale(1.05)}.profile-avatar svg{display:block;width:100%;height:100%}.profile-avatar-upload{position:absolute;bottom:-4px;right:-6px;width:26px;height:26px;border-radius:50%;border:2px solid var(--card-bg);background:var(--primary);color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .15s;z-index:2}.profile-avatar-upload:hover{transform:scale(1.15)}.profile-info h2{font-size:18px;color:var(--text);font-weight:900}.profile-info p{font-size:12px;color:var(--text-secondary)}.profile-info .plvl{display:inline-block;padding:2px 10px;border-radius:10px;background:var(--secondary);font-size:11px;font-weight:800;color:var(--text);margin-top:4px}.profile-body{flex:1;overflow-y:auto;padding:8px 20px 4px}.profile-section{margin-bottom:16px}.profile-section h4{font-size:13px;color:var(--text-secondary);font-weight:800;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.pr-themes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 14px 12px}.pr-theme{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px;border-radius:12px;border:2px solid var(--border);cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif}.pr-theme:hover{transform:translateY(-1px)}.pr-theme.active{box-shadow:0 0 0 2px var(--primary)}.pr-theme-swatch{width:100%;height:24px;border-radius:8px}.pr-theme-name{font-size:10px;font-weight:800;color:inherit}.pr-theme-check{position:absolute;top:4px;right:6px;width:16px;height:16px;border-radius:50%;background:var(--primary);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center}.pr-theme-row .pr-info{flex:1}.profile-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border);margin-bottom:4px;cursor:pointer;transition:all .15s}.profile-row:hover{border-color:var(--primary)}.profile-row .pr-icon{font-size:18px;flex-shrink:0}.profile-row .pr-info{flex:1}.profile-row .pr-info .pr-label{font-size:13px;color:var(--text);font-weight:800}.profile-row .pr-info .pr-desc{font-size:11px;color:var(--text-secondary)}.profile-row .pr-arrow{color:var(--text-secondary);font-size:18px}.profile-row .pr-friends-badge{position:static;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#e5503f;color:#fff;font-size:12px;font-weight:800;line-height:20px;text-align:center;flex-shrink:0}.profile-row .pr-toggle{position:relative;width:40px;height:22px;border-radius:11px;background:var(--prog-bg);border:none;cursor:pointer;transition:background .2s;flex-shrink:0}.profile-row .pr-toggle.on{background:var(--success)}.profile-row .pr-toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.profile-row .pr-toggle.on:after{transform:translate(18px)}.profile-name-edit{cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:opacity .15s}.profile-name-edit:hover{opacity:.7}.profile-edit-icon{font-size:12px;opacity:.5;transition:opacity .15s}.profile-name-edit:hover .profile-edit-icon{opacity:1}.name-edit-wrap{display:flex;align-items:center;gap:6px;animation:fadeSlideIn .2s ease}.name-edit-input{flex:1;padding:6px 10px;border-radius:10px;border:2px solid var(--primary);background:var(--edit-bg);font-family:Nunito,sans-serif;font-size:15px;font-weight:800;color:var(--text);outline:none;min-width:0;width:130px}.name-edit-input::placeholder{color:var(--text-secondary)}.name-edit-btn{width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;transition:all .15s;flex-shrink:0;font-family:Nunito,sans-serif;padding:0;line-height:1}.name-edit-btn.save{background:var(--success);color:#fff}.name-edit-btn.save:hover{transform:scale(1.1)}.name-edit-btn.cancel{background:var(--prog-bg);color:var(--text-secondary)}.name-edit-btn.cancel:hover{background:var(--error-light);color:var(--error)}.add-subject-btn{width:32px;height:32px;border-radius:50%;border:1.5px dashed var(--border);background:none;font-size:18px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;font-family:Nunito,sans-serif;font-weight:300;line-height:1}.add-subject-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--secondary)}.subject-picker{display:flex;flex-direction:column;gap:3px;padding:4px 0;animation:fadeSlideIn .2s ease}.subject-picker-filters{display:flex;gap:6px;padding-bottom:6px}.subject-picker-filters .bank-pill{padding:5px 12px}.subject-picker-group{display:flex;flex-direction:column;gap:3px;margin-bottom:4px}.subject-picker-group-label{font-size:11px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:4px 2px 2px}.subject-pick-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border);cursor:pointer;transition:all .15s}.subject-pick-item:hover{border-color:var(--primary)}.subject-pick-item .sp-icon{font-size:20px;flex-shrink:0}.subject-pick-item .sp-info{flex:1}.subject-pick-item .sp-info .sp-label{font-size:13px;color:var(--text);font-weight:800}.subject-pick-item .sp-info .sp-desc{font-size:11px;color:var(--text-secondary)}.subject-pick-item.soon{opacity:.5;cursor:default}.subject-pick-item.soon:hover{border-color:var(--border)}.subject-pick-item .sp-soon{font-size:11px;font-weight:800;color:var(--text-secondary);padding:2px 8px;border-radius:8px;background:var(--prog-bg);flex-shrink:0}.profile-subj-remove{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-secondary);transition:all .15s;flex-shrink:0;font-family:Nunito,sans-serif;line-height:1;padding:0}.profile-subj-remove:hover{border-color:var(--error);color:var(--error);background:var(--error-light)}.avatar-preview{width:100px;height:100px;margin:8px auto 12px;border-radius:50%;background:var(--secondary);overflow:hidden;flex-shrink:0}.avatar-options{flex:1;overflow-y:auto;padding:4px 16px 8px;min-height:0;display:flex;flex-direction:column;gap:10px}.avatar-cat{display:flex;flex-direction:column;gap:6px}.avatar-cat-label{font-size:12px;font-weight:800;color:var(--text-secondary)}.avatar-cat-options{display:flex;gap:6px;flex-wrap:wrap}.avatar-opt{display:flex;align-items:center;gap:4px;padding:6px 14px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg);cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif}.avatar-opt:hover{border-color:var(--primary)}.avatar-opt.selected{border-color:var(--primary);background:var(--secondary)}.ao-swatch{width:18px;height:18px;border-radius:50%;border:1px solid var(--border);flex-shrink:0}.ao-icon{font-size:16px;line-height:1}.ao-label{font-size:11px;font-weight:700;color:var(--text)}.q-header{display:flex;align-items:center;gap:12px;padding:10px 20px 6px;flex-shrink:0}.q-back{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;flex-shrink:0}.q-back:hover{background:var(--border)}.q-back svg{width:20px;height:20px;fill:var(--text)}.q-progress-bar{flex:1;height:8px;border-radius:4px;background:var(--prog-bg);overflow:hidden}.q-progress-bar .fill{height:100%;border-radius:4px;background:var(--prog-fill);transition:width .4s}.q-content{flex:1;display:flex;flex-direction:column;padding:12px 20px 0;overflow-y:auto}.q-subject{font-size:11px;font-weight:700;color:var(--primary);margin-bottom:2px}.q-number{font-size:12px;color:var(--text-secondary);font-weight:700;margin-bottom:6px}.q-report-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;transition:background .15s;flex-shrink:0}.q-report-btn:hover{background:var(--border)}.q-report-icon{font-size:15px;line-height:1}.q-text{font-size:16px;color:var(--text);font-weight:800;line-height:1.4;margin-bottom:8px}.q-passage{padding:12px;border-radius:10px;background:var(--secondary);font-size:14px;color:var(--text);line-height:1.5;margin-bottom:10px;font-style:italic}.q-options{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.q-option{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border);cursor:pointer;transition:all .15s}.q-option:hover{border-color:var(--primary)}.q-option.selected{background:var(--secondary);border-color:var(--primary)}.q-option.correct{background:var(--success-light);border-color:var(--success)}.q-option.wrong{background:var(--error-light);border-color:var(--error)}.q-option .letter{width:24px;height:24px;border-radius:50%;background:var(--prog-bg);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--text-secondary);flex-shrink:0}.q-option.selected .letter{background:var(--primary);color:#fff}.q-option.correct .letter{background:var(--success);color:#fff}.q-option.wrong .letter{background:var(--error);color:#fff}.q-option .answer-text{font-size:15px;color:var(--text);font-weight:700;padding-top:2px}.q-bottom-bar{padding:8px 20px 16px;flex-shrink:0}.q-bottom-bar .q-btn{width:100%;padding:16px;border:none;border-radius:16px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;cursor:pointer;transition:all .15s;letter-spacing:.5px}.q-btn:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-text);cursor:default;box-shadow:none}.q-btn.enabled{background:var(--primary);color:var(--bg);box-shadow:0 4px 0 var(--primary-shadow)}.q-btn.enabled:active{transform:translateY(4px);box-shadow:none}.q-btn.got-it{background:var(--error);color:#fff;box-shadow:0 4px #c04a4a}.q-btn.continue{background:var(--success);color:#fff;box-shadow:0 4px #23543d}.feedback-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;font-size:13px;font-weight:800;margin-bottom:8px;animation:fadeSlideIn .3s ease}.feedback-banner.correct{background:var(--fb-correct-bg);color:var(--fb-correct-text)}.feedback-banner.wrong{background:var(--fb-wrong-bg);color:var(--fb-wrong-text)}.feedback-banner svg{width:20px;height:20px;flex-shrink:0}.solution-box{padding:12px 14px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border);margin-bottom:8px;animation:fadeSlideIn .3s ease}.solution-title{font-size:12px;font-weight:800;color:var(--primary);margin-bottom:4px}.solution-text{font-size:13px;color:var(--text);line-height:1.5;font-weight:600}.xp-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 24px;border-radius:16px;background:var(--text);color:var(--bg);font-size:16px;font-weight:900;z-index:20;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;box-shadow:0 8px 24px #00000026}.xp-toast.show{opacity:1;transform:translate(-50%,-60%)}.qr-body{gap:12px;padding:4px 4px 8px}.qr-example{font-size:12px;color:var(--text-secondary);background:var(--accent-soft);border-radius:10px;padding:10px 12px}.qr-success{text-align:center;font-size:15px;font-weight:800;color:var(--text);padding:20px 28px 4px;line-height:1.4}.confetti-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:15}.confetti-piece{position:absolute;width:6px;height:6px;border-radius:2px;animation:confettiFall linear forwards}.q-loading{padding:40px 0;text-align:center;color:var(--text-secondary);font-size:15px;font-weight:700}.q-heading{font-size:15px;font-weight:700;color:var(--primary);margin:14px 0 6px;line-height:1.45}.q-info-list ul{margin:0 0 8px;padding-left:18px;font-size:14px;color:var(--text);line-height:1.5}.q-info-list ul li+li{margin-top:4px}.q-media{margin-bottom:10px;text-align:center}.q-media img{max-width:100%;border-radius:12px}[data-theme=dark] .q-media img,[data-theme=dark] .q-table td img{background:#fff;padding:4px;border-radius:8px}.q-media audio{width:100%;margin-bottom:4px}.q-media-caption{font-size:12px;color:var(--text-secondary);font-style:italic}.q-table{width:100%;border-collapse:collapse;margin-bottom:10px;font-size:13px}.q-table th,.q-table td{border:1px solid var(--border);padding:6px 8px;text-align:left;color:var(--text)}.q-table th{background:var(--secondary);font-weight:800}.q-answer-input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--card-bg);color:var(--text);font-size:15px;font-family:Nunito,sans-serif;font-weight:700;box-sizing:border-box}.q-answer-input:focus{outline:none;border-color:var(--primary)}.q-match-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.q-match-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.q-match-letter{font-size:12px;font-weight:800;color:var(--text-secondary)}.q-match-input{width:40px;height:44px;box-sizing:border-box;text-align:center;border-radius:10px;border:1px solid var(--border);background:var(--card-bg);color:var(--text);font-size:16px;font-weight:800;font-family:Nunito,sans-serif}.q-match-input:focus{outline:none;border-color:var(--primary)}.q-match-input:disabled{opacity:.6}.welcome-splash{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;padding:40px 28px;text-align:center}.welcome-badge{width:160px;height:160px;border-radius:50%;background:var(--card-bg);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:72px;animation:welcomePop 1s ease-out both}.welcome-title{font-size:24px;font-weight:900;color:var(--text);animation:fadeSlideUp .7s .4s ease-out both}@keyframes welcomePop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.onboard{display:flex;flex-direction:column;height:100%;padding:0 20px}.onboard-top{display:flex;justify-content:space-between;align-items:center;padding:14px 0 8px}.onboard-steps{display:flex;gap:6px}.onboard-steps .dot{width:8px;height:8px;border-radius:50%;background:var(--prog-bg);transition:all .3s}.onboard-steps .dot.done{background:var(--success)}.onboard-steps .dot.active{background:var(--primary);width:24px;border-radius:4px}.onboard-skip{background:none;border:none;font-size:13px;font-weight:700;color:var(--text-secondary);cursor:pointer;font-family:Nunito,sans-serif}.onboard-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center}.onboard-content h2{font-size:22px;color:var(--text);font-weight:900}.onboard-content p{font-size:14px;color:var(--text-secondary);max-width:280px;line-height:1.4}.onboard-bottom{padding:12px 0 24px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.onboard-btn{width:100%;padding:16px;border:none;border-radius:16px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;cursor:pointer;background:var(--btn-disabled-bg);color:var(--btn-disabled-text);transition:all .15s}.onboard-btn.enabled{background:var(--primary);color:var(--bg);box-shadow:0 4px 0 var(--primary-shadow)}.onboard-btn.enabled:active{transform:translateY(4px);box-shadow:none}.onboard-btn.outline{background:none;border:1px solid var(--border);color:var(--text)}.onb-screen{background:var(--bg)}.onb-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 28px;text-align:center}.onb-center.onb-register{justify-content:flex-start;overflow-y:auto;scrollbar-width:none;padding:24px 28px 16px}.onb-center.onb-register::-webkit-scrollbar{display:none}.onb-register-inner{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;margin:auto}.onb-consent{margin-top:18px;display:flex;gap:8px;align-items:flex-start;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);line-height:1.45;max-width:300px;cursor:pointer}.onb-consent input[type=checkbox]{width:18px;height:18px;margin:1px 0 0;flex-shrink:0;accent-color:var(--primary);cursor:pointer}.onb-consent a{color:var(--primary);font-weight:800;text-decoration:underline;cursor:pointer}.onb-travel-badge{width:140px;height:140px;margin-bottom:12px;border-radius:50%;background:var(--card-bg);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:64px;box-shadow:0 8px 24px var(--accent-soft)}.onb-mascot{width:100%;max-width:280px;height:280px;transform:translate(-24px)}.onb-mascot img{width:100%;height:100%;object-fit:contain}.wd-mascot{transform:none;max-width:360px;height:360px;flex-shrink:0}.wd-mascot video{width:100%;height:100%;object-fit:cover}.onb-title .accent{color:var(--primary)}.onb-step{font-size:12px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.onb-title{font-size:22px;font-weight:900;color:var(--text);margin-bottom:6px;line-height:1.2}.onb-subtitle{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:24px;line-height:1.4;max-width:280px}.onb-welcome{justify-content:flex-start;overflow-y:auto;padding:18px 28px 34px;scrollbar-width:none}.onb-welcome::-webkit-scrollbar{display:none}.onb-welcome .wd-mascot{height:320px;max-width:340px;margin-top:8px}.onb-welcome .onb-title{font-size:27px}.onb-welcome .onb-subtitle{font-size:16px;margin-bottom:30px}.onb-providers{width:100%;max-width:300px;display:flex;flex-direction:column;gap:10px}.onb-providers-label{font-size:12px;font-weight:800;color:#7a8290;text-transform:uppercase;letter-spacing:1.4px;text-align:left}.onb-platforms{width:100%;display:flex;flex-direction:column;gap:9px}.platform-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:14px;border:1px solid #e3e8f2;background:#fff;box-shadow:0 1px 2px #121a2b0a;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;font-family:Nunito,sans-serif;text-align:left}.platform-card:hover{border-color:#c6cfe3;box-shadow:0 6px 16px #121a2b1a;transform:translateY(-1px)}.platform-card:active{transform:translateY(1px);box-shadow:0 1px 2px #121a2b0a}.pf-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pf-icon svg{width:22px;height:22px;display:block}.pf-icon img{width:22px;height:22px;object-fit:contain;display:block}.pf-icon.pf-fallback{border-radius:50%;background:var(--primary);color:#fff;font-size:12px;font-weight:800}.pf-name{font-size:14px;font-weight:800;color:#1f2430}.onb-remark{font-size:16px;font-weight:800;color:var(--primary);margin-bottom:24px}.onb-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px}.onb-btn{width:100%;padding:14px;border-radius:14px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;border:none;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px}.onb-btn.primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px var(--accent-soft)}.onb-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--accent-soft)}.onb-btn.primary.disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-text);box-shadow:none;pointer-events:none}.onb-btn.ghost{background:transparent;color:var(--text-secondary);text-decoration:underline;font-size:14px;padding:10px}.onb-btn.ghost:hover{color:var(--primary)}.onb-btn.social{padding:16px;border-radius:14px;color:#fff;font-size:15px;gap:10px}.onb-btn.social.vk{background:#4a76a8}.onb-btn.social.vk:hover{background:#3a6291}.onb-btn.social.mail{background:#005ff9}.onb-btn.social.mail:hover{background:#004fcc}.onb-bottom{width:100%;max-width:280px;margin-top:auto;padding-top:16px}.onb-skip-link{font-size:13px;font-weight:700;color:var(--text-secondary);cursor:pointer;margin-top:12px;text-decoration:underline;text-underline-offset:2px}.onb-skip-link:hover{color:var(--primary)}.onb-subjects{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px;flex:1;justify-content:center}.onb-subject-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:2px solid var(--border);background:var(--card-bg);cursor:pointer;transition:all .15s;position:relative}.onb-subject-card:hover{border-color:var(--primary)}.onb-subject-card.selected{border-color:var(--primary);background:linear-gradient(135deg,var(--accent-soft),var(--accent-soft))}.onb-subject-card .sc-icon{font-size:28px;flex-shrink:0}.onb-subject-card .sc-info{flex:1;text-align:left}.onb-subject-card .sc-name{font-size:15px;font-weight:800;color:var(--text)}.onb-subject-card .sc-desc{font-size:12px;font-weight:600;color:var(--text-secondary)}.onb-subject-card .sc-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .15s;flex-shrink:0}.onb-subject-card.selected .sc-check{border-color:var(--primary);background:var(--primary);color:#fff}.onb-levels{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px;flex:1;justify-content:center}.onb-level-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.onb-level-row .lr-icon{font-size:24px;flex-shrink:0}.onb-level-row .lr-info{flex:1;text-align:left}.onb-level-row .lr-subject{font-size:14px;font-weight:800;color:var(--text);margin-bottom:4px}.onb-level-btns{display:flex;gap:6px}.onb-level-btn{width:80px;padding:8px 6px;border-radius:10px;border:2px solid var(--border);background:var(--card-bg);font-family:Nunito,sans-serif;font-size:12px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .15s}.onb-level-btn:hover{border-color:var(--primary)}.onb-level-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.onb-times{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px;flex:1;justify-content:center}.onb-time-btn{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;border:2px solid var(--border);background:var(--card-bg);cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif;width:100%;text-align:left}.onb-time-btn:hover{border-color:var(--primary)}.onb-time-btn.selected{border-color:var(--primary);background:linear-gradient(135deg,var(--accent-soft),var(--accent-soft))}.onb-time-btn .tt-icon{font-size:24px;flex-shrink:0}.onb-time-btn .tt-label{flex:1;font-size:15px;font-weight:800;color:var(--text)}.onb-time-btn .tt-sub{font-size:12px;font-weight:600;color:var(--text-secondary)}.onb-socials{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px;flex:1;justify-content:center}.onb-input-wrap{width:100%;max-width:280px}.onb-input{width:100%;padding:14px 16px;border-radius:14px;border:2px solid var(--border);background:var(--edit-bg);font-family:Nunito,sans-serif;font-size:15px;font-weight:700;color:var(--text);outline:none;transition:all .15s;box-sizing:border-box}.onb-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft)}.onb-input::placeholder{color:var(--text-secondary);font-weight:600}.onb-daily-card{width:100%;max-width:300px;padding:18px;border-radius:16px;border:2px solid var(--border);background:var(--card-bg);font-size:14px;font-weight:700;color:var(--text);line-height:1.5;text-align:left;margin-bottom:10px}.onb-daily-options{display:flex;flex-direction:column;gap:6px;width:100%;max-width:300px}.onb-daily-option{padding:12px 14px;border-radius:12px;border:2px solid var(--border);background:var(--card-bg);font-family:Nunito,sans-serif;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;transition:all .15s;text-align:left}.onb-daily-option:hover{border-color:var(--primary)}.onb-daily-option.selected{border-color:var(--primary);background:linear-gradient(135deg,var(--accent-soft),var(--accent-soft))}.onb-daily-option.correct{border-color:var(--success);background:var(--fb-correct-bg);color:var(--fb-correct-text)}.onb-daily-option.wrong{border-color:var(--error);background:var(--fb-wrong-bg);color:var(--fb-wrong-text)}.pp-card{width:100%;max-width:300px;border-radius:16px;overflow:hidden;box-shadow:0 10px 26px #3a2e2829;background:#fbf7ef;margin-bottom:8px;text-align:left}.pp-card-cover{background:linear-gradient(160deg,#7a2233,#5d1625);color:#f3d78a;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.pp-card-cover .pp-emblem{font-size:18px}.pp-card-cover .pp-cover-title{font-size:11px;font-weight:900;letter-spacing:2px}.pp-card-cover .pp-cover-id{font-size:10px;font-weight:800;letter-spacing:1px;opacity:.75}.pp-card-body{padding:16px 16px 12px}.pp-row{display:flex;gap:14px}.pp-photo-wrap{flex-shrink:0;text-align:center}.pp-photo{width:88px;height:104px;border:2px dashed #c9b69a;border-radius:12px;background:#f3ead9;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;transition:border-color .2s,background .2s}.pp-photo:hover{border-color:#e8875e}.pp-photo.has-photo{border-style:solid;border-color:#b98f4e;background:#fff}.pp-photo .pp-placeholder{text-align:center;color:#b09a7a}.pp-photo .pp-placeholder .pp-cam{font-size:24px;display:block;margin-bottom:4px}.pp-photo .pp-placeholder span{font-size:10px;font-weight:800}.pp-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pp-photo-label{font-size:9px;font-weight:800;color:#8a7a6e;margin-top:6px}.pp-fields{flex:1;display:flex;flex-direction:column;gap:10px}.pp-field .f-lbl{font-size:8px;font-weight:900;letter-spacing:1.4px;color:#a08a68;margin-bottom:2px}.pp-field .f-val{font-size:13px;font-weight:800;color:#3a2e28;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e3d5c2;padding:2px 2px 4px;text-align:left}.pp-field input.f-val{width:100%;border:none;border-bottom:2px solid #d4a017;border-radius:0;outline:none;background:transparent;font-family:Nunito,sans-serif;color:#7a5a18;padding:2px 2px 4px}.pp-field input.f-val::placeholder{color:#c9b69a;font-weight:700}.pp-field input.f-val:focus{border-bottom-color:#e8875e}.pp-footer{margin-top:12px;padding-top:8px;border-top:1px solid #e3d5c2;display:flex;justify-content:space-between;font-size:8px;font-weight:900;letter-spacing:1.2px;color:#a08a68}.pp-footer .pp-gold{color:#b98f4e;font-size:10px}.onb-done{justify-content:flex-start;overflow-y:auto;padding:22px 28px 34px;scrollbar-width:none;position:relative}.onb-done::-webkit-scrollbar{display:none}.onb-done .onb-step{margin-bottom:6px}.onb-done .onb-subtitle{margin-bottom:16px}.onb-appshot{position:relative;width:100%;max-width:212px;margin:0 auto 18px;flex-shrink:0;line-height:0}.onb-appshot img{display:block;width:100%;height:auto}.onb-appshot-arrow{position:absolute;right:9%;bottom:22%;display:flex;align-items:flex-end;z-index:2}.onb-appshot-arrow-ico{font-size:30px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45));animation:arrowPulse 1.1s ease-in-out infinite}@keyframes arrowPulse{0%,to{transform:translate(0)}50%{transform:translateY(-7px)}}.done-splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--bg);visibility:hidden;pointer-events:none}.done-splash.show{visibility:visible;pointer-events:auto}.done-splash .done-galka{width:128px;height:128px;object-fit:contain}.done-splash .done-galka,.done-splash .done-title{opacity:0}.done-splash.show .done-galka,.done-splash.show .done-title{animation:splashPop .3s cubic-bezier(.2,1.6,.4,1) both}.done-splash.out,.done-splash.out .done-galka,.done-splash.out .done-title{animation:splashExit .3s cubic-bezier(.6,0,.4,1) forwards}@keyframes splashPop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes splashExit{to{transform:translateY(-115%);opacity:0}}.friends-header{padding:14px 20px 0;display:flex;align-items:center;gap:10px;flex-shrink:0}.friends-header h1{font-size:22px;font-weight:900;color:var(--text);flex:1}.friends-back{width:36px;height:36px;border:none;background:var(--border);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.friends-back svg{width:20px;height:20px;fill:var(--text)}.friends-back:hover{background:var(--secondary)}.friends-invite{width:36px;height:36px;border:none;background:var(--primary);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;transition:background .15s;flex-shrink:0}.friends-invite:hover{background:var(--primary-shadow)}.friends-mail-btn{background:var(--card-bg);border:1px solid var(--border);color:var(--text);position:relative}.friends-mail-btn svg{width:18px;height:18px;fill:var(--text-secondary)}.friends-badge,.pr-friends-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e5503f;color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center;border:2px solid var(--card-bg)}.friends-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;gap:6px}.friends-empty-icon{font-size:42px;margin-bottom:8px}.friends-empty-title{font-size:17px;font-weight:900;color:var(--text);margin:0}.friends-empty-desc{font-size:13px;color:var(--text-secondary);margin:0 0 14px;max-width:240px;line-height:1.4}.friends-empty-btn{max-width:220px}.fr-actions{display:flex;gap:6px;flex-shrink:0}.fr-actions .fr-invite-btn{flex:0 0 auto;padding:8px 12px;font-size:12px}.fr-actions .fr-remove-btn{padding:8px 10px;font-size:12px;white-space:nowrap}.friends-stats{display:flex;gap:8px;padding:10px 20px;flex-shrink:0}.friends-stat{flex:1;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:10px;text-align:center}.fs-val{display:block;font-size:18px;font-weight:900;color:var(--text)}.fs-lbl{display:block;font-size:10px;font-weight:700;color:var(--text-secondary);margin-top:2px;text-transform:uppercase;letter-spacing:.3px}.friends-content{flex:1;overflow-y:auto;padding:0 20px 10px;min-height:0}.friends-list{display:flex;flex-direction:column;gap:8px}.friend-card{display:flex;align-items:center;gap:10px;padding:12px;background:var(--card-bg);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:all .15s}.friend-card:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.friend-card:active{transform:scale(.98)}.friend-avatar{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0;position:relative}.friend-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#4cc982;border:2px solid var(--card-bg)}.fr-race-btn{width:34px;height:34px;border:none;border-radius:10px;background:var(--prog-bg);font-size:15px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.fr-race-btn:hover{background:var(--primary)}.fr-invite-btn{flex:1;border:none;border-radius:12px;background:var(--primary);color:#fff;font-size:14px;font-weight:800;padding:12px;cursor:pointer}.fr-remove-btn{border:1px solid var(--border);border-radius:12px;background:var(--card-bg);color:var(--text-secondary);font-size:13px;font-weight:700;padding:12px;cursor:pointer}.friend-info{flex:1;min-width:0}.friend-name{font-size:13px;font-weight:800;color:var(--text);margin-bottom:1px}.friend-subjects{font-size:14px;line-height:1;margin-bottom:2px}.friend-meta{display:flex;gap:8px;font-size:10px;font-weight:600;color:var(--text-secondary)}.friends-detail{animation:fadeIn .2s ease}.fd-stats{display:flex;gap:8px;margin-bottom:12px}.fd-stat{flex:1;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:10px;text-align:center}.fd-stat-val{display:block;font-size:13px;font-weight:800;color:var(--text)}.fd-stat-lbl{display:block;font-size:9px;font-weight:700;color:var(--text-secondary);margin-top:2px;text-transform:uppercase}.fd-subjects{display:flex;flex-direction:column;gap:10px}.fd-subject{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:12px}.fd-subj-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;color:var(--text);margin-bottom:6px}.fd-subj-count{font-size:12px;font-weight:700;color:var(--text-secondary)}.fd-subj-bar{height:4px;background:var(--border);border-radius:4px;overflow:hidden;margin-bottom:8px}.fd-subj-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .5s}.fd-subj-topics{display:flex;flex-wrap:wrap;gap:4px}.fd-topic{font-size:10px;font-weight:600;padding:3px 6px;border-radius:6px;line-height:1.2}.fd-topic-done{background:#4cc9821f;color:#4cc982}.fd-topic-prog{background:#f0a0301f;color:#f0a030}.fd-topic-locked{background:#55556614;color:#668}.sub-result-row{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;border-top:1px solid var(--border)}.sub-result-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;flex-shrink:0}.sub-result-name{flex:1;font-size:15px;font-weight:600;color:var(--text)}.sub-result-add{font-size:18px;font-weight:800;color:var(--primary)}.bl-header{padding:16px 20px 0;flex-shrink:0}.bl-header h1{font-size:22px;color:var(--text);font-weight:900}.bl-header p{font-size:13px;color:var(--text-secondary);margin-top:2px}.bl-cups{display:flex;align-items:center;gap:12px;margin:10px 20px;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,#ff9600,#ffc800);flex-shrink:0}.bl-cups-icon{font-size:32px}.bl-cups-info{flex:1;display:flex;flex-direction:column}.bl-cups-val{font-size:28px;font-weight:900;color:#fff}.bl-cups-lbl{font-size:12px;font-weight:700;color:#fffc}.bl-cups-rank{padding:6px 14px;border-radius:20px;background:#ffffff40;color:#fff;font-size:12px;font-weight:800}.bl-actions{padding:4px 20px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.bl-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1.5px solid var(--border);background:var(--card-bg);cursor:pointer;transition:all .15s;text-align:left;font-family:Nunito,sans-serif;width:100%}.bl-btn:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.bl-btn-primary{background:linear-gradient(135deg,#e8875e,#d95d5d);border-color:transparent;color:#fff}.bl-btn-primary:hover{border-color:transparent;box-shadow:0 4px 16px var(--accent-soft)}.bl-btn-icon{font-size:24px;flex-shrink:0}.bl-btn-label{font-size:14px;font-weight:800;color:var(--text);display:block}.bl-btn-primary .bl-btn-label{color:#fff}.bl-btn-desc{font-size:11px;color:var(--text-secondary);display:block;margin-top:1px}.bl-btn-primary .bl-btn-desc{color:#ffffffbf}.bl-section-title{padding:12px 20px 6px;font-size:13px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.bl-history{flex:1;overflow-y:auto;padding:0 20px 8px}.bl-history-empty{text-align:center;padding:30px 20px;color:var(--text-secondary);font-size:13px}.bl-history-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border);margin-bottom:6px}.bl-hi-result{font-size:18px;flex-shrink:0}.bl-hi-info{flex:1}.bl-hi-opp{font-size:13px;font-weight:800;color:var(--text)}.bl-hi-meta{font-size:11px;color:var(--text-secondary)}.bl-hi-cups{font-size:14px;font-weight:900}.bl-hi-cups.win{color:var(--success)}.bl-hi-cups.lose{color:var(--error)}.battle-game{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,var(--bg) 0%,#1a1a2e 100%);position:relative;overflow:hidden}[data-theme=dark] .battle-game{background:linear-gradient(180deg,#1a1a2e,#0f0f1a)}.bg-top{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;flex-shrink:0}.bg-timer{font-size:20px;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums}.bg-cups-at-stake{padding:4px 12px;border-radius:20px;background:var(--xp-color);color:#fff;font-size:13px;font-weight:800}.bg-mode-badge{padding:4px 12px;border-radius:20px;background:var(--xp-soft);color:var(--text);font-size:12px;font-weight:800}.bg-theme-line{text-align:center;font-size:12px;font-weight:800;color:var(--primary);padding:0 16px 4px;flex-shrink:0}.bg-race-row{display:flex;align-items:center;gap:8px;padding:2px 16px;flex-shrink:0}.bg-race-label{font-size:11px;font-weight:700;color:var(--text-secondary);width:62px;flex-shrink:0}.bg-player .bg-race-label{color:var(--primary)}.bg-race-track{flex:1;display:flex;gap:3px}.bg-race-cell{flex:1;height:22px;border-radius:6px;background:var(--prog-bg);display:flex;align-items:center;justify-content:center;font-size:12px;opacity:.45;transition:all .3s ease}.bg-race-cell.done{opacity:1;background:var(--success-light)}.bg-race-cell.here{opacity:1;background:var(--secondary);transform:scale(1.08);box-shadow:0 0 8px #00000026}.bg-player .bg-race-cell.here{background:var(--primary)}.bg-stage-info{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 0;flex-shrink:0}.bg-stage-name{font-size:13px;font-weight:800;color:var(--text)}.bg-stage-count{font-size:11px;font-weight:700;color:var(--text-secondary)}.bg-freeze{margin:4px 16px 0;padding:6px 12px;border-radius:10px;background:#d95d5d1f;border:1px solid rgba(217,93,93,.35);color:var(--error);font-size:12px;font-weight:800;text-align:center;flex-shrink:0;animation:br-freeze-pulse 1s ease-in-out infinite}@keyframes br-freeze-pulse{0%,to{opacity:1}50%{opacity:.6}}.bg-middle{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 16px;min-height:0;position:relative}.bg-vs{font-size:14px;font-weight:900;color:var(--text-secondary);margin-bottom:8px;opacity:.5}.bg-question-area{width:100%;background:var(--card-bg);border-radius:16px;padding:14px;border:1px solid var(--border);box-shadow:0 4px 20px #0000001a}.bg-question-subject{font-size:11px;font-weight:700;color:var(--primary);margin-bottom:4px}.bg-question-text{font-size:14px;font-weight:800;color:var(--text);line-height:1.4;margin-bottom:8px}.bg-question-options{display:flex;flex-direction:column;gap:4px}.bg-q-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--bg);border:1.5px solid var(--border);cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif;text-align:left;width:100%;font-size:13px;font-weight:700;color:var(--text)}.bg-q-option:hover{border-color:var(--primary)}.bg-q-option.selected{border-color:var(--primary);background:var(--secondary)}.bg-q-option.correct{border-color:var(--success);background:var(--success-light)}.bg-q-option.wrong{border-color:var(--error);background:var(--error-light)}.bg-q-option .bg-q-letter{width:22px;height:22px;border-radius:50%;background:var(--prog-bg);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--text-secondary);flex-shrink:0}.bg-q-option.selected .bg-q-letter{background:var(--primary);color:#fff}.bg-q-option.correct .bg-q-letter{background:var(--success);color:#fff}.bg-q-option.wrong .bg-q-letter{background:var(--error);color:#fff}.bg-bottom{display:flex;align-items:center;gap:10px;padding:8px 16px 16px;flex-shrink:0}.bg-elixir-bar{flex:1;display:flex;align-items:center;gap:6px}.bg-elixir-label{font-size:11px;font-weight:700;color:var(--text-secondary);white-space:nowrap}.bg-elixir-track{flex:1;height:6px;border-radius:3px;background:var(--prog-bg);overflow:hidden}.bg-elixir-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#7b68ee,#9b8ff0);transition:width .3s ease}.bg-elixir-count{font-size:11px;font-weight:800;color:#9b8ff0;min-width:28px;text-align:right}.bg-hint-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--card-bg);cursor:pointer;font-family:Nunito,sans-serif;font-size:12px;font-weight:800;color:var(--text);transition:all .15s;flex-shrink:0}.bg-hint-btn:hover:not(:disabled){border-color:#9b8ff0}.bg-hint-btn:disabled{opacity:.4;cursor:default}.bg-hint-btn.active{border-color:#9b8ff0;background:#7b68ee1a}.br-header{padding:16px 20px 0;flex-shrink:0}.br-header h1{font-size:22px;color:var(--text);font-weight:900}.br-header p{font-size:13px;color:var(--text-secondary);margin-top:2px}.br-player-card{display:flex;align-items:center;gap:12px;margin:12px 20px;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,#ff9600,#ff6b35);border:none;flex-shrink:0;position:relative;overflow:hidden;animation:br-card-glow 2s ease-in-out infinite}@keyframes br-card-glow{0%,to{box-shadow:0 0 20px var(--xp-soft)}50%{box-shadow:0 0 40px #ff6b3599}}.br-player-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);animation:br-shine 3s ease-in-out infinite}@keyframes br-shine{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.br-pc-avatar{width:48px;height:56px;border-radius:12px;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px #0003;display:flex;align-items:stretch}.br-pc-avatar>div,.br-pc-avatar svg{display:block;width:100%;height:100%}.br-pc-avatar img{display:block;width:100%;height:100%;object-fit:cover}.br-pc-info{flex:1;display:flex;flex-direction:column;gap:2px}.br-pc-name{font-size:17px;font-weight:900;color:#fff}.br-pc-lvl{font-size:11px;font-weight:700;color:#ffffffbf}.br-pc-cups{font-size:12px;font-weight:700;color:#ffffffe6}.br-pc-rank-badge{font-size:11px;font-weight:800;display:inline-block;padding:1px 8px;border-radius:6px;margin-top:2px}.br-pc-rank-num{font-size:22px;font-weight:900;color:#ffffffd9;padding:6px 12px;border-radius:12px;background:#ffffff26}.br-pc-of{font-size:10px;font-weight:700;color:#fff9}.br-search-wrap{display:flex;align-items:center;gap:8px;margin:0 20px 12px;padding:8px 12px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border);flex-shrink:0}.br-search-icon{font-size:14px;flex-shrink:0}.br-search-input{flex:1;border:none;background:none;font-family:Nunito,sans-serif;font-size:13px;font-weight:600;color:var(--text);outline:none}.br-search-input::placeholder{color:var(--text-secondary)}.br-list{padding:0 20px;flex-shrink:0}.br-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:var(--card-bg);border:1px solid var(--border);margin-bottom:6px;transition:all .2s;cursor:pointer}.br-item:hover{transform:translate(4px);border-color:var(--primary)}.br-item.top1{border:2px solid #ffd700;background:linear-gradient(135deg,#ffd7002e,#ffd7000d);position:relative;overflow:hidden;padding:14px 16px;margin:4px 0;border-radius:14px;animation:crown-pulse 2s ease-in-out infinite}@keyframes crown-pulse{0%,to{box-shadow:0 0 12px #ffd70033}50%{box-shadow:0 0 28px #ffd70080}}.br-item.top1 .br-item-rank{font-size:28px;line-height:1;filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}.br-item.top1 .br-item-avatar{width:40px;height:48px;font-size:18px;border:2px solid #ffd700}.br-item.top1 .br-item-name{font-size:16px;font-weight:900}.br-item.top1:hover{border-color:gold}.br-item.top2{border:2px solid #c0c0c0;background:radial-gradient(ellipse at 20% 50%,rgba(192,192,192,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(192,192,192,.06) 0%,transparent 50%),linear-gradient(135deg,#c0c0c014,#c0c0c005);padding:12px 14px;border-radius:12px}.br-item.top2 .br-item-rank{font-size:24px;line-height:1;filter:drop-shadow(0 0 4px rgba(192,192,192,.5))}.br-item.top2:hover{border-color:silver}.br-item.top3{border:2px solid #cd7f32;background:radial-gradient(ellipse at 30% 50%,rgba(205,127,50,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(205,127,50,.06) 0%,transparent 50%),linear-gradient(135deg,#cd7f3212,#cd7f3205);padding:12px 14px;border-radius:12px}.br-item.top3 .br-item-rank{font-size:24px;line-height:1;filter:drop-shadow(0 0 4px rgba(205,127,50,.5))}.br-item.top3:hover{border-color:#cd7f32}.br-item.is-friend{border-color:#5b7fff;background:linear-gradient(135deg,#5b7fff1f,#5b7fff0a)}.br-item.is-friend .br-item-avatar{box-shadow:0 0 0 2px #5b7fff}.br-item.is-friend .br-item-name{color:#5b7fff}.br-item.is-me{border-color:#ff9600;background:linear-gradient(135deg,var(--xp-soft),var(--xp-soft))}.br-friend-badge{font-size:12px;margin-left:4px}.br-item-rank{font-size:16px;font-weight:900;color:var(--text-secondary);min-width:32px;text-align:center}.br-item-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 2px 6px #0000001a}.br-item-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.br-item-name{font-size:14px;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-item-sub{display:flex;align-items:center;gap:5px}.br-item-lvl{font-size:11px;font-weight:700;color:var(--text-secondary)}.br-item-trophies{display:flex;align-items:center;gap:4px;flex-shrink:0}.br-trophy-icon{font-size:16px}.br-trophy-val{font-size:14px;font-weight:900;color:var(--text);min-width:36px;text-align:right}.br-rank-badge,.br-rank-badge-sm{display:inline-flex;align-items:center;gap:3px;font-weight:800;border-radius:8px;padding:2px 8px}.br-rank-badge{font-size:13px;padding:3px 10px}.br-rank-badge-sm{font-size:11px;padding:1px 6px}.rk-novice{background:#d4e8c0;color:#3a6a20}.rk-apprentice{background:#b0d4e8;color:#20506a}.rk-expert{background:#e8c8e0;color:#7a2060}.rk-master{background:linear-gradient(135deg,gold,#ffb300);color:#5a4000}.rk-champion{background:linear-gradient(135deg,#ff8a5a,#ff5a3a);color:#fff}.rk-legend{background:linear-gradient(135deg,#88d8e8,#58a8c0);color:#004060}.br-fp-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;margin:0 auto;box-shadow:0 4px 16px #00000026}.br-fp-ach{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:16px}.br-fp-ach-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:12px;background:var(--prog-bg);cursor:pointer;transition:all .15s;text-align:center}.br-fp-ach-item:hover{border-color:var(--primary);background:var(--card-bg)}.br-fp-ach-item.earned{background:#ff960014}.br-fp-ach-item.locked{opacity:.5;filter:grayscale(.8)}.br-fp-ach-icon{font-size:18px;line-height:1}.br-fp-ach-name{font-size:8px;font-weight:800;color:var(--text);line-height:1.2}.br-actions{padding:4px 20px;flex-shrink:0}.br-section-title{padding:12px 20px 6px;font-size:13px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.br-room-list{flex:1;overflow-y:auto;padding:0 20px 8px}.br-room-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--card-bg);border:1px solid var(--border);margin-bottom:6px;cursor:pointer;transition:all .15s}.br-room-card:hover{border-color:var(--primary);transform:translateY(-1px)}.br-room-icon{font-size:24px;flex-shrink:0}.br-room-info{flex:1}.br-room-name{font-size:13px;font-weight:800;color:var(--text)}.br-room-meta{font-size:11px;color:var(--text-secondary)}.br-room-players{font-size:12px;font-weight:700;color:var(--primary)}.br-empty{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:14px}.brr-divider{display:flex;align-items:center;gap:12px;padding:8px 20px;color:var(--text-secondary);font-size:12px;font-weight:700}.brr-divider:before,.brr-divider:after{content:"";flex:1;height:1px;background:var(--border)}.brr-code-section{display:flex;flex-direction:column;align-items:center;padding:24px 20px 16px;gap:16px}.brr-code-label{font-size:13px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.brr-code-inputs{display:flex;gap:8px;justify-content:center}.brr-digit{width:44px;height:52px;text-align:center;font-size:24px;font-weight:900;font-family:Nunito,monospace;border:2px solid var(--border);border-radius:12px;background:var(--card-bg);color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;caret-color:var(--primary)}.brr-digit:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft)}.brr-join-btn{width:100%;max-width:300px;padding:14px;border:none;border-radius:40px;font-family:Nunito,sans-serif;font-size:15px;font-weight:800;cursor:pointer;transition:all .2s;background:var(--btn-disabled-bg);color:var(--btn-disabled-text)}.brr-join-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 16px var(--accent-soft)}.brr-join-btn.active:hover{transform:scale(1.02)}.brr-qr-section{padding:8px 20px}.brr-qr-box{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;background:var(--card-bg);border:1px dashed var(--border)}.brr-qr-icon{width:64px;height:64px;border-radius:14px;background:var(--body-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.brr-qr-text{display:flex;flex-direction:column;gap:2px}.brr-qr-text strong{font-size:15px;color:var(--text);font-weight:800}.brr-qr-text span{font-size:12px;color:var(--text-secondary)}.brr-scanner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border:3px solid rgba(255,255,255,.3);border-radius:12px;margin:40px;box-shadow:0 0 0 999px #0000004d}.brr-mock-section{padding:16px 20px 8px}.brr-mock-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.brr-mock-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--card-bg);border:1px dashed var(--border);cursor:pointer;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;color:var(--text);transition:.15s;width:100%;text-align:left}.brr-mock-btn:hover{border-color:var(--primary);border-style:solid}.brr-mock-dot{width:10px;height:10px;border-radius:50%;background:var(--text-secondary);flex-shrink:0}.brr-mock-dot.owner{background:var(--primary)}.rl-view-toggle{padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:var(--card-bg);font-size:11px;font-weight:700;color:var(--text-secondary);cursor:pointer;font-family:Nunito,sans-serif;transition:.15s}.rl-view-toggle.active{background:var(--primary);color:#fff;border-color:var(--primary)}.rl-code-section{display:flex;flex-direction:column;align-items:center;padding:20px 20px 12px;gap:6px}.rl-code-label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.rl-code-value{font-size:36px;font-weight:900;font-family:Nunito,monospace;color:var(--text);letter-spacing:8px;background:var(--card-bg);padding:8px 20px;border-radius:14px;border:2px dashed var(--border)}.rl-code-hint{font-size:11px;color:var(--text-secondary)}.rl-settings-summary{display:flex;align-items:center;gap:12px;padding:12px 20px;margin:4px 20px;border-radius:14px;background:var(--card-bg);border:1px solid var(--border);cursor:default}.rl-ss-item{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--text)}.rl-ss-icon{font-size:16px}.rl-ss-edit{margin-left:auto;font-size:14px;cursor:pointer;opacity:.5}.rl-players{padding:12px 20px}.rl-players-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;font-size:13px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.rl-start-btn{padding:8px 20px;border:none;border-radius:30px;background:var(--success);color:#fff;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;cursor:pointer;transition:.15s;box-shadow:0 3px 12px var(--success-soft)}.rl-start-btn:hover{transform:scale(1.03)}.rl-player{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--card-bg);border:1px solid var(--border);margin-bottom:6px;transition:.2s}.rl-player.ready{border-color:var(--success);background:linear-gradient(135deg,var(--success-soft),var(--success-soft))}.rl-pl-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0}.rl-pl-info{flex:1;display:flex;flex-direction:column;gap:1px}.rl-pl-name{font-size:14px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:6px}.rl-pl-owner{font-size:10px;background:var(--primary);color:#fff;padding:1px 8px;border-radius:20px;font-weight:700}.rl-pl-status{font-size:12px;color:var(--text-secondary)}.rl-pl-kick{width:28px;height:28px;border-radius:50%;border:none;background:#c800001a;color:var(--error);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:.15s}.rl-pl-kick:hover{background:#c8000033}.rl-ready-btn{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--card-bg);font-family:Nunito,sans-serif;font-size:12px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:.15s}.rl-ready-btn.done{background:var(--success);color:#fff;border-color:var(--success)}.rl-ready-btn.not-ready{border-color:var(--error);color:var(--error);background:var(--card-bg)}.rl-pl-me{font-size:11px;font-weight:700;color:var(--text-secondary)}.rl-waiting{text-align:center;padding:20px;color:var(--text-secondary);font-size:14px;font-weight:700}.rl-custom-badge{margin:4px 20px;padding:8px 14px;border-radius:12px;background:#5b7fff1a;border:1px dashed #5b7fff;color:#5b7fff;font-size:12px;font-weight:800;text-align:center}.cr-theme-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border)}.cr-theme-emoji{font-size:24px}.cr-theme-info{flex:1;display:flex;flex-direction:column}.cr-theme-name{font-size:13px;font-weight:800;color:var(--text)}.cr-theme-topic{font-size:11px;color:var(--text-secondary)}.cr-theme-diff{padding:4px 10px;border-radius:20px;background:var(--primary);color:#fff;font-size:11px;font-weight:800}.cr-theme-empty{padding:12px;border-radius:12px;border:1px dashed var(--border);color:var(--text-secondary);font-size:12px;font-weight:700;text-align:center}.rl-setting{margin-bottom:16px}.rl-setting-label{font-size:12px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.rl-setting-chips{display:flex;flex-wrap:wrap;gap:6px}.rl-chip{padding:8px 14px;border-radius:30px;border:1px solid var(--border);background:var(--card-bg);font-family:Nunito,sans-serif;font-size:13px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:.15s}.rl-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.rl-stepper{display:flex;align-items:center;gap:12px}.rl-step-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--card-bg);font-size:20px;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;font-family:Nunito,sans-serif}.rl-step-btn:hover{border-color:var(--primary)}.rl-step-btn:disabled{opacity:.35;cursor:default;border-color:var(--border)}.rl-step-val{font-size:18px;font-weight:900;color:var(--text);min-width:60px;text-align:center}.qm-banner{position:fixed;bottom:68px;left:50%;transform:translate(-50%);width:min(390px,100vw);z-index:40;display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(90deg,#e8875e,#f4a37e);border-top:1px solid rgba(255,255,255,.25);box-shadow:0 -4px 16px #e8875e4d;pointer-events:auto}.qm-spinner{width:28px;height:28px;flex-shrink:0;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.qm-info{flex:1;display:flex;flex-direction:column;gap:2px}.qm-title{font-size:14px;font-weight:900;color:#fff}.qm-time{font-size:12px;color:#ffffffd9;font-weight:700}.qm-cancel{width:30px;height:30px;border-radius:50%;border:none;background:#ffffff40;color:#fff;font-size:14px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.qm-cancel:hover{background:#ffffff73}@keyframes spin{to{transform:rotate(360deg)}}.sp-scroll{padding:8px 20px 32px;gap:8px}.sp-header-top{justify-content:center;position:relative}.sp-header-top .nav-arrow{position:absolute;left:0}.sp-section{margin-bottom:24px}.sp-label{font-size:13px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.sp-cats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sp-cat{display:flex;align-items:center;gap:8px;padding:14px 12px;border:1.5px solid var(--border);border-radius:14px;background:var(--card-bg);color:var(--text);font-size:13px;font-weight:700;cursor:pointer;text-align:left;transition:all .15s;font-family:Nunito,sans-serif}.sp-cat:hover{border-color:var(--primary)}.sp-cat.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--card-bg))}.sp-cat-icon{font-size:18px}.sp-example{padding:14px 16px;border:1px dashed var(--border);border-radius:14px;background:var(--card-bg);color:var(--text-secondary);font-size:14px;line-height:1.5}.sp-hint{margin-top:8px;font-size:12px;color:var(--text-secondary)}.sp-textarea{width:100%;box-sizing:border-box;padding:14px 16px;border:1.5px solid var(--input-border);border-radius:14px;background:var(--card-bg);color:var(--text);font-size:14px;font-family:inherit;resize:vertical;min-height:130px;line-height:1.5}.sp-textarea:focus{outline:none;border-color:var(--primary)}.sp-key{min-height:auto;margin-bottom:12px}.sp-count{margin-top:6px;text-align:right;font-size:11px;color:var(--text-secondary)}.sp-error{margin:0 0 16px;padding:12px 14px;border-radius:12px;background:var(--error-light);color:var(--error);font-size:13px;font-weight:700}.sp-submit{display:flex;align-items:center;justify-content:center;width:100%;padding:15px 16px;border-radius:16px;border:none;background:linear-gradient(135deg,var(--primary),var(--primary-shadow));color:#fff;font-size:15px;font-weight:800;font-family:Nunito,sans-serif;cursor:pointer;transition:all .15s;margin-top:4px}.sp-submit:hover{filter:brightness(1.06);box-shadow:0 6px 18px var(--accent-soft)}.sp-submit:disabled{opacity:.6;cursor:default}.sp-success{text-align:center;padding:40px 16px}.sp-success-icon{font-size:48px;margin-bottom:14px}.sp-success-title{font-size:19px;font-weight:800;color:var(--text);margin-bottom:6px}.sp-success-desc{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.sp-empty{padding:32px 16px;text-align:center;color:var(--text-secondary);font-size:14px}.sp-admin-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.sp-msg{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--card-bg)}.sp-msg-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.sp-msg-nick{font-weight:800;font-size:14px;color:var(--text)}.sp-msg-cat{font-size:11px;padding:2px 8px;border-radius:20px;background:color-mix(in srgb,var(--primary) 14%,var(--card-bg));color:var(--primary);font-weight:700}.sp-msg-date{margin-left:auto;font-size:11px;color:var(--text-secondary)}.sp-msg-body{font-size:14px;color:var(--text);white-space:pre-wrap;word-break:break-word}.err-screen{background:radial-gradient(circle at 85% -10%,var(--secondary) 0,transparent 42%),radial-gradient(circle at 0% 110%,var(--secondary) 0,transparent 40%),var(--bg)}.err-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px 24px;min-height:0;overflow-y:auto;animation:fadeIn .3s ease}.err-illus{position:relative;width:148px;height:148px;margin-bottom:18px;flex-shrink:0}.err-illus span{position:absolute;font-size:64px;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 10px 14px rgba(13,59,54,.18));animation:bob 3.2s ease-in-out infinite}.err-illus:after{content:"";position:absolute;left:50%;bottom:6px;width:74px;height:10px;transform:translate(-50%);background:var(--overlay);opacity:.35;border-radius:50%;filter:blur(3px);animation:squash 3.2s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}@keyframes squash{0%,to{transform:translate(-50%) scaleX(1)}50%{transform:translate(-50%) scaleX(.86)}}.err-code{font-size:52px;line-height:1;font-weight:900;letter-spacing:1px;color:var(--primary-shadow);text-shadow:0 3px 0 var(--overlay)}.err-code.acc-red{color:var(--error)}.err-code.acc-amber{color:var(--xp-color)}.err-code.acc-lite{color:var(--primary)}.err-title{font-size:20px;font-weight:900;color:var(--text);margin:10px 0 8px;padding:0 8px}.err-sub{font-size:14px;line-height:1.5;font-weight:700;color:var(--text-secondary);max-width:300px}.err-actions{display:flex;gap:10px;margin-top:26px;width:100%;max-width:320px}.err-btn{flex:1;font-family:Nunito,sans-serif;font-size:15px;font-weight:900;border:none;border-radius:16px;padding:14px 12px;cursor:pointer;transition:all .15s}.err-btn.primary{background:var(--primary);color:var(--bg);box-shadow:0 6px 0 var(--primary-shadow)}.err-btn.primary:active{transform:translateY(4px);box-shadow:0 2px 0 var(--primary-shadow)}.err-btn.ghost{background:var(--card-bg);color:var(--primary-shadow);border:2px solid var(--primary-shadow)}.err-btn.ghost:active{transform:translateY(2px)}.ld-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#4a90d9,#87ceeb,#b8e6f0 60%,#f5e6c8);overflow:hidden}.ld-sun{position:absolute;top:6%;right:10%;width:70px;height:70px;background:radial-gradient(circle,#ffd700 20%,rgba(255,200,50,.4) 60%,transparent 100%);border-radius:50%;box-shadow:0 0 50px #ffc83280;animation:ld-sun-pulse 4s ease-in-out infinite}@keyframes ld-sun-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.15);opacity:1}}.ld-cloud{position:absolute;background:#ffffffe6;border-radius:100px}.ld-cloud:before,.ld-cloud:after{content:"";position:absolute;background:#ffffffe6;border-radius:100px}.ld-cloud-1{width:140px;height:45px;top:8%;left:-160px;animation:ld-cloud-float 22s linear infinite}.ld-cloud-1:before{width:55px;height:55px;top:-28px;left:18px}.ld-cloud-1:after{width:65px;height:45px;top:-18px;left:55px}.ld-cloud-2{width:110px;height:38px;top:22%;left:-140px;animation:ld-cloud-float 28s linear infinite;animation-delay:-6s;opacity:.75}.ld-cloud-2:before{width:48px;height:48px;top:-24px;left:14px}.ld-cloud-2:after{width:55px;height:38px;top:-14px;left:45px}.ld-cloud-3{width:160px;height:50px;top:40%;left:-190px;animation:ld-cloud-float 20s linear infinite;animation-delay:-12s;opacity:.65}.ld-cloud-3:before{width:60px;height:60px;top:-30px;left:20px}.ld-cloud-3:after{width:70px;height:50px;top:-20px;left:60px}.ld-cloud-4{width:100px;height:35px;top:55%;left:-130px;animation:ld-cloud-float 26s linear infinite;animation-delay:-3s;opacity:.55}.ld-cloud-4:before{width:42px;height:42px;top:-21px;left:12px}.ld-cloud-4:after{width:48px;height:35px;top:-11px;left:40px}.ld-cloud-5{width:130px;height:42px;top:70%;left:-160px;animation:ld-cloud-float 32s linear infinite;animation-delay:-18s;opacity:.45}.ld-cloud-5:before{width:52px;height:52px;top:-26px;left:16px}.ld-cloud-5:after{width:58px;height:42px;top:-16px;left:50px}@keyframes ld-cloud-float{0%{transform:translate(0)}to{transform:translate(550px)}}.ld-bird{position:absolute;opacity:.35}.ld-bird svg{width:24px;height:12px}.ld-bird-1{top:15%;animation:ld-bird-fly-1 18s linear infinite}.ld-bird-2{top:20%;animation:ld-bird-fly-2 24s linear infinite;animation-delay:-8s}@keyframes ld-bird-fly-1{0%{left:-30px;transform:translateY(0)}25%{transform:translateY(-6px)}50%{transform:translateY(3px)}75%{transform:translateY(-4px)}to{left:460px;transform:translateY(0)}}@keyframes ld-bird-fly-2{0%{left:-30px;transform:translateY(0)}30%{transform:translateY(5px)}60%{transform:translateY(-3px)}to{left:460px;transform:translateY(0)}}.ld-trail-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:15;overflow:hidden}.ld-particle{position:absolute;width:8px;height:8px;background:#fffffff2;border-radius:50%;pointer-events:none;box-shadow:0 0 6px #fff9;animation:ld-particle-fade 1.5s ease-out forwards}@keyframes ld-particle-fade{0%{opacity:.95;transform:scale(1)}30%{opacity:.6;transform:scale(.8)}70%{opacity:.2;transform:scale(.4)}to{opacity:0;transform:scale(.1)}}.ld-plane{position:absolute;top:0;left:0;width:50px;height:50px;pointer-events:none;z-index:20;will-change:transform}.ld-plane svg{width:100%;height:100%;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.2))}.ld-text{position:absolute;bottom:12%;left:50%;transform:translate(-50%);color:#4a6a7a;font-size:15px;letter-spacing:4px;text-transform:uppercase;font-weight:500;animation:ld-text-pulse 2.5s ease-in-out infinite;z-index:30;white-space:nowrap}.ld-dots:after{content:"";animation:ld-dots 1.5s steps(4,end) infinite}@keyframes ld-text-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes ld-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}