html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:clip;background:#faf8ff}#root{width:100%;max-width:100%;min-height:100vh}:root{--color-primary: #0053d4;--color-primary-container: #1e6bff;--color-on-primary: #ffffff;--color-brand-blue-tint: #E8F0FF;--color-brand-blue-deep: #003EB3;--color-background: #faf8ff;--color-surface: #faf8ff;--color-surface-container: #eaedff;--color-surface-container-low: #f2f3ff;--color-surface-container-lowest: #ffffff;--color-on-surface: #131b2e;--color-on-surface-variant: #424655;--color-slate-text: #475569;--color-border-subtle: #E2E8F0;--color-success-green: #16A34A;--space-base: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;--gutter: 24px;--margin-mobile: 16px;--margin-desktop: 40px;--container-max: 1280px;--radius: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--font-display: "Hanken Grotesk", sans-serif;--font-label: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:#faf8ff;width:100%;max-width:100%;overflow-x:clip}*{-webkit-tap-highlight-color:transparent}a,button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none}.reveal{opacity:0;will-change:transform,opacity;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1)}.reveal-visible{opacity:1!important;transform:none!important;filter:blur(0)!important}.reveal-up{transform:translateY(28px)}.reveal-up-scale{transform:translateY(24px) scale(.96)}.reveal-left{transform:translate(-24px)}.reveal-right{transform:translate(24px)}.reveal-fade-blur{transform:translateY(12px);filter:blur(6px)}.reveal-scale{transform:scale(.94)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.navbar{position:sticky;top:0;z-index:50;width:100%;background:#faf8ffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-subtle)}.navbar-container{max-width:var(--container-max);margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:55px;padding:0 var(--margin-mobile)}.logo{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--color-primary);text-decoration:none;flex-shrink:0}.logo-icon{width:35px;height:35px;object-fit:contain;flex-shrink:0}.nav-menu-desktop{display:none}.nav-menu-desktop a{color:var(--color-slate-text);font-family:var(--font-label);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s ease;white-space:nowrap}.nav-menu-desktop a:hover{color:var(--color-primary)}.hamburger{background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--color-on-surface);line-height:1;display:flex;padding:4px}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:90;opacity:0;visibility:hidden;transition:opacity .35s cubic-bezier(.16,1,.3,1),visibility .35s}.nav-overlay-open{opacity:1;visibility:visible}.nav-drawer{position:fixed;top:0;right:0;bottom:0;width:78vw;max-width:340px;height:100vh;background:#fff;z-index:100;display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:-8px 0 32px #0f172a1f}.nav-drawer-open{transform:translate(0)}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px var(--margin-mobile);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.nav-drawer-close{background:var(--color-surface-container-low);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer;color:var(--color-on-surface);transition:background .2s ease;flex-shrink:0}.nav-drawer-close:hover{background:var(--color-border-subtle)}.nav-drawer-links{flex:1;display:flex;flex-direction:column;padding:12px;gap:4px;overflow-y:auto}.nav-drawer-link{display:flex;align-items:center;gap:14px;padding:14px 12px;border-radius:var(--radius-lg);text-decoration:none;color:var(--color-on-surface);font-family:var(--font-display);font-size:15px;font-weight:600;transition:background .2s ease,transform .2s ease}.nav-drawer-link:hover{background:var(--color-brand-blue-tint)}.nav-drawer-link:active{transform:scale(.98)}.nav-drawer-link-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-lg);background:var(--color-surface-container-low);color:var(--color-primary);font-size:18px;flex-shrink:0}.nav-drawer-link-text{flex:1}.nav-drawer-link-arrow{font-size:16px;color:#cbd5e1;flex-shrink:0}@media(min-width:992px){.navbar-container{padding:0 var(--margin-desktop);height:72px}.logo{font-size:22px}.hamburger{display:none}.nav-menu-desktop{display:flex;gap:28px;align-items:center}.nav-overlay,.nav-drawer{display:none}}.footer{background:var(--color-surface-container-low);border-top:1px solid var(--color-border-subtle);width:100%;padding:48px 0 28px}.footer-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--margin-mobile)}.footer-top{display:flex;flex-direction:column;gap:36px;padding-bottom:32px;border-bottom:1px solid var(--color-border-subtle)}.footer-brand-block{text-align:center}.footer-logo-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.footer-logo-icon{width:26px;height:26px;object-fit:contain}.footer-logo{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--color-primary);letter-spacing:-.01em}.footer-tagline{font-family:var(--font-label);font-size:13px;color:var(--color-on-surface-variant)}.footer-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;text-align:center}.footer-links-col{display:flex;flex-direction:column;gap:12px;align-items:center}.footer-links-heading{font-family:var(--font-label);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:2px}.footer-links-col a{color:var(--color-on-surface);font-family:var(--font-display);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s ease}.footer-links-col a:hover{color:var(--color-primary)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:24px;text-align:center}.footer-copy{color:var(--color-on-surface-variant);font-family:var(--font-label);font-size:12px}.footer-email{display:inline-flex;align-items:center;gap:6px;color:var(--color-primary);font-family:var(--font-label);font-size:13px;font-weight:600;text-decoration:none}.footer-email svg{font-size:15px}.footer-email:hover{text-decoration:underline}@media(min-width:640px){.footer-links-grid{grid-template-columns:repeat(2,auto);justify-content:center;gap:64px}}@media(min-width:768px){.footer-container{padding:0 var(--margin-desktop)}.footer-top{flex-direction:row;justify-content:space-between;align-items:center}.footer-brand-block{text-align:left}.footer-logo-row{justify-content:flex-start}.footer-links-grid{text-align:left;grid-template-columns:repeat(2,auto)}.footer-links-col{align-items:flex-start}.footer-bottom{flex-direction:row;justify-content:space-between}}.faq-group{margin-bottom:32px}.faq-group:last-child{margin-bottom:0}.faq-group-label{font-family:var(--font-label);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);margin-bottom:12px}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-display);font-size:15px;font-weight:600;color:#0f172a}.faq-icon{flex-shrink:0;font-size:18px;color:var(--color-on-surface-variant);transition:transform .3s cubic-bezier(.16,1,.3,1)}.faq-item-open .faq-icon{transform:rotate(180deg);color:var(--color-primary)}.faq-answer-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1)}.faq-item-open .faq-answer-wrap{grid-template-rows:1fr}.faq-answer{overflow:hidden;min-height:0;margin:0;padding:0 18px;font-size:14px;line-height:1.6;color:var(--color-on-surface-variant)}.faq-item-open .faq-answer{padding:0 18px 18px}.stats-band{background:var(--color-primary);padding:32px var(--margin-mobile)}.stats-band-container{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:20px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.stat-value{font-family:var(--font-display);font-size:26px;font-weight:800;color:#fff;letter-spacing:-.01em}.stat-label{font-family:var(--font-label);font-size:12px;font-weight:600;color:#fffc;margin-top:4px}.stat-divider{width:1px;height:36px;background:#ffffff40;flex-shrink:0}.feel-showcase{padding:56px 0;background:var(--color-surface-container-low)}.showcase-grid{display:flex;flex-direction:column;gap:16px}.showcase-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:28px 24px;transition:transform .3s ease,box-shadow .3s ease}.showcase-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0f172a0f}.showcase-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-brand-blue-tint);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}.showcase-card h3{font-size:19px;font-weight:700;color:#0f172a;margin-bottom:8px}.showcase-card p{font-size:14px;line-height:1.6;color:var(--color-on-surface-variant);margin:0}.showcase-card-tall{background:var(--color-primary);border-color:var(--color-primary)}.showcase-card-tall .showcase-icon{background:#ffffff26;color:#fff}.showcase-card-tall h3,.showcase-card-tall p{color:#fff}.showcase-card-tall p{opacity:.9}.spotlight{padding:56px 0}.spotlight-card{max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:40px 32px;text-align:center}.spotlight-stars{display:flex;justify-content:center;gap:4px;color:#f59e0b;font-size:18px;margin-bottom:18px}.spotlight-quote{font-family:var(--font-display);font-size:19px;line-height:1.5;font-weight:600;color:#0f172a;margin-bottom:24px}.spotlight-footer{display:flex;flex-direction:column;align-items:center;gap:6px}.spotlight-badge{display:inline-block;background:var(--color-brand-blue-tint);color:var(--color-primary);padding:8px 18px;border-radius:var(--radius-full);font-family:monospace;font-size:14px;font-weight:700;letter-spacing:.05em}.spotlight-caption{font-size:13px;color:var(--color-on-surface-variant)}@media(min-width:640px){.stats-band-container{gap:40px}.stat-value{font-size:32px}}@media(min-width:768px){.showcase-grid{flex-direction:row}.showcase-card{flex:1}}@media(min-width:1024px){.showcase-card-tall{flex:1.2}}.waitlist-page{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-display);width:100%;max-width:100%}.section-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--margin-mobile);width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:var(--radius-lg);font-family:var(--font-label);font-size:15px;font-weight:700;text-decoration:none;text-align:center;cursor:pointer;border:none;transition:transform .15s ease,opacity .15s ease}.btn:active{transform:scale(.97);opacity:.85}.btn-block{width:100%}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 1px 2px #00000014}.btn-tint{background:var(--color-brand-blue-tint);color:var(--color-primary)}.btn-light{background:#fff;color:var(--color-primary);box-shadow:0 4px 12px #00000026}.hero{padding:32px 0 40px;overflow:hidden;width:100%}.hero-container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--margin-mobile);display:flex;flex-direction:column;gap:32px}.hero-copy{text-align:center;width:100%}.hero-badge{display:inline-block;background:var(--color-brand-blue-tint);color:var(--color-primary);padding:8px 20px;border-radius:var(--radius-full);font-family:var(--font-display);font-size:15px;font-weight:500;margin-bottom:20px}.hero-title{font-size:34px;line-height:1.15;font-weight:800;letter-spacing:-.02em;margin-bottom:20px;color:#0f172a}.hero-title-accent{color:var(--color-primary)}.hero-description{font-size:16px;line-height:1.6;color:var(--color-on-surface-variant);margin-bottom:28px;max-width:34rem;margin-left:auto;margin-right:auto}.hero-actions{display:flex;flex-direction:column;gap:12px;width:100%}.hero-image-wrap{width:100%;min-width:0}.hero-image-frame{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border-subtle);box-shadow:0 10px 25px #0f172a14;background:#fff}.hero-image{width:100%;height:auto;display:block;object-fit:cover}.momentum{padding:40px var(--margin-mobile);background:var(--color-surface-container-low);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);text-align:center;width:100%}.momentum-container{max-width:480px;margin:0 auto;width:100%}.momentum-avatars-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.momentum-avatars{display:flex}.avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-surface-container-low);margin-left:-10px}.avatar-1{background:#d6dcf0;margin-left:0}.avatar-2{background:#b7c0dd}.avatar-3{background:#8a94b8}.momentum-count{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--color-primary)}.momentum-sub{color:var(--color-on-surface-variant);font-size:15px;margin-bottom:24px}.how-it-works,.why-taskora{padding:56px 0;width:100%;overflow:hidden}.why-taskora{background:var(--color-surface-container-low)}.section-heading{text-align:center;margin-bottom:40px}.section-heading h2{font-size:30px;line-height:1.25;font-weight:700;margin-bottom:14px;color:#0f172a}.section-heading p{font-size:16px;line-height:1.6;color:var(--color-on-surface-variant);max-width:30rem;margin:0 auto}.steps-stack,.features-stack{display:flex;flex-direction:column;gap:20px}.step-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 28px;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);transition:transform .3s ease,box-shadow .3s ease;min-width:0}.step-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0f172a0d}.step-icon{width:64px;height:64px;background:var(--color-brand-blue-tint);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--color-primary);margin-bottom:20px;flex-shrink:0}.step-label{color:var(--color-primary);font-family:var(--font-label);font-weight:700;font-size:12px;letter-spacing:.02em;margin-bottom:8px}.step-card h3{font-size:22px;line-height:1.3;font-weight:700;margin-bottom:12px;color:#0f172a}.step-card p{color:var(--color-on-surface-variant);font-size:15px;line-height:1.6;margin:0}.feature-card{padding:28px;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);transition:transform .3s ease,box-shadow .3s ease;min-width:0}.feature-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0f172a0d}.feature-icon{display:flex;font-size:26px;color:var(--color-primary);margin-bottom:16px}.feature-card h4{font-size:21px;line-height:1.3;font-weight:700;margin-bottom:10px;color:#0f172a}.feature-card p{color:var(--color-on-surface-variant);font-size:15px;line-height:1.6;margin:0}.product-preview{padding:56px 0;overflow:hidden;width:100%}.preview-container{display:flex;flex-direction:column;gap:40px}.preview-copy{min-width:0}.preview-copy h2{font-size:28px;line-height:1.25;font-weight:700;margin-bottom:18px;color:#0f172a}.preview-copy>p{font-size:16px;line-height:1.6;color:var(--color-on-surface-variant);margin-bottom:28px}.preview-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.preview-list li{display:flex;gap:16px;align-items:flex-start}.preview-icon{background:var(--color-brand-blue-tint);border-radius:var(--radius-lg);flex-shrink:0;font-size:20px;color:var(--color-primary);width:44px;height:44px;display:flex;align-items:center;justify-content:center}.preview-list h5{font-weight:700;margin-bottom:4px;font-size:16px;color:#0f172a}.preview-list p{color:var(--color-on-surface-variant);font-size:14px;line-height:1.5;margin:0}.preview-image-wrap{border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);box-shadow:0 12px 32px #0000001a;background:#fff;padding:12px;min-width:0;width:100%}.preview-image{width:100%;height:auto;border-radius:var(--radius-lg);display:block}.final-cta{padding:56px var(--margin-mobile);background:var(--color-primary);color:#fff;text-align:center;width:100%}.final-cta-container{max-width:480px;margin:0 auto;width:100%}.final-cta h2{font-size:32px;line-height:1.2;font-weight:800;letter-spacing:-.02em;margin-bottom:20px}.final-cta>p{font-size:16px;line-height:1.6;opacity:.92;margin-bottom:32px}.final-cta-note{margin-top:20px;font-size:13px;opacity:.75}@media(min-width:768px){.hero-actions{flex-direction:row;justify-content:center}.hero-actions .btn{width:auto}.steps-stack{flex-direction:row}.step-card{flex:1;min-width:0}.features-stack{display:grid;grid-template-columns:repeat(2,1fr)}.section-container{padding:0 var(--margin-desktop)}}@media(min-width:1024px){.hero-container{flex-direction:row;align-items:center;gap:64px}.hero-copy{text-align:left;flex:1;min-width:0}.hero-image-wrap{flex:1;min-width:0}.hero-actions{justify-content:flex-start}.hero-description{margin-left:0}.features-stack{grid-template-columns:repeat(4,1fr)}.preview-container{flex-direction:row;align-items:center}.preview-copy{flex:2;min-width:0}.preview-image-wrap{flex:3;min-width:0}.btn-block{width:auto;white-space:nowrap}}.two-sided{padding:56px 0;background:var(--color-surface-container-low)}.two-sided-grid{display:flex;flex-direction:column;gap:20px}.side-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:32px 28px;display:flex;flex-direction:column}.side-label{display:inline-block;align-self:flex-start;background:var(--color-brand-blue-tint);color:var(--color-primary);padding:6px 14px;border-radius:var(--radius-full);font-family:var(--font-label);font-size:12px;font-weight:700;margin-bottom:16px}.side-icon{width:52px;height:52px;background:var(--color-brand-blue-tint);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--color-primary);margin-bottom:18px}.side-card-body{flex:1}.side-card-body h3{font-size:21px;font-weight:700;line-height:1.3;color:#0f172a;margin-bottom:12px}.side-card-body>p{font-size:15px;line-height:1.6;color:var(--color-on-surface-variant);margin-bottom:20px}.side-benefits{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px}.side-benefits li{position:relative;padding-left:22px;font-size:14px;color:var(--color-on-surface)}.side-benefits li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.advertiser-flow{padding:56px 0}.steps-stack-4{gap:16px}.advertiser-flow-actions{margin-top:32px;display:flex;flex-direction:column;gap:12px;max-width:480px;margin-left:auto;margin-right:auto}.categories{padding:56px 0;background:var(--color-surface-container-low)}.categories-grid{display:grid;grid-template-columns:1fr;gap:16px}.category-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:24px;transition:transform .3s ease,box-shadow .3s ease}.category-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0f172a0d}.category-icon{display:flex;font-size:22px;color:var(--color-primary);margin-bottom:12px}.category-card h4{font-size:17px;font-weight:700;color:#0f172a;margin-bottom:6px}.category-card p{font-size:14px;line-height:1.5;color:var(--color-on-surface-variant)}.who-for{padding:56px 0}.who-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.who-card{text-align:center;background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:24px 16px}.who-icon{display:flex;justify-content:center;font-size:26px;color:var(--color-primary);margin-bottom:10px}.who-card h4{font-size:15px;font-weight:700;color:#0f172a;margin-bottom:6px}.who-card p{font-size:13px;line-height:1.5;color:var(--color-on-surface-variant)}.trust{padding:56px 0;background:var(--color-surface-container-low)}.trust-grid{display:flex;flex-direction:column;gap:16px}.trust-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:24px;display:flex;align-items:flex-start;gap:16px}.trust-icon{flex-shrink:0;width:44px;height:44px;background:var(--color-brand-blue-tint);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--color-primary)}.trust-card h4{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:4px}.trust-card p{font-size:14px;line-height:1.5;color:var(--color-on-surface-variant)}.faq-section{padding:56px 0}.faq-body{max-width:720px;margin:0 auto}.final-cta-actions{display:flex;flex-direction:column;gap:12px;max-width:420px;margin:0 auto}.btn-outline-light{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}.btn-outline-light:hover{background:#ffffff1a}@media(min-width:768px){.two-sided-grid{flex-direction:row;align-items:stretch}.side-card{flex:1}.categories-grid{grid-template-columns:repeat(2,1fr)}.advertiser-flow-actions{flex-direction:row}.advertiser-flow-actions .btn{width:auto;flex:1}.final-cta-actions{flex-direction:row}.final-cta-actions .btn{width:auto;flex:1}}@media(min-width:1024px){.steps-stack-4{flex-direction:row}.steps-stack-4 .step-card{flex:1}.categories-grid{grid-template-columns:repeat(3,1fr)}.who-grid{grid-template-columns:repeat(4,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}}.hero-container-single{display:flex;justify-content:center}.hero-container-single .hero-copy{max-width:640px;text-align:center}.login-forgot-row{display:flex;justify-content:flex-end;margin-top:-6px}.login-forgot-link{background:none;border:none;padding:2px 0;font-family:var(--font-label);font-size:13px;font-weight:600;color:var(--color-primary);cursor:pointer;text-align:right}.login-forgot-link:hover{text-decoration:underline}.login-password-collapse{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .32s cubic-bezier(.16,1,.3,1),opacity .22s ease}.login-password-collapse-inner{overflow:hidden;display:flex;flex-direction:column;gap:20px;min-height:0}.login-password-collapsed{grid-template-rows:0fr;opacity:0}@media(prefers-reduced-motion:reduce){.login-password-collapse{transition:none}}.dash-topbar{position:sticky;top:0;z-index:50;width:100%;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 var(--margin-mobile);background:#fff;border-bottom:1px solid var(--color-border-subtle)}.dash-topbar-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;font-size:22px;color:var(--color-on-surface);flex-shrink:0;border-radius:var(--radius-lg);transition:background .15s ease}.dash-topbar-icon-btn:hover{background:var(--color-surface-container-low)}.dash-topbar-right{display:flex;align-items:center;gap:14px}.dash-avatar-wrap{position:relative;flex-shrink:0}.dash-topbar-bell{font-size:21px;color:var(--color-slate-text)}.dash-topbar-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--color-primary);border:1.5px solid #ffffff}.dash-topbar-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;font-family:var(--font-display);font-size:14px;font-weight:700;border:none;cursor:pointer;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease}.dash-topbar-avatar:active{transform:scale(.94)}.dash-topbar-avatar-open{box-shadow:0 0 0 3px var(--color-brand-blue-tint)}.dash-account-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:264px;background:#fff;border:1px solid var(--color-border-subtle);border-radius:14px;overflow:hidden;transform-origin:top right;animation:dash-account-menu-in .16s cubic-bezier(.16,1,.3,1)}@keyframes dash-account-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dash-account-menu-header{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-container-low)}.dash-account-menu-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:var(--color-primary);color:#fff;font-family:var(--font-display);font-size:15px;font-weight:700}.dash-account-menu-user{min-width:0;display:flex;flex-direction:column;gap:1px}.dash-account-menu-name{font-size:14px;font-weight:700;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-account-menu-role{font-family:var(--font-label);font-size:12px;color:var(--color-slate-text)}.dash-account-menu-items{padding:6px;display:flex;flex-direction:column}.dash-account-menu-item{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;cursor:pointer;text-align:left;padding:9px 10px;border-radius:9px;transition:background .12s ease}.dash-account-menu-item:hover{background:var(--color-surface-container-low)}.dash-account-menu-item-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:9px;background:var(--color-brand-blue-tint);color:var(--color-primary);font-size:17px}.dash-account-menu-item-text{min-width:0;display:flex;flex-direction:column;gap:1px}.dash-account-menu-item-label{font-family:var(--font-label);font-size:13.5px;font-weight:600;color:var(--color-on-surface)}.dash-account-menu-item-desc{font-family:var(--font-label);font-size:11.5px;color:#94a3b8}.dash-account-menu-footer{padding:6px;border-top:1px solid var(--color-border-subtle)}.dash-account-menu-signout{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;cursor:pointer;text-align:left;font-family:var(--font-label);font-size:13.5px;font-weight:600;color:#ba1a1a;padding:10px;border-radius:9px;transition:background .12s ease}.dash-account-menu-signout:hover{background:#ba1a1a12}@media(min-width:992px){.dash-topbar{padding:0 var(--margin-desktop);height:68px}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-around;background:#fff;border-top:1px solid var(--color-border-subtle);padding:8px 4px calc(8px + env(safe-area-inset-bottom,0px))}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;padding:4px 2px;text-decoration:none;color:#94a3b8;transition:color .15s ease}.bottom-nav-icon{display:flex;font-size:22px;line-height:1}.bottom-nav-label{font-family:var(--font-label);font-size:10.5px;font-weight:600;white-space:nowrap}.bottom-nav-item-active{color:var(--color-primary)}@media(min-width:992px){.bottom-nav-label{font-size:11.5px}}@media(min-width:1024px){.bottom-nav{display:none}}.dash-skeleton{animation:skel-fade-in .2s ease}.skel-greeting{display:flex;flex-direction:column;gap:8px}.skel-greeting-title{width:180px;height:20px}.skel-greeting-sub{width:220px;height:12px}.skel-balance-card{background:var(--color-primary);opacity:.9;border-radius:var(--radius-xl);padding:24px}.skel-balance-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.skel-balance-card-left{display:flex;flex-direction:column;gap:8px}.skel-balance-label{width:90px;height:10px;background:#ffffff40}.skel-balance-value{width:140px;height:26px;background:#ffffff4d}.skel-balance-pending{width:160px;height:11px;background:#ffffff38}.skel-balance-icon{width:44px;height:44px;border-radius:var(--radius-lg);background:#fff3;flex-shrink:0}.skel-balance-actions{display:flex;gap:12px}.skel-balance-btn{flex:1;height:44px;border-radius:var(--radius-lg);background:#ffffff2e}.skel-balance-btn:after{background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0)}.skel-balance-icon:after,.skel-balance-label:after,.skel-balance-value:after,.skel-balance-pending:after{background:linear-gradient(90deg,#fff0,#ffffff59,#fff0)}.skel-stat-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px}.skel-stat-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.skel-stat-label{width:70px;height:10px}.skel-stat-icon{width:32px;height:32px;border-radius:var(--radius-lg);flex-shrink:0}.skel-stat-value{width:90px;height:22px;margin-bottom:8px}.skel-stat-delta{width:110px;height:10px}.skel-section-label{width:110px;height:11px;margin-bottom:2px}.skel-section-link{width:60px;height:12px}.skel-quick-action-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:16px}.skel-quick-action-icon{width:38px;height:38px;border-radius:var(--radius-lg);flex-shrink:0}.skel-quick-action-label{width:70%;height:12px}.skel-task-meta{display:flex;gap:16px}.skel-task-meta-item{width:60px;height:10px}.skel-earnings-row{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--color-border-subtle)}.skel-earnings-row:last-child{border-bottom:none}.skel-earnings-icon{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skel-earnings-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.skel-earnings-title{width:55%;height:12px}.skel-earnings-subtitle{width:75%;height:10px}.skel-earnings-amount-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.skel-earnings-amount{width:50px;height:12px}.skel-earnings-when{width:60px;height:10px}.acrd-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:acrd-backdrop-in .18s ease-out}@keyframes acrd-backdrop-in{0%{opacity:0}to{opacity:1}}.acrd-card{position:relative;width:100%;max-width:420px;background:#fff;border-radius:var(--radius-xl);box-shadow:0 24px 60px #0f172a47;padding:28px 24px 24px;display:flex;flex-direction:column;animation:acrd-card-in .22s cubic-bezier(.16,1,.3,1);max-height:calc(100vh - 32px);overflow-y:auto}@keyframes acrd-card-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.acrd-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--color-on-surface-variant);transition:background .15s ease,color .15s ease}.acrd-close:hover{background:var(--color-surface-container-low);color:var(--color-on-surface)}.acrd-form{display:flex;flex-direction:column;align-items:stretch;gap:16px;text-align:center}.acrd-icon-circle{width:64px;height:64px;border-radius:50%;background:var(--color-brand-blue-tint);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:28px;margin:4px auto;flex-shrink:0}.acrd-headings{display:flex;flex-direction:column;gap:8px}.acrd-headings h2{font-family:var(--font-display);font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:0;line-height:1.25}.acrd-headings p{font-size:14px;color:var(--color-on-surface-variant);line-height:1.55;margin:0}.acrd-headings p strong{color:var(--color-primary);font-weight:700}.acrd-field{display:flex;flex-direction:column;gap:6px;text-align:left}.acrd-label{font-family:var(--font-label);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;display:inline-flex;align-items:center;gap:6px}.acrd-label-icon{font-size:14px;color:var(--color-on-surface-variant)}.acrd-input{width:100%;padding:13px 14px;font-family:var(--font-display);font-size:15px;font-weight:600;color:#0f172a;background:var(--color-surface-container-lowest);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:border-color .15s ease,box-shadow .15s ease;letter-spacing:.04em}.acrd-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-brand-blue-tint)}.acrd-input[aria-invalid=true]{border-color:#ba1a1a;box-shadow:0 0 0 3px #ba1a1a1f}.acrd-input::placeholder{color:#94a3b8;font-weight:500;letter-spacing:.04em}.acrd-input-readonly{background:var(--color-surface-container-low);color:var(--color-on-surface-variant);cursor:default}.acrd-hint{font-size:12px;color:var(--color-on-surface-variant);line-height:1.45}.acrd-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);padding:10px 12px;color:#ba1a1a;font-size:13px;font-weight:600;margin:0;text-align:left}.acrd-primary-btn{width:100%;padding:14px 18px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-family:var(--font-label);font-size:15px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease;margin-top:4px}.acrd-primary-btn:hover:not(:disabled){background:var(--color-brand-blue-deep)}.acrd-primary-btn:active:not(:disabled){transform:scale(.98)}.acrd-primary-btn:disabled{opacity:.65;cursor:not-allowed}.acrd-secondary-btn{width:100%;padding:12px 18px;background:transparent;color:var(--color-on-surface-variant);border:none;border-radius:var(--radius-lg);font-family:var(--font-label);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.acrd-secondary-btn:hover:not(:disabled){background:var(--color-surface-container-low);color:var(--color-on-surface)}.acrd-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.acrd-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:8px 4px 4px}.acrd-success-animation{position:relative;margin:4px 0 8px}.acrd-success-circle{width:96px;height:96px;border-radius:50%;background:var(--color-brand-blue-tint);border:10px solid var(--color-surface-container);display:flex;align-items:center;justify-content:center;animation:acrd-pop .45s ease}.acrd-check-icon{font-size:44px;color:var(--color-primary)}.acrd-spark{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--color-primary);animation:acrd-sparkle 2s infinite ease-in-out}.acrd-spark-1{top:0;left:50%}.acrd-spark-2{right:-5px;top:45%;animation-delay:.3s}.acrd-spark-3{bottom:8px;left:18%;animation-delay:.6s}.acrd-spark-4{top:28%;left:-8px;animation-delay:.9s}.acrd-success-text{display:flex;flex-direction:column;gap:8px}.acrd-success-text h2{font-family:var(--font-display);font-size:24px;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:0;line-height:1.2}.acrd-blue-txt{color:var(--color-primary)}.acrd-success-text p{font-size:14px;color:var(--color-on-surface-variant);line-height:1.55;margin:0}.acrd-success .acrd-primary-btn{margin-top:4px}@keyframes acrd-pop{0%{transform:scale(.3);opacity:0}80%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes acrd-sparkle{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.6);opacity:1}}@media(max-width:420px){.acrd-card{padding:24px 20px 20px}.acrd-headings h2{font-size:20px}}.dashboard-page{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-display);min-height:100vh}.dashboard-main{max-width:640px;margin:0 auto;padding:20px var(--margin-mobile) calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:24px}.dash-greeting h1{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:0 0 4px;display:flex;align-items:center;gap:6px}.dash-wave{font-size:20px}.dash-greeting p{font-size:14px;color:var(--color-on-surface-variant);margin:0}.balance-card{background:var(--color-primary);border-radius:var(--radius-xl);padding:24px;color:#fff;box-shadow:0 1px 2px #0053d41f}.balance-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.balance-label{font-family:var(--font-label);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.balance-value{font-size:32px;font-weight:800;letter-spacing:-.01em;margin:6px 0 4px}.balance-pending{font-size:13px;opacity:.75}.balance-icon{width:44px;height:44px;border-radius:var(--radius-lg);background:#ffffff29;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.balance-actions{display:flex;gap:12px}.btn-balance{flex:1;display:flex;align-items:center;justify-content:center;padding:13px 16px;border-radius:var(--radius-lg);font-family:var(--font-label);font-size:14px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.btn-balance:active{transform:scale(.97);opacity:.9}.btn-balance-tint{background:#ffffff29;color:#fff}.btn-balance-primary{background:#fff;color:var(--color-primary)}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stat-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px}.stat-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.stat-card-label{font-family:var(--font-label);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;max-width:100px;line-height:1.4}.stat-card-icon{width:32px;height:32px;border-radius:var(--radius-lg);background:var(--color-brand-blue-tint);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.stat-card-value{font-size:24px;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin-bottom:4px}.stat-card-delta{font-size:12px;font-weight:600}.stat-card-delta-up{color:var(--color-success-green)}.dash-section{display:flex;flex-direction:column;gap:14px}.dash-section-header{display:flex;align-items:center;justify-content:space-between}.dash-section-label{font-family:var(--font-label);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.dash-section-link{font-family:var(--font-label);font-size:13px;font-weight:700;color:var(--color-primary);text-decoration:none}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-action-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:16px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.quick-action-card:active{transform:scale(.98)}.quick-action-icon{width:38px;height:38px;border-radius:var(--radius-lg);background:var(--color-brand-blue-tint);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.quick-action-label{font-size:14.5px;font-weight:700;color:#0f172a}@media(min-width:768px){.dashboard-main{padding:28px var(--margin-desktop) 40px}.stats-row,.quick-actions-grid{grid-template-columns:repeat(4,1fr)}}.dash-inline-status{font-size:13.5px;color:var(--color-on-surface-variant);padding:4px 2px;margin:0}.dash-error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);padding:12px 14px}.dash-error-banner p{margin:0;font-size:13.5px;color:#ba1a1a;flex:1}.dash-error-banner button{flex-shrink:0;background:none;border:none;cursor:pointer;color:#ba1a1a;font-family:var(--font-label);font-size:13px;font-weight:700;padding:4px 8px}.stat-card-delta-down{color:#ba1a1a}.skel{position:relative;overflow:hidden;background:var(--color-surface-container-low);border-radius:var(--radius-lg)}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);animation:skel-shimmer 1.6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.skel:after{animation:none}}.skel-text{height:12px;border-radius:4px}.browse-skeleton{animation:skel-fade-in .2s ease}@keyframes skel-fade-in{0%{opacity:0}to{opacity:1}}.browse-chip-row-skel{overflow:visible}.skel-chip{flex-shrink:0;width:76px;height:30px;border-radius:var(--radius-full)}.skel-chip:nth-child(2){width:100px}.skel-chip:nth-child(3){width:88px}.skel-chip:nth-child(4){width:64px}.skel-chip:nth-child(5){width:92px}.skel-task-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px}.skel-task-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.skel-task-tag{width:90px;height:20px;border-radius:var(--radius-full)}.skel-task-reward{width:60px;height:16px}.skel-task-title{width:95%;height:13px;margin-bottom:8px}.skel-task-title-short{width:65%;margin-bottom:14px}.skel-task-meta{display:flex;gap:12px}.skel-task-meta-item{width:60px;height:11px}.browse-page{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-display);min-height:100vh}.browse-sticky-zone{position:sticky;top:60px;z-index:40;background:var(--color-surface);padding:16px var(--margin-mobile) 0;border-bottom:1px solid var(--color-border-subtle);overflow-x:clip}.browse-heading{margin-bottom:14px}.browse-heading h1{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:0 0 4px}.browse-heading p{font-size:14px;color:var(--color-on-surface-variant);margin:0}.browse-search-wrap{position:relative;margin-bottom:14px}.browse-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--color-on-surface-variant);pointer-events:none}.browse-search-input{width:100%;padding:13px 14px 13px 42px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border-subtle);background:var(--color-surface-container-low);outline:none;font-family:var(--font-display);font-size:14.5px;color:var(--color-on-surface);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.browse-search-input::placeholder{color:#94a3b8}.browse-search-input:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 2px #0053d41f}.browse-chip-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.browse-chip-row::-webkit-scrollbar{display:none}.browse-chip{flex-shrink:0;padding:6px 14px;border-radius:var(--radius-full);border:1.5px solid var(--color-border-subtle);background:#fff;color:var(--color-on-surface-variant);font-family:var(--font-label);font-size:13px;font-weight:600;line-height:18px;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}.browse-chip:active{transform:scale(.96)}.browse-chip-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.browse-main{max-width:640px;margin:0 auto;padding:16px var(--margin-mobile) calc(96px + env(safe-area-inset-bottom,0px))}.browse-empty{padding:48px 16px;text-align:center;color:var(--color-on-surface-variant);font-size:14.5px}.task-list{display:flex;flex-direction:column;gap:12px}.task-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px}.task-card-link{display:block;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.task-card-link:active{transform:scale(.98)}.task-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.task-tags{display:flex;flex-wrap:wrap;gap:6px}.task-tag{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-family:var(--font-label);font-size:11.5px;font-weight:700}.task-tag-category{background:var(--color-brand-blue-tint);color:var(--color-primary)}.task-tag-verified{background:#dcfce7;color:#16a34a}.task-reward{font-size:17px;font-weight:800;color:#0f172a;white-space:nowrap;flex-shrink:0}.task-title{font-size:15px;font-weight:600;line-height:1.5;color:#0f172a;margin:0 0 12px}.task-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-family:var(--font-label);font-size:12.5px;color:var(--color-on-surface-variant)}.task-diff-easy{color:var(--color-success-green);font-weight:700}.task-diff-medium{color:#d97706;font-weight:700}.task-diff-hard{color:#ba1a1a;font-weight:700}.task-rating{display:inline-flex;align-items:center;gap:3px;color:#f59e0b;font-weight:700}.task-rating svg{font-size:13px}@media(min-width:768px){.browse-sticky-zone{top:68px;padding:20px var(--margin-desktop) 0}.browse-main{padding:20px var(--margin-desktop) 40px}}.browse-chip-row-skel-inline{display:flex;gap:10px;overflow:hidden;padding-bottom:14px}.browse-chip-row-skel-inline .skel-chip{flex-shrink:0;width:76px;height:30px;border-radius:var(--radius-full)}.browse-chip-row-skel-inline .skel-chip:nth-child(2){width:100px}.browse-chip-row-skel-inline .skel-chip:nth-child(3){width:88px}.browse-chip-row-skel-inline .skel-chip:nth-child(4){width:64px}.browse-chip-row-skel-inline .skel-chip:nth-child(5){width:92px}.browse-chip-row-skel-inline .skel{position:relative;overflow:hidden;background:var(--color-surface-container-low)}.browse-chip-row-skel-inline .skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);animation:skel-shimmer 1.6s ease-in-out infinite}@keyframes skel-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.browse-chip-row-skel-inline .skel:after{animation:none}}.browse-chip-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px 14px;font-size:13px;color:var(--color-on-surface-variant)}.browse-chip-error button{flex-shrink:0;border:none;background:none;color:var(--color-primary);font-family:var(--font-label);font-size:13px;font-weight:700;cursor:pointer;padding:0}.task-tag-status{text-transform:capitalize}.task-tag-status-open{background:#dcfce7;color:#16a34a}.task-tag-status-completed{background:var(--color-brand-blue-tint);color:var(--color-primary)}.task-tag-status-paused{background:#fef9c3;color:#d97706}.browse-create-first{display:inline-block;margin-top:12px;text-decoration:none}.browse-fab{position:fixed;right:max(16px,calc((100vw - 640px)/2 + 16px));bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;box-shadow:0 6px 18px #0053d461;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.browse-fab svg{font-size:26px}.browse-fab:active{transform:scale(.92)}@media(min-width:1024px){.browse-fab{right:calc((100vw - var(--app-nav-width) - 640px) / 2 + 16px)}}.browse-retry-btn{margin-top:12px;border:1.5px solid var(--color-border-subtle);background:#fff;color:var(--color-primary);font-family:var(--font-label);font-size:14px;font-weight:700;padding:10px 20px;border-radius:var(--radius-lg);cursor:pointer}.browse-retry-btn:active{transform:scale(.97)}.td-skeleton{display:flex;flex-direction:column;gap:18px;animation:td-skel-fade-in .2s ease}@keyframes td-skel-fade-in{0%{opacity:0}to{opacity:1}}.td-skel-hero{background:linear-gradient(135deg,#0053d4,#003eb3);border-radius:var(--radius-xl);padding:22px;display:flex;flex-direction:column;gap:12px}.td-skel-tag-row{display:flex;gap:8px}.td-skel-section{display:flex;flex-direction:column;gap:10px}.td-skel-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px;display:flex;flex-direction:column;gap:12px}.td-skel-step,.td-skel-row{display:flex;align-items:center;gap:12px}.skel-td-tag{width:72px;height:22px;border-radius:var(--radius-full)}.skel-td-tag:nth-child(2){width:88px}.skel-td-tag:nth-child(3){width:60px}.skel-td-title{width:90%;height:18px}.skel-td-title-short{width:55%}.skel-td-reward{width:140px;height:26px;margin-top:4px}.skel-td-meta-line{width:70%;height:12px}.skel-td-cta{width:100%;height:48px;margin-top:6px}.skel-td-section-label{width:150px;height:12px}.skel-td-body{width:100%;height:12px}.skel-td-body-short{width:60%}.skel-td-step-num{width:30px;height:30px;border-radius:50%;flex-shrink:0}.skel-td-icon{width:40px;height:40px;border-radius:var(--radius-lg);flex-shrink:0}.td-submit{display:flex;flex-direction:column;gap:18px;padding:20px 18px}.td-submit-note-bar{background:var(--color-surface-container-low);border:1px solid var(--color-border-subtle);color:var(--color-on-surface-variant);border-radius:var(--radius-lg);padding:10px 14px;font-size:13px}.td-submit-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);padding:12px 14px}.td-submit-error p{margin:0;font-size:13.5px;color:#ba1a1a;line-height:1.5}.td-submit-group{display:flex;flex-direction:column;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--color-border-subtle)}.td-submit-group:last-of-type{border-bottom:none;padding-bottom:0}.td-submit-group-head{display:flex;align-items:center;gap:10px}.td-submit-group-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-lg);background:var(--color-brand-blue-tint);color:var(--color-primary);font-size:15px;flex-shrink:0}.td-submit-label{flex:1;font-size:14.5px;font-weight:700;color:#0f172a}.td-submit-badge{padding:3px 9px;border-radius:var(--radius-full);font-family:var(--font-label);font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0}.td-submit-badge-required{background:#dcfce7;color:#16a34a}.td-submit-badge-optional{background:var(--color-surface-container-low);color:var(--color-on-surface-variant)}.td-submit-fields{display:flex;flex-direction:column;gap:8px}.td-submit-row{display:flex;align-items:flex-start;gap:8px}.td-input{flex:1;min-width:0;padding:11px 14px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border-subtle);background:var(--color-surface-container-low);outline:none;font-family:var(--font-display);font-size:14px;color:var(--color-on-surface);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.td-input::placeholder{color:#94a3b8}.td-input:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 2px #0053d41f}.td-input:disabled{opacity:.6;cursor:not-allowed}.td-textarea{min-height:96px;resize:vertical;line-height:1.5}.td-input-wrap{position:relative;flex:1;min-width:0}.td-input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--color-on-surface-variant);pointer-events:none}.td-input-with-icon{padding-left:38px}.td-input-wrap-video{flex:1.6}.td-input-duration{flex:1;max-width:110px}.td-submit-remove{display:flex;align-items:center;justify-content:center;width:36px;height:40px;flex-shrink:0;border:none;background:none;color:var(--color-on-surface-variant);cursor:pointer;font-size:17px;border-radius:var(--radius-lg);transition:background .15s ease,color .15s ease}.td-submit-remove:hover{background:#fef2f2;color:#ba1a1a}.td-submit-remove:disabled{opacity:.4;cursor:not-allowed}.td-submit-add{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;border:none;background:none;padding:4px 0;cursor:pointer;color:var(--color-primary);font-family:var(--font-label);font-size:13.5px;font-weight:700;border-radius:var(--radius-lg);transition:opacity .15s ease}.td-submit-add:active{opacity:.7}.td-submit-add:disabled{opacity:.4;cursor:not-allowed}.td-submit-add svg{font-size:14px}.td-submit-hint{font-family:var(--font-label);font-size:12px;color:var(--color-on-surface-variant)}.td-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 16px;border:none;border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;font-family:var(--font-label);font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background .15s ease}.td-submit-btn:active{transform:scale(.98)}.td-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.td-submit-btn svg{font-size:16px}.td-submit-spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:td-spin .7s linear infinite}@keyframes td-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.td-submit-spinner{animation-duration:1.4s}}.td-submit-footnote{margin:0;text-align:center;font-size:12.5px;line-height:1.5;color:var(--color-on-surface-variant)}.td-submit-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px 6px}.td-submit-done-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#dcfce7;color:#16a34a;font-size:27px;margin-bottom:6px}.td-submit-done-icon-info{background:var(--color-brand-blue-tint);color:var(--color-primary)}.td-submit-done h3{font-size:17px;font-weight:800;color:#0f172a;margin:0}.td-submit-done p{font-size:14px;line-height:1.6;color:var(--color-on-surface-variant);margin:0 0 4px;max-width:380px}.td-submit-meta{font-family:var(--font-label);font-size:12px;color:#94a3b8}.td-submit-pending-badge{display:inline-flex;align-items:center;gap:5px;margin-top:8px;background:#fef9c3;color:#d97706;padding:5px 12px;border-radius:var(--radius-full);font-family:var(--font-label);font-size:12px;font-weight:700}.td-section-badge-pending{background:#fef9c3;color:#d97706}.td-shot-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;-webkit-overflow-scrolling:touch}.td-shot-thumb{position:relative;flex:0 0 auto;width:84px;height:84px;border-radius:var(--radius-lg);overflow:hidden;border:1.5px solid var(--color-border-subtle);background:var(--color-surface-container-low)}.td-shot-thumb img{width:100%;height:100%;object-fit:cover;display:block}.td-shot-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;border:none;padding:0;cursor:default}.td-shot-overlay-done{background:#00000026}.td-shot-overlay-error{background:#ba1a1a8c;cursor:pointer;color:#fff;font-size:22px}.td-shot-check{color:#34d399;font-size:26px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.td-shot-spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:td-shot-spin .7s linear infinite}@keyframes td-shot-spin{to{transform:rotate(360deg)}}.td-shot-remove{position:absolute;top:3px;right:3px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:#0009;color:#fff;font-size:12px;padding:0;cursor:pointer}.td-shot-remove:disabled{opacity:.5;cursor:not-allowed}.td-shot-add{flex:0 0 auto;width:84px;height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:var(--radius-lg);border:1.5px dashed var(--color-border-subtle);background:transparent;color:var(--color-primary);font-size:12px;font-weight:600;cursor:pointer}.td-shot-add svg{font-size:20px}.td-shot-add:disabled{opacity:.5;cursor:not-allowed}.task-detail-page{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-display);min-height:100vh}.task-detail-main{max-width:640px;margin:0 auto;padding:16px var(--margin-mobile) calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:18px}.td-back-link{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-family:var(--font-label);font-size:13.5px;font-weight:700;color:var(--color-on-surface-variant);text-decoration:none;padding:6px 4px;border-radius:var(--radius-lg);transition:color .15s ease}.td-back-link:hover{color:var(--color-primary)}.td-back-link svg{font-size:16px}.td-hero{background:linear-gradient(135deg,#0053d4,#003eb3);border-radius:var(--radius-xl);padding:22px;color:#fff;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 24px #003eb329}.td-hero-tags{display:flex;flex-wrap:wrap;gap:8px}.td-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-family:var(--font-label);font-size:11.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.td-chip-category{background:#fff;color:var(--color-primary)}.td-chip-sub,.td-chip-status{background:#ffffff29;color:#fff}.td-chip-status-active{background:#16a34a;color:#fff}.td-chip-status-paused{background:#d97706;color:#fff}.td-chip-status-completed{background:#64748b;color:#fff}.td-chip-status-expired,.td-chip-status-cancelled{background:#ba1a1a;color:#fff}.td-chip-status-draft{background:#ffffff29;color:#fff}.td-title{font-size:21px;font-weight:800;letter-spacing:-.01em;line-height:1.3;margin:0;color:#fff}.td-reward-line{display:flex;align-items:baseline;gap:8px;margin-top:2px}.td-reward{font-size:30px;font-weight:800;letter-spacing:-.01em;line-height:1}.td-reward-sub{font-family:var(--font-label);font-size:12.5px;color:#ffffffbf}.td-hero-meta{display:flex;flex-wrap:wrap;gap:12px;font-family:var(--font-label);font-size:12.5px;color:#ffffffd9}.td-meta-item{display:inline-flex;align-items:center;gap:5px}.td-meta-item svg{font-size:15px}.td-hero-actions{margin-top:6px;display:flex;flex-direction:column;gap:8px}.td-cta-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 16px;border-radius:var(--radius-lg);background:#fff;color:var(--color-primary);font-family:var(--font-label);font-size:15px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.td-cta-primary:active{transform:scale(.98)}.td-cta-disabled{background:#ffffff29;color:#ffffffe6;cursor:not-allowed}.td-cta-disabled:active{transform:none}.td-section{display:flex;flex-direction:column;gap:10px}.td-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.td-section-label{font-family:var(--font-label);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.td-section-badge{font-family:var(--font-label);font-size:11.5px;font-weight:700;color:var(--color-primary);background:var(--color-brand-blue-tint);padding:4px 10px;border-radius:var(--radius-full);white-space:nowrap}.td-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px}.td-advertiser-submissions{display:flex;flex-direction:column;align-items:stretch;gap:14px}.td-advertiser-submissions .td-cta-primary{background:var(--color-primary);color:#fff;width:auto;align-self:stretch}.td-body{font-size:14.5px;line-height:1.65;color:#334155;margin:0}.td-muted{color:var(--color-on-surface-variant)}.td-steps{padding:6px 18px}.td-step{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--color-border-subtle)}.td-step:first-child{padding-top:6px}.td-step:last-child{border-bottom:none;padding-bottom:6px}.td-step-num{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-brand-blue-tint);color:var(--color-primary);font-family:var(--font-label);font-size:13px;font-weight:700;flex-shrink:0;margin-top:2px}.td-step .td-body{padding-top:4px}.td-req-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.td-req-list li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.55;color:#334155}.td-req-list li svg{color:var(--color-success-green);font-size:16px;flex-shrink:0;margin-top:3px}.td-proof{padding:6px 18px}.td-proof-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--color-border-subtle)}.td-proof-row:last-child{border-bottom:none}.td-proof-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-brand-blue-tint);color:var(--color-primary);font-size:18px;flex-shrink:0}.td-proof-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.td-proof-title{font-size:14.5px;font-weight:700;color:#0f172a}.td-proof-sub{font-size:12.5px;color:var(--color-on-surface-variant)}.td-proof-badge{padding:4px 10px;border-radius:var(--radius-full);font-family:var(--font-label);font-size:11.5px;font-weight:700;white-space:nowrap;flex-shrink:0}.td-proof-badge-required{background:#dcfce7;color:#16a34a}.td-proof-badge-optional{background:var(--color-surface-container-low);color:var(--color-on-surface-variant)}.td-scenario{display:flex;gap:12px;padding:4px 0 14px;border-bottom:1px solid var(--color-border-subtle)}.td-scenario-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-lg);background:#fef9c3;color:#d97706;font-size:17px;flex-shrink:0}.td-criteria{list-style:none;margin:0;padding:14px 0 4px;display:flex;flex-direction:column}.td-criterion{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border-subtle)}.td-criterion:last-child{border-bottom:none}.td-criterion-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-lg);font-size:16px;flex-shrink:0}.td-criterion-icon-rating{background:#fef9c3;color:#d97706}.td-criterion-icon-text{background:var(--color-brand-blue-tint);color:var(--color-primary)}.td-criterion-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding-top:2px}.td-criterion-question{font-size:14.5px;font-weight:600;line-height:1.5;color:#0f172a}.td-criterion-meta{font-family:var(--font-label);font-size:12px;color:var(--color-on-surface-variant)}.td-spec{padding:6px 18px}.td-spec-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-border-subtle)}.td-spec-row:last-child{border-bottom:none}.td-spec-row>span{font-size:13px;color:var(--color-on-surface-variant);flex-shrink:0}.td-spec-value{text-align:right;font-size:13.5px;font-weight:700;color:#0f172a;min-width:0;flex:1 1 auto;overflow-wrap:anywhere}.td-spec-value a{color:var(--color-primary);text-decoration:none;font-weight:600}.td-spec-value a:hover{text-decoration:underline}.td-spec-status-active{color:var(--color-success-green)}.td-spec-status-paused{color:#d97706}.td-spec-status-expired,.td-spec-status-cancelled{color:#ba1a1a}.td-spec-status-completed{color:#64748b}.td-error{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:36px 16px}.td-error-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--color-surface-container-low);color:var(--color-on-surface-variant);font-size:26px;margin-bottom:6px}.td-error h2{font-size:18px;font-weight:800;color:#0f172a;margin:0}.td-error p{font-size:14px;color:var(--color-on-surface-variant);margin:0 0 12px;max-width:340px}.td-retry-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;border:none;cursor:pointer;font-family:var(--font-label);font-size:14.5px;font-weight:700;transition:transform .15s ease,opacity .15s ease}.td-retry-btn:active{transform:scale(.97);opacity:.9}.td-error .td-back-link{margin-top:4px}@media(min-width:768px){.task-detail-main{padding:20px var(--margin-desktop) 40px}.td-hero{padding:26px}.td-title{font-size:24px}}.select{position:relative}.select-trigger{width:100%;display:flex;align-items:center;gap:6px;padding:11px 12px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border-subtle);background:var(--color-surface-container-low);cursor:pointer;text-align:left;font-family:var(--font-display);font-size:14px;color:var(--color-on-surface);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.select-trigger:hover{border-color:#cbd5e1}.select-trigger-open{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 2px #0053d41f}.select-trigger:disabled{opacity:.6;cursor:not-allowed}.select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.select-chevron{font-size:16px;color:var(--color-on-surface-variant);flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1)}.select-trigger-open .select-chevron{transform:rotate(180deg)}.select-panel{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;width:max-content;background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:0 12px 32px #0f172a24;padding:6px;z-index:20;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);transform-origin:top left}.select-panel-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.select-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:var(--radius);border:none;background:none;cursor:pointer;text-align:left;font-family:var(--font-display);font-size:13.5px;font-weight:600;color:var(--color-on-surface);white-space:nowrap;transition:background .15s ease}.select-option:hover{background:var(--color-surface-container-low)}.select-option-active{background:var(--color-brand-blue-tint);color:var(--color-primary)}.select-option-label{overflow:hidden;text-overflow:ellipsis}.select-check{font-size:15px;color:var(--color-primary);flex-shrink:0}.create-task-page{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-display);min-height:100vh}.create-task-main{max-width:640px;margin:0 auto;padding:16px var(--margin-mobile) calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:18px}.ct-back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-family:var(--font-label);font-size:13.5px;font-weight:700;color:var(--color-on-surface-variant);text-decoration:none;padding:6px 4px;border-radius:var(--radius-lg);transition:color .15s ease}.ct-back:hover{color:var(--color-primary)}.ct-back svg{font-size:16px}.ct-heading h1{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:0 0 4px}.ct-heading p{font-size:14px;color:var(--color-on-surface-variant);margin:0}.ct-form{display:flex;flex-direction:column;gap:18px}.ct-section{display:flex;flex-direction:column;gap:10px}.ct-section-label{font-family:var(--font-label);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.ct-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px;display:flex;flex-direction:column;gap:10px}.ct-field-label{font-size:13.5px;font-weight:700;color:#334155}.ct-input{width:100%;padding:11px 14px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border-subtle);background:var(--color-surface-container-low);outline:none;font-family:var(--font-display);font-size:14px;color:var(--color-on-surface);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.ct-input::placeholder{color:#94a3b8}.ct-input:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 2px #0053d41f}.ct-textarea{min-height:96px;resize:vertical;line-height:1.5}.ct-textarea-sm{min-height:72px}.ct-chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ct-chip-row::-webkit-scrollbar{display:none}.ct-rate-hint{margin:2px 0 0;font-size:13px;color:var(--color-success-green);font-weight:600}.ct-rows{display:flex;flex-direction:column;gap:8px}.ct-row{display:flex;align-items:center;gap:8px;min-width:0}.ct-row .ct-input{flex:1 1 auto;min-width:0}.ct-row-num{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--color-brand-blue-tint);color:var(--color-primary);font-family:var(--font-label);font-size:12.5px;font-weight:700;flex-shrink:0}.ct-remove{display:flex;align-items:center;justify-content:center;width:36px;height:40px;flex-shrink:0;border:none;background:none;color:var(--color-on-surface-variant);cursor:pointer;font-size:17px;border-radius:var(--radius-lg);transition:background .15s ease,color .15s ease}.ct-remove:hover{background:#fef2f2;color:#ba1a1a}.ct-add{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;border:none;background:none;padding:4px 0;cursor:pointer;color:var(--color-primary);font-family:var(--font-label);font-size:13.5px;font-weight:700;border-radius:var(--radius-lg)}.ct-add svg{font-size:14px}.ct-proof-row{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-bottom:1px solid var(--color-border-subtle)}.ct-proof-row:last-child{border-bottom:none;padding-bottom:0}.ct-proof-head{display:flex;align-items:center;gap:10px}.ct-proof-name{font-size:14.5px;font-weight:700;color:#0f172a}.ct-toggle{position:relative;display:inline-flex;cursor:pointer}.ct-toggle input{position:absolute;opacity:0;pointer-events:none}.ct-toggle-track{width:40px;height:24px;border-radius:var(--radius-full);background:var(--color-border-subtle);transition:background .2s ease;position:relative}.ct-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0f172a33;transition:transform .2s ease}.ct-toggle input:checked+.ct-toggle-track{background:var(--color-primary)}.ct-toggle input:checked+.ct-toggle-track:after{transform:translate(16px)}.ct-proof-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;padding-left:50px;min-width:0}@media(max-width:420px){.ct-proof-controls{padding-left:0}}.ct-check{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--color-on-surface-variant);cursor:pointer}.ct-check input{accent-color:var(--color-primary)}.ct-count{display:flex;align-items:center;gap:6px;font-family:var(--font-label);font-size:12px;color:var(--color-on-surface-variant)}.ct-count-input{width:52px;padding:6px 8px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border-subtle);background:var(--color-surface-container-low);outline:none;font-family:var(--font-label);font-size:13px;text-align:center}.ct-count-input:focus{border-color:var(--color-primary);background:#fff}.ct-row-criterion{flex-wrap:wrap;align-items:center;gap:10px}.ct-row-criterion .ct-input{flex:1 1 200px;min-width:0}.ct-row-criterion .select{flex:0 1 auto}.ct-select-type{min-width:104px}.ct-select-scale{min-width:84px;margin-left:10px}.ct-row-criterion .ct-remove{margin-left:auto}.ct-budget-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px;display:flex;flex-direction:column;gap:14px}.ct-budget-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ct-budget-field{display:flex;flex-direction:column;gap:8px}.ct-budget-total{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--color-brand-blue-tint);border-radius:var(--radius-lg);padding:16px}.ct-budget-total-info{display:flex;flex-direction:column;gap:3px;min-width:0}.ct-budget-total-label{font-family:var(--font-label);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary)}.ct-budget-total-sub{font-size:12px;color:var(--color-on-surface-variant)}.ct-budget-amount{font-size:24px;font-weight:800;color:var(--color-primary);letter-spacing:-.01em;white-space:nowrap}.ct-budget-note{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--color-on-surface-variant)}.ct-budget-warn{color:#ba1a1a;font-weight:700}.ct-error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);padding:12px 14px}.ct-error-banner p{margin:0;font-size:13.5px;color:#ba1a1a;flex:1;line-height:1.5}.ct-error-banner button{flex-shrink:0;background:none;border:none;cursor:pointer;color:#ba1a1a;font-family:var(--font-label);font-size:13px;font-weight:700;padding:4px 8px}.ct-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 16px;border:none;border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;font-family:var(--font-label);font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.ct-submit-btn:active{transform:scale(.98)}.ct-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ct-loading{display:flex;flex-direction:column;gap:14px}.ct-skel-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px;display:flex;flex-direction:column;gap:10px}.ct-skel{position:relative;overflow:hidden;background:var(--color-surface-container-low);border-radius:var(--radius-lg)}.ct-skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);animation:ct-shimmer 1.6s ease-in-out infinite}@keyframes ct-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.ct-skel:after{animation:none}}.ct-skel-label{width:120px;height:11px}.ct-skel-line{width:100%;height:40px}.ct-skel-short{width:60%}@media(min-width:768px){.create-task-main{padding:20px var(--margin-desktop) 40px}}.submissions-page{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-display);min-height:100vh}.submissions-main{max-width:640px;margin:0 auto;padding:16px var(--margin-mobile) calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:16px}.sub-back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-family:var(--font-label);font-size:13.5px;font-weight:700;color:var(--color-on-surface-variant);text-decoration:none;padding:6px 4px;border-radius:var(--radius-lg);transition:color .15s ease}.sub-back:hover{color:var(--color-primary)}.sub-back svg{font-size:16px}.sub-heading h1{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:0 0 4px}.sub-heading p{font-size:14px;color:var(--color-on-surface-variant);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.sub-filters::-webkit-scrollbar{display:none}.sub-filter{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:7px 14px;border-radius:var(--radius-full);border:1.5px solid var(--color-border-subtle);background:#fff;color:var(--color-on-surface-variant);font-family:var(--font-label);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.sub-filter:active{transform:scale(.96)}.sub-filter-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.sub-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:#00000014;font-size:11px;font-weight:700}.sub-filter-active .sub-filter-count{background:#ffffff38}.sub-pending-note{background:#fef9c3;border:1px solid #fde68a;color:#92400e;border-radius:var(--radius-lg);padding:10px 14px;font-size:13px;font-weight:600}.sub-list{display:flex;flex-direction:column;gap:12px}.sub-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px;display:flex;flex-direction:column;gap:14px}.sub-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sub-worker{display:flex;align-items:center;gap:10px;min-width:0}.sub-worker-avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--color-brand-blue-tint);color:var(--color-primary);font-size:15px;font-weight:700;flex-shrink:0}.sub-worker-info{display:flex;flex-direction:column;gap:1px;min-width:0}.sub-worker-name{font-size:14.5px;font-weight:700;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-worker-when{font-size:12px;color:var(--color-on-surface-variant)}.sub-status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-family:var(--font-label);font-size:11.5px;font-weight:700;white-space:nowrap;flex-shrink:0}.sub-status-pending{background:#fef9c3;color:#d97706}.sub-status-approved{background:#dcfce7;color:#16a34a}.sub-status-rejected{background:#fee2e2;color:#ba1a1a}.sub-proof{display:flex;flex-direction:column;gap:10px}.sub-proof-none{font-size:13.5px;color:var(--color-on-surface-variant)}.sub-proof-chips{display:flex;flex-wrap:wrap;gap:8px}.sub-proof-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--radius-lg);background:var(--color-surface-container-low);color:var(--color-on-surface-variant);font-family:var(--font-label);font-size:12px;font-weight:600}.sub-proof-chip svg{font-size:14px;color:var(--color-primary)}.sub-proof-text{display:flex;gap:8px;align-items:flex-start;background:var(--color-surface-container-low);border-radius:var(--radius-lg);padding:10px 12px;font-size:13.5px;color:#334155;line-height:1.5}.sub-proof-text svg{flex-shrink:0;margin-top:2px;color:var(--color-primary);font-size:15px}.sub-rejection{display:flex;gap:10px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);padding:10px 12px}.sub-rejection svg{flex-shrink:0;color:#ba1a1a;font-size:17px;margin-top:2px}.sub-rejection-label{display:block;font-family:var(--font-label);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ba1a1a}.sub-rejection p{margin:3px 0 0;font-size:13.5px;color:#334155;line-height:1.5}.sub-actions{display:flex;gap:10px}.sub-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;padding:12px 14px;border-radius:var(--radius-lg);border:none;font-family:var(--font-label);font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.sub-btn:active{transform:scale(.97)}.sub-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.sub-btn svg{font-size:16px}.sub-btn-approve{background:var(--color-success-green);color:#fff}.sub-btn-ghost{background:none;color:var(--color-on-surface-variant)}.sub-btn-outline{border:1.5px solid var(--color-border-subtle);background:#fff;color:#ba1a1a}.sub-btn-reject{background:#ba1a1a;color:#fff}.sub-reject-form{flex:1;display:flex;flex-direction:column;gap:10px}.sub-reject-input{width:100%;min-height:76px;padding:11px 14px;border-radius:var(--radius-lg);border:1.5px solid #fecaca;background:#fffbfb;outline:none;font-family:var(--font-display);font-size:13.5px;color:var(--color-on-surface);resize:vertical;line-height:1.5}.sub-reject-input:focus{border-color:#ba1a1a;box-shadow:0 0 0 2px #ba1a1a1a}.sub-reject-form-actions{display:flex;gap:10px}.sub-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;text-align:center}.sub-empty p{margin:0;font-size:14px;color:var(--color-on-surface-variant)}.sub-retry{padding:10px 20px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border-subtle);background:#fff;color:var(--color-primary);font-family:var(--font-label);font-size:14px;font-weight:700;cursor:pointer}.sub-loading{display:flex;flex-direction:column;gap:12px}.sub-skel-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px;display:flex;flex-direction:column;gap:12px}.sub-skel{position:relative;overflow:hidden;background:var(--color-surface-container-low);border-radius:var(--radius-lg)}.sub-skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);animation:sub-shimmer 1.6s ease-in-out infinite}@keyframes sub-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.sub-skel:after{animation:none}}.sub-skel-top{width:40%;height:14px}.sub-skel-line{width:100%;height:12px}.sub-skel-short{width:55%}@media(min-width:768px){.submissions-main{padding:20px var(--margin-desktop) 40px}}.sub-card-link{text-decoration:none;color:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.sub-card-link:active{transform:scale(.98)}.sub-card-foot{display:flex;justify-content:flex-end;padding-top:4px}.sub-view-link{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-label);font-size:13px;font-weight:700;color:var(--color-primary)}.sub-view-link svg{font-size:13px}.subdetail-page{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-display);min-height:100vh}.subdetail-main{max-width:640px;margin:0 auto;padding:16px var(--margin-mobile) calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:18px}.subdetail-back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-family:var(--font-label);font-size:13.5px;font-weight:700;color:var(--color-on-surface-variant);text-decoration:none;padding:6px 4px;border-radius:var(--radius-lg);transition:color .15s ease}.subdetail-back:hover{color:var(--color-primary)}.subdetail-back svg{font-size:16px}.subdetail-heading{display:flex;flex-direction:column;gap:6px}.subdetail-task-title{margin:0;font-size:14px;color:var(--color-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subdetail-status{display:inline-flex;align-self:flex-start;align-items:center;padding:5px 12px;border-radius:var(--radius-full);font-family:var(--font-label);font-size:12px;font-weight:700}.subdetail-status-pending{background:#fef9c3;color:#d97706}.subdetail-status-approved{background:#dcfce7;color:#16a34a}.subdetail-status-rejected{background:#fee2e2;color:#ba1a1a}.subdetail-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px}.subdetail-worker-card{display:flex;align-items:center;gap:14px}.subdetail-worker-avatar{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--color-brand-blue-tint);color:var(--color-primary);font-size:17px;font-weight:700;flex-shrink:0}.subdetail-worker-info{display:flex;flex-direction:column;gap:2px;min-width:0}.subdetail-worker-name{font-size:15.5px;font-weight:700;color:#0f172a}.subdetail-worker-when{font-size:12.5px;color:var(--color-on-surface-variant)}.subdetail-section{display:flex;flex-direction:column;gap:10px}.subdetail-section-label{font-family:var(--font-label);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.subdetail-proof-card{display:flex;flex-direction:column;gap:16px}.subdetail-proof-none{margin:0;font-size:13.5px;color:var(--color-on-surface-variant)}.subdetail-proof-group{display:flex;flex-direction:column;gap:10px}.subdetail-proof-group-head{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#0f172a}.subdetail-proof-group-head svg{color:var(--color-primary);font-size:16px}.subdetail-proof-items{display:flex;flex-wrap:wrap;gap:10px}.subdetail-shot-thumb{display:block;width:92px;height:92px;border-radius:var(--radius-lg);overflow:hidden;border:1.5px solid var(--color-border-subtle)}.subdetail-shot-thumb img{width:100%;height:100%;object-fit:cover;display:block}.subdetail-proof-link{display:block;font-size:13px;color:var(--color-primary);text-decoration:none;word-break:break-all}.subdetail-proof-link:hover{text-decoration:underline}.subdetail-proof-text-list{display:flex;flex-direction:column;gap:8px}.subdetail-proof-text{margin:0;background:var(--color-surface-container-low);border-radius:var(--radius-lg);padding:10px 12px;font-size:13.5px;color:#334155;line-height:1.5}.subdetail-rejection{display:flex;gap:10px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);padding:12px 14px}.subdetail-rejection svg{flex-shrink:0;color:#ba1a1a;font-size:17px;margin-top:2px}.subdetail-rejection-label{display:block;font-family:var(--font-label);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ba1a1a}.subdetail-rejection p{margin:3px 0 0;font-size:13.5px;color:#334155;line-height:1.5}.subdetail-actions{display:flex;gap:10px}.subdetail-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;min-height:46px;padding:10px 12px;border-radius:var(--radius-lg);border:none;font-family:var(--font-label);font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.subdetail-btn:active{transform:scale(.97)}.subdetail-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.subdetail-btn svg{font-size:16px;flex-shrink:0}.subdetail-btn-approve{background:var(--color-success-green);color:#fff}.subdetail-btn-ghost{background:none;color:var(--color-on-surface-variant)}.subdetail-btn-outline{border:1.5px solid var(--color-border-subtle);background:#fff;color:#ba1a1a}.subdetail-btn-reject{background:#ba1a1a;color:#fff}.subdetail-reject-form{display:flex;flex-direction:column;gap:10px}.subdetail-reject-input{width:100%;min-height:90px;padding:12px 14px;border-radius:var(--radius-lg);border:1.5px solid #fecaca;background:#fffbfb;outline:none;font-family:var(--font-display);font-size:14px;color:var(--color-on-surface);resize:vertical;line-height:1.5}.subdetail-reject-input:focus{border-color:#ba1a1a;box-shadow:0 0 0 2px #ba1a1a1a}.subdetail-reject-form-actions{display:flex;gap:10px}.subdetail-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;text-align:center}.subdetail-empty p{margin:0;font-size:14px;color:var(--color-on-surface-variant)}.subdetail-retry{padding:10px 20px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border-subtle);background:#fff;color:var(--color-primary);font-family:var(--font-label);font-size:14px;font-weight:700;cursor:pointer}.subdetail-loading{display:flex;flex-direction:column;gap:12px}.subdetail-skel{position:relative;overflow:hidden;background:var(--color-surface-container-low);border-radius:var(--radius-lg)}.subdetail-skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);animation:subdetail-shimmer 1.6s ease-in-out infinite}@keyframes subdetail-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.subdetail-skel:after{animation:none}}.subdetail-skel-top{width:40%;height:18px}.subdetail-skel-line{width:100%;height:80px}.subdetail-skel-short{width:60%;height:14px}@media(min-width:768px){.subdetail-main{padding:20px var(--margin-desktop) 40px}}.my-submissions-page{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-display);min-height:100vh}.my-submissions-main{max-width:640px;margin:0 auto;padding:20px var(--margin-mobile) calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:16px}.my-heading h1{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:0 0 4px}.my-heading p{font-size:14px;color:var(--color-on-surface-variant);margin:0}.my-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.my-filters::-webkit-scrollbar{display:none}.my-filter{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:7px 14px;border-radius:var(--radius-full);border:1.5px solid var(--color-border-subtle);background:#fff;color:var(--color-on-surface-variant);font-family:var(--font-label);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.my-filter:active{transform:scale(.96)}.my-filter-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.my-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:#00000014;font-size:11px;font-weight:700}.my-filter-active .my-filter-count{background:#ffffff38}.my-list{display:flex;flex-direction:column;gap:12px}.my-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px;display:flex;flex-direction:column;gap:12px}.my-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.my-status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-family:var(--font-label);font-size:11.5px;font-weight:700;white-space:nowrap}.my-status-pending{background:#fef9c3;color:#d97706}.my-status-approved{background:#dcfce7;color:#16a34a}.my-status-rejected{background:#fee2e2;color:#ba1a1a}.my-when{font-size:12px;color:var(--color-on-surface-variant)}.my-task-title{font-size:15.5px;font-weight:700;line-height:1.45;color:#0f172a;margin:0}.my-proof{display:flex;flex-wrap:wrap;gap:8px}.my-proof-none{font-size:13px;color:var(--color-on-surface-variant)}.my-proof-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--radius-lg);background:var(--color-surface-container-low);color:var(--color-on-surface-variant);font-family:var(--font-label);font-size:12px;font-weight:600}.my-proof-chip svg{font-size:14px;color:var(--color-primary)}.my-rejection{display:flex;gap:10px;align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);padding:10px 12px}.my-rejection svg{flex-shrink:0;color:#ba1a1a;font-size:16px;margin-top:2px}.my-rejection p{margin:0;font-size:13.5px;color:#334155;line-height:1.5}.my-card-foot{display:flex;align-items:center;justify-content:flex-end;min-height:20px}.my-note{font-size:12.5px;color:var(--color-on-surface-variant)}.my-resubmit{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-label);font-size:13.5px;font-weight:700;color:var(--color-primary);text-decoration:none}.my-resubmit svg{font-size:14px}.my-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;text-align:center}.my-empty p{margin:0;font-size:14px;color:var(--color-on-surface-variant)}.my-retry{padding:10px 20px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border-subtle);background:#fff;color:var(--color-primary);font-family:var(--font-label);font-size:14px;font-weight:700;cursor:pointer}.my-browse-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-label);font-size:14px;font-weight:700;color:var(--color-primary);text-decoration:none}.my-browse-link svg{font-size:15px}.my-loading{display:flex;flex-direction:column;gap:12px}.my-skel-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px;display:flex;flex-direction:column;gap:12px}.my-skel{position:relative;overflow:hidden;background:var(--color-surface-container-low);border-radius:var(--radius-lg)}.my-skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);animation:my-shimmer 1.6s ease-in-out infinite}@keyframes my-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.my-skel:after{animation:none}}.my-skel-top{width:30%;height:14px}.my-skel-line{width:100%;height:12px}.my-skel-short{width:60%}@media(min-width:768px){.my-submissions-main{padding:28px var(--margin-desktop) 40px}}.review-page{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-display);min-height:100vh}.review-main{max-width:640px;margin:0 auto;padding:20px var(--margin-mobile) calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:16px}.rv-back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-family:var(--font-label);font-size:13.5px;font-weight:700;color:var(--color-on-surface-variant);text-decoration:none;padding:6px 4px;border-radius:var(--radius-lg)}.rv-back:hover{color:var(--color-primary)}.rv-back svg{font-size:16px}.rv-heading h1{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:0 0 4px}.rv-heading p{font-size:14px;color:var(--color-on-surface-variant);margin:0}.rv-list{display:flex;flex-direction:column;gap:12px}.rv-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.rv-card:active{transform:scale(.98)}.rv-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.rv-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-family:var(--font-label);font-size:11.5px;font-weight:700}.rv-chip-cat{background:var(--color-brand-blue-tint);color:var(--color-primary)}.rv-chip-pending{background:#fef9c3;color:#92400e}.rv-title{font-size:15px;font-weight:700;line-height:1.45;color:#0f172a;margin:0}.rv-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-family:var(--font-label);font-size:12.5px;color:var(--color-on-surface-variant)}.rv-meta-item{display:inline-flex;align-items:center;gap:4px}.rv-meta-item svg{font-size:14px;color:var(--color-primary)}.rv-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--color-border-subtle)}.rv-breakdown{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--font-label);font-size:12px;font-weight:600}.rv-ok{color:#16a34a}.rv-no{color:#ba1a1a}.rv-muted{color:#94a3b8;font-weight:500}.rv-review-link{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-family:var(--font-label);font-size:13px;font-weight:700;color:var(--color-primary)}.rv-review-link svg{font-size:13px}.rv-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;text-align:center}.rv-empty-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--color-brand-blue-tint);color:var(--color-primary);font-size:26px}.rv-empty p{margin:0;font-size:14px;color:var(--color-on-surface-variant)}.rv-retry{padding:10px 20px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border-subtle);background:#fff;color:var(--color-primary);font-family:var(--font-label);font-size:14px;font-weight:700;cursor:pointer}.rv-create{display:inline-block;text-decoration:none}.rv-loading{display:flex;flex-direction:column;gap:12px}.rv-skel-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px;display:flex;flex-direction:column;gap:12px}.rv-skel{position:relative;overflow:hidden;background:var(--color-surface-container-low);border-radius:var(--radius-lg)}.rv-skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);animation:rv-shimmer 1.6s ease-in-out infinite}@keyframes rv-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.rv-skel:after{animation:none}}.rv-skel-top{width:34%;height:14px}.rv-skel-line{width:100%;height:12px}.rv-skel-short{width:55%}@media(min-width:768px){.review-main{padding:28px var(--margin-desktop) 40px}}.wallet-page{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-display);min-height:100vh}.wallet-main{max-width:640px;margin:0 auto;padding:20px var(--margin-mobile) calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:20px}.wallet-heading h1{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:0}.wallet-balance-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column}.wallet-balance-label{font-family:var(--font-label);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.wallet-balance-value{font-size:32px;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:6px 0 4px}.wallet-balance-sub{font-size:13px;color:var(--color-on-surface-variant);margin-bottom:20px}.wallet-withdraw-btn{margin-top:4px}.wallet-stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wallet-stat-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px;display:flex;flex-direction:column}.wallet-stat-label{font-family:var(--font-label);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;margin-bottom:10px}.wallet-stat-value{font-size:20px;font-weight:800;letter-spacing:-.01em;margin-bottom:4px}.wallet-stat-value-pending{color:#d97706}.wallet-stat-value-earned{color:var(--color-success-green)}.wallet-stat-sub{font-size:12px;color:var(--color-on-surface-variant)}.wallet-bank-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:16px 18px}.wallet-bank-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-lg);background:var(--color-brand-blue-tint);color:var(--color-primary);font-size:20px;flex-shrink:0}.wallet-bank-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wallet-bank-name{font-size:15px;font-weight:700;color:#0f172a}.wallet-bank-meta{font-size:12.5px;color:var(--color-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-bank-verified{display:inline-flex;align-items:center;gap:5px;background:#dcfce7;color:#16a34a;padding:6px 12px;border-radius:var(--radius-full);font-family:var(--font-label);font-size:12px;font-weight:700;flex-shrink:0;white-space:nowrap}.wallet-bank-verified svg{font-size:14px}.wallet-section{display:flex;flex-direction:column;gap:14px}.wallet-section-header{display:flex;align-items:center;justify-content:space-between}.wallet-section-label{font-family:var(--font-label);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.wallet-section-link{background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-label);font-size:13px;font-weight:700;color:var(--color-primary)}.earnings-list{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden}.earnings-row{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--color-border-subtle)}.earnings-row:last-child{border-bottom:none}.earnings-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.earnings-icon-credit{background:#dcfce7;color:#16a34a}.earnings-icon-debit{background:#fef2f2;color:#ba1a1a}.earnings-icon-pending{background:#fef9c3;color:#a16207}.earnings-icon-failed{background:#f1f5f9;color:#64748b}.earnings-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.earnings-title{font-size:14.5px;font-weight:700;color:#0f172a}.earnings-subtitle{font-size:12.5px;color:var(--color-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.earnings-amount-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.earnings-amount{font-size:14.5px;font-weight:700}.earnings-amount-credit{color:var(--color-success-green)}.earnings-amount-debit{color:#ba1a1a}.earnings-amount-pending{color:#a16207}.earnings-amount-failed{color:#94a3b8;text-decoration:line-through}.earnings-when{font-size:11.5px;color:#94a3b8}.wallet-inline-status{font-size:14px;color:var(--color-on-surface-variant);margin:0}.wallet-error{display:flex;flex-direction:column;gap:14px;align-items:stretch}.wallet-error p{font-size:14.5px;color:var(--color-on-surface-variant);margin:0;text-align:center;padding:24px 8px}@media(min-width:768px){.wallet-main{padding:28px var(--margin-desktop) 40px}.wallet-stats-row{grid-template-columns:repeat(2,1fr);max-width:480px}}.deposit-page{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-display);min-height:100vh}.deposit-main{max-width:640px;margin:0 auto;padding:16px var(--margin-mobile) calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:20px}.deposit-heading{display:flex;align-items:center;gap:12px}.deposit-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:none;background:none;cursor:pointer;color:var(--color-on-surface-variant);font-size:20px;border-radius:var(--radius-lg);transition:background .15s ease,color .15s ease}.deposit-back:hover{background:var(--color-surface-container-low);color:var(--color-primary)}.deposit-heading h1{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:0}.deposit-balance-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:20px}.deposit-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--color-brand-blue-tint);color:var(--color-primary);font-size:21px;flex-shrink:0}.deposit-card-icon-neutral{background:var(--color-surface-container-low);color:var(--color-on-surface-variant)}.deposit-balance-info{display:flex;flex-direction:column;gap:2px;min-width:0}.deposit-balance-label{font-family:var(--font-label);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.deposit-balance-value{font-size:24px;font-weight:800;color:#0f172a;letter-spacing:-.01em}.deposit-account-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:16px 20px}.deposit-account-info{display:flex;flex-direction:column;gap:2px;min-width:0}.deposit-account-label{font-family:var(--font-label);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.deposit-account-value{font-size:14.5px;font-weight:700;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deposit-form{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:20px;display:flex;flex-direction:column;gap:16px}.deposit-form-field{display:flex;flex-direction:column;gap:8px}.deposit-form-field label{font-family:var(--font-label);font-size:12.5px;font-weight:700;color:var(--color-on-surface-variant)}.deposit-amount-wrap{display:flex;align-items:center;gap:6px;border:1.5px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:12px 14px;transition:border-color .15s ease}.deposit-amount-wrap:focus-within{border-color:var(--color-primary)}.deposit-amount-wrap-error{border-color:#ba1a1a}.deposit-amount-prefix{font-size:20px;font-weight:800;color:#0f172a}.deposit-amount-wrap input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font-display);font-size:20px;font-weight:800;color:#0f172a}.deposit-amount-wrap input::placeholder{color:#cbd5e1}.deposit-field-error{font-size:12.5px;color:#ba1a1a}.deposit-quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.deposit-quick-chip{border:1.5px solid var(--color-border-subtle);background:var(--color-surface-container-low);color:var(--color-on-surface-variant);border-radius:var(--radius-full);padding:9px 4px;font-family:var(--font-label);font-size:12.5px;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.deposit-quick-chip:disabled{opacity:.6;cursor:not-allowed}.deposit-quick-chip-active{border-color:var(--color-primary);background:var(--color-brand-blue-tint);color:var(--color-primary)}.deposit-result-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:20px;display:flex;flex-direction:column;gap:14px}.deposit-result-header{display:flex}.deposit-result-badge{display:inline-flex;align-items:center;background:#dcfce7;color:#16a34a;padding:6px 12px;border-radius:var(--radius-full);font-family:var(--font-label);font-size:12px;font-weight:700}.deposit-result-copy{font-size:13.5px;color:var(--color-on-surface-variant);margin:0;line-height:1.5}.deposit-reference-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--color-surface-container-low);border-radius:var(--radius-lg);padding:12px 14px}.deposit-reference-info{display:flex;flex-direction:column;gap:2px;min-width:0}.deposit-reference-label{font-family:var(--font-label);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.deposit-reference-value{font-size:13px;font-weight:700;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace}.deposit-copy-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-border-subtle);background:#fff;color:var(--color-primary);border-radius:var(--radius-full);padding:8px 14px;font-family:var(--font-label);font-size:12.5px;font-weight:700;cursor:pointer;flex-shrink:0;white-space:nowrap}.deposit-open-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.deposit-start-another{border:none;background:none;color:var(--color-primary);font-family:var(--font-label);font-size:13px;font-weight:700;cursor:pointer;padding:4px;align-self:center}.deposit-security-notes{display:flex;flex-direction:column;gap:10px;padding:4px 4px 0}.deposit-security-row{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:var(--color-on-surface-variant);line-height:1.5}.deposit-security-row svg{flex-shrink:0;font-size:16px;margin-top:1px;color:#94a3b8}.deposit-error{display:flex;flex-direction:column;gap:14px;align-items:stretch}.deposit-error p{font-size:14.5px;color:var(--color-on-surface-variant);margin:0;text-align:center;padding:24px 8px}@media(min-width:768px){.deposit-main{padding:24px var(--margin-desktop) 40px}}.notifications-page{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-display);min-height:100vh}.notifications-main{max-width:640px;margin:0 auto;padding:16px var(--margin-mobile) calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:18px}.notifications-heading{display:flex;align-items:center;gap:12px}.notifications-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:none;background:none;cursor:pointer;color:var(--color-on-surface-variant);font-size:20px;border-radius:var(--radius-lg);transition:background .15s ease,color .15s ease}.notifications-back:hover{background:var(--color-surface-container-low);color:var(--color-primary)}.notifications-heading h1{flex:1;font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:0}.notifications-mark-read{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-label);font-size:13.5px;font-weight:700;color:var(--color-primary);white-space:nowrap}.notifications-mark-read:hover{text-decoration:underline}.notifications-chip-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.notifications-chip-row::-webkit-scrollbar{display:none}.notifications-chip{flex-shrink:0;padding:6px 14px;border-radius:var(--radius-full);border:1.5px solid var(--color-border-subtle);background:#fff;color:var(--color-on-surface-variant);font-family:var(--font-label);font-size:13px;font-weight:600;line-height:18px;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}.notifications-chip:active{transform:scale(.96)}.notifications-chip-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-card{position:relative;display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:16px;box-shadow:0 1px 2px #0f172a0a}.notification-card-unread{background:var(--color-brand-blue-tint);border-color:#0053d429}.notification-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);font-size:20px}.notification-icon-payment{background:#16a34a1f;color:var(--color-success-green)}.notification-icon-task{background:var(--color-brand-blue-tint);color:var(--color-primary)}.notification-icon-referral{background:#ea820c24;color:#c2410c}.notification-icon-security{background:#9333ea1f;color:#7e22ce}.notification-icon-system{background:var(--color-surface-container);color:var(--color-slate-text)}.notification-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.notification-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.notification-title{font-size:15px;font-weight:700;color:#0f172a;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-when{flex-shrink:0;font-family:var(--font-label);font-size:11.5px;color:#94a3b8;white-space:nowrap}.notification-description{font-size:13.5px;line-height:1.55;color:var(--color-on-surface-variant);margin:0}.notification-side{flex-shrink:0;display:flex;align-items:center;gap:8px;align-self:center}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.notification-menu-wrap{position:relative}.notification-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;border-radius:var(--radius-full);cursor:pointer;color:#94a3b8;font-size:18px;transition:background .15s ease,color .15s ease}.notification-menu-btn:hover,.notification-menu-btn[aria-expanded=true]{background:#0f172a0f;color:var(--color-on-surface-variant)}.notification-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:190px;background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:0 12px 32px #0f172a29;padding:6px;display:flex;flex-direction:column;animation:notification-menu-in .14s ease}@keyframes notification-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-menu-item{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;cursor:pointer;text-align:left;font-family:var(--font-label);font-size:13.5px;font-weight:600;color:var(--color-on-surface);padding:10px 12px;border-radius:var(--radius-lg);transition:background .12s ease}.notification-menu-item:hover{background:var(--color-surface-container-low)}.notification-menu-item-danger{color:#ba1a1a}.notification-menu-item-danger:hover{background:#ba1a1a14}.notifications-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:48px 24px;background:#fff;border:1px dashed var(--color-border-subtle);border-radius:var(--radius-xl)}.notifications-empty-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-brand-blue-tint);color:var(--color-primary);font-size:26px;margin-bottom:6px}.notifications-empty-title{margin:0;font-size:16px;font-weight:700;color:#0f172a}.notifications-empty-sub{margin:0;font-size:13.5px;color:var(--color-on-surface-variant)}@media(min-width:768px){.notifications-main{padding:24px var(--margin-desktop) 40px}}.referral-page{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-display);min-height:100vh}.referral-main{max-width:640px;margin:0 auto;padding:16px var(--margin-mobile) calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:20px}.referral-heading{display:flex;align-items:center;gap:12px}.referral-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:none;background:none;cursor:pointer;color:var(--color-on-surface-variant);font-size:20px;border-radius:var(--radius-lg);transition:background .15s ease,color .15s ease}.referral-back:hover{background:var(--color-surface-container-low);color:var(--color-primary)}.referral-heading h1{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:0}.referral-hero-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center}.referral-hero-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--color-brand-blue-tint);color:var(--color-primary);font-size:26px;margin-bottom:16px}.referral-hero-card h2{font-size:21px;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:0 0 10px}.referral-hero-card p{font-size:14.5px;line-height:1.6;color:var(--color-on-surface-variant);margin:0;max-width:30rem}.referral-code-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:20px;display:flex;flex-direction:column;gap:12px}.referral-code-label{font-family:var(--font-label);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.referral-code-box{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--color-brand-blue-tint);border-radius:var(--radius-lg);padding:14px 16px}.referral-code-value{font-family:var(--font-display);font-size:19px;font-weight:800;letter-spacing:.03em;color:var(--color-primary)}.referral-copy-btn{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--color-primary);font-family:var(--font-label);font-size:13.5px;font-weight:700;padding:6px;border-radius:var(--radius-lg);transition:background .15s ease}.referral-copy-btn:hover{background:#0053d41a}.referral-copy-btn svg{font-size:16px}.referral-share-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border-subtle);background:#fff;color:#0f172a;cursor:pointer;font-family:var(--font-display);font-size:15px;font-weight:700;transition:border-color .2s ease,transform .15s ease}.referral-share-btn:active{transform:scale(.98)}.referral-share-btn:hover{border-color:var(--color-primary)}.referral-share-btn svg{font-size:18px}.referral-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.referral-stat-card{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:18px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.referral-stat-value{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.01em}.referral-stat-value-earnings{font-size:18px}.referral-stat-label{font-size:12px;color:var(--color-on-surface-variant);line-height:1.35}.referral-section{display:flex;flex-direction:column;gap:14px}.referral-section-label{font-family:var(--font-label);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.referral-list{background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden}.referral-row{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--color-border-subtle)}.referral-row:last-child{border-bottom:none}.referral-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-surface-container-low);color:var(--color-primary);font-family:var(--font-display);font-size:15px;font-weight:700;flex-shrink:0}.referral-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.referral-row-name{font-size:14.5px;font-weight:700;color:#0f172a}.referral-row-when{font-size:12.5px;color:var(--color-on-surface-variant)}.referral-status{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:6px 12px;border-radius:var(--radius-full);font-family:var(--font-label);font-size:12px;font-weight:700;white-space:nowrap}.referral-status-dot{width:6px;height:6px;border-radius:50%}.referral-status-earned{background:#dcfce7;color:#16a34a}.referral-status-earned .referral-status-dot{background:#16a34a}.referral-status-pending{background:#fef3c7;color:#d97706}.referral-status-pending .referral-status-dot{background:#d97706}@media(min-width:768px){.referral-main{padding:24px var(--margin-desktop) 40px}}.referral-error{display:flex;flex-direction:column;gap:14px;align-items:stretch;padding:32px 0}.referral-error p{font-size:14.5px;color:var(--color-on-surface-variant);margin:0;text-align:center;padding:24px 8px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-xl)}.referral-empty{padding:32px 16px;text-align:center}.referral-empty p{font-size:14px;color:var(--color-on-surface-variant);margin:0}@keyframes referral-skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.referral-skeleton{display:block;background:var(--color-border-subtle);border-radius:6px;animation:referral-skeleton-pulse 1.5s ease-in-out infinite}.referral-skeleton-code{width:120px;height:24px;border-radius:6px}.referral-skeleton-stat{width:40px;height:28px;margin:0 auto}.referral-skeleton-label{width:70px;height:14px;margin:6px auto 0}.referral-skeleton-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.referral-skeleton-name{width:110px;height:16px}.referral-skeleton-when{width:72px;height:13px;margin-top:6px}.referral-row-skeleton{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--color-border-subtle)}.referral-row-skeleton:last-child{border-bottom:none}.signup-page{background:var(--color-surface-container-low);color:var(--color-on-surface);font-family:var(--font-display);min-height:100vh}.signup-main{padding:32px var(--margin-mobile) 64px}.signup-container{max-width:480px;margin:0 auto}.signup-heading{text-align:center;margin-bottom:28px}.signup-eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--color-brand-blue-tint);color:var(--color-primary);padding:6px 14px;border-radius:var(--radius-full);font-family:var(--font-label);font-size:12px;font-weight:700;letter-spacing:.02em;margin-bottom:14px}.signup-eyebrow svg{font-size:14px}.signup-heading h1{font-size:28px;font-weight:800;color:#0f172a;margin-bottom:8px;letter-spacing:-.01em}.signup-heading p{font-size:15px;color:var(--color-on-surface-variant)}.signup-form{background:transparent;border-radius:0;padding:0;display:flex;flex-direction:column;gap:20px}.form-row{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field label{font-family:var(--font-label);font-size:13px;font-weight:600;color:var(--color-on-surface)}.optional-tag{font-weight:400;color:#94a3b8}.form-field input{width:100%;padding:13px 15px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border-subtle);outline:none;font-family:var(--font-display);font-size:15px;background:#fff;color:var(--color-on-surface);transition:border-color .2s ease,box-shadow .2s ease}.form-field input::placeholder{color:#94a3b8}.form-field input:hover{border-color:#cbd5e1}.form-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #0053d41f}.form-field input.input-error{border-color:#ba1a1a}.form-field input.input-error:focus{box-shadow:0 0 0 2px #ba1a1a1f}.field-error{font-size:12px;color:#ba1a1a;font-family:var(--font-label)}.password-input-wrap{position:relative}.password-input-wrap input{padding-right:44px}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-on-surface-variant);font-size:19px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-lg);transition:background .15s ease,color .15s ease}.password-toggle:hover{background:var(--color-surface-container-low);color:var(--color-primary)}.terms-field{display:flex;flex-direction:column;gap:6px}.terms-checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.terms-checkbox-input{position:absolute;opacity:0;width:0;height:0}.terms-checkbox-box{flex-shrink:0;width:20px;height:20px;border-radius:6px;border:1.5px solid #aaaaaa;background:#fff;display:flex;align-items:center;justify-content:center;margin-top:1px;transition:background .2s ease,border-color .2s ease}.terms-checkbox-box-error{border-color:#ba1a1a}.terms-checkbox-tick{width:13px;height:13px;color:#fff;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease}.terms-checkbox-input:checked+.terms-checkbox-box{background:var(--color-primary);border-color:var(--color-primary)}.terms-checkbox-input:checked+.terms-checkbox-box .terms-checkbox-tick{opacity:1;transform:scale(1)}.terms-checkbox-input:focus-visible+.terms-checkbox-box{box-shadow:0 0 0 2px #0053d440}.terms-checkbox-text{font-size:13.5px;line-height:1.5;color:var(--color-on-surface-variant)}.terms-checkbox-text a{color:var(--color-primary);font-weight:600;text-decoration:none}.terms-checkbox-text a:hover{text-decoration:underline}.field-error-terms{padding-left:30px}.signup-referral-field{margin-top:0}.signup-referral-input{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px #0053d41f!important;background:var(--color-brand-blue-tint)!important;color:var(--color-primary)!important;font-family:var(--font-label);font-weight:700;letter-spacing:.04em;cursor:default;caret-color:transparent;-webkit-user-select:all;user-select:all}.signup-referral-input::selection{background:#0053d433}.signup-referral-input.input-error{border-color:#ba1a1a!important;box-shadow:0 0 0 2px #ba1a1a1f!important;background:#fef2f2!important;color:#ba1a1a!important}.signup-referral-hint{font-size:12px;color:var(--color-on-surface-variant);line-height:1.45}.btn-submit{margin-top:4px;padding:16px 32px}.signup-footnote{text-align:center;font-size:14px;color:var(--color-on-surface-variant)}.signup-footnote a{color:var(--color-primary);font-weight:600;text-decoration:none}.signup-success-main{padding:64px var(--margin-mobile);display:flex;justify-content:center}.signup-success-card{max-width:420px;text-align:center;background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);padding:40px 28px}.signup-success-card h2{font-size:24px;font-weight:800;color:#0f172a;margin-bottom:12px}.signup-success-card p{font-size:15px;color:var(--color-on-surface-variant);line-height:1.6;margin-bottom:24px}@media(min-width:640px){.form-row{flex-direction:row}.form-row .form-field{flex:1}}@media(min-width:768px){.signup-main{padding:56px var(--margin-desktop) 80px}}.btn-submit{position:relative}.btn-label{opacity:1;transition:opacity .15s ease}.btn-label-hidden{opacity:0}.btn-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.flow-step-body{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}.flow-step-body .form-field{width:100%;text-align:left}.flow-step-body-center{align-items:center;text-align:center}.flow-heading{font-family:var(--font-display);font-size:28px;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin:0}.flow-subheading{font-size:14.5px;color:var(--color-on-surface-variant);line-height:1.5;margin:0}.flow-subheading strong{color:var(--color-on-surface);font-weight:600}.flow-email-icon{width:60px;height:60px;border-radius:var(--radius-lg);background:var(--color-brand-blue-tint);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:26px;margin:12px 0}.flow-resend-line{text-align:center;font-size:14px;color:var(--color-on-surface-variant);margin:0}.flow-resend-link{background:none;border:none;cursor:pointer;color:var(--color-primary);font-family:var(--font-label);font-size:14px;font-weight:700;padding:0}.flow-resend-link:hover{text-decoration:underline}.flow-expiry-line{text-align:center;font-size:14px;color:var(--color-on-surface-variant);margin:0}.flow-expiry-line strong{color:#0f172a;font-weight:700}.flow-otp-error{margin-top:-8px}.flow-otp-submit{margin-top:4px}.form-row{display:flex;gap:12px}.form-row .form-field{flex:1;min-width:0}@media(max-width:420px){.form-row{flex-direction:column;gap:20px}}.flow-shell{min-height:100vh;background:var(--color-surface);display:flex;flex-direction:column;padding:20px var(--margin-mobile) 40px}.flow-back{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:none;border:none;cursor:pointer;color:var(--color-on-surface-variant);font-family:var(--font-display);font-size:15px;font-weight:500;padding:8px 4px;margin-bottom:12px;transition:color .2s ease;flex-shrink:0}.flow-back:hover{color:var(--color-primary)}.flow-back svg{font-size:18px}.flow-shell-content{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:440px;margin:0 auto}@media(min-width:768px){.flow-shell{padding:32px var(--margin-desktop) 60px}}.otp-input-row{display:flex;gap:10px;justify-content:space-between}.otp-box{width:100%;aspect-ratio:1;max-width:56px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border-subtle);background:#fff;text-align:center;font-family:var(--font-display);font-size:22px;font-weight:700;color:#0f172a;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.otp-box:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0053d41f}.otp-input-row-error .otp-box{border-color:#ba1a1a}.otp-box:disabled{opacity:.6}.center-shell{min-height:100vh;background:var(--color-surface);display:flex;align-items:center;justify-content:center;padding:40px var(--margin-mobile)}.center-shell-inner{width:100%;max-width:440px}.center-shell-brand{display:flex;align-items:center;gap:10px;margin-bottom:32px}.center-shell-logo{width:36px;height:36px;object-fit:contain;border-radius:8px}.center-shell-brand-text{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--color-primary)}.center-shell-heading{font-family:var(--font-display);font-size:26px;font-weight:800;color:#0f172a;letter-spacing:-.01em;margin-bottom:10px}.center-shell-subheading{font-size:14.5px;color:var(--color-on-surface-variant);line-height:1.5;margin-bottom:32px}.center-shell-body{display:flex;flex-direction:column;gap:16px}@media(min-width:768px){.center-shell-heading{font-size:30px}}.role-select{position:relative}.role-select-trigger{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border-subtle);background:#fff;cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.role-select-trigger:hover{border-color:#cbd5e1}.role-select-trigger-open{border-color:var(--color-primary);box-shadow:0 0 0 2px #0053d41f}.role-select-trigger:disabled{opacity:.6;cursor:not-allowed}.role-select-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-lg);background:var(--color-brand-blue-tint);color:var(--color-primary);font-size:18px;flex-shrink:0}.role-select-text{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.role-select-label{font-family:var(--font-display);font-size:15px;font-weight:700;color:#0f172a}.role-select-description{font-family:var(--font-label);font-size:12px;color:var(--color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-select-chevron{font-size:18px;color:var(--color-on-surface-variant);flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1)}.role-select-trigger-open .role-select-chevron{transform:rotate(180deg)}.role-select-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:0 12px 32px #0f172a1f;padding:6px;z-index:20;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);transform-origin:top center}.role-select-panel-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.role-select-option{width:100%;display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius-lg);border:none;background:none;cursor:pointer;text-align:left;transition:background .15s ease}.role-select-option:hover{background:var(--color-surface-container-low)}.role-select-option-active{background:var(--color-brand-blue-tint)}.role-select-option-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-lg);background:var(--color-surface-container-low);color:var(--color-primary);font-size:17px;flex-shrink:0}.role-select-option-active .role-select-option-icon{background:#fff}.role-select-check{font-size:18px;color:var(--color-primary);flex-shrink:0}.success-page{min-height:100vh;background:#fff}.success-container{max-width:720px;margin:0 auto;padding:48px 24px 80px;display:flex;flex-direction:column;align-items:center}.success-animation{position:relative;margin-bottom:36px}.success-circle{width:120px;height:120px;border-radius:50%;background:#eef4ff;border:12px solid #D9E8FF;display:flex;justify-content:center;align-items:center;animation:pop .45s ease}.check-icon{font-size:54px;color:#2563eb}.spark{position:absolute;width:10px;height:10px;border-radius:50%;background:#2563eb;animation:sparkle 2s infinite ease-in-out}.spark-1{top:0;left:50%}.spark-2{right:-5px;top:45%}.spark-3{bottom:10px;left:18%}.spark-4{top:28%;left:-8px}.headings{text-align:center;margin-bottom:42px}.headings h1{font-size:2rem;font-weight:800;color:#111827;margin-bottom:16px}.blue-txt{color:#2563eb}.success-description{font-size:1.05rem;color:#6b7280;line-height:1.8}.telegram-card{width:100%;background:#f8faff;border:1px solid #E5E7EB;border-radius:20px;padding:24px;margin-bottom:48px}.telegram-header{display:flex;gap:18px;align-items:center;margin-bottom:26px}.icon-circle{width:64px;height:64px;border-radius:50%;background:#eef4ff;display:flex;justify-content:center;align-items:center;flex-shrink:0}.icon-circle svg{font-size:30px;color:#2563eb}.telegram-content h3{font-size:1.3rem;margin-bottom:8px;color:#111827}.telegram-content p{color:#6b7280;line-height:1.7;font-size:.95rem}.channel-buttons{display:flex;flex-direction:column;gap:12px}.telegram-button,.whatsapp-button{width:100%;border:none;color:#fff;padding:16px;border-radius:14px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:.25s}.telegram-button{background:#2563eb}.telegram-button:hover{background:#1d4ed8}.whatsapp-button{background:#25d366}.whatsapp-button:hover{background:#1ebe5a}.telegram-icon{font-size:22px}.steps{width:100%;margin-bottom:42px}.steps h1{margin-bottom:28px;font-size:1.6rem;color:#111827}.step{display:flex;gap:18px;margin-bottom:30px}.step:last-child{margin-bottom:0}.step-icon{width:54px;height:54px;background:#eef4ff;border-radius:14px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.step-icon svg{font-size:24px;color:#2563eb}.step-content h4{font-size:1.05rem;margin-bottom:8px;color:#111827}.step-content p{color:#6b7280;line-height:1.7;font-size:.95rem}.back-home{width:100%;border:none;background:#eef4ff;color:#2563eb;padding:18px;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:.25s;text-decoration:none;text-align:center;display:block}.back-home:hover{background:#dceaff}@keyframes pop{0%{transform:scale(.3);opacity:0}80%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes sparkle{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.6);opacity:1}}@media(min-width:768px){.success-container{padding:72px 24px 100px}.headings h1{font-size:2.5rem}}.reset-verify-page{background:var(--color-surface);min-height:100vh}.reset-verify-loading-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px var(--margin-mobile)}.reset-verify-loading-box{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:320px;background:var(--color-surface-container-lowest);border-radius:var(--radius-xl);padding:40px 28px;box-shadow:0 1px 2px #0f172a0f,0 12px 32px #0f172a14;animation:reset-verify-fade-in .3s ease}.reset-verify-spinner{width:40px;height:40px;border:3.5px solid var(--color-brand-blue-tint);border-top-color:var(--color-primary);border-radius:50%;animation:reset-verify-spin .8s linear infinite}.reset-verify-loading-text{margin:0;font-family:var(--font-label);font-size:14px;font-weight:600;color:var(--color-on-surface-variant);text-align:center}@keyframes reset-verify-spin{to{transform:rotate(360deg)}}@keyframes reset-verify-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reset-verify-invalid-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 24px;border-radius:50%;background:#fef2f2;color:#ba1a1a;font-size:30px}.reset-verify-ready .flow-step-body{display:flex;flex-direction:column;gap:20px}.reset-success-circle{width:88px;height:88px;margin:0 auto 20px;border-radius:50%;background:#eef4ff;border:10px solid #D9E8FF;display:flex;align-items:center;justify-content:center;animation:reset-pop .45s ease}.reset-success-check{font-size:40px;color:var(--color-primary)}@keyframes reset-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.reset-verify-loading-box,.reset-success-circle{animation:none}.reset-verify-spinner{animation-duration:1.2s}}.not-found-page{background:var(--color-surface-container-low);color:var(--color-on-surface);font-family:var(--font-display);min-height:100vh}.not-found-main{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 224px);padding:48px var(--margin-mobile)}.not-found-card{max-width:400px;width:100%;text-align:center;background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:40px 28px}.not-found-icon{width:64px;height:64px;margin:0 auto 16px;background:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#ba1a1a}.not-found-code{display:block;font-size:15px;font-weight:800;letter-spacing:.08em;color:#94a3b8;margin-bottom:8px}.not-found-card h1{font-size:24px;font-weight:800;color:#0f172a;margin-bottom:10px;letter-spacing:-.01em}.not-found-card p{font-size:15px;line-height:1.6;color:var(--color-on-surface-variant);margin-bottom:24px}@media(min-width:768px){.not-found-card{padding:48px 40px}}.soon-page{background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-display);min-height:100vh}.soon-main{max-width:640px;margin:0 auto;padding:40px var(--margin-mobile) calc(96px + env(safe-area-inset-bottom,0px));display:flex;align-items:flex-start;justify-content:center}.soon-card{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:40px 24px;width:100%}.soon-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:var(--color-brand-blue-tint);color:var(--color-primary);font-size:28px}.soon-card h1{font-size:20px;font-weight:800;color:#0f172a;margin:0}.soon-card p{margin:0;font-size:14px;line-height:1.6;color:var(--color-on-surface-variant);max-width:320px}@media(min-width:768px){.soon-main{padding:48px var(--margin-desktop) 40px}}:root{--app-nav-width: 264px}.app-nav{position:fixed;top:0;left:0;bottom:0;z-index:120;width:min(var(--app-nav-width),86vw);background:#fff;border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .28s cubic-bezier(.16,1,.3,1);visibility:hidden}.app-nav-open{transform:translate(0);visibility:visible}.app-nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#0f172a73;animation:app-nav-fade .2s ease}@keyframes app-nav-fade{0%{opacity:0}to{opacity:1}}.app-nav-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;border-bottom:1px solid var(--color-border-subtle)}.app-nav-user{display:flex;align-items:center;gap:12px;min-width:0}.app-nav-avatar{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.02em;flex-shrink:0}.app-nav-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.app-nav-name{font-size:15px;font-weight:800;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav-role{display:inline-flex;align-self:flex-start;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-brand-blue-tint);color:var(--color-primary);font-family:var(--font-label);font-size:11px;font-weight:700}.app-nav-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:none;background:none;color:var(--color-on-surface-variant);cursor:pointer;font-size:20px;border-radius:var(--radius-lg)}.app-nav-close:hover{background:var(--color-surface-container-low)}.app-nav-scroll{flex:1;overflow-y:auto;padding:12px 12px 16px;display:flex;flex-direction:column;gap:18px}.app-nav-section{display:flex;flex-direction:column;gap:2px}.app-nav-section-label{padding:4px 10px 6px;font-family:var(--font-label);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.app-nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-lg);color:var(--color-on-surface-variant);text-decoration:none;transition:background .15s ease,color .15s ease}.app-nav-link-icon{display:flex;font-size:20px;flex-shrink:0;width:22px;justify-content:center}.app-nav-link-label{font-family:var(--font-label);font-size:14px;font-weight:600}.app-nav-link:hover{background:var(--color-surface-container-low);color:var(--color-on-surface)}.app-nav-link-active{background:var(--color-brand-blue-tint);color:var(--color-primary);font-weight:700}.app-nav-link-active .app-nav-link-label{font-weight:700}.app-nav-cta-wrap{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--color-border-subtle)}.app-nav-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 14px;border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;font-family:var(--font-label);font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s ease}.app-nav-cta svg{font-size:16px}.app-nav-cta:active{transform:scale(.98)}.app-nav-pending{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:var(--radius-lg);background:#fef9c3;color:#92400e;font-family:var(--font-label);font-size:12.5px;font-weight:600;text-decoration:none}.app-nav-footer{padding:12px 16px;border-top:1px solid var(--color-border-subtle)}.app-nav-logout{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:none;border-radius:var(--radius-lg);color:#ba1a1a;font-family:var(--font-label);font-size:14px;font-weight:700;cursor:pointer}.app-nav-logout:hover{background:#fef2f2}.app-nav-logout svg{font-size:18px}@media(min-width:1024px){.app-nav{transform:none;visibility:visible;width:var(--app-nav-width)}.app-nav-backdrop,.app-nav-close{display:none}.dashboard-page,.browse-page,.task-detail-page,.create-task-page,.submissions-page,.my-submissions-page,.wallet-page,.notifications-page,.referral-page,.review-page,.soon-page{margin-left:var(--app-nav-width)}}@media(prefers-reduced-motion:reduce){.app-nav{transition:none}}.dashboard-page,.browse-page,.task-detail-page,.create-task-page,.submissions-page,.my-submissions-page,.wallet-page,.notifications-page,.referral-page,.review-page,.soon-page{overflow-x:clip}