:root{--onb-ink:#082416;--onb-muted:#4f5954;--onb-lime:#cff546;--onb-sky:#4a9ad8;--onb-shadow:0 8px 24px #0824161f, 0 2px 6px #0824160f}:is(html:has(.onb-body),body:has(.onb-body)){height:100vh;max-height:100vh;overflow:hidden}.onb-body{height:100vh;max-height:100vh;font-family:var(--font-kmr), -apple-system, BlinkMacSystemFont, sans-serif;color:var(--onb-ink);background:var(--onb-sky);letter-spacing:-.02em;-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;position:relative;overflow:hidden}.onb-bg{object-fit:cover;object-position:center;z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none;inset:0;width:100vw!important;height:100vh!important;position:fixed!important}.onb-bg-wash{z-index:1;pointer-events:none;background:linear-gradient(#fff0 0%,#ffffff40 55%,#ffffff80 100%);position:fixed;inset:0}.onb-floats{z-index:2;pointer-events:none;position:fixed;inset:0}.onb-float{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 20px #0824162e);will-change:transform;position:absolute}.onb-float-coin{animation:5.5s ease-in-out infinite onb-bob-coin;top:14%;left:4%}.onb-float-bitcoin{animation:5s ease-in-out -1.5s infinite onb-bob-bitcoin;top:10%;right:6%}.onb-float-trophy{animation:6.5s ease-in-out -.8s infinite onb-bob-trophy;bottom:6%;right:3%}.onb-float-check{animation:5.8s ease-in-out -2.2s infinite onb-bob-check;bottom:10%;left:3%}@keyframes onb-bob-coin{0%,to{transform:translateY(0)rotate(-14deg)}50%{transform:translateY(-12px)rotate(-14deg)}}@keyframes onb-bob-bitcoin{0%,to{transform:translateY(0)rotate(18deg)}50%{transform:translateY(-10px)rotate(18deg)}}@keyframes onb-bob-trophy{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-10px)rotate(-8deg)}}@keyframes onb-bob-check{0%,to{transform:translateY(0)rotate(12deg)}50%{transform:translateY(-8px)rotate(12deg)}}@media (max-width:720px){.onb-float-coin,.onb-float-check{display:none}.onb-float-bitcoin,.onb-float-trophy{width:80px!important;height:80px!important}}.onb-topbar{z-index:5;box-sizing:border-box;flex:none;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 1rem 0 2rem;display:flex;position:relative}.onb-brand{color:#fff;align-items:center;text-decoration:none;display:flex}.onb-brand-wordmark{flex-shrink:0;width:auto;height:28px}.onb-cta-skip{color:#fff;box-shadow:none;background:0 0;border:1px solid #ffffff8c;margin-top:8px}.onb-cta-skip:hover:not(:disabled){background:#ffffff1f;border-color:#fff}.onb-main{z-index:5;box-sizing:border-box;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:16px;width:100%;max-width:580px;min-height:0;margin:0 auto;padding:4px 20px 18px;display:flex;position:relative;overflow:hidden}.onb-hero{text-align:center;flex-direction:column;flex:none;align-items:center;gap:10px;animation:.6s cubic-bezier(0,0,.2,1) both onb-fade-up;display:flex}@keyframes onb-fade-up{0%{opacity:0;filter:blur(8px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:translateY(0)}}.onb-badge{background:var(--onb-lime);font-family:var(--font-kmr), sans-serif;color:var(--onb-ink);letter-spacing:-.01em;border:1px solid #0824161a;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 3px 10px #cff54659}.onb-badge svg{color:var(--onb-ink)}.onb-title{font-family:var(--font-apfel), sans-serif;color:#fff;letter-spacing:-.03em;margin:0;font-size:clamp(28px,4.4vw,44px);font-weight:700;line-height:1.05}.onb-title-mark{font-family:var(--font-supermarker), var(--font-apfel), sans-serif;color:#fff;font-style:italic;font-weight:700}.onb-subtitle{font-family:var(--font-kmr), sans-serif;color:#fff;max-width:440px;margin:0;font-size:14px;line-height:1.5}.onb-tasks-scroll{-webkit-backdrop-filter:blur(12px);width:100%;height:460px;max-height:min(460px,100vh - 320px);box-shadow:var(--onb-shadow);background:#ffffffe0;border:1px solid #ffffffe6;border-radius:20px;flex:none;animation:.6s cubic-bezier(0,0,.2,1) .15s both onb-fade-up;overflow:hidden}.onb-tasks{flex-direction:column;gap:8px;margin:0;padding:12px;list-style:none;display:flex}.onb-task{background:#f1f5f9;border:1px solid #0000;border-radius:14px;flex:none;align-items:center;gap:14px;padding:12px 14px;transition:background .15s,border-color .15s,transform .1s;display:flex}.onb-task:hover{background:#e7ecf2;border-color:#1d293d14;transform:translateY(-1px)}.onb-task-icon{color:#fff;background:#0f172a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.onb-task-body{flex:1;min-width:0}.onb-task-title{font-family:var(--font-kmr), sans-serif;color:#1d293d;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:0;margin-bottom:2px;font-size:15px;font-weight:600;line-height:22px;display:flex;overflow:hidden}.onb-task-title>.onb-task-points{flex-shrink:0}.onb-task-points{color:#082416;letter-spacing:-.02em;vertical-align:middle;background:#f6fbe0;border:1px solid #caf70066;border-radius:9999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.onb-task-points-done{color:#90a1b9;background:#f1f5f9;border-color:#0f172b0f;font-weight:600}.onb-task-sub{color:#62748e;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:18px;overflow:hidden}.onb-task-error{color:#991b1b;letter-spacing:-.01em;white-space:normal;background:#fee2e2;border:1px solid #ef44444d;border-radius:8px;margin-top:6px;padding:6px 9px;font-size:11px;line-height:1.35}.onb-task-btn{color:#1d293d;font-family:var(--font-kmr), sans-serif;letter-spacing:-.02em;cursor:pointer;background:#fff;border:1px solid #1d293d0f;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex;box-shadow:0 1px 2px #1d293d0a}.onb-task-btn:hover:not(:disabled){border-color:#1d293d2e}.onb-task-btn:active:not(:disabled){transform:scale(.97)}.onb-task-btn.onb-task-btn-claim{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.onb-task-btn.onb-task-btn-claim:hover:not(:disabled){background:#000;border-color:#000}.onb-task-btn-done,.onb-task-btn:disabled{color:#90a1b9;box-shadow:none;cursor:not-allowed;background:0 0;border:1px solid #1d293d14;font-weight:500}.onb-task.onb-task-done .onb-task-title{color:#90a1b9;text-decoration:line-through}.onb-task.onb-task-done{opacity:.65}.onb-foot{flex-direction:column;flex:none;gap:8px;width:100%;animation:.6s cubic-bezier(0,0,.2,1) .3s both onb-fade-up;display:flex}.onb-progress-row{color:#fff;letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.onb-progress-row strong{color:#fff;font-weight:700}.onb-progress-bar{box-sizing:border-box;background:#f6fbe0;border:1px solid #caf70066;border-radius:9999px;width:100%;height:10px;overflow:hidden}.onb-progress-fill{background:#000;border-radius:9999px;height:100%;transition:width .4s cubic-bezier(0,0,.2,1)}.onb-cta{color:#fff;width:100%;height:46px;font-family:var(--font-kmr), sans-serif;letter-spacing:-.02em;cursor:pointer;background:#000;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex;box-shadow:0 6px 18px #00000038}.onb-cta:hover:not(:disabled){background:#1a1a1a}.onb-cta:active:not(:disabled){transform:scale(.99)}.onb-cta:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.onb-cta.complete{color:#fff;background:#0a0a0a;box-shadow:0 6px 18px #00000059}.onb-cta.complete:hover{background:#000}@media (max-width:720px){.onb-topbar{padding:12px 16px}.onb-main{gap:12px;padding:4px 14px 14px}.onb-title{font-size:clamp(26px,7vw,36px)}.onb-subtitle{font-size:13px}.onb-tasks-scroll{flex:none;height:380px;max-height:min(380px,100vh - 280px)}.onb-tasks{gap:6px;padding:10px}.onb-task{gap:10px;padding:10px 12px}.onb-task-icon{border-radius:10px;width:34px;height:34px}.onb-task-title{font-size:14px;line-height:20px}.onb-task-sub{font-size:12px;line-height:16px}.onb-task-points{margin-left:6px;padding:2px 7px;font-size:10px}.onb-task-btn{padding:6px 12px;font-size:12px}}@media (max-width:480px){.onb-main{padding:4px 10px 12px}.onb-tasks-scroll{height:320px;max-height:min(320px,100vh - 260px)}.onb-tasks{padding:8px}.onb-task{gap:8px;padding:8px 10px}.onb-task-icon{width:30px;height:30px}.onb-task-title{font-size:13px;line-height:18px}.onb-task-title>.onb-task-points{display:none}.onb-task-sub{font-size:11px;line-height:15px}.onb-task-btn{padding:5px 10px;font-size:11px}.onb-badge{padding:4px 10px;font-size:11px}.onb-cta{height:44px;font-size:14px}}