:root{--primary: #1c3620;--primary-mid: #2a4a2e;--primary-lt: #3d6142;--accent: #4e8a55;--accent-hvr: #3a6b40;--accent-soft: rgba(78, 138, 85, .18);--accent-line: rgba(78, 138, 85, .25);--accent-text: #8fd096;--cream: #f5f0e8;--cream-dk: #e8e1d4;--cream-dkr: #d8cfc3;--sand: #9a8e7e;--sand-lt: #c4bab0;--text: #1a1a1a;--white: #ffffff;--amber: #c97b1a;--amber-hvr: #b66e1a;--amber-bg: #fdf3e3;--red: #b83232;--red-bg: #fbeaea;--active: #eaf5ec;--white-100: #ffffff;--white-10: rgba(255, 255, 255, .1);--white-08: rgba(255, 255, 255, .08);--white-07: rgba(255, 255, 255, .07);--white-06: rgba(255, 255, 255, .06);--sand-lt-50: rgba(196, 186, 176, .5);--sidebar-w: 240px;--topbar-h: 60px;--font-h: "Cormorant Garamond", Georgia, serif;--font-b: "Jost", sans-serif;--r: 8px;--r-lg: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .07), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .09)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-b);background:var(--cream);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--cream)}.auth-panel{width:100%;max-width:420px;background:var(--white);border:1px solid var(--cream-dk);border-radius:var(--r);box-shadow:var(--shadow-md);padding:30px}.auth-title{font-family:var(--font-h);font-size:28px;font-weight:600;color:var(--primary);line-height:1.1;display:flex;align-items:center;gap:10px;justify-content:start}.auth-copy{color:var(--sand);font-size:13.5px;line-height:1.55;margin-top:8px}.auth-actions{display:flex;gap:10px;margin-top:22px}.auth-actions-stack{flex-direction:column}.auth-actions-stack .btn{width:100%}.auth-note{color:var(--sand);font-size:12.5px;line-height:1.45;margin-top:12px}.signup-shell{align-items:flex-start;padding-top:48px;padding-bottom:64px}.signup-panel{max-width:560px;padding:34px}.verify-panel{max-width:520px;text-align:center}.signup-progress{display:flex;gap:6px;margin-bottom:28px}.signup-progress-step{flex:1;height:3px;border-radius:2px;background:var(--cream-dk)}.signup-progress-step.done{background:var(--primary-lt)}.signup-progress-step.active{background:var(--accent)}.auth-eyebrow{color:var(--accent);font-size:10.5px;font-weight:600;letter-spacing:.13em;margin-bottom:8px;text-transform:uppercase}.signup-form{margin-top:26px}.signup-subsection-label{color:var(--sand);font-size:12px;font-weight:500;margin:2px 0 12px}.signup-consent-row{display:flex;align-items:flex-start;gap:11px;margin-bottom:8px}.signup-consent-row input[type=checkbox]{width:17px;height:17px;min-width:17px;accent-color:var(--accent);margin-top:2px}.signup-consent-row label{color:var(--sand);cursor:pointer;font-size:13px;line-height:1.55}.signup-consent-row.has-error{border-radius:var(--r);outline:2px solid rgba(184,50,50,.35);outline-offset:4px}.signup-consent-error{margin:4px 0 14px}.signup-submit{margin-top:12px}.signup-footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.policy-link{background:transparent;border:0;color:var(--accent);cursor:pointer;font:inherit;font-weight:500;padding:0;text-decoration:none}.policy-link:hover{color:var(--accent-hvr);text-decoration:underline}.verify-icon-wrap{width:52px;height:52px;border-radius:50%;background:var(--active);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;margin:0 auto 18px}.verify-email-tag{display:inline-flex;max-width:100%;overflow-wrap:anywhere;background:var(--active);border:1px solid #a8d9b0;border-radius:var(--r);color:var(--primary);font-size:13px;font-weight:600;margin:14px 0 18px;padding:9px 13px}.verify-copy{color:var(--sand);font-size:13.5px;line-height:1.65;margin-bottom:24px}.app{display:flex;min-height:100vh}.mobile-sidebar-backdrop{display:none}.sidebar{width:var(--sidebar-w);background:var(--primary-mid);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:100}.sb-logo{padding:22px 20px 18px;border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer}.sb-logo-name{font-family:var(--font-h);font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);line-height:1}.sb-logo-sub{font-size:10.5px;color:var(--sand-lt);margin-top:4px;letter-spacing:.06em;opacity:.7}.sb-user{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-lt);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--cream);flex-shrink:0;letter-spacing:.02em}.sb-user-name{font-size:13px;font-weight:500;color:var(--cream);line-height:1.2}.sb-user-since{font-size:11px;color:var(--sand-lt);margin-top:2px;opacity:.8}.sb-nav{flex:1;padding:10px}.sb-nav-label{font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#c4bab073;padding:12px 10px 5px}.sb-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:var(--r);cursor:pointer;color:var(--sand-lt);font-size:13px;font-weight:400;margin-bottom:1px;transition:all .15s;border:1px solid transparent;text-decoration:none;position:relative}.sb-item:hover{background:var(--white-06);color:var(--cream)}.sb-item.active{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-line);font-weight:500}.sb-item svg{width:15px;height:15px;flex-shrink:0;opacity:.85}.sb-badge{margin-left:auto;background:var(--accent);color:var(--white-100);font-size:10px;font-weight:600;padding:2px 7px;border-radius:10px;line-height:1.4}.sb-wallet{padding:16px 20px 20px;border-top:1px solid var(--white-07)}.sb-wallet-lbl{font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sand-lt-50);margin-bottom:8px}.sb-wallet-pts{font-family:var(--font-h);font-size:28px;font-weight:600;color:var(--cream);line-height:1;margin-bottom:10px}.sb-wallet-gbp{font-size:13px;color:var(--accent-text);margin-bottom:10px}.sb-progress{background:var(--white-10);border-radius:3px;height:4px;margin-bottom:5px;overflow:hidden}.sb-progress-fill{background:var(--accent);height:4px;border-radius:3px;transition:width .6s ease}.sb-wallet-sub{font-size:11px;color:var(--sand-lt);opacity:.7;margin-bottom:12px}.sb-cashout-btn{width:100%;background:var(--accent);color:#fff;border:none;padding:9px 14px;border-radius:var(--r);font-family:var(--font-b);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background .15s}.sb-cashout-btn:hover:not(:disabled){background:var(--accent-hvr)}.sb-cashout-btn:disabled{background:#ffffff14;color:var(--sand-lt);cursor:default;opacity:.7}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{background:var(--white);height:var(--topbar-h);border-bottom:1px solid var(--cream-dk);padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:var(--shadow);flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.mobile-menu-btn{display:none;width:36px;height:36px;border-radius:var(--r);border:1.5px solid var(--cream-dk);background:var(--white);color:var(--primary);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mobile-menu-btn:hover{background:var(--cream);border-color:var(--sand-lt)}.mobile-menu-btn svg{width:20px;height:20px}.topbar-title{font-family:var(--font-h);font-size:19px;font-weight:600;color:var(--primary);letter-spacing:.01em;min-width:0}.topbar-right{display:flex;align-items:center;gap:5px}.topbar-avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-lt);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--cream);cursor:pointer}.topbar-user-btn{display:flex;align-items:center;justify-content:center;margin-left:2px;width:36px;height:36px}.notify-menu{position:relative;display:flex}.topbar-notify{position:relative;width:36px;height:36px;border:1.5px solid transparent;border-radius:var(--r);background:transparent;cursor:pointer;color:var(--sand);display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s}.topbar-notify:hover,.topbar-notify.open{background:var(--cream);border-color:var(--cream-dk);color:var(--primary)}.topbar-notify:focus-visible{outline:none;box-shadow:0 0 0 3px #4e8a552e}.topbar-notify svg{width:20px;height:20px}.topbar-help{padding:0}.topbar-help svg{width:18px;height:18px}.notify-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;background:var(--accent);border-radius:50%;border:1.5px solid #fff}.notifications-dropdown{position:absolute;top:calc(100% + 9px);right:0;width:min(360px,calc(100vw - 32px));background:var(--white);border:1px solid var(--cream-dk);border-radius:var(--r);box-shadow:var(--shadow-md);overflow:hidden;z-index:150}.notifications-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--cream-dk)}.notifications-title{font-family:var(--font-h);font-size:18px;font-weight:600;margin-bottom:10px;color:var(--primary)}.notifications-sub{font-size:11.5px;color:var(--sand);margin-top:1px}.notifications-body{max-height:min(420px,calc(100vh - var(--topbar-h) - 48px));overflow-y:auto;padding:8px}.notifications-list{display:flex;flex-direction:column;gap:4px}.notification-item{display:flex;gap:10px;width:100%;padding:10px;border-radius:6px;color:var(--text);text-decoration:none;transition:background .15s}.notification-item:hover{background:#fafdf9}.notification-item.unread{background:var(--active)}.notification-item:not(.unread) .notification-title{font-weight:initial}.notification-item.unread:hover{background:#dff0e3}.notification-kind{width:9px;height:9px;border-radius:50%;margin-top:5px;flex-shrink:0;background:var(--sand-lt)}.notification-kind-task{background:var(--accent)}.notification-kind-reward{background:var(--amber)}.notification-kind-profile{background:var(--primary-lt)}.notification-kind-account{background:var(--sand)}.notification-copy{display:flex;flex-direction:column;min-width:0}.notification-title{font-size:12.8px;font-weight:600;color:var(--text);line-height:1.25}.notification-body{color:var(--sand);font-size:12.3px;line-height:1.4;margin-top:2px}.notification-time{color:var(--sand-lt);font-size:11px;margin-top:5px}.notifications-empty{padding:18px 12px;text-align:center}.notifications-empty strong{display:block;color:var(--primary);font-size:13px;font-weight:600;margin-bottom:3px}.notifications-empty span{display:block;color:var(--sand);font-size:12.5px;line-height:1.45}.help-dropdown{width:min(320px,calc(100vw - 32px))}.help-dropdown-body{padding:10px}.help-links{display:flex;flex-direction:column;gap:4px}.help-link{display:block;width:100%;padding:10px;border-radius:6px;color:var(--sand);text-decoration:none;font-size:13px;transition:background .15s,color .15s}.help-link:hover{background:#fafdf9;color:var(--primary)}.app-footer{padding:18px 20px}.app-footer-title{font-family:var(--font-h);font-size:22px;font-weight:600;color:var(--primary)}.app-footer-copy{margin-top:6px;color:var(--sand);font-size:13px;line-height:1.55}.app-footer-links{display:flex;flex-wrap:wrap;justify-content:end;align-items:center;gap:8px;margin-top:12px}.app-footer-link{color:var(--sand);font-size:13px;font-weight:500;text-decoration:none}.app-footer-link:hover{color:var(--accent-hvr);text-decoration:underline}.app-footer-divider{color:var(--sand-lt)}.content{padding:24px 28px;flex:1}.page{display:none}.page.active{display:block;animation:fadeIn .2s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.banner{border-radius:var(--r);padding:13px 16px;margin-bottom:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:13px;line-height:1.5}.banner strong{font-size:13.5px;font-weight:600;display:block;margin-bottom:2px}.banner-green{background:var(--primary-mid);color:var(--cream)}.banner-amber{background:var(--amber-bg);color:#7a5a10;border:1px solid #e8c97a}.banner-close{background:none;border:none;cursor:pointer;font-size:18px;line-height:1;opacity:.5;color:inherit;flex-shrink:0;padding:0;transition:opacity .15s}.banner-close:hover{opacity:1}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.stat-card{background:var(--white);border:1px solid var(--cream-dk);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow)}.stat-lbl{font-size:11.5px;color:var(--sand);margin-bottom:5px;font-weight:400;letter-spacing:.02em}.stat-val{font-family:var(--font-h);font-size:24px;font-weight:600;color:var(--text);line-height:1}.stat-sub{font-size:11.5px;color:var(--accent);margin-top:4px}.stat-sub.muted{color:var(--sand)}.two-col{display:grid;grid-template-columns:1fr 340px;gap:18px}.card{background:var(--white);border:1px solid var(--cream-dk);border-radius:var(--r);padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.card:last-child{margin-bottom:0}.card-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-family:var(--font-h);font-size:17px;font-weight:600;color:var(--primary);letter-spacing:.01em}.card-link{font-size:12.5px;color:var(--accent);cursor:pointer;text-decoration:none;font-weight:500;transition:color .15s}.card-link:hover{color:var(--accent-hvr);text-decoration:underline}.skeleton{display:block;width:100%;min-height:1px;background:linear-gradient(90deg,var(--cream-dk) 0%,#f7f3ec 45%,var(--cream-dk) 90%);background-size:220% 100%;animation:skeletonShimmer 1.25s ease-in-out infinite;overflow:hidden}@keyframes skeletonShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--cream-dk)}}.wallet-card{background:var(--primary-mid);border-radius:var(--r);padding:20px;margin-bottom:16px}.wc-lbl{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#c4bab099;margin-bottom:6px}.wc-pts{font-family:var(--font-h);font-size:36px;font-weight:600;color:var(--cream);line-height:1;margin-bottom:10px}.wc-gbp{font-size:14px;color:var(--active);margin-bottom:12px}.wc-bar{background:#ffffff1a;border-radius:3px;height:5px;margin-bottom:6px;overflow:hidden}.wc-fill{background:var(--accent);height:5px;border-radius:3px}.wc-sub{font-size:12px;color:var(--sand-lt);opacity:.75;margin-bottom:14px}.wc-btn{width:100%;background:var(--accent);color:#fff;border:none;padding:11px;border-radius:var(--r);font-family:var(--font-b);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .15s}.wc-btn:hover:not(:disabled){background:var(--accent-hvr)}.wc-btn:disabled{background:#ffffff14;color:#c4bab080;cursor:default}.wc-note{font-size:11px;color:#c4bab080;text-align:center;margin-top:8px}.task-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--cream-dk);border-radius:var(--r);margin-bottom:9px;cursor:pointer;transition:border-color .15s,background .15s;background:var(--white)}.task-item:last-child{margin-bottom:0}.task-item:hover{border-color:var(--accent);background:#fafdf9}.task-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.task-info{flex:1;min-width:0}.task-title{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-meta{font-size:11.5px;color:var(--sand)}.task-right{text-align:right;flex-shrink:0}.task-pts{font-family:var(--font-h);font-size:17px;font-weight:600;color:var(--accent);line-height:1}.task-gbp{font-size:11px;color:var(--sand);margin-bottom:5px}.task-start{background:var(--primary-mid);color:var(--cream);border:none;padding:5px 12px;border-radius:5px;font-family:var(--font-b);font-size:11px;font-weight:500;cursor:pointer;transition:background .15s;letter-spacing:.03em;text-transform:uppercase}.task-start:hover{background:var(--primary-lt)}.tag{display:inline-block;font-size:10.5px;font-weight:500;padding:2px 8px;border-radius:10px;letter-spacing:.02em}.tag-green{background:var(--active);color:#1a5c26}.tag-amber{background:var(--amber-bg);color:#7a5a10}.tag-grey{background:var(--cream-dk);color:var(--sand)}.tag-red{background:var(--red-bg);color:var(--red)}.hist-item{display:grid;grid-template-columns:minmax(0,1fr) 110px 90px 110px;align-items:center;column-gap:18px;padding:11px 0;border-bottom:1px solid var(--cream-dk);font-size:13px}.hist-item:last-child{border-bottom:none;padding-bottom:0}.hist-title{min-width:0;font-weight:500;color:var(--text);font-size:12.5px}.hist-date{font-size:11.5px;color:var(--sand);text-align:right;white-space:nowrap}.hist-pts{font-weight:600;text-align:right;font-size:13px;white-space:nowrap}.hist-pts.pos{color:var(--accent)}.hist-pts.nil{color:var(--sand);font-weight:400}@media(max-width:700px){.hist-item{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.hist-title{grid-column:1 / 2}.hist-date{grid-column:1 / 2;text-align:left}.hist-pts{grid-column:2 / 3;grid-row:1 / 2;align-self:start}.hist-item .tag{grid-column:2 / 3;grid-row:2 / 3;justify-self:end}}.profile-pct-bar{background:var(--cream-dk);border-radius:3px;height:5px;margin:10px 0 6px;overflow:hidden}.profile-pct-fill{background:var(--accent);height:5px;border-radius:3px}.missing-item{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--cream-dk);cursor:pointer;transition:color .15s}.missing-item:last-child{border-bottom:none}.missing-item:hover .missing-lbl{color:var(--accent)}.missing-bullet{width:6px;height:6px;border-radius:50%;background:var(--amber);flex-shrink:0}.missing-lbl{flex:1;font-size:12.5px;color:var(--sand)}.missing-arrow{font-size:12px;color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-b);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:var(--r);cursor:pointer;padding:11px 22px;transition:background .15s,opacity .15s;line-height:1}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--cream)}.btn-primary:hover:not(:disabled){background:var(--primary-mid)}.btn-warning{background:var(--amber);color:var(--amber-bg)}.btn-warning:hover:not(:disabled){background:var(--amber-hvr)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover:not(:disabled){background:var(--accent-hvr)}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--cream-dkr)}.btn-outline:hover:not(:disabled){background:var(--cream);border-color:var(--sand-lt)}.btn-full{width:100%}.btn-sm{padding:8px 16px;font-size:12px}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-link{color:var(--sand);background:transparent;text-transform:none;border-radius:0;padding:0;text-decoration:none;border-bottom:1px solid rgba(74,69,64,.2);transition:color .15s}@keyframes spin{to{transform:rotate(360deg)}}.field{margin-bottom:16px}.field label{display:block;font-size:12.5px;font-weight:500;margin-bottom:5px;letter-spacing:.01em}.field label .req{color:var(--accent);margin-left:2px}.field input,.field select{width:100%;padding:10px 13px;border:1.5px solid var(--cream-dk);border-radius:var(--r);font-family:var(--font-b);font-size:13.5px;color:var(--text);background:var(--white);outline:none;transition:border-color .15s,box-shadow .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none}.field input[type=radio],.field input[type=checkbox]{width:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239A8E7E'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:34px;cursor:pointer}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4e8a551f}.field input[readonly]{background:#faf8f3;color:var(--sand)}.radio-group{display:flex;flex-wrap:wrap;gap:10px}.radio-option{display:inline-flex!important;align-items:center;gap:10px;margin-bottom:0!important;padding:10px 13px;border:1.5px solid var(--cream-dk);border-radius:var(--r);background:var(--white);color:var(--sand);cursor:pointer;transition:border-color .15s,box-shadow .15s,background-color .15s}.radio-option:hover{border-color:var(--accent)}.radio-option:has(input:checked){border-color:var(--accent);background:var(--active);color:var(--accent)}.radio-option:has(input:focus-visible){border-color:var(--accent);box-shadow:0 0 0 3px #4e8a551f}.radio-option input[type=radio]{display:none;margin:0;accent-color:var(--accent)}.radio-option input[type=radio]:focus,.radio-option input[type=radio]:focus-visible{outline:none;box-shadow:none}.radio-option span{line-height:1.2}.radio-option:has(input:disabled){cursor:not-allowed;opacity:.7}.radio-option.has-error,.field input.has-error,.field select.has-error,.pill-group.has-error{border-color:var(--red);box-shadow:0 0 0 3px #b832321a}.field .err-msg,.err-msg{color:var(--red);font-size:12px;line-height:1.4;margin-top:5px}.field .hint{font-size:11.5px;color:var(--sand);margin-top:4px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-lbl{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sand);padding-bottom:9px;border-bottom:1px solid var(--cream-dk);margin-bottom:16px;margin-top:4px}.alert{border-radius:var(--r);padding:12px 15px;font-size:13px;line-height:1.5;margin-bottom:16px}.alert strong{display:block;font-weight:600;font-size:13.5px;margin-bottom:2px}.alert-info{background:#ebf3fb;color:#0c447c;border:1px solid #a8ceed}.alert-warn{background:var(--amber-bg);color:#7a5a10;border:1px solid #e8c97a}.alert-success{background:var(--active);color:#1a5c26;border:1px solid #a8d9b0}.cashout-wrap{max-width:540px;margin:0 auto}.method-option{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--cream-dk);border-radius:var(--r);margin-bottom:10px;cursor:pointer;transition:all .15s;background:var(--white)}.method-option:hover,.method-option.selected{border-color:var(--accent);background:#fafdf9}.method-icon{width:40px;height:40px;border-radius:50%;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.method-title{font-size:13.5px;font-weight:500;color:var(--text)}.method-sub{font-size:12px;color:var(--sand);margin-top:2px}.method-radio{margin-left:auto;width:18px;height:18px;border:1.5px solid var(--cream-dkr);border-radius:50%;flex-shrink:0;transition:all .15s;position:relative}.method-option.selected .method-radio{border-color:var(--accent);background:var(--accent)}.method-option.selected .method-radio:after{content:"";position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-wrap{max-width:620px}.profile-hdr{display:flex;align-items:center;gap:16px;margin-bottom:22px}.profile-avatar{width:52px;height:52px;border-radius:50%;background:var(--primary-lt);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;color:var(--cream);flex-shrink:0}.profile-name{font-family:var(--font-h);font-size:20px;font-weight:600;color:var(--primary)}.profile-since{font-size:12px;color:var(--sand);margin-top:2px}.profile-pct{font-size:12px;color:var(--accent);margin-top:2px;font-weight:500}.ps-section{margin-bottom:22px}.ps-section-title{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sand);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--cream-dk)}.ps-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--cream-dk);font-size:13px}.ps-row:last-child{border-bottom:none}.ps-lbl{color:var(--sand);font-size:12.5px}.ps-val{font-weight:500;color:var(--text)}.ps-val.missing{color:var(--amber);font-weight:400;font-style:italic;font-size:12.5px}.account-access{display:flex;flex-direction:column;gap:9px}.account-access-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid var(--cream-dk);border-radius:var(--r);background:var(--white)}.account-access-main{min-width:0}.account-access-title{color:var(--text);font-size:13px;font-weight:500}.account-access-meta{color:var(--sand);font-size:12px;line-height:1.4;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill-group{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}.pill{border:1.5px solid var(--cream-dk);border-radius:20px;padding:5px 13px;font-size:12.5px;color:var(--sand);cursor:pointer;transition:all .15s;background:var(--white);font-family:var(--font-b)}.pill.on{background:var(--active);border-color:var(--accent);color:var(--accent);font-weight:500}.back-link{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--accent);cursor:pointer;text-decoration:none;margin-bottom:20px;font-weight:500;transition:color .15s}.back-link:hover{color:var(--accent-hvr);text-decoration:underline}.task-detail-wrap{max-width:640px}.td-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.td-stat{background:var(--cream);border-radius:var(--r);padding:13px 15px}.td-stat-lbl{font-size:11.5px;color:var(--sand);margin-bottom:4px}.td-stat-val{font-family:var(--font-h);font-size:19px;font-weight:600;color:var(--text)}.completion-wrap{max-width:460px;margin:40px auto;text-align:center}.comp-icon{width:76px;height:76px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:32px;color:#fff}.comp-pts{font-family:var(--font-h);font-size:52px;font-weight:600;color:var(--accent);line-height:1;margin:10px 0 4px}.comp-pts-lbl{font-size:13px;color:var(--sand);margin-bottom:22px}.comp-balance{background:var(--cream);border-radius:var(--r);padding:14px 18px;margin-bottom:20px;text-align:left}.comp-bal-lbl{font-size:11.5px;color:var(--sand);margin-bottom:4px}.comp-bal-val{font-family:var(--font-h);font-size:22px;font-weight:600;color:var(--text)}.screenout-icon{width:76px;height:76px;border-radius:50%;background:var(--cream-dk);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:32px}.filter-row{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filter-pill{border:none;border-radius:20px;padding:5px 14px;font-size:12px;color:var(--sand);cursor:pointer;background:var(--white);transition:all .15s;font-family:var(--font-b);font-weight:400}.filter-pill.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}.earnings-balance-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.earnings-balance-main{min-width:0}.earnings-balance-label{margin-bottom:10px}.earnings-balance-points{color:var(--text);font-family:var(--font-h);font-size:48px;font-weight:600;line-height:1;margin-bottom:6px}.earnings-balance-subtext{color:var(--sand);font-size:14px}.earnings-balance-button{align-self:center;background:var(--text);border-radius:10px;color:var(--white);flex:0 0 auto;min-width:154px;padding:12px 20px;text-transform:uppercase}.earnings-balance-button:hover{background:var(--primary)}.earnings-balance-progress{background:var(--cream-dk);border-radius:999px;height:6px;margin-bottom:6px;overflow:hidden}.earnings-balance-progress-fill{background:var(--text);border-radius:inherit;height:100%}.earnings-balance-footnote{color:var(--sand);font-size:12px}.earnings-redeem-panel{margin-top:28px}.earnings-redeem-divider{border-top:1px solid var(--cream-dk);margin-bottom:28px}.earnings-redeem-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.earnings-redeem-copy{color:var(--sand);font-size:15px;line-height:1.6;margin-bottom:24px}.earnings-redeem-email-card{background:var(--cream);border-radius:14px;padding:18px 20px;margin-bottom:18px}.earnings-redeem-email-label{color:var(--sand);font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:9px;text-transform:uppercase}.earnings-redeem-email-value{color:var(--text);font-size:16px}.earnings-redeem-confirm{background:var(--text);color:var(--white);margin-bottom:12px}.earnings-redeem-confirm:hover{background:var(--primary)}.earnings-redeem-cancel{background:transparent;border:1.5px solid var(--cream-dk);color:var(--text)}.earnings-redeem-cancel:hover{background:var(--cream)}.hidden{display:none!important}hr.div{border:none;border-top:1px solid var(--cream-dk);margin:18px 0}.field-locked{margin-bottom:16px}.field-locked label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--sand);margin-bottom:5px;letter-spacing:.01em}.lock-icon{width:13px;height:13px;opacity:.5;flex-shrink:0}.locked-value{width:100%;padding:10px 13px;border:1.5px solid var(--cream-dk);border-radius:var(--r);font-family:var(--font-b);font-size:13.5px;color:var(--sand);background:var(--cream);cursor:not-allowed;display:flex;align-items:center;justify-content:space-between;gap:8px}.locked-value span{flex:1}.locked-badge{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sand);background:var(--cream-dk);padding:2px 8px;border-radius:10px;flex-shrink:0}.field-locked .hint{font-size:11.5px;color:var(--sand-lt);margin-top:4px}.locked-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--accent);cursor:pointer;font-family:var(--font-b);font-size:12px;font-weight:500;padding:0}.locked-action:hover{color:var(--accent-hvr);text-decoration:underline}.mfa-note{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--amber);margin-top:5px;font-weight:500}.mfa-note svg{width:13px;height:13px;flex-shrink:0}.section-hdr{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid var(--cream-dk);margin-bottom:16px;margin-top:4px}.section-hdr-lbl{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sand)}.section-hdr-link{font-size:11.5px;color:var(--accent);cursor:pointer;text-decoration:none;font-weight:500}.section-hdr-link:hover{text-decoration:underline}.dynamic-note{background:var(--cream);border:1px dashed var(--cream-dkr);border-radius:var(--r);padding:11px 14px;font-size:12px;color:var(--sand);margin-bottom:18px;line-height:1.5}.dynamic-note strong{color:var(--primary);font-weight:600}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--cream-dk)}.toggle-row:last-child{border-bottom:none}.toggle-info{flex:1;min-width:0;padding-right:16px}.toggle-label{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px}.toggle-desc{font-size:12px;color:var(--sand);line-height:1.4}.toggle{position:relative;width:42px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cream-dkr);border-radius:24px;cursor:pointer;transition:background .2s}.toggle-track:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px #00000026}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track:after{transform:translate(18px)}.toggle input:focus+.toggle-track{box-shadow:0 0 0 3px #4e8a5533}.danger-zone{border:1.5px solid #e8bfbf;border-radius:var(--r);padding:18px 20px;margin-top:6px}.danger-zone-title{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:10px}.danger-zone p{font-size:13px;color:var(--sand);line-height:1.55;margin-bottom:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--primary-tranparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--white);border-radius:var(--r-lg);width:100%;max-width:460px;padding:32px;box-shadow:0 8px 32px #0000002e;transform:translateY(8px);transition:transform .22s ease}.modal-overlay.open .modal{transform:translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.modal-close{width:34px;height:34px;border:1.5px solid var(--cream-dk);border-radius:var(--r);background:var(--white);color:var(--primary);cursor:pointer;font-family:var(--font-b);font-size:18px;line-height:1}.modal-close:hover{background:var(--cream);border-color:var(--sand-lt)}.modal-body{color:var(--sand);font-size:13px;line-height:1.65}.modal-body h2{color:var(--primary);font-size:13.5px;font-weight:600;margin:16px 0 5px}.modal-body h2:first-child{margin-top:0}.modal-body p{margin-bottom:10px}.policy-modal .modal{max-height:min(720px,calc(100vh - 40px));max-width:680px;overflow:hidden;padding:0;display:flex;flex-direction:column}.policy-modal .modal-header{border-bottom:1px solid var(--cream-dk);margin-bottom:0;padding:18px 20px}.policy-modal .modal-title{margin-bottom:0}.policy-modal .modal-body{overflow-y:auto;padding:20px}.policy-modal .modal-footer{border-top:1px solid var(--cream-dk);margin-top:0;padding:16px 20px}.modal-icon{width:52px;height:52px;border-radius:50%;background:var(--red-bg);display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:22px}.modal-title{font-family:var(--font-h);font-size:22px;font-weight:600;color:var(--primary);margin-bottom:8px}.modal-body-text{font-size:13.5px;color:var(--sand);line-height:1.65;margin-bottom:16px}.modal-warning{background:var(--red-bg);border:1px solid #e8bfbf;border-radius:var(--r);padding:12px 14px;font-size:13px;color:var(--red);line-height:1.5;margin-bottom:20px}.modal-warning strong{display:block;font-weight:600;margin-bottom:2px}.modal-confirm-label{font-size:12.5px;font-weight:500;color:var(--text);margin-bottom:6px}.modal-confirm-label span{font-family:monospace;font-size:12px;background:var(--cream);padding:1px 6px;border-radius:4px;color:var(--red)}.modal-footer{display:flex;gap:10px;margin-top:20px}@media(max-width:960px){.two-col{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}}@media(max-width:700px){:root{--sidebar-w: 240px}.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--shadow-md)}.sidebar-open .sidebar{transform:translate(0)}.mobile-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;border:0;padding:0;background:#1c36207a;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:90}.mobile-sidebar-backdrop.is-open,.sidebar-open .mobile-sidebar-backdrop{opacity:1;pointer-events:auto;visibility:visible}.mobile-menu-btn{display:inline-flex}.app-footer{margin:0 16px 16px}.topbar{padding:0 16px}.stats-row{grid-template-columns:1fr 1fr}.earnings-balance-card{align-items:flex-start;flex-direction:column}.earnings-balance-button{width:100%}.td-grid,.field-row{grid-template-columns:1fr}.account-access-row{align-items:stretch;flex-direction:column}.account-access-row .btn{width:100%}}.sb-logo{display:block;text-decoration:none}.topbar-avatar,.missing-item{text-decoration:none}.filter-pill,.pill,.method-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-b)}.method-option{text-align:left;width:100%}.pill{line-height:1.4}.btn{text-decoration:none}.text-center{text-align:center}.earnings-redeem-success{padding:14px 0 6px;text-align:center}.earnings-redeem-success-icon{width:72px;height:72px;border-radius:50%;background:var(--text);color:var(--white);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:40px;line-height:1}.earnings-redeem-success-title{color:var(--primary);font-family:var(--font-h);font-size:19px;font-weight:600;margin-bottom:12px}.earnings-redeem-success-copy{color:var(--sand);font-size:15px;line-height:1.7;margin:0 auto 24px;max-width:720px}.earnings-redeem-done{background:transparent;border:1.5px solid var(--cream-dk);color:var(--text);min-width:108px;padding:14px 28px}.earnings-redeem-done:hover{background:var(--cream)}.pretask-modal .modal{max-width:560px}.pretask-progress{margin-bottom:0}.pretask-question{color:var(--primary);font-family:var(--font-h);font-size:20px;font-weight:600;line-height:1.35;margin-bottom:18px}.pretask-field{margin-bottom:0}.pretask-field input,.pretask-field select{width:100%}.pretask-footer{justify-content:flex-end}.loading-spinner{--spinner-size: 1.5rem;--spinner-thickness: 2px;display:inline-block;width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-thickness) solid color-mix(in srgb,currentColor 22%,transparent);border-top-color:currentColor;border-radius:999px;animation:loading-spinner-spin .7s linear infinite;vertical-align:middle}.loading-spinner--sm{--spinner-size: 1rem;--spinner-thickness: 2px}.loading-spinner--md{--spinner-size: 1.3rem;--spinner-thickness: 2px}.loading-spinner--lg{--spinner-size: 2.25rem;--spinner-thickness: 3px}.page-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes loading-spinner-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-spinner{animation-duration:1.4s}}