.modal-overlay[data-v-c426454a]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-close[data-v-c426454a]{position:absolute;top:15px;right:15px;background:none;border:none;color:#666;font-size:1.8rem;cursor:pointer;padding:0;line-height:1}.modal-close[data-v-c426454a]:hover{color:#fff}.profile-modal[data-v-c426454a]{background:#000;border-radius:16px;padding:30px;max-width:450px;width:90%;max-height:85vh;overflow-y:auto;overflow-x:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.profile-header[data-v-c426454a]{display:flex;align-items:center;gap:20px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-avatar-large[data-v-c426454a]{width:100px;height:100px;position:relative;display:flex;align-items:center;justify-content:center}.xp-ring-large[data-v-c426454a]{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.xp-ring-large .xp-ring-bg[data-v-c426454a]{fill:none;stroke:#ffffff1a;stroke-width:8}.xp-ring-large .xp-ring-progress[data-v-c426454a]{fill:none;stroke:#00d4ff;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.avatar-emoji[data-v-c426454a]{font-size:50px;z-index:1}.profile-info[data-v-c426454a]{flex:1}.profile-info h2[data-v-c426454a]{color:#fff;margin:0 0 10px;font-size:1.5rem}.xp-bar[data-v-c426454a]{height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;margin-bottom:5px}.xp-bar-fill[data-v-c426454a]{height:100%;background:linear-gradient(90deg,#00d4ff,#0f8);border-radius:5px;transition:width .3s ease}.xp-text[data-v-c426454a]{color:#888;font-size:.85rem;margin:0}.profile-section[data-v-c426454a]{margin-bottom:20px}.profile-section h3[data-v-c426454a]{color:#00d4ff;font-size:1rem;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px}.profile-stats[data-v-c426454a]{display:flex;gap:15px}.profile-stat[data-v-c426454a]{flex:1;background:#ffffff0d;border-radius:10px;padding:15px;text-align:center}.profile-stat .stat-value[data-v-c426454a]{display:block;font-size:1.5rem;font-weight:700;color:#fff}.profile-stat .stat-label[data-v-c426454a]{display:block;font-size:.75rem;color:#888;margin-top:5px}.quests-list[data-v-c426454a]{display:flex;flex-direction:column;gap:8px}.quest-item[data-v-c426454a]{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff0d;border-radius:8px;transition:background .2s}.quest-count[data-v-c426454a]{min-width:28px;height:28px;background:#00d4ff33;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#00d4ff}.quest-text[data-v-c426454a]{flex:1;color:#fff;font-size:.9rem}.quest-xp[data-v-c426454a]{color:#00d4ff;font-size:.85rem;font-weight:700}.quest-icon[data-v-c426454a]{font-size:1rem;color:#666;width:20px;text-align:center}.quest-item.completed[data-v-c426454a]{background:#00ff881a}.quest-item.completed .quest-icon[data-v-c426454a]{color:#0f8}.sidebar[data-v-511369b4]{position:fixed;top:75px;left:0;bottom:0;width:200px;background:linear-gradient(180deg,#0a0a0a,#000);border-right:1px solid #1a1a1a;display:flex;flex-direction:column;z-index:900;transition:width .3s ease;overflow:hidden}.sidebar.collapsed[data-v-511369b4]{width:60px}.sidebar-toggle[data-v-511369b4]{position:absolute;top:10px;right:10px;width:28px;height:28px;background:#ffffff1a;border:none;border-radius:6px;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:.9rem}.sidebar-toggle[data-v-511369b4]:hover{background:#ffffff26;color:#fff}.sidebar.collapsed .sidebar-toggle[data-v-511369b4]{right:50%;transform:translate(50%)}.sidebar-nav[data-v-511369b4]{flex:1;padding:50px 10px 10px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar-item[data-v-511369b4]{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;text-decoration:none;color:#aaa;transition:all .2s;white-space:nowrap}.sidebar-item[data-v-511369b4]:hover{background:#ffffff14;color:#fff}.sidebar-item.active[data-v-511369b4]{background:#00d4ff26;color:#00d4ff}.sidebar-icon[data-v-511369b4]{font-size:1.2rem;width:24px;text-align:center;flex-shrink:0}.sidebar-label[data-v-511369b4]{font-size:.95rem;font-weight:500;transition:opacity .3s}.sidebar.collapsed .sidebar-label[data-v-511369b4]{opacity:0;width:0}.sidebar.collapsed .sidebar-item[data-v-511369b4]{justify-content:center;padding:12px}.sidebar-footer[data-v-511369b4]{padding:10px;border-top:1px solid #1a1a1a}.sidebar-settings-btn[data-v-511369b4]{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:10px;background:none;border:none;color:#888;cursor:pointer;transition:all .2s;white-space:nowrap}.sidebar-settings-btn[data-v-511369b4]:hover{background:#ffffff14;color:#fff}.sidebar.collapsed .sidebar-settings-btn[data-v-511369b4]{justify-content:center;padding:12px}@media(max-width:768px){.sidebar[data-v-511369b4]{width:60px}.sidebar .sidebar-label[data-v-511369b4]{opacity:0;width:0}.sidebar .sidebar-item[data-v-511369b4],.sidebar .sidebar-settings-btn[data-v-511369b4]{justify-content:center;padding:12px}.sidebar-toggle[data-v-511369b4]{display:none}}body.white-mode .sidebar{background:linear-gradient(180deg,#f8f8f8,#f0f0f0);border-right-color:#ddd}body.white-mode .sidebar-toggle{background:#0000000d;color:#666}body.white-mode .sidebar-toggle:hover{background:#0000001a;color:#000}body.white-mode .sidebar-item{color:#555}body.white-mode .sidebar-item:hover{background:#0000000d;color:#000}body.white-mode .sidebar-item.active{background:#0096c81a;color:#0096c8}body.white-mode .sidebar-footer{border-top-color:#ddd}body.white-mode .sidebar-settings-btn{color:#666}body.white-mode .sidebar-settings-btn:hover{background:#0000000d;color:#000}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main-content{min-height:calc(100vh - 60px);overflow-x:hidden}.main-content.with-sidebar{margin-left:200px;width:calc(100% - 200px);transition:margin-left .3s ease,width .3s ease}.sidebar-collapsed .main-content.with-sidebar{margin-left:60px;width:calc(100% - 60px)}.settings-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.settings-modal{background:#1a1a1a;border-radius:12px;width:100%;max-width:400px;animation:modalIn .2s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #2a2a2a}.settings-header h2{color:#00d4ff;font-size:1.3rem;margin:0}.settings-close{background:none;border:none;color:#888;font-size:1.8rem;cursor:pointer;transition:color .2s;line-height:1}.settings-close:hover{color:#fff}.settings-content{padding:25px}.theme-switcher{display:flex;align-items:stretch;border-radius:12px;overflow:hidden;background:linear-gradient(to right,#000 0% 25%,#f5f5f5 75% 100%)}.theme-side{flex:1;padding:20px;display:flex;align-items:center;justify-content:center}.theme-dark{color:#fff}.theme-light{color:#000}.theme-label{font-weight:600;font-size:1rem}.theme-toggle{display:flex;align-items:center;justify-content:center;padding:0 5px}.theme-toggle input{opacity:0;width:0;height:0}.theme-toggle-slider{position:relative;width:50px;height:26px;background:#444;border-radius:26px;cursor:pointer;transition:.3s}.theme-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.theme-toggle input:checked+.theme-toggle-slider{background:#888}.theme-toggle input:checked+.theme-toggle-slider:before{transform:translate(24px)}:global(body.white-mode) .settings-modal{background:#fff;border:1px solid #ddd}:global(body.white-mode) .settings-header{border-bottom-color:#eee}:global(body.white-mode) .settings-header h2{color:#0096c8}:global(body.white-mode) .settings-close{color:#999}:global(body.white-mode) .settings-close:hover{color:#000}@media(max-width:768px){.main-content.with-sidebar{margin-left:60px;width:calc(100% - 60px)}}.xp-notification{position:fixed;top:80px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#00d4ff,#0f8);color:#000;font-weight:800;font-size:1.3rem;padding:10px 28px;border-radius:30px;z-index:2000;pointer-events:none;box-shadow:0 4px 20px #00d4ff80}.xp-pop-enter-active{animation:xpPopIn .3s ease-out}.xp-pop-leave-active{animation:xpPopOut .3s ease-in}@keyframes xpPopIn{0%{opacity:0;transform:translate(-50%) scale(.5) translateY(10px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}@keyframes xpPopOut{0%{opacity:1;transform:translate(-50%) scale(1) translateY(0)}to{opacity:0;transform:translate(-50%) scale(.8) translateY(-20px)}}.levelup-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:3000;pointer-events:none}.levelup-content{text-align:center}.levelup-title{font-size:2rem;font-weight:800;letter-spacing:6px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;animation:levelupBounce .6s ease-out}.levelup-number{font-size:8rem;font-weight:900;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform .4s cubic-bezier(.34,1.56,.64,1);animation:levelupScale .5s ease-out .3s both}@keyframes levelupBounce{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes levelupScale{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.levelup-fade-enter-active{animation:fadeIn .3s ease-out}.levelup-fade-leave-active{animation:fadeOut .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:3001;overflow:hidden}.confetti-piece{position:absolute;top:-10px;border-radius:2px;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}