@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;1,400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-0:#050508;--bg-1:#0a0a12;--bg-2:#0f0f1e;--bg-3:#16162a;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--purple-400:#a78bfa;--purple-500:#9b5cff;--purple-600:#7c3aed;--purple-glow:#9b5cff59;--pink-400:#f472b6;--pink-500:#ff6b9d;--pink-glow:#ff6b9d59;--white:#fafafa;--text-1:#fafafaf2;--text-2:#fafafaa6;--text-3:#fafafa59;--glass:#ffffff0d;--glass-border:#ffffff14;--glass-border-active:#9b5cff66;--glow-purple:0 0 20px #9b5cff66, 0 0 60px #9b5cff1a;--glow-pink:0 0 20px #ff6b9d66;--shadow-deep:0 25px 60px #000c, 0 8px 20px #0006;--bubble-char:#9b5cff1f;--bubble-char-border:#9b5cff33;--bubble-user:#ff6b9d1f;--bubble-user-border:#ff6b9d33;--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5}html{width:100%;height:100dvh;overflow:hidden}body{background:var(--bg-0);width:100%;height:100%;color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden}#app{background:var(--bg-0);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.phone-frame{background:var(--bg-1);width:100%;max-width:430px;height:100%;position:relative;overflow:hidden}.view-full{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.ambient-purple{pointer-events:none;background:radial-gradient(circle,#9b5cff26 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute}.ambient-pink{pointer-events:none;background:radial-gradient(circle,#ff6b9d1a 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute}.glass-panel{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);border-radius:24px}.btn-neon{border:1.5px solid var(--purple-500);color:var(--purple-400);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#9b5cff1a;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:500;transition:all .3s;display:flex}.btn-neon:active{box-shadow:var(--glow-purple);background:#9b5cff33;transform:scale(.97)}.btn-solid{background:linear-gradient(135deg, var(--purple-500), var(--purple-600));color:#fff;border:none;box-shadow:0 4px 20px #9b5cff4d}.btn-solid:active{box-shadow:var(--glow-purple)}.btn-pink{border-color:var(--pink-500);color:var(--pink-400);background:#ff6b9d1a}.btn-pink:active{box-shadow:var(--glow-pink);background:#ff6b9d33}.input-field{background:var(--glass);border:1.5px solid var(--glass-border);width:100%;color:var(--text-1);-webkit-appearance:none;border-radius:14px;outline:none;padding:14px 18px;font-family:inherit;font-size:16px;transition:border-color .3s,box-shadow .3s}.input-field::placeholder{color:var(--text-3)}.input-field:focus{border-color:var(--glass-border-active);box-shadow:0 0 0 3px #9b5cff14}.otp-input{text-align:center;letter-spacing:12px;font-family:Inter,monospace;font-size:24px;font-weight:600}.chat-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex:1;overflow:hidden auto}.chat-scroll::-webkit-scrollbar{display:none}.bubble{word-break:break-word;border-radius:18px;max-width:78%;padding:10px 14px;font-size:14.5px;line-height:1.55}.bubble-char{background:var(--bubble-char);border:1px solid var(--bubble-char-border);color:var(--text-1);border-bottom-left-radius:4px}.bubble-user{background:var(--bubble-user);border:1px solid var(--bubble-user-border);color:var(--text-1);border-bottom-right-radius:4px;margin-left:auto}.typing-dot{background:var(--purple-400);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}@keyframes notif-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-enter-active,.fade-leave-active{transition:opacity .6s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:all .5s cubic-bezier(.16,1,.3,1)}.slide-up-enter-from{opacity:0;transform:translateY(30px)}.slide-up-leave-active{transition:all .35s}.slide-up-leave-to{opacity:0;transform:translateY(-10px)}.status-bar{color:var(--text-2);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px 4px;font-size:12px;font-weight:600;display:flex}.neon-text{color:var(--purple-400);text-shadow:0 0 20px #a78bfa99}.neon-text-pink{color:var(--pink-400);text-shadow:0 0 20px #f472b699}.rain-overlay{pointer-events:none;opacity:.6;background:repeating-linear-gradient(90deg,#0000,#0000 2px,#9b5cff04 2px 3px) 0 0/100px 100%;animation:.8s linear infinite rain-fall;position:absolute;inset:0}@keyframes rain-fall{0%{background-position:0 -200px}to{background-position:-50px 0}}.scanlines{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:absolute;inset:0}.emotion-bar{background:linear-gradient(90deg, var(--purple-500), var(--pink-500));border-radius:2px;height:3px;transition:width .8s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 8px #9b5cff80}.avatar-ring{background:linear-gradient(135deg, var(--purple-500), var(--pink-500));border-radius:50%;padding:2px;box-shadow:0 0 16px #9b5cff66}.online-dot{border:2px solid var(--bg-1);background:#34d399;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse-online;box-shadow:0 0 8px #34d39999}@keyframes pulse-online{0%,to{opacity:1}50%{opacity:.6}}.chat-input-bar{padding:10px 16px calc(10px + var(--safe-bottom));border-top:1px solid var(--glass-border);background:#0a0a12f2;flex-shrink:0}@keyframes ripple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2)}}.page-enter-active{transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1)}.page-leave-active{transition:opacity .4s}.page-enter-from{opacity:0;transform:scale(.98)translateY(8px)}.page-leave-to{opacity:0}.notif-card{border:1px solid var(--glass-border);border-left:3px solid var(--purple-500);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-deep);background:#0f0f1ef2;border-radius:16px;padding:14px 18px}.time-display{letter-spacing:-2px;color:var(--text-1);text-shadow:0 0 40px #9b5cff4d;font-family:Inter,system-ui;font-size:68px;font-weight:200}*{scrollbar-width:none}::-webkit-scrollbar{display:none}.sidebar-left[data-v-b21ca320]{flex-direction:column;align-items:center;gap:0;padding:32px 16px 24px;display:flex;position:relative;overflow:hidden}.sb-glow[data-v-b21ca320]{pointer-events:none;z-index:0;transition:background 3s;position:absolute;inset:0}.sb-avatar-wrap[data-v-b21ca320]{z-index:1;margin-top:8px;position:relative}.sb-avatar-ring[data-v-b21ca320]{background:#ffffff08;border:2px solid #a78bfa4d;border-radius:50%;width:80px;height:80px;padding:3px}.sb-avatar-img[data-v-b21ca320]{object-fit:cover;border-radius:50%;width:100%;height:100%}.sb-avatar-init[data-v-b21ca320]{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;font-weight:700;display:flex}.sb-online-dot[data-v-b21ca320]{background:#34d399;border:2px solid #07070f;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.sb-char-name[data-v-b21ca320]{z-index:1;text-align:center;margin-top:10px;font-size:18px;font-weight:700;position:relative}.sb-char-city[data-v-b21ca320]{z-index:1;color:var(--text-3);margin-top:2px;font-size:11px;position:relative}.sb-divider[data-v-b21ca320]{z-index:1;background:#ffffff12;width:100%;height:1px;margin:14px 0;position:relative}.sb-section-label[data-v-b21ca320]{z-index:1;letter-spacing:1.5px;text-transform:uppercase;width:100%;color:var(--text-3);margin-bottom:10px;font-size:9px;font-weight:700;position:relative}.sb-bars[data-v-b21ca320]{z-index:1;flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.sb-bar-row[data-v-b21ca320]{align-items:center;gap:7px;display:flex}.sb-bar-label[data-v-b21ca320]{color:var(--text-3);flex-shrink:0;width:74px;font-size:10px}.sb-bar-track[data-v-b21ca320]{background:#ffffff12;border-radius:2px;flex:1;height:4px;overflow:hidden}.sb-bar-fill[data-v-b21ca320]{border-radius:2px;height:100%;transition:width .8s}.sb-bar-val[data-v-b21ca320]{color:var(--text-3);text-align:right;flex-shrink:0;width:22px;font-size:10px}.sb-chapter[data-v-b21ca320]{z-index:1;align-items:center;gap:8px;width:100%;display:flex;position:relative}.sb-chapter-ep[data-v-b21ca320]{color:var(--purple-400);background:#9b5cff1f;border:1px solid #9b5cff40;border-radius:8px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:700}.sb-chapter-title[data-v-b21ca320]{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.3;overflow:hidden}.sb-silhouette-wrap[data-v-b21ca320]{pointer-events:none;z-index:0;width:120%;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.sb-silhouette[data-v-b21ca320]{object-fit:contain;object-position:bottom;opacity:.05;filter:blur(8px)grayscale();width:100%}.sb-brand[data-v-b21ca320]{z-index:1;text-align:center;margin-top:16px;position:relative}.sb-logo[data-v-b21ca320]{letter-spacing:-.5px;background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.sb-tagline[data-v-b21ca320]{color:var(--text-3);margin-top:8px;font-size:13px;line-height:1.6}.sb-char-list[data-v-b21ca320]{z-index:1;flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.sb-char-item[data-v-b21ca320]{background:#ffffff08;border:1px solid;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.sb-char-dot[data-v-b21ca320]{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sb-char-info-mini[data-v-b21ca320]{min-width:0}.sb-char-mini-name[data-v-b21ca320]{font-size:12px;font-weight:600;display:block}.sb-char-mini-city[data-v-b21ca320]{color:var(--text-3);margin-top:1px;font-size:10px;display:block}.sb-decor[data-v-b21ca320]{z-index:1;width:100%;margin-top:4px;position:relative}.sb-decor-text[data-v-b21ca320]{color:#ffffff26;text-align:center;font-size:13px;font-style:italic;line-height:1.8}.sidebar-right[data-v-0ca78307]{flex-direction:column;gap:0;padding:28px 16px 24px;display:flex;position:relative;overflow:hidden}.sb-glow[data-v-0ca78307]{pointer-events:none;z-index:0;transition:background 3s;position:absolute;inset:0}.sb-user[data-v-0ca78307]{z-index:1;align-items:center;gap:10px;margin-bottom:2px;display:flex;position:relative}.sb-user-avatar[data-v-0ca78307]{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.sb-user-name[data-v-0ca78307]{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sb-user-tag[data-v-0ca78307]{color:var(--text-3);margin-top:1px;font-size:10px}.sb-divider[data-v-0ca78307]{z-index:1;background:#ffffff12;height:1px;margin:12px 0;position:relative}.sb-stat-card[data-v-0ca78307]{z-index:1;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;transition:background .2s,border-color .2s;display:flex;position:relative}.sb-stat-card.clickable[data-v-0ca78307]{cursor:pointer}.sb-stat-card.clickable[data-v-0ca78307]:hover{background:#9b5cff12;border-color:#9b5cff33}.sb-stat-icon[data-v-0ca78307]{flex-shrink:0;font-size:18px}.sb-stat-body[data-v-0ca78307]{flex:1;min-width:0}.sb-stat-val[data-v-0ca78307]{color:var(--text-1);font-size:16px;font-weight:700;line-height:1}.sb-stat-label[data-v-0ca78307]{color:var(--text-3);margin-top:2px;font-size:10px}.sb-stat-bar-wrap[data-v-0ca78307]{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.sb-stat-mini-bar[data-v-0ca78307]{background:#ffffff14;border-radius:2px;width:40px;height:3px;overflow:hidden}.sb-stat-mini-fill[data-v-0ca78307]{background:linear-gradient(90deg,#f97316,#fbbf24);border-radius:2px;height:100%;transition:width .8s}.sb-stat-mini-label[data-v-0ca78307]{color:var(--text-3);font-size:8px}.mission-dots[data-v-0ca78307]{align-items:center;gap:4px;display:flex}.mission-dot[data-v-0ca78307]{background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;width:8px;height:8px;transition:background .3s}.mission-dot.done[data-v-0ca78307]{background:#a78bfa;border-color:#a78bfa;box-shadow:0 0 6px #a78bfa80}.ach-preview[data-v-0ca78307]{gap:2px;display:flex}.ach-dot-badge[data-v-0ca78307]{background:#a78bfa1a;border:1px solid #a78bfa33;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;display:flex}.sb-section-label[data-v-0ca78307]{z-index:1;letter-spacing:1px;text-transform:uppercase;color:var(--text-3);margin-bottom:10px;font-size:10px;font-weight:700;position:relative}.sb-leaderboard[data-v-0ca78307]{z-index:1;width:100%;position:relative}.lb-row[data-v-0ca78307]{border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:6px 0;font-size:12px;display:flex}.lb-rank[data-v-0ca78307]{flex-shrink:0;font-size:13px}.lb-name[data-v-0ca78307]{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.lb-days[data-v-0ca78307]{color:var(--text-3);flex-shrink:0;font-size:10px}.sb-links[data-v-0ca78307]{z-index:1;margin-top:4px;position:relative}.sb-link[data-v-0ca78307]{color:var(--purple-400);margin-bottom:6px;font-size:11px;text-decoration:none;transition:color .2s;display:block}.sb-link[data-v-0ca78307]:hover{color:#c084fc}.sb-version[data-v-0ca78307]{color:var(--text-3);letter-spacing:.5px;font-size:9px}.sb-bottom-decor[data-v-0ca78307]{text-align:center;letter-spacing:-1px;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;font-size:32px;font-weight:800;position:absolute;bottom:24px;left:0;right:0}.desktop-root[data-v-5a11a3d9]{background:#07070f;width:100%;min-height:100vh;position:relative;overflow:hidden}.desktop-bg[data-v-5a11a3d9]{z-index:0;pointer-events:none;position:fixed;inset:0}.bg-orb[data-v-5a11a3d9]{filter:blur(80px);border-radius:50%;transition:all 4s;position:absolute}.bg-orb-1[data-v-5a11a3d9]{width:600px;height:600px;animation:18s ease-in-out infinite alternate orbDrift1-5a11a3d9;top:-200px;left:-100px}.bg-orb-2[data-v-5a11a3d9]{width:500px;height:500px;animation:22s ease-in-out infinite alternate orbDrift2-5a11a3d9;bottom:-150px;right:-100px}@keyframes orbDrift1-5a11a3d9{0%{transform:translate(0)scale(1)}to{transform:translate(80px,60px)scale(1.15)}}@keyframes orbDrift2-5a11a3d9{0%{transform:translate(0)scale(1)}to{transform:translate(-60px,-80px)scale(1.1)}}.desktop-rain[data-v-5a11a3d9]{position:absolute;inset:0;overflow:hidden}.d-rain-drop[data-v-5a11a3d9]{background:linear-gradient(#0000,#a0d2ff66);border-radius:1px;width:1px;animation:linear infinite dRainFall-5a11a3d9;position:absolute;top:-40px}@keyframes dRainFall-5a11a3d9{0%{transform:translateY(0)skew(-6deg)}to{transform:translateY(110vh)skew(-6deg)}}.bg-scanlines[data-v-5a11a3d9]{background:repeating-linear-gradient(0deg,#0000 0 2px,#00000008 2px 4px);position:absolute;inset:0}.bg-vignette[data-v-5a11a3d9]{background:radial-gradient(#0000 40%,#03020a8c 100%);position:absolute;inset:0}.desktop-columns[data-v-5a11a3d9]{z-index:1;grid-template-rows:1fr;grid-template-columns:20% minmax(0,1fr) 20%;width:100%;height:100vh;display:grid;position:relative;overflow:hidden}[data-v-5a11a3d9] .sidebar-left,[data-v-5a11a3d9] .sidebar-right{scrollbar-width:none;-webkit-backdrop-filter:blur(16px);background:#07070f99;border-right:1px solid #ffffff0d;height:100vh;position:sticky;top:0;overflow-y:auto}[data-v-5a11a3d9] .sidebar-right{border-left:1px solid #ffffff0d;border-right:none}[data-v-5a11a3d9] .sidebar-left::-webkit-scrollbar{display:none}[data-v-5a11a3d9] .sidebar-right::-webkit-scrollbar{display:none}[data-v-5a11a3d9] .home-wrap{height:100%;overflow-y:auto}.desktop-center[data-v-5a11a3d9]{flex-direction:column;min-width:0;height:100vh;display:flex;position:relative;overflow:hidden}.center-frame[data-v-5a11a3d9]{flex:1;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:-1px 0 #ffffff0a,1px 0 #ffffff0a,-24px 0 48px #00000059,24px 0 48px #00000059}.center-frame[data-v-5a11a3d9] .phone-frame{flex:1;max-width:none}.sheet-overlay[data-v-83a63a09]{z-index:300;-webkit-backdrop-filter:blur(10px);background:#03020ad1;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-panel[data-v-83a63a09]{background:linear-gradient(170deg,#100825 0%,#08051a 60%,#060310 100%);border-top:1px solid #a78bfa33;border-left:1px solid #a78bfa12;border-right:1px solid #a78bfa12;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 -16px 48px #9b5cff1f}.sheet-handle[data-v-83a63a09]{background:#ffffff1f;border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}.sheet-header[data-v-83a63a09]{border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:12px;padding:14px 20px 12px;display:flex}.sheet-title-wrap[data-v-83a63a09]{flex:1}.sheet-title[data-v-83a63a09]{color:var(--text-1);font-size:16px;font-weight:700;display:block}.sheet-subtitle[data-v-83a63a09]{color:var(--text-3);margin-top:1px;font-size:10px;display:block}.header-right[data-v-83a63a09]{align-items:center;gap:10px;display:flex}.progress-pill[data-v-83a63a09]{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:11px;width:72px;height:22px;position:relative;overflow:hidden}.progress-pill-fill[data-v-83a63a09]{inset-y:0;background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:11px;transition:width .5s;position:absolute;left:0}.progress-pill-text[data-v-83a63a09]{z-index:1;color:#fff;letter-spacing:.3px;justify-content:center;align-items:center;height:100%;font-size:10px;font-weight:700;display:flex;position:relative}.sheet-close[data-v-83a63a09]{width:28px;height:28px;color:var(--text-3);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:background .2s;display:flex}.sheet-close[data-v-83a63a09]:hover{background:#ffffff1f}.sheet-body[data-v-83a63a09]{flex:1;padding:16px 16px 20px;position:relative;overflow-y:auto}.shimmer-list[data-v-83a63a09]{flex-direction:column;gap:10px;display:flex}.shimmer-item[data-v-83a63a09]{background:linear-gradient(90deg,#ffffff08 0%,#ffffff12 50%,#ffffff08 100%) 0 0/200% 100%;border-radius:14px;height:76px;animation:1.4s ease-in-out infinite shimmer-83a63a09}@keyframes shimmer-83a63a09{0%{background-position:200% 0}to{background-position:-200% 0}}.mission-list[data-v-83a63a09]{flex-direction:column;gap:10px;display:flex}.mission-card[data-v-83a63a09]{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;align-items:center;gap:12px;padding:14px;transition:border-color .2s,background .2s;display:flex}.mission-card.done[data-v-83a63a09]{background:#a78bfa0a;border-color:#a78bfa40}.mission-card.claimed[data-v-83a63a09]{opacity:.5}.mission-card-left[data-v-83a63a09]{flex-shrink:0}.mission-emoji[data-v-83a63a09]{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.mission-card.done .mission-emoji[data-v-83a63a09]{background:#a78bfa1a}.mission-card-body[data-v-83a63a09]{flex:1;min-width:0}.mission-name[data-v-83a63a09]{color:var(--text-1);font-size:13px;font-weight:600;line-height:1.3}.mission-desc[data-v-83a63a09]{color:var(--text-3);margin-top:2px;font-size:11px;line-height:1.4}.mission-progress-wrap[data-v-83a63a09]{align-items:center;gap:8px;margin-top:7px;display:flex}.mission-progress-track[data-v-83a63a09]{background:#ffffff14;border-radius:2px;flex:1;height:4px;overflow:hidden}.mission-progress-bar[data-v-83a63a09]{background:linear-gradient(90deg,#7c3aed,#c084fc);border-radius:2px;height:100%;transition:width .5s}.mission-progress-bar.full[data-v-83a63a09]{background:linear-gradient(90deg,#a78bfa,#34d399)}.mission-progress-label[data-v-83a63a09]{color:var(--text-3);flex-shrink:0;font-size:10px}.mission-card-right[data-v-83a63a09]{text-align:right;flex-shrink:0}.reward-tag[data-v-83a63a09]{color:var(--purple-400);white-space:nowrap;background:#9b5cff1a;border:1px solid #9b5cff33;border-radius:8px;padding:3px 8px;font-size:9px}.btn-claim[data-v-83a63a09]{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:opacity .2s,transform .15s}.btn-claim[data-v-83a63a09]:active{transform:scale(.95)}.btn-claim[data-v-83a63a09]:disabled{opacity:.5;cursor:default}.claimed-check[data-v-83a63a09]{color:#34d399;background:#34d3991f;border:1px solid #34d3994d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.reward-toast[data-v-83a63a09]{color:var(--text-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#9b5cff40,#f472b626);border:1px solid #a78bfa66;border-radius:20px;align-items:center;gap:8px;margin:12px auto 0;padding:8px 18px;font-size:13px;display:inline-flex;position:sticky;bottom:0;left:50%;transform:translate(-50%)}.toast-pop-enter-active[data-v-83a63a09]{animation:.4s cubic-bezier(.16,1.8,.3,1) both toastBounce-83a63a09}.toast-pop-leave-active[data-v-83a63a09]{animation:.3s both toastFade-83a63a09}@keyframes toastBounce-83a63a09{0%{opacity:0;transform:translateY(12px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastFade-83a63a09{to{opacity:0;transform:translateY(6px)}}.empty-state[data-v-83a63a09]{color:var(--text-3);flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-icon[data-v-83a63a09]{font-size:36px}.empty-state p[data-v-83a63a09]{text-align:center;font-size:14px}.all-done-banner[data-v-83a63a09]{color:#34d399;background:#34d39914;border:1px solid #34d39933;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px;font-size:13px;display:flex}.spin[data-v-83a63a09]{animation:.7s linear infinite spin-83a63a09;display:inline-block}@keyframes spin-83a63a09{to{transform:rotate(360deg)}}.sheet-in-enter-active[data-v-83a63a09]{transition:all .36s cubic-bezier(.22,1,.36,1)}.sheet-in-leave-active[data-v-83a63a09]{transition:all .25s ease-in}.sheet-in-enter-from[data-v-83a63a09],.sheet-in-leave-to[data-v-83a63a09]{opacity:0}.sheet-in-enter-from .sheet-panel[data-v-83a63a09],.sheet-in-leave-to .sheet-panel[data-v-83a63a09]{transform:translateY(100%)}.sheet-overlay[data-v-4ea17195]{z-index:300;-webkit-backdrop-filter:blur(10px);background:#03020ad1;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-panel[data-v-4ea17195]{background:linear-gradient(170deg,#100825 0%,#08051a 60%,#060310 100%);border-top:1px solid #a78bfa33;border-left:1px solid #a78bfa12;border-right:1px solid #a78bfa12;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:85vh;display:flex;position:relative;overflow:hidden;box-shadow:0 -16px 48px #9b5cff1f}.sheet-handle[data-v-4ea17195]{background:#ffffff1f;border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0}.sheet-header[data-v-4ea17195]{border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:12px;padding:14px 20px 12px;display:flex}.sheet-title-wrap[data-v-4ea17195]{flex:1}.sheet-title[data-v-4ea17195]{color:var(--text-1);font-size:16px;font-weight:700;display:block}.sheet-subtitle[data-v-4ea17195]{color:var(--text-3);margin-top:1px;font-size:10px;display:block}.header-right[data-v-4ea17195]{align-items:center;gap:10px;display:flex}.sheet-close[data-v-4ea17195]{width:28px;height:28px;color:var(--text-3);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:background .2s;display:flex}.sheet-close[data-v-4ea17195]:hover{background:#ffffff1f}.circle-progress[data-v-4ea17195]{width:36px;height:36px;position:relative}.circle-svg[data-v-4ea17195]{width:100%;height:100%;transform:rotate(-90deg)}.circle-label[data-v-4ea17195]{color:var(--purple-400);justify-content:center;align-items:center;font-size:8px;font-weight:700;display:flex;position:absolute;inset:0}.sheet-body[data-v-4ea17195]{flex:1;padding:14px 16px 24px;overflow-y:auto}.filter-tabs[data-v-4ea17195]{gap:6px;margin-bottom:14px;display:flex}.filter-tab[data-v-4ea17195]{color:var(--text-3);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:6px 14px;font-family:inherit;font-size:12px;transition:all .2s}.filter-tab.active[data-v-4ea17195]{color:#c084fc;background:#9b5cff26;border-color:#9b5cff66;font-weight:600}.shimmer-grid[data-v-4ea17195]{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.shimmer-cell[data-v-4ea17195]{aspect-ratio:1;background:linear-gradient(90deg,#ffffff08 0%,#ffffff12 50%,#ffffff08 100%) 0 0/200% 100%;border-radius:12px;animation:1.4s ease-in-out infinite shimmer-4ea17195}@keyframes shimmer-4ea17195{0%{background-position:200% 0}to{background-position:-200% 0}}.ach-grid[data-v-4ea17195]{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ach-cell[data-v-4ea17195]{cursor:pointer;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:12px 6px 10px;transition:transform .15s,background .2s;display:flex;position:relative}.ach-cell[data-v-4ea17195]:active{transform:scale(.93)}.ach-cell.earned[data-v-4ea17195]{background:#a78bfa12;border-color:#a78bfa33}.ach-cell.locked[data-v-4ea17195]{background:#ffffff05;border-color:#ffffff0d}.ach-cell-icon[data-v-4ea17195]{font-size:26px;transition:filter .2s}.ach-cell-icon.dimmed[data-v-4ea17195]{filter:grayscale()opacity(.35)}.ach-cell-label[data-v-4ea17195]{text-align:center;color:var(--text-3);word-break:break-word;font-size:8px;line-height:1.3}.ach-cell.earned .ach-cell-label[data-v-4ea17195]{color:var(--text-2)}.ach-cell-check[data-v-4ea17195]{color:#34d399;background:#34d39933;border:1px solid #34d39966;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;display:flex;position:absolute;top:5px;right:5px}.detail-overlay[data-v-4ea17195]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03020ae0;border-radius:24px 24px 0 0;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.detail-card[data-v-4ea17195]{text-align:center;background:linear-gradient(160deg,#130b28,#08051a);border:1px solid #a78bfa40;border-radius:22px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:260px;padding:28px 22px;display:flex}.detail-icon[data-v-4ea17195]{filter:grayscale(.8)opacity(.5);font-size:52px;transition:filter .3s}.detail-icon.earned[data-v-4ea17195]{filter:none}.detail-earned-badge[data-v-4ea17195]{letter-spacing:1px;color:#34d399;background:#34d3991a;border:1px solid #34d39940;border-radius:20px;padding:2px 10px;font-size:10px;font-weight:600}.detail-title[data-v-4ea17195]{color:var(--text-1);font-size:16px;font-weight:700}.detail-desc[data-v-4ea17195]{color:var(--text-2);font-size:13px;line-height:1.65}.detail-date[data-v-4ea17195]{color:var(--text-3);font-size:10px}.btn-detail-close[data-v-4ea17195]{color:var(--purple-400);cursor:pointer;background:#9b5cff1f;border:1px solid #9b5cff4d;border-radius:12px;margin-top:4px;padding:9px 28px;font-family:inherit;font-size:13px;transition:background .2s}.btn-detail-close[data-v-4ea17195]:hover{background:#9b5cff38}.empty-state[data-v-4ea17195]{text-align:center;color:var(--text-3);padding:32px;font-size:13px}.sheet-in-enter-active[data-v-4ea17195]{transition:all .36s cubic-bezier(.22,1,.36,1)}.sheet-in-leave-active[data-v-4ea17195]{transition:all .25s ease-in}.sheet-in-enter-from[data-v-4ea17195],.sheet-in-leave-to[data-v-4ea17195]{opacity:0}.sheet-in-enter-from .sheet-panel[data-v-4ea17195],.sheet-in-leave-to .sheet-panel[data-v-4ea17195]{transform:translateY(100%)}.detail-pop-enter-active[data-v-4ea17195]{animation:.3s cubic-bezier(.22,1,.36,1) both detailIn-4ea17195}.detail-pop-leave-active[data-v-4ea17195]{animation:.2s both detailOut-4ea17195}@keyframes detailIn-4ea17195{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes detailOut-4ea17195{to{opacity:0;transform:scale(.94)}}.pwa-banner{z-index:9999;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(16px);background:#140c28fa;border-bottom:1px solid #9b5cff4d;align-items:center;gap:10px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 24px #0006}.pwa-banner-icon{flex-shrink:0;font-size:24px}.pwa-banner-text{flex:1;overflow:hidden}.pwa-banner-title{color:#e2d9f3;font-size:14px;font-weight:600}.pwa-banner-sub{color:#9b8ec4;margin-top:1px;font-size:11px}.pwa-install-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9b5cff,#7c3aed);border:none;border-radius:20px;flex-shrink:0;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600}.pwa-dismiss-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:16px}.pwa-update-bar{bottom:calc(16px + env(safe-area-inset-bottom));z-index:9999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e2d9f3;background:#140c28fa;border:1px solid #9b5cff66;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;display:flex;position:fixed;left:16px;right:16px;box-shadow:0 4px 24px #00000080}.pwa-update-bar button{color:#c084fc;cursor:pointer;background:#9b5cff33;border:1px solid #9b5cff66;border-radius:12px;padding:6px 14px;font-family:inherit;font-size:13px}.slide-down-enter-active,.slide-down-leave-active{transition:all .3s}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-100%)}.page-enter-active,.page-leave-active{transition:opacity .2s}.page-enter-from,.page-leave-to{opacity:0}