.mpl-app{--mpl-orange:#ff5001;--mpl-orange-hover:#e63d00;--mpl-navy:#17253a;--mpl-muted:#8a8f98;--mpl-line:#ececeb;--mpl-bg:#f8f8f7;--mpl-success:#16a34a;--mpl-success-dark:#15803d;--font-display:var(--font-mulish),Mulish,sans-serif;--font-body:var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,sans-serif;isolation:isolate;width:100%;max-width:402px;min-height:100dvh;color:var(--mpl-navy);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#fff;margin:0 auto;position:relative}.mpl-app *{box-sizing:border-box}.mpl-app button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}.mpl-app .mpl-shell{height:100%;min-height:inherit;flex-direction:column;display:flex;position:relative;overflow:hidden}.mpl-app .mpl-scr{overscroll-behavior:contain;scrollbar-width:none;flex:1;overflow-y:auto}.mpl-app .mpl-scr::-webkit-scrollbar{width:0;height:0}.mpl-app .mpl-layers{position:absolute;inset:0;overflow:hidden}.mpl-app .mpl-list-layer,.mpl-app .mpl-detail-layer{will-change:transform;background:#fff;flex-direction:column;transition:transform .42s cubic-bezier(.32,.72,.28,1);display:flex;position:absolute;inset:0}.mpl-app .mpl-list-layer{transform:translate(0)}.mpl-app.mpl-detail-open .mpl-list-layer{transform:translate(-26%)}.mpl-app .mpl-detail-layer{z-index:10;transform:translate(100%)}.mpl-app.mpl-detail-open .mpl-detail-layer{transform:translate(0);box-shadow:-16px 0 40px #17253a2e}.mpl-app .mpl-list-dim{opacity:0;pointer-events:none;z-index:6;background:#0d1826;transition:opacity .42s cubic-bezier(.32,.72,.28,1);position:absolute;inset:0}.mpl-app.mpl-detail-open .mpl-list-dim{opacity:.16;pointer-events:auto}.mpl-app .mpl-list-scroll{padding:28px 20px 8px}.mpl-app .mpl-eyebrow{letter-spacing:.14em;color:var(--mpl-orange);text-transform:uppercase;font-size:11px;font-weight:700}.mpl-app .mpl-h1{font-family:var(--font-display);color:var(--mpl-navy);margin:8px 0 18px;font-size:30px;font-weight:800;line-height:1.05}.mpl-app .mpl-progress-card{background:var(--mpl-bg);border:1px solid var(--mpl-line);border-radius:18px;margin-bottom:22px;padding:16px}.mpl-app .mpl-progress-card-title{font-family:var(--font-display);color:var(--mpl-navy);margin-bottom:10px;font-size:15px;font-weight:700}.mpl-app .mpl-bar-track{background:#eeeeec;border-radius:99px;height:6px;overflow:hidden}.mpl-app .mpl-bar-fill{background:var(--mpl-navy);transform-origin:0;border-radius:99px;height:100%;animation:.5s cubic-bezier(.32,.72,.28,1) mplBarGrow}.mpl-app .mpl-section-row{justify-content:space-between;align-items:center;margin:0 2px 12px;display:flex}.mpl-app .mpl-section-label{letter-spacing:.13em;color:var(--mpl-muted);text-transform:uppercase;font-size:11px;font-weight:700}.mpl-app .mpl-section-hint{color:#c2c5ca;letter-spacing:.02em;font-size:11px;font-weight:600}.mpl-app .mpl-upnext{flex-direction:column;gap:12px;display:flex}.mpl-app .mpl-shot-card{border:1px solid var(--mpl-line);cursor:pointer;text-align:left;background:#fff;border-radius:18px;width:100%;padding:15px 15px 13px;transition:box-shadow .2s,border-color .2s,transform .12s;box-shadow:0 1px 3px #17253a0d}.mpl-app .mpl-shot-card:hover{border-color:#dfe0e2;transform:translateY(-1px);box-shadow:0 8px 22px #17253a1f}.mpl-app .mpl-shot-card:active{transform:translateY(0)}.mpl-app .mpl-shot-card-row{align-items:center;gap:9px;display:flex}.mpl-app .mpl-prio-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.mpl-app .mpl-shot-title{font-family:var(--font-display);color:var(--mpl-navy);flex:1;min-width:0;font-size:20px;font-weight:800;line-height:1.1}.mpl-app .mpl-chev{color:#c2c5ca;flex-shrink:0}.mpl-app .mpl-thumbs{align-items:center;gap:6px;margin:12px 0 1px;padding-left:19px;display:flex}.mpl-app .mpl-thumb{border-radius:8px;flex-shrink:0;width:34px;height:34px;box-shadow:0 1px 2px #17253a1f}.mpl-app .mpl-thumb-extra{width:34px;height:34px;color:var(--mpl-muted);font-size:11px;font-weight:800;font-family:var(--font-display);background:#f0f0ef;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mpl-app .mpl-thumb-label{color:#9ca3af;margin-left:3px;font-size:11px;font-weight:600}.mpl-app .mpl-uploaded-head{align-items:center;gap:8px;margin:24px 2px 12px;padding-left:4px;display:flex}.mpl-app .mpl-uploaded-head span{color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:800}.mpl-app .mpl-done-list{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.mpl-app .mpl-done-card{cursor:pointer;text-align:left;background:#f7faf8;border:1px solid #e4efe8;border-radius:15px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.mpl-app .mpl-done-check{background:var(--mpl-success);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.mpl-app .mpl-done-body{flex:1;min-width:0}.mpl-app .mpl-done-title{font-family:var(--font-display);color:var(--mpl-navy);font-size:15px;font-weight:700}.mpl-app .mpl-done-meta{color:#8a9a90;letter-spacing:.04em;font-size:11px;font-weight:600}.mpl-app .mpl-done-xp{color:var(--mpl-success-dark);font-size:11px;font-weight:800}.mpl-app .mpl-sticky{background:#fff;border-top:1px solid #f0f0ef;flex-shrink:0;padding:12px 20px 8px}.mpl-app .mpl-sticky-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mpl-app .mpl-sticky-label{font-family:var(--font-display);color:var(--mpl-navy);font-size:13px;font-weight:700}.mpl-app .mpl-sticky-remain{color:#9ca3af;font-size:12px;font-weight:600}.mpl-app .mpl-tabbar{padding:8px 40px max(14px,env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #f0f0ef;flex-shrink:0;display:flex}.mpl-app .mpl-tab{color:#adb1b7;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 0;transition:color .2s;display:flex}.mpl-app .mpl-tab.is-active{color:var(--mpl-orange)}.mpl-app .mpl-tab span{letter-spacing:.02em;font-size:10.5px;font-weight:700}.mpl-app .mpl-detail-scroll{padding:20px 20px 26px}.mpl-app .mpl-sheet-handle{background:#e4e4e2;border-radius:99px;width:38px;height:5px;margin:0 auto 14px}.mpl-app .mpl-detail-nav{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.mpl-app .mpl-back{color:var(--mpl-navy);font-family:var(--font-display);align-items:center;gap:5px;padding:0;font-size:14px;font-weight:700;display:inline-flex}.mpl-app .mpl-back:hover{color:var(--mpl-orange)}.mpl-app .mpl-prio-pill{letter-spacing:.04em;border:1px solid;border-radius:99px;align-items:center;gap:5px;padding:4px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.mpl-app .mpl-prio-pill .dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.mpl-app .mpl-ideas-label{letter-spacing:.13em;color:var(--mpl-muted);text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:700}.mpl-app .mpl-ideas{flex-direction:column;gap:14px;margin:0 0 22px;padding:0;list-style:none;display:flex}.mpl-app .mpl-idea{gap:10px;display:flex}.mpl-app .mpl-idea-n{font-family:var(--font-display);color:#c2c5ca;flex-shrink:0;min-width:16px;font-size:14px;font-weight:800;line-height:1.5}.mpl-app .mpl-idea-body{flex:1;min-width:0;font-size:14.5px;line-height:1.5}.mpl-app .mpl-idea-body strong{color:var(--mpl-navy);font-weight:700}.mpl-app .mpl-idea-body .desc{color:#6b7280}.mpl-app .mpl-idea-extra{margin-top:3px;font-size:13.5px;line-height:1.45}.mpl-app .mpl-idea-extra .k-prop{color:#cc3600;font-weight:700}.mpl-app .mpl-idea-extra .k-close{color:#2a3845;font-weight:700}.mpl-app .mpl-idea-extra .v{color:#4b5563}.mpl-app .mpl-upload-row{gap:10px;margin-bottom:24px;display:flex}.mpl-app .mpl-uploaded-badge{color:var(--mpl-success-dark);font-family:var(--font-display);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:800;display:flex}.mpl-app .mpl-retake{border:1px solid var(--mpl-line);color:var(--mpl-navy);font-family:var(--font-display);border-radius:14px;padding:14px 18px;font-size:15px;font-weight:700}.mpl-app .mpl-retake:hover{background:#faf9f8}.mpl-app .mpl-upload-btn{background:var(--mpl-orange);color:#fff;width:100%;font-family:var(--font-display);border-radius:15px;justify-content:center;align-items:center;gap:9px;margin-bottom:24px;padding:15px;font-size:16px;font-weight:800;transition:transform .12s,background .2s;display:flex;box-shadow:0 6px 18px #ff500159}.mpl-app .mpl-upload-btn:hover{background:var(--mpl-orange-hover)}.mpl-app .mpl-upload-btn:active{transform:scale(.98)}.mpl-app .mpl-community-head{justify-content:space-between;align-items:center;margin:22px 0 12px;display:flex}.mpl-app .mpl-community-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mpl-app .mpl-community-card{border-radius:15px;position:relative;overflow:hidden;box-shadow:0 2px 8px #17253a0f}.mpl-app .mpl-community-thumb{height:110px}.mpl-app .mpl-community-meta{align-items:center;gap:6px;display:flex;position:absolute;bottom:9px;left:9px;right:9px}.mpl-app .mpl-avatar{width:20px;height:20px;color:var(--mpl-navy);font-family:var(--font-display);background:#ffffffeb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:800;display:inline-flex}.mpl-app .mpl-community-name{color:#fff;text-shadow:0 1px 3px #00000073;font-size:11px;font-weight:700}.mpl-app .mpl-community-likes{color:#fff;text-shadow:0 1px 3px #00000073;align-items:center;gap:3px;margin-left:auto;font-size:10.5px;font-weight:700;display:inline-flex}.mpl-app .mpl-swipe{justify-content:space-between;align-items:center;padding:20px 6px 4px;display:flex}.mpl-app .mpl-swipe-btn{letter-spacing:.05em;color:#adb1b7;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.mpl-app .mpl-swipe-btn:hover{color:var(--mpl-navy)}.mpl-app .mpl-swipe-hint{letter-spacing:.14em;color:#c2c5ca;font-size:11px;font-weight:700}.mpl-app .mpl-rewards{height:100%;min-height:inherit;flex-direction:column;display:flex}.mpl-app .mpl-rewards-scroll{padding:28px 20px 8px}.mpl-app .mpl-xp-hero{color:#fff;background:linear-gradient(135deg,#17253a,#1d3e55);border-radius:22px;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 26px #17253a47}.mpl-app .mpl-xp-blob{background:#ff500138;border-radius:50%;width:120px;height:120px;position:absolute;top:-24px;right:-24px}.mpl-app .mpl-xp-top{justify-content:space-between;align-items:center;display:flex;position:relative}.mpl-app .mpl-xp-level{letter-spacing:.12em;color:#fff9;font-size:11px;font-weight:700}.mpl-app .mpl-xp-value{font-family:var(--font-display);margin-top:6px;font-size:34px;font-weight:800;line-height:1}.mpl-app .mpl-xp-value span{color:#ffffffa6;font-size:16px}.mpl-app .mpl-xp-ring{background:var(--mpl-orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;animation:2.6s ease-in-out infinite mplRingPulse;display:flex;box-shadow:0 6px 16px #ff500180}.mpl-app .mpl-xp-bar-wrap{margin-top:16px;position:relative}.mpl-app .mpl-xp-bar-meta{color:#ffffffb3;justify-content:space-between;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.mpl-app .mpl-xp-track{background:#ffffff2e;border-radius:99px;height:8px;overflow:hidden}.mpl-app .mpl-xp-fill{background:var(--mpl-orange);transform-origin:0;border-radius:99px;height:100%;animation:.5s cubic-bezier(.32,.72,.28,1) mplBarGrow}.mpl-app .mpl-stats{gap:12px;margin-top:14px;display:flex}.mpl-app .mpl-stat{border:1px solid var(--mpl-line);text-align:center;background:#fff;border-radius:16px;flex:1;padding:14px}.mpl-app .mpl-stat-n{font-family:var(--font-display);font-size:24px;font-weight:800}.mpl-app .mpl-stat-n.is-orange{color:var(--mpl-orange)}.mpl-app .mpl-stat-n.is-navy{color:var(--mpl-navy)}.mpl-app .mpl-stat-l{color:var(--mpl-muted);margin-top:2px;font-size:11px;font-weight:600}.mpl-app .mpl-badge-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mpl-app .mpl-badge{border-radius:16px;padding:14px;position:relative}.mpl-app .mpl-badge.is-earned{border:1px solid var(--mpl-line);background:#fff;box-shadow:0 2px 8px #17253a0f}.mpl-app .mpl-badge.is-locked{background:#f7f7f6;border:1px solid #efefee}.mpl-app .mpl-badge-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:8px;font-size:22px;display:flex;position:relative}.mpl-app .mpl-badge.is-earned .mpl-badge-icon{background:linear-gradient(135deg,#fff4f0,#ffe6d9)}.mpl-app .mpl-badge.is-locked .mpl-badge-icon{filter:grayscale();opacity:.4;background:#efefee}.mpl-app .mpl-badge-lock{color:#c2c5ca;position:absolute;top:8px;right:8px}.mpl-app .mpl-badge-name{font-family:var(--font-display);color:var(--mpl-navy);margin-top:2px;font-size:14px;font-weight:700}.mpl-app .mpl-badge-desc{color:#9ca3af;margin-top:2px;font-size:11px;line-height:1.3}.mpl-app .mpl-toast{z-index:60;background:var(--mpl-navy);color:#fff;white-space:nowrap;border-radius:15px;align-items:center;gap:11px;padding:13px 18px;animation:1.8s forwards mplToastUp;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #17253a66}.mpl-app .mpl-toast-ico{background:var(--mpl-orange);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.mpl-app .mpl-toast-title{font-family:var(--font-display);font-size:15px;font-weight:800}.mpl-app .mpl-toast-sub{color:#ffffffb3;font-size:12px}.mpl-app .mpl-confetti{z-index:55;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mpl-app .mpl-confetti span{border-radius:2px;width:8px;height:12px;position:absolute;top:40%}@keyframes mplBarGrow{0%{transform:scaleX(.001)}to{transform:scaleX(1)}}@keyframes mplToastUp{0%{opacity:0;transform:translate(-50%,20px)}12%{opacity:1;transform:translate(-50%)}88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}@keyframes mplConfFall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(150px)rotate(320deg)}}@keyframes mplRingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.mpl-app--embed{width:100%;max-width:none;height:100%;min-height:0;margin:0}.mpl-app--embed .mpl-shell{height:100%;min-height:0}.mpl-app--embed .mpl-list-scroll,.mpl-app--embed .mpl-rewards-scroll{padding-top:20px}.mpl-app--embed .mpl-tabbar{padding-bottom:max(10px,env(safe-area-inset-bottom,0px))}