:root{--bg:#f4f0fc;--bg-soft:#eee7fb;--bg-soft-2:#e7ddfb;--card:#ffffffb8;--card-strong:#ffffffd6;--card-border:#7b61ff1a;--text:#242045;--text-soft:#6f6795;--text-muted:#8c84af;--primary-1:#6f58ff;--primary-2:#a88cff;--primary-shadow:#6d58ff2e;--success:#1fa37a;--error:#c73424;--radius-xl:24px;--radius-lg:20px;--radius-md:18px;--radius-pill:999px;--shadow-card:0 10px 30px #5f4aaa0f;--shadow-cta:0 16px 34px #6d58ff2e;--space-1:6px;--space-2:10px;--space-3:14px;--space-4:16px;--space-5:20px;--space-6:24px;--fs-hero:30px;--fs-title:18px;--fs-card-title:16px;--fs-body:14px;--fs-label:12px;--fs-micro:11px;--app-max-width:424px}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button,input{font:inherit}img{max-width:100%;display:block}.app-shell{background:radial-gradient(circle at top, #ffffff73 0%, #fff0 34%), var(--bg);min-height:100dvh;position:relative}.app-shell__backdrop{pointer-events:none;position:fixed;inset:0}.app-shell__backdrop--one{background:radial-gradient(circle at 20% 10%,#c5b3ff38 0%,#c5b3ff00 35%)}.app-shell__backdrop--two{background:radial-gradient(circle at 80% 12%,#fff3 0%,#fff0 28%)}.app-shell__main{width:100%;max-width:var(--app-max-width);margin:0 auto;padding:12px 16px 96px;position:relative}.mini-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mini-header{border:1px solid var(--card-border);box-shadow:var(--shadow-card);background:#ffffff9e;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.mini-header-left{align-items:center;gap:10px;min-width:0;display:flex}.mini-header-avatar{object-fit:cover;background:#fffc;border-radius:50%;width:40px;height:40px}.mini-header-avatar--empty{border:1px solid var(--card-border)}.mini-header-copy{min-width:0}.mini-header-fid{font-size:var(--fs-label);color:var(--text-soft);font-weight:600;line-height:1.2}.mini-header-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:132px;font-size:15px;font-weight:800;line-height:1.2;overflow:hidden}.mini-header-chip{border-radius:var(--radius-pill);color:var(--text-soft);background:#ab91ff1f;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;padding:8px 12px;display:flex}.mini-header-chip span{letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1}.mini-header-chip strong{color:var(--text);font-size:15px;font-weight:800;line-height:1.1}.page-stack{flex-direction:column;gap:14px;display:flex}.page-title{font-size:var(--fs-hero);letter-spacing:-.03em;color:var(--text);margin:12px 2px 0;font-weight:800;line-height:.94}.page-subtitle{color:var(--text-soft);margin:4px 2px 0;font-size:13px;font-weight:600}.mini-tabs{border-radius:var(--radius-pill);background:#ece2fbc2;border:1px solid #7b61ff14;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;display:grid}.mini-tab{border-radius:var(--radius-pill);height:42px;color:var(--text-soft);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;font-size:15px;font-weight:700;transition:transform .18s,background .18s,color .18s;display:inline-flex}.mini-tab.is-active{color:var(--text);background:#ffffffeb;box-shadow:0 8px 20px #5f4aaa14}.mini-tab-badge{min-width:18px;height:18px;color:var(--primary-1);background:#6f58ff24;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:800;display:inline-flex}.mini-card-section{padding:16px}.mini-eyebrow{font-size:var(--fs-label);letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft);margin:0 0 6px;font-weight:800;line-height:1}.mini-card-title{font-size:var(--fs-title);color:var(--text);margin:0;font-weight:800;line-height:1.05}.mini-card-copy{color:var(--text-soft);margin:8px 0 0;font-size:13px;font-weight:600;line-height:1.45}.primary-btn,.secondary-btn,.mini-inline-btn,.mini-copy-btn,.onboarding-cta{appearance:none;cursor:pointer;border:0;transition:transform .18s,opacity .18s,box-shadow .18s,background .18s}.primary-btn,.onboarding-cta{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--primary-1) 0%, var(--primary-2) 100%);color:#fff;width:100%;height:48px;box-shadow:var(--shadow-cta);font-size:16px;font-weight:800}.primary-btn:disabled,.secondary-btn:disabled,.mini-inline-btn:disabled,.mini-copy-btn:disabled,.onboarding-cta:disabled{opacity:.7;cursor:default;transform:none}.primary-btn:not(:disabled):active,.secondary-btn:not(:disabled):active,.mini-inline-btn:not(:disabled):active,.mini-copy-btn:not(:disabled):active,.onboarding-cta:not(:disabled):active{transform:scale(.985)}.secondary-btn,.mini-copy-btn{border-radius:var(--radius-pill);width:100%;height:44px;color:var(--primary-1);background:#ab91ff24;font-size:14px;font-weight:800}.mini-inline-btn{border-radius:var(--radius-pill);min-width:92px;height:36px;color:var(--primary-1);white-space:nowrap;background:#ab91ff29;flex-shrink:0;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.mini-inline-btn.is-done{color:var(--success);background:#1fa37a24}.mini-status-chip{border-radius:var(--radius-pill);min-height:34px;color:var(--text-soft);background:#ab91ff24;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.mini-status-chip.is-success{color:var(--success);background:#1fa37a24}.mini-claim-grid{gap:14px;display:grid}.mini-pool-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.mini-pool-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.mini-pool-count{color:var(--text);font-size:18px;font-weight:800;line-height:1}.mini-pool-text{color:var(--text-soft);font-size:13px;font-weight:700;line-height:1.3}.mini-avatar-stack{flex-shrink:0;width:88px;height:28px;position:relative}.mini-avatar-stack-item{object-fit:cover;border:2px solid #ffffffeb;border-radius:50%;width:28px;height:28px;position:absolute;top:0;box-shadow:0 4px 10px #5f4aaa14}.mini-pool-ring-wrap{justify-content:center;align-items:center;margin-top:10px;display:flex;position:relative}.mini-pool-ring{transform:rotate(-90deg)}.mini-pool-ring-track{fill:none;stroke:#d0c3f7b3;stroke-width:12px}.mini-pool-ring-progress{fill:none;stroke-width:12px;stroke-linecap:round}.mini-pool-ring-label{color:var(--text);font-size:18px;font-weight:800;position:absolute}.mini-task-group{flex-direction:column;gap:10px;display:flex}.mini-task-group-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);font-size:12px;font-weight:800}.mini-task-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.mini-task-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.mini-task-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;line-height:1.2;overflow:hidden}.mini-task-reward{color:var(--text-soft);font-size:13px;font-weight:700;line-height:1.2}.mini-empty-copy{color:var(--text-soft);font-size:14px;font-weight:700;line-height:1.45}.mini-ref-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.mini-stat-card{background:#ffffff85;border:1px solid #7b61ff14;border-radius:18px;padding:14px}.mini-stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);font-size:11px;font-weight:800}.mini-stat-value{color:var(--text);margin-top:8px;font-size:18px;font-weight:800}.mini-input{width:100%;height:48px;color:var(--text);background:#ffffffb3;border:1px solid #7b61ff1f;border-radius:18px;outline:none;padding:0 16px;font-size:14px;font-weight:600}.mini-input[readonly]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-chip-row{flex-wrap:wrap;gap:8px;display:flex}.mini-chip-btn{border-radius:var(--radius-pill);height:34px;color:var(--primary-1);background:#ab91ff24;border:0;padding:0 14px;font-size:13px;font-weight:800}.mini-preview-stage{aspect-ratio:1;background:#eee7fbd1;border:1px solid #7b61ff14;border-radius:24px;justify-content:center;align-items:center;display:flex;overflow:hidden}.mini-preview-stage img{object-fit:cover;width:100%;height:100%}.mini-preview-placeholder{color:var(--text-soft);font-size:18px;font-weight:800}.mini-hero-block{flex-direction:column;gap:6px;display:flex}.mini-status-row{flex-wrap:wrap;gap:8px;display:flex}.mini-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.mini-stats-card{background:#ffffff85;border:1px solid #7b61ff14;border-radius:18px;padding:14px}.mini-stats-value{color:var(--text);margin-top:10px;font-size:16px;font-weight:800}.mini-progress{background:#dad0f6e0;border-radius:999px;width:100%;height:10px;overflow:hidden}.mini-progress>div{background:linear-gradient(90deg, var(--primary-1) 0%, var(--primary-2) 100%);border-radius:999px;height:100%}.mini-progress-caption{color:var(--text-soft);font-size:13px;font-weight:700}.bottom-nav{left:50%;bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:50;background:#ffffffd6;border:1px solid #7b61ff1a;border-radius:999px;grid-template-columns:repeat(3,1fr);gap:8px;width:min(100vw - 24px,392px);padding:8px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 40px #5f4aaa1a}.bottom-nav__item{height:42px;color:var(--text-soft);background:0 0;border:0;border-radius:999px;font-size:15px;font-weight:800}.bottom-nav__item.is-active{color:var(--text);background:#ab91ff29}.onboarding-screen{background:radial-gradient(circle at top, #ffffff61 0%, #fff0 32%), var(--bg);position:fixed;inset:0;overflow:hidden}.onboarding-center{justify-content:center;align-items:center;width:100%;height:100%;min-height:100dvh;padding:24px;display:flex}.onboarding-cta-wrap{flex-direction:column;gap:12px;width:100%;max-width:340px;display:flex}.onboarding-hint{color:var(--text-soft);text-align:center;font-size:13px;font-weight:700;line-height:1.3}.mini-toast-host{left:50%;bottom:calc(86px + env(safe-area-inset-bottom));z-index:70;flex-direction:column;gap:8px;width:min(100vw - 24px,360px);display:flex;position:fixed;transform:translate(-50%)}.mini-toast{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text);text-align:center;background:#ffffffe6;border:1px solid #7b61ff14;border-radius:18px;padding:12px 16px;font-size:13px;font-weight:800;line-height:1.25;animation:.18s toastIn;box-shadow:0 18px 36px #5f4aaa1f}.mini-toast--success{color:var(--success)}.mini-toast--error{color:var(--error)}.mini-toast--neutral{color:var(--text-soft)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mini-pool-head--claimers{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.mini-claimer-row{align-items:center;display:flex}.mini-claimer-avatars{width:104px;height:30px;position:relative}.mini-claimer-avatar{object-fit:cover;background:#f3eefc;border:2px solid #fffffff5;border-radius:999px;width:30px;height:30px;position:absolute;top:0;box-shadow:0 6px 14px #5f4aaa1a}.mini-pool-inline-copy{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mini-pool-inline-count,.mini-pool-inline-text{color:var(--text);font-size:16px;font-weight:800;line-height:1.1}.mini-pool-inline-text{color:var(--text-soft)}.mini-task-board{background:linear-gradient(#ffffffe6 0%,#fbf8fff5 100%)}.mini-task-section{flex-direction:column;gap:12px;display:flex}.mini-task-section__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mini-task-section__title{color:var(--text);font-size:15px;font-weight:900;line-height:1.1}.mini-task-section__subtitle{color:var(--text-soft);margin-top:4px;font-size:12px;line-height:1.4}.mini-task-section__count{color:#6d54d9;background:#7c5cff1a;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:inset 0 0 0 1px #7c5cff14}.mini-task-section__list{flex-direction:column;gap:10px;display:flex}.mini-task-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border-radius:20px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid;box-shadow:0 8px 24px #7058bf0f,inset 0 0 0 1px #967ee517}.mini-task-card.is-complete{opacity:.72}.mini-task-card__icon{color:#6548d5;background:linear-gradient(135deg,#7c5cff29,#c4b7ff38);border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:900;display:flex;box-shadow:inset 0 0 0 1px #7c5cff14}.mini-task-card__body{min-width:0}.mini-task-card__topline{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.mini-task-card__title{min-width:0;color:var(--text);font-size:14px;font-weight:800;line-height:1.25}.mini-task-card__meta{color:var(--text-soft);margin-top:5px;font-size:11px;line-height:1.3}.mini-task-card__reward{color:#684eda;white-space:nowrap;background:#7c5cff1a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-height:24px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.mini-task-card__action{color:#6548d5;cursor:pointer;background:linear-gradient(135deg,#7c5cff1f,#c4b7ff38);border:none;border-radius:999px;flex-shrink:0;min-width:86px;height:38px;padding:0 14px;font-size:13px;font-weight:900;transition:transform .16s,opacity .16s,background .16s}.mini-task-card__action:disabled{cursor:default;opacity:.88}.mini-task-card__action:not(:disabled):active{transform:scale(.98)}.mini-task-card__action.is-loading{opacity:.95}.mini-task-board-simple{background:linear-gradient(#ffffffeb 0%,#fbf8fffa 100%)}.mini-task-section-simple{flex-direction:column;gap:12px;display:flex}.mini-task-section-simple__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.mini-task-section-simple__title{color:var(--text);font-size:15px;font-weight:900;line-height:1.1}.mini-task-section-simple__count{color:#6d54d9;background:#7c5cff1a;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:inset 0 0 0 1px #7c5cff14}.mini-task-section-simple__list{flex-direction:column;gap:10px;display:flex}.mini-task-simple-card{background:#ffffffd6;border-radius:20px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:14px;display:grid;box-shadow:0 8px 24px #7058bf0d,inset 0 0 0 1px #967ee514}.mini-task-simple-card.is-complete{opacity:.72}.mini-task-simple-main{min-width:0}.mini-task-simple-title{color:var(--text);word-break:break-word;font-size:14px;font-weight:800;line-height:1.25}.mini-task-simple-reward{color:#684eda;white-space:nowrap;background:#7c5cff1a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:74px;min-height:30px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.mini-task-simple-action{color:#6548d5;cursor:pointer;background:linear-gradient(135deg,#7c5cff1f,#c4b7ff38);border:none;border-radius:999px;flex-shrink:0;width:88px;height:38px;padding:0 12px;font-size:13px;font-weight:900;transition:transform .16s,opacity .16s}.mini-task-simple-action:disabled{cursor:default;opacity:.88}.mini-task-simple-action:not(:disabled):active{transform:scale(.98)}.mini-task-simple-action.is-loading{opacity:.95}.mini-task-empty{color:var(--text-soft);background:#7c5cff0f;border-radius:18px;padding:14px 16px;font-size:13px;line-height:1.45;box-shadow:inset 0 0 0 1px #7c5cff0f}@media (width<=420px){.mini-task-simple-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title action""reward action";gap:8px 10px}.mini-task-simple-main{grid-area:title}.mini-task-simple-reward{grid-area:reward;justify-self:start;min-width:68px}.mini-task-simple-action{grid-area:action;align-self:center;width:82px}}