@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";
.mz-home{--mz-bg:#f1f4fb;--mz-surface:#fff;--mz-surface-2:#f8f9fd;--mz-surface-3:#eef1f8;--mz-border:#00000012;--mz-border-md:#0000001c;--mz-blue:#4f46e5;--mz-blue-2:#6366f1;--mz-blue-glow:#4f46e521;--mz-green:#059669;--mz-green-bg:#05966917;--mz-red:#dc2626;--mz-red-bg:#dc262617;--mz-gold:#d97706;--mz-gold-bg:#d977061a;--mz-purple:#7c3aed;--mz-text:#0f172a;--mz-text-2:#475569;--mz-text-3:#94a3b8;--mz-r-sm:10px;--mz-r-md:16px;--mz-r-lg:22px;--mz-r-xl:28px;--mz-ease:cubic-bezier(.22, 1, .36, 1);--mz-font:"Inter", -apple-system, sans-serif;--mz-font-d:"Plus Jakarta Sans", sans-serif;font-family:var(--mz-font);background:var(--mz-bg);color:var(--mz-text);-webkit-font-smoothing:antialiased;min-height:100vh;padding-bottom:100px;overflow-x:hidden}.dark-theme .mz-home{--mz-bg:#090e1a;--mz-surface:#0f1629;--mz-surface-2:#141e35;--mz-surface-3:#1a2540;--mz-border:#ffffff12;--mz-border-md:#ffffff21;--mz-blue:#6366f1;--mz-blue-2:#818cf8;--mz-blue-glow:#6366f138;--mz-green:#10b981;--mz-green-bg:#10b9811f;--mz-red:#f43f5e;--mz-red-bg:#f43f5e1f;--mz-gold:#f59e0b;--mz-gold-bg:#f59e0b1f;--mz-purple:#a855f7;--mz-text:#f0f4ff;--mz-text-2:#94a3b8;--mz-text-3:#475569}@keyframes mz-fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes mz-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes mz-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.78)}}@keyframes mz-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes mz-bar-fill{0%{width:0}}@keyframes mz-spin{to{transform:rotate(360deg)}}.mz-section-anim{animation:mz-fadeUp .45s var(--mz-ease) both}.mz-section-anim:first-child{animation-delay:40ms}.mz-section-anim:nth-child(2){animation-delay:80ms}.mz-section-anim:nth-child(3){animation-delay:.12s}.mz-section-anim:nth-child(4){animation-delay:.16s}.mz-section-anim:nth-child(5){animation-delay:.2s}.mz-section-anim:nth-child(6){animation-delay:.24s}.mz-section-anim:nth-child(7){animation-delay:.28s}.mz-section-anim:nth-child(8){animation-delay:.32s}.mz-header{z-index:100;padding:calc(14px + env(safe-area-inset-top,14px)) 20px 14px;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--mz-border);background:#f1f4fbe6;position:sticky;top:0}.dark-theme .mz-header{background:#090e1ad9}.mz-header-top{justify-content:space-between;align-items:center;display:flex}.mz-greeting h1{font-family:var(--mz-font-d);color:var(--mz-text);letter-spacing:-.03em;margin:0;font-size:19px;font-weight:800;line-height:1.2}.mz-greeting p{color:var(--mz-text-2);margin:3px 0 0;font-size:12px;font-weight:500}.mz-header-actions{align-items:center;gap:10px;display:flex}.mz-notif-btn,.mz-avatar-btn{border:1px solid var(--mz-border-md);background:var(--mz-surface);cursor:pointer;width:38px;height:38px;transition:all .2s var(--mz-ease);color:var(--mz-text-2);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.mz-notif-btn:hover,.mz-avatar-btn:hover{border-color:var(--mz-blue);box-shadow:0 0 0 3px var(--mz-blue-glow)}.mz-notif-btn svg{width:16px;height:16px}.mz-notif-dot{background:var(--mz-red);border:2px solid var(--mz-surface);border-radius:50%;width:7px;height:7px;animation:2s infinite mz-pulse-dot;position:absolute;top:7px;right:7px}.mz-avatar-btn{background:linear-gradient(135deg, var(--mz-blue), var(--mz-purple));color:#fff;font-size:14px;font-weight:800;font-family:var(--mz-font-d);border:none}.mz-avatar-btn:hover{box-shadow:0 4px 16px var(--mz-blue-glow);transform:scale(1.06)}.mz-stats{scrollbar-width:none;gap:10px;padding:14px 16px;display:flex;overflow-x:auto}.mz-stats::-webkit-scrollbar{display:none}.mz-stat-item{background:var(--mz-surface);border:1px solid var(--mz-border);min-width:76px;transition:all .2s var(--mz-ease);cursor:default;border-radius:100px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:12px 10px;display:flex}.mz-stat-item:hover{border-color:var(--mz-blue);box-shadow:0 2px 12px var(--mz-blue-glow);transform:translateY(-1px)}.mz-stat-icon{font-size:18px;line-height:1}.mz-stat-value{font-family:var(--mz-font-d);color:var(--mz-text);letter-spacing:-.02em;font-size:15px;font-weight:800}.mz-stat-label{color:var(--mz-text-3);text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:700}.mz-hero{border-radius:var(--mz-r-xl);color:#fff;background:linear-gradient(140deg,#4f46e5 0%,#6366f1 55%,#7c3aed 100%);margin:0 16px 4px;position:relative;overflow:hidden;box-shadow:0 10px 40px #4f46e54d,0 2px 8px #4f46e533}.dark-theme .mz-hero{background:linear-gradient(140deg,#1e1b4b 0%,#1a1f4a 50%,#2d1b6e 100%);border:1px solid #6366f140;box-shadow:0 10px 40px #6366f140}.mz-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1f 0%,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-50px;right:-30px}.mz-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#a855f740 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;bottom:-50px;left:-40px}.mz-hero-content{z-index:2;padding:22px 22px 20px;position:relative}.mz-hero-badge{letter-spacing:.03em;color:#fffffff2;background:#ffffff2e;border:1px solid #ffffff47;border-radius:100px;align-items:center;gap:5px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.mz-hero h2{font-family:var(--mz-font-d);color:#fff;letter-spacing:-.04em;margin:0 0 6px;font-size:23px;font-weight:900;line-height:1.2}.mz-hero-sub{color:#ffffffb3;margin:0 0 18px;font-size:13px;font-weight:500;line-height:1.5}.mz-hero-sub strong{color:#fffffff2;font-weight:700}.mz-hero-meta{border-radius:var(--mz-r-md);background:#ffffff1a;border:1px solid #ffffff24;gap:0;margin-bottom:16px;display:flex;overflow:hidden}.mz-hero-meta-item{border-right:1px solid #ffffff1a;flex-direction:column;flex:1;gap:2px;padding:10px 12px;display:flex}.mz-hero-meta-item:last-child{border-right:none}.mz-hero-meta-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700}.mz-hero-meta-value{color:#fff;font-size:14px;font-weight:700}.mz-hero-progress-track{background:#ffffff40;border-radius:100px;height:6px;margin-bottom:16px;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.dark-theme .mz-hero-progress-track{background:#0006;border:1px solid #ffffff1a}.mz-hero-progress-fill{height:100%;animation:mz-bar-fill 1.3s var(--mz-ease) both;background:linear-gradient(90deg,#34d399,#6ee7b7);border-radius:100px;position:relative;overflow:hidden}.mz-hero-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000) 0 0/200% 100%;animation:2s ease-in-out infinite mz-shimmer;position:absolute;inset:0}.mz-hero-cta{color:#fff;border-radius:var(--mz-r-md);-webkit-backdrop-filter:blur(12px);width:100%;font-family:var(--mz-font-d);cursor:pointer;letter-spacing:.5px;background:#ffffff26;border:1px solid #ffffff4d;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;box-shadow:0 8px 24px #0000001a,inset 0 1px 1px #fff3}.mz-hero-cta:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 12px 32px #00000026,inset 0 1px 1px #fff6}.mz-hero-cta:active{transform:scale(.98)}.mz-hero-streak-note{text-align:center;color:#ffffff80;margin-top:12px;font-size:11px}.mz-sections{flex-direction:column;gap:18px;padding:14px 16px 0;display:flex}.mz-section-label{color:var(--mz-text-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:10px;font-weight:800}.mz-card{background:var(--mz-surface);border:1px solid var(--mz-border);border-radius:var(--mz-r-lg);padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:0 1px 4px #0000000a}.mz-card:hover{border-color:var(--mz-border-md);box-shadow:0 4px 20px #00000012}.mz-mission-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mz-mission-title{font-family:var(--mz-font-d);color:var(--mz-text);font-size:16px;font-weight:800}.mz-mission-reward{background:var(--mz-gold-bg);color:var(--mz-gold);border:1px solid #d9770633;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:700}.mz-mission-list{flex-direction:column;gap:10px;display:flex}.mz-mission-item{background:var(--mz-surface-2);border:1px solid var(--mz-border);border-radius:var(--mz-r-md);cursor:pointer;transition:all .2s var(--mz-ease);align-items:center;gap:12px;padding:11px 14px;display:flex}.mz-mission-item:hover{border-color:var(--mz-blue);background:var(--mz-blue-glow)}.mz-mission-check{border:1.5px solid var(--mz-text-3);width:22px;height:22px;transition:all .25s var(--mz-ease);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mz-mission-check.done{background:var(--mz-green);border-color:var(--mz-green);box-shadow:0 0 10px var(--mz-green-bg)}.mz-mission-check.done svg{color:#fff}.mz-mission-text{color:var(--mz-text);flex:1;font-size:13px;font-weight:500}.mz-mission-text.done{color:var(--mz-text-3);text-decoration:line-through}.mz-mission-xp{color:var(--mz-green);flex-shrink:0;font-size:12px;font-weight:700}.mz-journey-scroll{scrollbar-width:none;margin:0 -20px;padding:0 20px;overflow-x:auto}.mz-journey-scroll::-webkit-scrollbar{display:none}.mz-journey-track{align-items:center;min-width:max-content;padding:10px 0;display:flex}.mz-journey-node{flex-direction:column;align-items:center;gap:6px;min-width:72px;display:flex}.mz-journey-icon{background:var(--mz-surface-2);border:2px solid var(--mz-border);width:48px;height:48px;transition:all .25s var(--mz-ease);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:relative}.mz-journey-node.completed .mz-journey-icon{background:var(--mz-green-bg);border-color:var(--mz-green)}.mz-journey-node.active .mz-journey-icon{background:var(--mz-blue-glow);border-color:var(--mz-blue);box-shadow:0 0 0 4px var(--mz-blue-glow)}.mz-journey-node.locked .mz-journey-icon{opacity:.38}.mz-journey-label{color:var(--mz-text-3);text-transform:uppercase;letter-spacing:.04em;text-align:center;font-size:9px;font-weight:700}.mz-journey-node.active .mz-journey-label{color:var(--mz-blue)}.mz-journey-node.completed .mz-journey-label{color:var(--mz-green)}.mz-journey-connector{background:var(--mz-border);border-radius:100px;flex-shrink:0;width:26px;height:3px}.mz-journey-connector.done{background:var(--mz-green)}.mz-journey-footer{border-top:1px solid var(--mz-border);justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;display:flex}.mz-journey-progress-label{color:var(--mz-text-2);font-size:12px;font-weight:600}.mz-journey-progress-label strong{color:var(--mz-blue);font-weight:800}.mz-journey-unlock{color:var(--mz-gold);font-size:11px;font-weight:700}.mz-market-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.mz-market-index{background:var(--mz-surface-2);border:1px solid var(--mz-border);border-radius:var(--mz-r-md);transition:all .2s var(--mz-ease);padding:14px}.mz-market-index:hover{border-color:var(--mz-border-md);transform:translateY(-1px);box-shadow:0 4px 16px #0000000f}.mz-market-index-name{color:var(--mz-text-3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:10px;font-weight:700}.mz-market-index-value{font-family:var(--mz-font-d);letter-spacing:-.03em;color:var(--mz-text);margin-bottom:4px;font-size:20px;font-weight:900}.mz-market-index-change{font-size:11px;font-weight:700}.mz-market-index-change.up{color:var(--mz-green)}.mz-market-index-change.down{color:var(--mz-red)}.mz-sentiment-row{margin-bottom:10px}.mz-sentiment-pill{border-radius:var(--mz-r-md);border:1px solid var(--mz-border);justify-content:center;align-items:center;gap:8px;padding:11px;font-size:13px;font-weight:700;display:flex}.mz-sentiment-pill.bullish{background:var(--mz-green-bg);color:var(--mz-green);border-color:#05966933}.mz-sentiment-pill.bearish{background:var(--mz-red-bg);color:var(--mz-red);border-color:#dc262633}.mz-market-story{background:var(--mz-surface-2);border:1px solid var(--mz-border);border-radius:var(--mz-r-md);cursor:pointer;transition:all .2s var(--mz-ease);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.mz-market-story:hover{border-color:var(--mz-blue);box-shadow:0 2px 12px var(--mz-blue-glow)}.mz-market-story-label{color:var(--mz-blue-2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:10px;font-weight:700}.mz-market-story-title{color:var(--mz-text);font-size:13px;font-weight:600;line-height:1.4}.mz-market-story-action{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.mz-market-story-time{color:var(--mz-blue-2);white-space:nowrap;font-size:10px;font-weight:600}.mz-story-arrow{background:var(--mz-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:transform .2s;display:flex}.mz-market-story:hover .mz-story-arrow{transform:translate(2px)}.mz-watchlist{flex-direction:column;gap:8px;display:flex}.mz-watch-item{background:var(--mz-surface);border:1px solid var(--mz-border);border-radius:var(--mz-r-md);cursor:pointer;transition:all .2s var(--mz-ease);align-items:center;gap:12px;padding:12px 14px;display:flex}.mz-watch-item:hover,.mz-watch-item.selected{border-color:var(--mz-blue);box-shadow:0 0 0 2px var(--mz-blue-glow)}.mz-watch-logo{background:linear-gradient(135deg, var(--mz-blue-glow), #7c3aed1f);border:1px solid var(--mz-border-md);width:38px;height:38px;color:var(--mz-blue);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.mz-watch-info{flex:1;min-width:0}.mz-watch-name{color:var(--mz-text);font-size:13px;font-weight:700}.mz-watch-company{color:var(--mz-text-3);font-size:11px}.mz-watch-sparkline{flex-shrink:0;width:56px;height:26px}.mz-sparkline{display:block}.mz-watch-price-col{text-align:right;flex-shrink:0}.mz-watch-price{font-family:var(--mz-font-d);color:var(--mz-text);font-size:14px;font-weight:700}.mz-watch-change{font-size:11px;font-weight:600}.mz-watch-change.up{color:var(--mz-green)}.mz-watch-change.down{color:var(--mz-red)}.mz-watch-insight{border-radius:var(--mz-r-sm);align-items:center;gap:6px;margin-top:10px;padding:7px 12px;font-size:12px;font-weight:600;display:flex}.mz-watch-insight.bullish{background:var(--mz-green-bg);color:var(--mz-green);border:1px solid #05966926}.mz-watch-insight.warning{background:var(--mz-gold-bg);color:var(--mz-gold);border:1px solid #d977062e}.mz-watch-insight.neutral{background:var(--mz-surface-2);color:var(--mz-text-2);border:1px solid var(--mz-border)}.mz-challenge{position:relative;overflow:hidden}.mz-challenge:before{content:"";pointer-events:none;background-image:linear-gradient(#4f46e508 1px,#0000 1px),linear-gradient(90deg,#4f46e508 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.mz-challenge-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mz-challenge-tag{background:var(--mz-surface-2);border:1px solid var(--mz-border-md);color:var(--mz-text-2);border-radius:100px;padding:4px 10px;font-size:11px;font-weight:600}.mz-challenge-difficulty{color:var(--mz-green);background:var(--mz-green-bg);border:1px solid #05966933;border-radius:100px;padding:3px 9px;font-size:11px;font-weight:700}.mz-challenge h3{font-family:var(--mz-font-d);color:var(--mz-text);letter-spacing:-.03em;margin:0 0 6px;font-size:20px;font-weight:900}.mz-challenge-desc{color:var(--mz-text-2);margin-bottom:18px;font-size:13px;line-height:1.5}.mz-challenge-meta{gap:20px;margin-bottom:18px;display:flex}.mz-challenge-meta-item{flex-direction:column;gap:2px;display:flex}.mz-challenge-meta-label{color:var(--mz-text-3);text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:700}.mz-challenge-meta-value{color:var(--mz-text);font-size:15px;font-weight:800}.mz-challenge-cta{background:linear-gradient(135deg, var(--mz-blue), var(--mz-purple));color:#fff;border-radius:var(--mz-r-md);width:100%;font-family:var(--mz-font-d);cursor:pointer;letter-spacing:-.01em;transition:all .2s var(--mz-ease);z-index:1;border:none;padding:14px;font-size:14px;font-weight:800;position:relative;box-shadow:0 4px 18px #4f46e552}.mz-challenge-cta:hover{transform:translateY(-1px);box-shadow:0 8px 28px #4f46e566}.mz-challenge-cta:active{transform:scale(.98)}.mz-league{align-items:center;gap:16px;display:flex}.mz-league-icon{font-size:44px;animation:3s ease-in-out infinite mz-float}.mz-league-info{flex:1}.mz-league-name{color:var(--mz-text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:10px;font-weight:700}.mz-league-rank{font-family:var(--mz-font-d);color:var(--mz-text);letter-spacing:-.04em;margin-bottom:4px;font-size:30px;font-weight:900;line-height:1}.mz-league-xp-needed{color:var(--mz-text-2);font-size:12px}.mz-league-xp-needed strong{color:var(--mz-gold);font-weight:800}.mz-league-arrow{border:1px solid var(--mz-border-md);background:var(--mz-surface-2);width:34px;height:34px;color:var(--mz-text-2);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.mz-card:hover .mz-league-arrow{background:var(--mz-blue);border-color:var(--mz-blue);color:#fff}.mz-coach-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.mz-coach-avatar{background:linear-gradient(135deg,#4f46e51f,#7c3aed26);border:1.5px solid #7c3aed40;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.mz-coach-label{color:var(--mz-text);font-size:14px;font-weight:700}.mz-coach-sublabel{color:var(--mz-text-3);font-size:11px}.mz-coach-message{color:var(--mz-text-2);margin-bottom:16px;font-size:13px;line-height:1.6}.mz-coach-message strong{color:var(--mz-text);font-weight:700}.mz-coach-actions{gap:10px;display:flex}.mz-coach-btn{border-radius:var(--mz-r-md);font-family:var(--mz-font);cursor:pointer;transition:all .2s var(--mz-ease);flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:13px;font-weight:700;display:flex}.mz-coach-btn.primary{background:linear-gradient(135deg, var(--mz-blue), var(--mz-purple));color:#fff;border:none;box-shadow:0 4px 14px #4f46e547}.mz-coach-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4f46e561}.mz-coach-btn.secondary{background:var(--mz-surface-2);color:var(--mz-text-2);border:1px solid var(--mz-border-md)}.mz-coach-btn.secondary:hover{border-color:var(--mz-blue);color:var(--mz-text)}.mz-progress-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mz-progress-item{background:var(--mz-surface-2);border:1px solid var(--mz-border);border-radius:var(--mz-r-md);transition:all .2s var(--mz-ease);flex-direction:column;align-items:center;gap:10px;padding:16px 12px 14px;display:flex}.mz-progress-item:hover{border-color:var(--mz-border-md);transform:translateY(-1px);box-shadow:0 4px 16px #0000000d}.mz-circular-progress{width:60px;height:60px;position:relative}.mz-circular-progress svg{width:60px;height:60px;transform:rotate(-90deg)}.mz-circular-progress circle{fill:none;stroke-width:4px}.mz-circular-progress .track{stroke:var(--mz-surface-3)}.mz-circular-progress .fill{transition:stroke-dashoffset 1.2s var(--mz-ease)}.mz-circular-value{color:var(--mz-text);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.mz-progress-label{color:var(--mz-text-3);text-align:center;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.mz-quote{border-radius:var(--mz-r-xl);text-align:center;background:linear-gradient(135deg,#4f46e50f,#7c3aed0a);border:1px solid #4f46e51f;padding:28px 22px;position:relative;overflow:hidden}.dark-theme .mz-quote{background:linear-gradient(135deg,#6366f117,#a855f712);border-color:#a855f733}.mz-quote:before{content:"\"";opacity:.07;color:#7c3aed;pointer-events:none;font-family:serif;font-size:130px;font-weight:900;line-height:1;position:absolute;top:-18px;left:12px}.mz-quote-mark{display:none}.mz-quote-text{color:var(--mz-text);z-index:1;margin-bottom:20px;font-size:15px;font-style:italic;font-weight:600;line-height:1.65;position:relative}.mz-quote-divider{display:none}.mz-quote-author{background:var(--mz-surface);border:1px solid var(--mz-border-md);color:var(--mz-text-2);z-index:1;border-radius:100px;align-items:center;gap:8px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.mz-quote-author:before{content:"";background:linear-gradient(135deg, var(--mz-blue), var(--mz-purple));border-radius:50%;flex-shrink:0;width:22px;height:22px;display:inline-block}.mz-notif-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0006;animation:.2s both mz-fadeUp;position:fixed;inset:0}.mz-notif-panel{background:var(--mz-surface);border-left:1px solid var(--mz-border);z-index:201;width:min(340px,92vw);animation:mz-slideIn .3s var(--mz-ease) both;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@keyframes mz-slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mz-notif-panel-header{border-bottom:1px solid var(--mz-border);background:var(--mz-surface);justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.mz-notif-panel-title{font-family:var(--mz-font-d);color:var(--mz-text);font-size:17px;font-weight:800}.mz-notif-close{border:1px solid var(--mz-border);background:var(--mz-surface-2);width:30px;height:30px;color:var(--mz-text-2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:all .2s;display:flex}.mz-notif-close:hover{background:var(--mz-red);color:#fff;border-color:var(--mz-red)}.mz-notif-list{flex-direction:column;gap:8px;padding:12px;display:flex}.mz-notif-item{background:var(--mz-surface-2);border:1px solid var(--mz-border);border-radius:var(--mz-r-md);gap:12px;padding:14px;display:flex}.mz-notif-item-icon{flex-shrink:0;font-size:22px}.mz-notif-item-content h4{color:var(--mz-text);margin-bottom:3px;font-size:13px;font-weight:700}.mz-notif-item-content p{color:var(--mz-text-2);font-size:12px;line-height:1.5}.mz-spinner{border:3px solid var(--mz-surface-3);border-top-color:var(--mz-blue);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite mz-spin}