@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/kanit-latin-400.woff2)format("woff2")}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/kanit-latin-500.woff2)format("woff2")}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/kanit-latin-600.woff2)format("woff2")}:root{color:var(--app-text,#f8fafc);background:var(--app-bg,#08090d);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--app-bg:#08090d;--app-surface:#11131a;--app-surface-raised:#181b24;--app-surface-soft:#202431;--app-text:#f8fafc;--app-muted:#9ba3b5;--app-faint:#697084;--app-accent:#61dafb;--app-accent-2:#8b5cf6;--app-positive:#5ee6b2;--app-warning:#f6c76b;--app-danger:#fb7185;--app-border:#ffffff17;--app-shadow:0 20px 50px #00000052;--app-safe-top:0px;--app-safe-right:0px;--app-safe-bottom:0px;--app-safe-left:0px;--app-content-safe-top:0px;--app-content-safe-right:0px;--app-content-safe-bottom:0px;--app-content-safe-left:0px;--app-viewport-height:100svh;--app-viewport-stable-height:100svh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--app-bg:#f4f6fb;--app-surface:#fff;--app-surface-raised:#f9faff;--app-surface-soft:#edf0f7;--app-text:#151824;--app-muted:#5f6676;--app-faint:#858b99;--app-border:#1418241a;--app-shadow:0 18px 45px #1e23371f}*{box-sizing:border-box}html{background:var(--app-bg);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;min-height:var(--app-viewport-height);background:radial-gradient(circle at 85% -10%, #8b5cf629, transparent 38%), radial-gradient(circle at -10% 30%, #22d3ee1a, transparent 34%), var(--app-bg);margin:0;overflow-x:hidden}.figma-app-root,.onboarding-root{font-family:Kanit,ui-sans-serif,system-ui,sans-serif}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb, var(--app-accent) 70%, white);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}img{max-width:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-root{width:min(100%,520px);min-height:var(--app-viewport-height,100svh);padding:max(12px, var(--app-safe-top), var(--app-content-safe-top), env(safe-area-inset-top)) max(16px, var(--app-safe-right), var(--app-content-safe-right), env(safe-area-inset-right)) calc(126px + max(var(--app-safe-bottom), var(--app-content-safe-bottom), env(safe-area-inset-bottom))) max(16px, var(--app-safe-left), var(--app-content-safe-left), env(safe-area-inset-left));margin:0 auto}.app-topbar{justify-content:space-between;align-items:center;gap:12px;min-height:52px;margin-bottom:14px;display:flex}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{width:38px;height:38px;color:var(--app-accent);background:linear-gradient(145deg,#61dafb29,#8b5cf62e);border:1px solid #61dafb47;border-radius:13px;flex:0 0 38px;place-items:center;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff1a}.brand-copy{min-width:0}.brand-copy strong,.brand-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand-copy strong{letter-spacing:-.02em;font-size:.92rem}.brand-copy span{color:var(--app-muted);margin-top:2px;font-size:.72rem}.topbar-action,.icon-button{border:1px solid var(--app-border);width:44px;height:44px;color:var(--app-text);background:var(--app-surface);cursor:pointer;border-radius:15px;flex:0 0 44px;place-items:center;display:inline-grid}.status-banner{border:1px solid var(--app-border);color:var(--app-muted);background:var(--app-surface);border-radius:14px;align-items:flex-start;gap:10px;margin:0 0 12px;padding:11px 13px;font-size:.82rem;line-height:1.45;display:flex}.status-banner strong{color:var(--app-text)}.status-banner.offline{color:color-mix(in srgb, var(--app-warning) 78%, var(--app-text));border-color:#f6c76b59}.status-banner.banned,.status-banner.error{color:color-mix(in srgb, var(--app-danger) 78%, var(--app-text));border-color:#fb718559}.screen{gap:16px;animation:.22s ease-out screen-enter;display:grid}@keyframes screen-enter{0%{opacity:0;transform:translateY(5px)}}.screen-header{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.screen-header h1,.screen-header h2,.hero h1,.card h2,.card h3,p{margin:0}.screen-header h1,.hero h1{max-width:18ch;color:var(--app-text);letter-spacing:-.055em;font-size:clamp(1.75rem,8vw,2.5rem);line-height:1.02}.screen-header p,.hero p{color:var(--app-muted);margin-top:7px;font-size:.88rem;line-height:1.5}.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--app-accent)!important;margin-bottom:8px!important;font-size:.7rem!important}.hero{border:1px solid var(--app-border);background:radial-gradient(circle at 88% 12%, #61dafb38, transparent 32%), linear-gradient(145deg, #8b5cf629, transparent 58%), var(--app-surface);box-shadow:var(--app-shadow);border-radius:24px;padding:22px;position:relative;overflow:hidden}.hero:after{content:"";border:22px solid #ffffff08;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-48px;right:-36px}.hero-actions{z-index:1;flex-wrap:wrap;gap:10px;margin-top:18px;display:flex;position:relative}.card{border:1px solid var(--app-border);background:color-mix(in srgb, var(--app-surface) 94%, transparent);border-radius:20px;padding:16px;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.card.compact{border-radius:16px;padding:13px 14px}.card.accent{background:linear-gradient(135deg, #61dafb17, #8b5cf614), var(--app-surface);border-color:#61dafb3d}.card.warning{border-color:#f6c76b4d}.card-head,.row,.list-row,.balance-row,.setting-row{justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 0;display:flex}.setting-row small{margin-top:3px;display:block}.card-head{margin-bottom:14px}.card h2{letter-spacing:-.025em;font-size:1rem}.card h3{font-size:.94rem}.muted,.meta,.card p{color:var(--app-muted);font-size:.82rem;line-height:1.48}.meta{flex-wrap:wrap;gap:7px 10px;margin-top:7px;display:flex}.grid-2,.quick-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quick-card{border:1px solid var(--app-border);min-height:104px;color:var(--app-text);text-align:left;background:var(--app-surface);cursor:pointer;border-radius:18px;padding:15px;text-decoration:none}.quick-card .quick-icon{color:var(--app-accent);margin-bottom:16px;font-size:1.25rem;display:block}.quick-card strong,.quick-card span{display:block}.quick-card strong{font-size:.9rem}.quick-card span{color:var(--app-muted);margin-top:4px;font-size:.72rem}.wallet-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.balance-tile{border:1px solid var(--app-border);background:var(--app-surface-raised);border-radius:16px;min-width:0;padding:12px}.balance-tile span,.stat span{color:var(--app-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;display:block;overflow:hidden}.balance-tile strong,.stat strong{font-variant-numeric:tabular-nums;margin-top:6px;font-size:1.04rem;display:block}.stat{background:var(--app-surface-raised);border-radius:16px;padding:14px}.stat strong{font-size:1.35rem}.wallet-binding-options{gap:8px;margin:14px 0;display:grid}.wallet-binding-address{overflow-wrap:anywhere;border:1px solid var(--app-border);color:var(--app-text);background:var(--app-surface-raised);border-radius:12px;margin:12px 0;padding:12px;font-size:.78rem;display:block}.wallet-companion-flow{gap:12px;display:grid}.wallet-companion-pairing,.wallet-companion-confirm{border:1px solid var(--app-border);background:var(--app-surface-raised);border-radius:16px;gap:10px;padding:14px;display:grid}.wallet-companion-pairing h3,.wallet-companion-confirm h3{margin:0}.wallet-companion-code{overflow-wrap:anywhere;color:var(--app-text);letter-spacing:.08em;text-align:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.12rem;font-weight:800;display:block}.wallet-companion-qr-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.wallet-companion-qr-grid figure{color:#111;background:#fff;border-radius:14px;justify-items:center;gap:8px;margin:0;padding:12px;font-weight:800;display:grid}.wallet-companion-qr-grid svg{width:min(100%,176px);height:auto}.button{min-height:44px;color:var(--app-button-text,#061017);background:var(--app-button,linear-gradient(135deg, var(--app-accent), #7dd3fc));cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:800;display:inline-flex;box-shadow:0 10px 25px #22d3ee29}.button.secondary{border-color:var(--app-border);color:var(--app-text);background:var(--app-surface-raised);box-shadow:none}.button.ghost{color:var(--app-accent);box-shadow:none;background:0 0;border-color:#0000}.button.danger{color:#fff;background:var(--app-danger);box-shadow:none}.button.full{width:100%}.button.small{border-radius:12px;min-height:44px;padding:8px 12px;font-size:.8rem}.chip,.status-chip{border:1px solid var(--app-border);min-height:27px;color:var(--app-muted);background:var(--app-surface-raised);border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.status-chip.positive{color:var(--app-positive);border-color:#5ee6b242}.status-chip.warning{color:var(--app-warning);border-color:#f6c76b47}.status-chip.danger{color:var(--app-danger);border-color:#fb718547}.list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.list-row{border:1px solid var(--app-border);min-height:64px;color:inherit;text-align:left;background:var(--app-surface-raised);border-radius:16px;padding:12px;text-decoration:none}button.list-row{cursor:pointer;width:100%}.product-image{border:1px solid var(--app-border);object-fit:cover;background:var(--app-surface-raised);border-radius:18px;flex:none;width:88px;height:88px;display:block}.product-image.compact{border-radius:12px;width:42px;height:42px}.product-image.roulette-image{border:0;border-radius:50%;width:34px;height:34px}.list-row-main{min-width:0}.list-row-main strong,.list-row-main span{display:block}.list-row-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.list-row-main span{color:var(--app-muted);margin-top:4px;font-size:.72rem}.reward-list{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.progress-track{background:var(--app-surface-soft);border-radius:999px;height:7px;margin-top:10px;overflow:hidden}.progress-track>span{width:var(--progress,0%);border-radius:inherit;background:linear-gradient(90deg, var(--app-accent), var(--app-accent-2));height:100%;display:block}.segmented{border:1px solid var(--app-border);background:var(--app-surface);border-radius:14px;gap:4px;padding:4px;display:flex}.segmented button{min-height:44px;color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:7px 10px;font-size:.73rem;font-weight:800}.segmented button[aria-pressed=true]{color:var(--app-text);background:var(--app-surface-soft)}.field{gap:7px;display:grid}.field label,.field legend{color:var(--app-text);font-size:.78rem;font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--app-border);width:100%;min-height:46px;color:var(--app-text);background:var(--app-surface-raised);border-radius:13px;padding:11px 13px}.field textarea{resize:vertical;min-height:96px}.radio-list{border:0;gap:8px;margin:0;padding:0;display:grid}.radio-option{border:1px solid var(--app-border);background:var(--app-surface-raised);border-radius:13px;align-items:center;gap:10px;min-height:48px;padding:10px 12px;display:flex}.radio-option:has(input:checked){background:#61dafb14;border-color:#61dafb80}.switch{flex:0 0 48px;width:48px;height:28px;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch span{background:var(--app-surface-soft);border-radius:999px;transition:background .16s;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #00000040}.switch input:focus-visible+span{outline:3px solid color-mix(in srgb, var(--app-accent) 70%, white);outline-offset:3px}.switch input:checked+span{background:var(--app-accent-2)}.switch input:checked+span:after{transform:translate(20px)}.bottom-nav{z-index:30;right:max(10px, var(--app-safe-right), var(--app-content-safe-right), env(safe-area-inset-right));bottom:max(10px, var(--app-safe-bottom), var(--app-content-safe-bottom), env(safe-area-inset-bottom));left:max(10px, var(--app-safe-left), var(--app-content-safe-left), env(safe-area-inset-left));border:1px solid var(--app-border);background:color-mix(in srgb, var(--app-surface) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;max-width:500px;min-height:68px;margin:0 auto;padding:6px;display:grid;position:fixed;box-shadow:0 18px 50px #0000006b}.bottom-nav button,.bottom-nav a{min-width:0;min-height:54px;color:var(--app-faint);cursor:pointer;background:0 0;border:0;border-radius:16px;align-content:center;place-items:center;gap:3px;padding:4px 2px;text-decoration:none;display:grid}.bottom-nav button[aria-current=page],.bottom-nav a[aria-current=page]{color:var(--app-text);background:var(--app-surface-soft)}.nav-icon{font-size:1.05rem;line-height:1}.nav-label{text-align:center;text-overflow:ellipsis;white-space:normal;max-width:100%;font-size:.72rem;font-weight:700;line-height:1.05;overflow:hidden}.figma-app-root{width:min(100%,375px);min-height:var(--app-viewport-height,100svh);color:#f5efff;background:linear-gradient(#000014 0%,#09091c 100%);padding:0 12px 67px;position:relative;overflow:hidden}.figma-app-root>main{min-height:inherit}.figma-app-root .app-status-region{z-index:40;position:absolute;top:52px;left:12px;right:12px}.figma-screen{color:#f5efff;min-height:700px;animation:none;display:block;position:relative}.figma-app-root .tasks-screen{min-height:633px}.figma-app-root.figma-profile-root{min-height:var(--app-viewport-height,100svh);padding:max(12px, var(--app-safe-top), var(--app-content-safe-top), env(safe-area-inset-top)) 12px calc(83px + max(var(--app-safe-bottom), var(--app-content-safe-bottom), env(safe-area-inset-bottom)))}.figma-profile-screen{gap:12px;min-height:auto;padding-bottom:12px;display:grid}.figma-profile-heading{padding:3px 8px 6px}.figma-profile-heading p,.figma-profile-heading span{color:#a49db5;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:500;display:block}.figma-profile-heading p{color:#ff789a}.figma-profile-heading h1{color:#f5efff;letter-spacing:0;text-transform:uppercase;margin:3px 0 2px;font-size:32px;font-weight:600;line-height:1}.figma-profile-heading span{letter-spacing:0;text-transform:none}.figma-profile-screen .card,.figma-profile-screen .list-row{color:#f5efff;background:linear-gradient(145deg,#221447f0,#151130f0),#101027;border:1px solid #ff96c242;border-radius:15px;box-shadow:inset 0 1px #ffffff14}.figma-profile-screen .card{padding:14px}.figma-profile-screen .card.accent,.figma-profile-screen .figma-profile-identity{background:radial-gradient(circle at 95% 5%,#ce458166,#0000 42%),linear-gradient(135deg,#3b1758f5,#161136f5);border-color:#ff96c285}.figma-profile-screen .card-head{min-height:44px;margin-bottom:8px;padding:0}.figma-profile-screen .card h2{color:#f5efff;font-size:18px;font-weight:500}.figma-profile-screen .card p,.figma-profile-screen .list-row-main span,.figma-profile-screen .setting-row{color:#c4bdd9;font-size:13px}.figma-profile-screen .status-chip{color:#f5efff;background:#ffffff14;border-color:#ffadbd57;font-size:12px}.figma-profile-screen .status-chip.positive{color:#63e2b9;border-color:#52e2b06b}.figma-profile-screen .status-chip.danger{color:#ff91ad;border-color:#ff78957a}.figma-profile-screen .button.secondary{color:#fff;background:linear-gradient(100deg,#ff766d,#eb4e78);border-color:#ff96c261;box-shadow:inset 0 1px #fff3}.figma-profile-links{gap:8px}.figma-profile-screen .list-row{min-height:62px;padding:10px 12px}.figma-profile-screen .list-row-main strong{color:#f5efff;font-size:15px;font-weight:500}.figma-profile-screen .list-row>span{color:#ff8b98;font-size:20px}.figma-profile-screen .setting-row{min-height:46px;padding:5px 0}.figma-profile-screen .switch span{background:#272343}.figma-profile-screen .switch input:checked+span{background:linear-gradient(100deg,#ff766d,#a45cff)}.figma-profile-root .bottom-nav{height:calc(67px + max(var(--app-safe-bottom), var(--app-content-safe-bottom), env(safe-area-inset-bottom)));min-height:calc(67px + max(var(--app-safe-bottom), var(--app-content-safe-bottom), env(safe-area-inset-bottom)));padding:8px 8px max(8px, var(--app-safe-bottom), var(--app-content-safe-bottom), env(safe-area-inset-bottom))}.figma-chrome{z-index:4;justify-content:space-between;align-items:flex-start;height:47px;padding-top:16px;display:flex}.figma-close-pill,.figma-menu-pill{color:#fff;letter-spacing:.52px;background:#2b2b40eb;border-radius:18px;align-items:center;height:31px;font-family:SF Pro Rounded,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:600;line-height:18px;display:flex}.figma-close-pill{gap:4px;padding:0 10px 0 7px}.figma-close-pill span{font-size:23px;font-weight:300;line-height:1}.figma-close-pill strong,.figma-menu-pill strong{font-weight:600}.figma-menu-pill{gap:9px;padding:0 10px}.figma-menu-pill span{font-size:22px;line-height:.7;transform:translateY(-2px)}.figma-menu-pill strong{letter-spacing:1px;transform:translateY(-2px)}.tasks-screen{isolation:isolate}.tasks-screen:before{z-index:-1;content:"";pointer-events:none;background:url(/assets/ui/tasks-bg.svg) top/375px 280px no-repeat;width:375px;height:280px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tasks-screen:has(.task-detail-open):before{display:none}.figma-brand-line{grid-template-columns:1fr auto 1fr;align-items:center;gap:21px;height:59px;padding-top:4px;display:grid}.figma-brand-line span{background:linear-gradient(90deg,#0000,#ff5c7e85);height:1px}.figma-brand-line span:last-child{transform:scaleX(-1)}.figma-vi-logo{filter:drop-shadow(0 0 7px #ff39763d);width:31px;height:24px;display:block}.figma-wallet-strip{background:linear-gradient(90deg,#1d071c99,#00001799) 0 0/100% 32px no-repeat;border:0;border-radius:8px;height:33px;margin:0 4px;display:block;position:relative}.figma-wallet-strip:before{content:"";background:linear-gradient(90deg,#1d071c,#ff6e7d 49.5613%,#000017);height:1px;position:absolute;top:0;left:-4px;right:-4px}.figma-wallet-strip strong,.figma-wallet-strip span,.figma-wallet-strip i{position:absolute;top:16px;translate:0 -50%}.figma-wallet-strip strong{font-variant-numeric:tabular-nums;font-size:16px;font-weight:500}.figma-wallet-strip strong:first-of-type{color:#ef6571;right:276px}.figma-wallet-strip strong:nth-of-type(2){color:#ef5395;right:184px}.figma-wallet-strip strong:nth-of-type(3){color:#a86cff;right:74px}.figma-wallet-strip span{color:#d9d1f6;font-size:12px;font-weight:400}.figma-wallet-strip span:first-of-type{left:72px}.figma-wallet-strip span:nth-of-type(2){left:167px}.figma-wallet-strip span:nth-of-type(3){left:276px}.figma-wallet-strip i{background:linear-gradient(#0000,#fff3,#0000);width:1px;height:24px}.figma-wallet-strip i:first-of-type{left:116px}.figma-wallet-strip i:nth-of-type(2){left:226px}.figma-tasks-heading{padding-top:37px;transform:translateY(-16px)}.figma-tasks-heading h1,.figma-nested-header h1{color:#fff;letter-spacing:0;text-transform:uppercase;margin:0;font-size:28px;font-weight:600;line-height:1.1}.figma-tasks-heading p{color:#d8c8ee;margin:5px 0 0;font-size:16px;font-weight:500;line-height:1.1}.figma-task-filters{align-items:center;gap:0;height:50px;margin-bottom:10px;display:flex}.figma-task-filters button{color:#b4b6c780;text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;min-width:0;min-height:34px;padding:0 8px;font-size:16px;font-weight:500;line-height:1.1;display:flex;position:relative}.figma-task-filters button:nth-child(2){margin-left:25px}.figma-task-filters button:nth-child(2):before{content:"";background:#847a8c59;width:1px;height:16px;position:absolute;top:50%;left:-13px;translate:0 -50%}.figma-task-filters button.active{color:#f36459;background:#ffffff14;border:1px solid #ffffff0f;flex:0 0 68px;width:68px}.figma-task-filters b{color:#181829;font-variant-numeric:tabular-nums;background:#9ca1b3;border-radius:999px;place-items:center;min-width:24px;height:17px;padding:2px 4px;font-size:10px;font-weight:500;display:grid}.figma-task-filters .active b{color:#fff;background:#f36459}.figma-task-list{scrollbar-width:none;gap:9px;max-height:403px;margin:0;padding:0 0 82px;list-style:none;display:grid;overflow-y:auto}.figma-task-list::-webkit-scrollbar{display:none}.figma-task-card,.figma-multitask-card{box-shadow:none;background:#101330;border:1px solid #572e54;border-radius:15px;padding:11px 14px 12px 26px;position:relative;overflow:hidden}.figma-task-card{min-height:180px}.figma-task-card:not(.multi){padding-right:11px}.figma-task-image{opacity:0;width:1px;height:1px;position:absolute}.figma-card-accent{background:linear-gradient(#ff755f,#ff2788);border-radius:3px;width:3px;position:absolute;top:10px;bottom:62px;left:11px}.figma-task-card-kicker{color:#ff715e;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:12px;font-weight:400;line-height:1;display:flex}.figma-task-card-kicker strong{color:#f7f2ff;font-size:12px;font-weight:500}.figma-task-card.verifying .figma-task-card-kicker strong{color:#66a9ff}.figma-task-card.completed .figma-task-card-kicker strong{color:#4ce4b6}.figma-task-card h2,.figma-multitask-card h2{color:#ddd0f1;letter-spacing:0;margin:12px 0;font-size:24px;font-weight:600;line-height:1.1}.figma-multitask-card h2{margin:8px 0}.figma-task-card.multi{box-shadow:none;background:#101330;border-color:#572e54;padding-right:11px}.figma-task-card.multi .figma-card-accent{background:#ff3b93}.figma-task-card:not(.multi) h2,.figma-task-card.multi h2{margin:12px 0 8px}.figma-task-card.multi .figma-task-card-kicker strong{color:#aaa6c3;font-variant-numeric:tabular-nums}.figma-task-card.multi .figma-task-card-kicker strong b{color:#f7f2ff;font:inherit}.figma-reward-row{background:#010018;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:6px 7px 6px 12px;display:flex}.figma-reward-row>span{color:#6d6882;text-transform:uppercase;font-size:18px;font-weight:400;line-height:1.1}.figma-reward-row>div{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.figma-reward-row b{color:#d7adff;text-transform:none;white-space:nowrap;background:#101330;border:1px solid #a45cff;border-radius:7px;align-items:center;gap:2px;min-height:30px;padding:0 4px;font-size:16px;font-weight:600;line-height:1;display:flex}.figma-reward-row b:nth-child(2n){color:#ff97a9;border-color:#ff5878}.figma-reward-chip i{background:50%/contain no-repeat;flex:0 0 24px;width:24px;height:24px;display:block}.figma-reward-chip.points i{background-image:url(/assets/ui/reward-points.svg)}.figma-reward-chip.spin i{background-image:url(/assets/ui/reward-spin.svg)}.figma-reward-chip.ticket i{background-image:url(/assets/ui/reward-ticket.svg)}.figma-task-card:not(.multi) .figma-reward-row{padding-right:8px}.figma-task-card:not(.multi) .figma-reward-row>div{gap:4px}.figma-task-card:not(.multi) .figma-reward-chip.points{padding-left:5px;padding-right:5px}.figma-task-card:not(.multi) .figma-reward-chip.ticket{padding-left:7.5px;padding-right:7.5px}.figma-task-card.multi .figma-reward-row{background:#010018}.figma-task-card.multi .figma-reward-row b{padding-left:6px;padding-right:6px}.figma-task-card.multi .figma-reward-chip.spin{color:#6fc0ff;border-color:#69b5ff}.figma-task-card>a,.figma-claim-button{color:#010018;text-transform:uppercase;cursor:pointer;background:linear-gradient(100deg,#fc9b84,#f0504a);border:1px solid #ff7a75;border-radius:7px;place-items:center;width:100%;min-height:39px;margin-top:11px;font-size:20px;font-weight:600;text-decoration:none;display:grid;box-shadow:inset 0 -2px #b122467a}.figma-task-card:not(.multi)>a{border-radius:8px;width:calc(100% + 14px);margin-top:12px;margin-left:-15px}.figma-task-card.verifying>a{color:#5275a7;box-shadow:none;opacity:1;background:#202e56;border-color:#0000}.figma-task-card.completed>a{color:#07241d;background:linear-gradient(90deg,#89ffd9,#35d9a4)}.figma-task-card.multi>a{color:#010018;background:linear-gradient(100deg,#fc9b84,#f0504a);border-radius:8px;width:calc(100% + 16px);min-height:40px;margin-top:12px;margin-left:-15px}.figma-nested-header{align-items:center;gap:16px;height:74px;padding-top:13px;display:flex}.figma-nested-header>button{color:#fff;cursor:pointer;background:#101630;border:1px solid #8475e11f;border-radius:11px;place-items:center;width:40px;height:40px;font-size:35px;font-weight:300;line-height:0;display:grid}.figma-multitask-card{min-height:192px;padding-top:12px}.figma-multitask-card .figma-card-accent{bottom:10px}.figma-multitask-card p{color:#c3bad4;margin:0 0 8px;font-size:16px;font-weight:400;line-height:1.2}.figma-multitask-progress{background:#06071a;border-radius:7px;height:11px;margin:8px 0;overflow:hidden}.figma-multitask-progress span{border-radius:inherit;background:linear-gradient(90deg,#ff2b92,#ff6f77);height:100%;display:block}.figma-task-card.multi .figma-multitask-progress{background:#080b1f;height:12px;margin:0 0 8px;padding:2px}.figma-task-card.multi .figma-multitask-progress span{background:#ff3b93;height:8px}.figma-steps{margin-top:14px}.figma-steps>h2{color:#8b899e;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:500}.figma-steps ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.figma-steps button{color:#f2edfb;text-align:left;cursor:pointer;background:#0f1429;border:1px solid #171c3e;border-radius:12px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:52px;padding:7px 14px;display:grid}.figma-steps button>span{color:#59617f;border:2px solid #1c2347;border-radius:50%;place-items:center;width:27px;height:27px;font-size:13px;font-weight:800;display:grid}.figma-steps button>span.completed{color:#031a15;background:#31e2af;border-color:#31e2af}.figma-steps button>strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:400;overflow:hidden}.figma-steps button>b{font-size:28px;font-weight:300}.figma-claim-button{color:#686779;box-shadow:none;opacity:1;background:0 0;margin-top:8px;position:absolute;bottom:32px;left:0;right:0}.figma-app-root .bottom-nav{width:min(100%,375px);max-width:375px;height:67px;min-height:67px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#010018;border:0;border-radius:0;grid-template-columns:68px 68px 87px 68px 68px;gap:0;padding:8px;bottom:0;left:0;right:0}.figma-app-root .bottom-nav:before{content:"";background:linear-gradient(90deg,#000,#ff6e7d 50.2883%,#000);height:1px;position:absolute;top:0;left:0;right:0}.figma-app-root .bottom-nav a{color:#6f6b7e;border-radius:24px;justify-self:stretch;gap:4px;width:100%;min-height:51px;padding:0;position:relative}.figma-app-root .bottom-nav a:nth-child(3){gap:6px}.figma-app-root .bottom-nav a[aria-current=page]{color:#f7f2ff;background:radial-gradient(33.7px 28.1px at 49.6%,#2c2c4433 36.4254%,#ffc5ad33 100%),#f36459;border:1px solid #ffffff4d;box-shadow:inset 0 2px 4px #ffafac}.figma-app-root .nav-icon{width:20px;height:20px;display:block}.figma-app-root .nav-icon img{opacity:.45;width:100%;height:100%;display:block}.figma-app-root .bottom-nav a[aria-current=page] .nav-icon img{opacity:1}.figma-app-root .bottom-nav a[aria-current=page] .nav-icon-tasks{width:37px;height:39px;position:absolute;top:-4px}.figma-app-root .bottom-nav a[aria-current=page] .nav-icon-tasks+.nav-label{position:absolute;bottom:4px}.figma-app-root .nav-label{color:#ffffff73;white-space:nowrap;font-size:12px;font-weight:400;line-height:1}.figma-app-root .bottom-nav a[aria-current=page] .nav-label{color:#fff}.figma-app-root:has(.multitask-detail-open){padding-bottom:0}.figma-app-root:has(.multitask-detail-open) .bottom-nav{display:none}.figma-app-root:has(.quiz-screen){padding:0 12px}.quiz-screen{isolation:isolate}.quiz-screen:before,.quiz-screen:after{z-index:-2;content:"";pointer-events:none;height:350px;position:absolute;bottom:0;left:-12px;right:-12px}.quiz-screen:before{opacity:.66;background:url(/assets/onboarding/quiz-wait-begins.webp) 50% 43%/cover no-repeat}.quiz-screen:after{z-index:-1;background:linear-gradient(#000014 0%,#0000141f 36%,#000014 100%)}.quiz-title-row{height:89px;padding-top:14px}.quiz-flow{gap:0;display:grid}.quiz-progress-row{color:#777186;text-transform:uppercase;justify-content:space-between;align-items:center;height:18px;padding:0 3px;font-size:12px;font-weight:400;line-height:1.1;display:flex}.quiz-progress-row strong{color:#b35af5;font-variant-numeric:tabular-nums;font-size:16px;font-weight:600;line-height:1.1}.quiz-progress{background:#ffffff08;height:2px;margin-bottom:8px;overflow:hidden}.quiz-progress span{background:linear-gradient(90deg,#a850ef,#ec4fba);height:100%;display:block}.quiz-question-card{background:#0f1429;border:1px solid #171a3b;border-radius:12px;min-width:0;height:113px;margin:0 0 12px;padding:16px}.quiz-question-card legend{float:left;width:100%;padding:0}.quiz-question-card legend span,.quiz-question-card legend strong{display:block}.quiz-question-card legend span{color:#ad54f0;text-transform:uppercase;margin-bottom:15px;font-size:12px;font-weight:500;line-height:1.1}.quiz-question-card legend strong{color:#eee9f7;max-width:28ch;font-size:20px;font-weight:600;line-height:1.2}.quiz-options{gap:8px;display:grid}.quiz-option{color:#57566e;cursor:pointer;background:#10152c;border:1px solid #171a3b;border-radius:11px;align-items:center;gap:12px;min-height:52px;padding:10px 14px;display:flex;position:relative}.quiz-option input{opacity:0;position:absolute}.quiz-radio-mark{pointer-events:none;border:2px solid #182047;border-radius:50%;flex:0 0 20px;width:20px;height:20px;position:relative}.quiz-option:has(input:checked){color:#43e5b4;background:#10172c;border:2px solid #42e6b3;padding:9px 13px;box-shadow:0 0 0 1px #42e6b314}.quiz-option:has(input:checked) .quiz-radio-mark{border-color:#43e5b4}.quiz-option:has(input:checked) .quiz-radio-mark:after{content:"";background:#43e5b4;border-radius:50%;position:absolute;inset:4px}.quiz-option>span:last-child{font-size:16px;font-weight:400;line-height:1.1}.quiz-option:focus-within{outline-offset:2px;outline:2px solid #b35af5}.quiz-actions{position:absolute;bottom:32px;right:0}.quiz-actions button{color:#f6f1ff;cursor:pointer;background:#111631;border:1px solid #1a1e48;border-radius:11px;align-items:center;gap:14px;min-height:40px;padding:0 11px;font-size:14px;font-weight:400;line-height:1.1;display:flex;box-shadow:0 9px 28px #00000038}.quiz-actions button>span{font-size:28px;font-weight:300}.quiz-actions button:disabled{color:#57566e;opacity:1}.quiz-result,.figma-quiz-terminal{text-align:center;align-content:center;place-items:center;gap:8px;min-height:430px;display:grid}.quiz-result>span,.figma-quiz-terminal>strong{color:#45e5b4;font-variant-numeric:tabular-nums;font-size:38px;font-weight:900}.quiz-result h2,.figma-quiz-terminal h2{color:#fff;text-transform:uppercase;margin:0;font-size:22px}.quiz-result p,.figma-quiz-terminal p{color:#a49db5;margin:0;font-size:14px}.onboarding-root{width:min(100%,375px);min-height:700px;height:var(--app-viewport-height,100svh);color:#fff;isolation:isolate;background:linear-gradient(#000014,#09091c);flex-direction:column;margin:0 auto;padding:0 16px 16px;display:flex;position:relative;overflow:hidden}.onboarding-image,.onboarding-shade{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.onboarding-image{object-fit:cover;object-position:center;opacity:1;animation:.36s ease-out onboarding-image-enter;translate:0}.onboarding-shade{z-index:-1;background:linear-gradient(#09091c -2.64%,#09091c00 40.68%,#09091cf0 75.48%)}@keyframes onboarding-image-enter{0%{opacity:.82;transform:scale(1.015)}}.onboarding-header{z-index:2;justify-content:center;align-items:center;height:26px;display:flex;position:absolute;top:69px;left:16px;right:16px}.onboarding-progress{background:#09091cc7;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:112px;padding:4px 6px;display:grid}.onboarding-progress span{background:#182041;border-radius:99px;height:5px}.onboarding-progress span.active{background:#ff6b69;box-shadow:0 0 10px #ff6b6973}.onboarding-skip{color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:0;min-width:52px;min-height:44px;padding:0;font-size:16px;font-weight:600;line-height:20px;position:absolute;right:0}.onboarding-card{background:radial-gradient(circle at 94% 12%,#7918888c,#0000 45%),linear-gradient(160deg,#23104df5,#bd5368f5);border:1px solid #ff96c26b;border-radius:15px;flex-direction:column;min-height:294px;margin-top:auto;padding:20px 16px 24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f}.onboarding-card:before,.onboarding-card:after{opacity:.3;content:"";pointer-events:none;background:url(/assets/ui/task-palm.png) 50%/contain no-repeat;width:145px;height:240px;position:absolute}.onboarding-card:before{top:-92px;left:-40px;transform:rotate(55deg)}.onboarding-card:after{bottom:-112px;right:-50px;transform:rotate(-25deg)scaleX(-1)}.onboarding-eyebrow{z-index:1;color:#ff789a;letter-spacing:1.6px;text-transform:uppercase;margin:0 0 25px;font-size:14px;font-weight:500;line-height:18px;position:relative}.onboarding-card h1{z-index:1;color:#eee9f8;letter-spacing:0;text-transform:uppercase;margin:0;font-size:32px;font-weight:600;line-height:1.1;position:relative}.onboarding-description{z-index:1;color:#fff;max-width:31ch;margin:12px 0 0;font-size:16px;font-weight:500;line-height:1.2;position:relative}.onboarding-next{z-index:1;color:#060416;text-transform:uppercase;cursor:pointer;background:linear-gradient(100deg,#ff9a7f,#ff595c);border:2px solid #ffb4a8d9;border-radius:12px;width:100%;min-height:53px;margin-top:auto;font-size:20px;font-weight:600;line-height:1.1;position:relative;box-shadow:0 0 0 6px #3d1237bf,inset 0 -3px #ad294085}.state-panel,.auth-shell{text-align:center;align-content:center;place-items:center;gap:14px;min-height:55svh;padding:28px 18px;display:grid}.auth-shell{min-height:calc(var(--app-viewport-height,100svh) - 40px)}.state-symbol,.auth-symbol{border:1px solid var(--app-border);width:62px;height:62px;color:var(--app-accent);background:var(--app-surface);border-radius:21px;place-items:center;font-size:1.6rem;display:grid}.auth-symbol{background:linear-gradient(145deg, #61dafb24, #8b5cf629), var(--app-surface);border-radius:25px;width:74px;height:74px}.state-panel h1,.state-panel h2,.auth-shell h1{color:var(--app-text);letter-spacing:-.035em;margin:0;font-size:1.35rem}.state-panel p,.auth-shell p{max-width:34ch;color:var(--app-muted);margin:0;font-size:.86rem;line-height:1.55}.spinner{border:3px solid #ffffff1f;border-top-color:var(--app-accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:var(--app-surface);border-radius:17px;min-height:84px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffff0f 45%,#0000 70%);animation:1.3s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.roulette-stage{aspect-ratio:1;place-items:center;width:min(82vw,340px);margin:8px auto;display:grid;position:relative}.roulette-wheel{border:1px solid var(--app-border);background:var(--app-surface);box-shadow:inset 0 0 0 14px #00000014, var(--app-shadow);transform:rotate(var(--wheel-rotation,0deg));border-radius:50%;transition:transform 1.25s cubic-bezier(.12,.68,.08,1);position:absolute;inset:0}.roulette-pointer{z-index:2;border-left:11px solid #0000;border-right:11px solid #0000;border-top:22px solid var(--app-warning);filter:drop-shadow(0 4px 6px #00000059);width:0;height:0;position:absolute;top:-4px}.roulette-center{z-index:1;aspect-ratio:1;border:1px solid var(--app-border);background:var(--app-surface-raised);width:38%;color:var(--app-text);text-align:center;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 10px 30px #0000004d}.roulette-center strong{padding:8px;font-size:.82rem}.countdown{color:var(--app-text);letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(2rem,12vw,3.2rem);font-weight:850}.leaderboard-row{border-bottom:1px solid var(--app-border);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:9px 5px;display:grid}.leaderboard-row:last-child{border-bottom:0}.rank{color:var(--app-muted);font-variant-numeric:tabular-nums;font-weight:800}.leaderboard-row.me{background:#61dafb12;border:1px solid #61dafb47;border-radius:14px;margin:8px -6px -4px;padding-left:10px;padding-right:10px}.prize-secret{color:var(--app-positive);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#5ee6b212;border:1px dashed #5ee6b273;border-radius:14px;padding:14px;font-family:SFMono-Regular,Consolas,monospace}.legal{color:var(--app-faint);text-align:center;padding:8px 6px 0;font-size:.72rem;line-height:1.5}.dialog{border:1px solid var(--app-border);width:min(100% - 32px,500px);max-height:calc(100% - 32px);color:var(--app-text);background:var(--app-surface);box-shadow:var(--app-shadow);border-radius:22px;margin:auto;padding:20px}.dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000009e}.dialog h2{margin:0;font-size:1.15rem}.dialog p{margin-top:8px}.dialog-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}@media (width>=480px){.app-root:not(.figma-app-root){padding-left:20px;padding-right:20px}}@media (width<=350px){.app-root:not(.figma-app-root){padding-left:11px;padding-right:11px}.brand-copy span,.nav-label{font-size:.68rem}.card,.hero{padding:14px}.figma-task-filters button{gap:3px;padding:0 5px;font-size:12px}.figma-task-filters button+button:before{margin-right:4px}.figma-wallet-strip{padding:0 8px}}