@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");.theme-futuristic{--f-purple:#7B61FF;--f-purple-light:#9D7CFF;--f-cyan:#45E0C4;--f-cyan-light:#6EECD9;--f-bg:#F7F6FC;--f-bg-mint:#DFF8F3;--f-bg-lavender:#EDE7FF;--f-glass-bg:rgba(255,255,255,0.65);--f-glass-border:rgba(255,255,255,0.5);--f-glass-shadow:0 10px 40px rgba(123,97,255,0.08),0 4px 12px rgba(0,0,0,0.04);--f-text-dark:#1E2B4A;--f-text-secondary:#7B89A8;--f-text-muted:#A3B1C6;--f-border-glow:rgba(123,97,255,0.18);--f-radius-card:32px;--f-radius-btn:18px;--f-radius-sm:14px;--f-nav-height:90px;--f-sidebar-width:240px;--f-ease:cubic-bezier(0.22,1,0.36,1);font-family:Plus Jakarta Sans,Inter,sans-serif;color:var(--f-text-dark)}.f-bg{background:radial-gradient(circle at top left,var(--f-bg-mint) 0,transparent 35%),radial-gradient(circle at top right,var(--f-bg-lavender) 0,transparent 40%),var(--f-bg)}.f-bg,.f-bg-dark{min-height:100dvh}.f-bg-dark{background:radial-gradient(ellipse at 20% 10%,rgba(123,97,255,.25) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(69,224,196,.12) 0,transparent 50%),linear-gradient(135deg,#1A1040,#0F0A2A 50%,#0C1425)}.f-glass{background:var(--f-glass-bg);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--f-glass-border);border-radius:var(--f-radius-card);box-shadow:var(--f-glass-shadow);transition:all .45s var(--f-ease)}.f-glass:hover{box-shadow:0 14px 48px rgba(123,97,255,.12),0 6px 16px rgba(0,0,0,.06);transform:translateY(-2px)}.f-glass-dark{background:rgba(255,255,255,.08);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.12);border-radius:var(--f-radius-card);box-shadow:0 10px 40px rgba(0,0,0,.2)}.f-btn-gradient{background:linear-gradient(135deg,var(--f-purple),var(--f-cyan));color:white;font-weight:700;padding:14px 28px;border-radius:var(--f-radius-btn);border:none;cursor:pointer;transition:all .45s var(--f-ease);box-shadow:0 4px 16px rgba(123,97,255,.25)}.f-btn-gradient:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(123,97,255,.35)}.f-btn-gradient:active{transform:translateY(0) scale(.98)}.f-sidebar{width:var(--f-sidebar-width);background:rgba(255,255,255,.45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.5);padding:24px 16px;display:flex;flex-direction:column;gap:4px;height:100dvh;position:fixed;top:0;left:0;z-index:40;transition:transform .45s var(--f-ease)}.f-sidebar-dark{background:rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.08)}.f-sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;font-weight:600;font-size:15px;color:var(--f-text-secondary);transition:all .3s var(--f-ease);cursor:pointer;text-decoration:none}.f-sidebar-link:hover{background:rgba(123,97,255,.08);color:var(--f-purple)}.f-sidebar-link-active{background:linear-gradient(135deg,rgba(123,97,255,.12),rgba(69,224,196,.08));color:var(--f-purple);font-weight:700}.f-topnav{height:var(--f-nav-height);background:rgba(255,255,255,.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.5);position:sticky;top:0;z-index:30;display:flex;align-items:center;padding:0 40px}.f-progress-ring-bg{stroke:rgba(123,97,255,.12)}.f-progress-ring-fill{stroke:url(#f-gradient) var(--f-purple);stroke-linecap:round;transition:stroke-dashoffset 1s var(--f-ease);filter:drop-shadow(0 0 6px rgba(123,97,255,.3))}.f-stat-glow-purple{box-shadow:0 0 0 1px rgba(123,97,255,.15),0 8px 24px rgba(123,97,255,.1)}.f-stat-glow-cyan{box-shadow:0 0 0 1px rgba(69,224,196,.15),0 8px 24px rgba(69,224,196,.1)}.f-stat-glow-orange{box-shadow:0 0 0 1px rgba(251,146,60,.15),0 8px 24px rgba(251,146,60,.1)}.f-stat-glow-green{box-shadow:0 0 0 1px rgba(34,197,94,.15),0 8px 24px rgba(34,197,94,.1)}@keyframes f-breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes f-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes f-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes f-glow-pulse{0%,to{box-shadow:0 0 20px rgba(123,97,255,.15)}50%{box-shadow:0 0 40px rgba(123,97,255,.3)}}.f-animate-breathe{animation:f-breathe 4s ease-in-out infinite}.f-animate-float{animation:f-float 5s ease-in-out infinite}.f-animate-glow{animation:f-glow-pulse 4s ease-in-out infinite}@media (max-width:1023px){.f-sidebar{transform:translateX(-100%)}.f-sidebar.f-sidebar-open{transform:translateX(0)}}.f-mission-bg{position:relative;overflow:hidden;border-radius:20px}.f-mission-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.6) 60%,transparent);pointer-events:none}.f-chat-bubble{background:rgba(255,255,255,.7);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:20px 20px 20px 4px;padding:16px 20px}.f-chat-bubble-user{background:linear-gradient(135deg,var(--f-purple),var(--f-purple-light));color:white;border-radius:20px 20px 4px 20px;border:none}.f-memory-card{aspect-ratio:1;border-radius:20px;background:rgba(255,255,255,.7);backdrop-filter:blur(12px);border:2px solid rgba(123,97,255,.1);cursor:pointer;transition:all .4s var(--f-ease);perspective:600px}.f-memory-card:hover{border-color:rgba(123,97,255,.3);box-shadow:0 8px 24px rgba(123,97,255,.12);transform:translateY(-3px)}.f-badge-card{text-align:center;padding:24px 16px;border-radius:24px;background:rgba(255,255,255,.7);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);transition:all .45s var(--f-ease)}.f-badge-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(123,97,255,.12)}.f-badge-card-locked{opacity:.5;filter:grayscale(.6)}