.onf-root{--onf-fg:#1c1813;--onf-muted:#585049;--onf-subtle:#6b635a;--onf-bg:#faf7f1;--onf-card:#fff;--onf-border:#e4ddd0;--onf-input:#b9b1a3;--onf-input-hover:#585049;--onf-green:#166d50;--onf-green-hover:#12593f;--onf-green-active:#0e4631;--onf-green-50:#eef5f1;--onf-red:#b23a28;--onf-amber:#8a6a16;--font:var(--font-ubuntu,"Ubuntu"), system-ui, -apple-system, sans-serif;width:100%;min-height:100dvh;font-family:var(--font);color:var(--onf-fg);background:#efe9df;justify-content:center;align-items:stretch;display:flex}.onf-shell{width:100%;max-width:440px;display:flex}.onf-stage{background:var(--onf-bg);flex-direction:column;width:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.onf-topbar{flex:none;justify-content:space-between;align-items:center;height:56px;padding:10px 12px 0;display:flex}.onf-topbar-side{flex:none;align-items:center;width:44px;height:44px;display:flex}.onf-topbar-logo{width:auto;height:22px}.onf-back{width:44px;height:44px;color:var(--onf-fg);cursor:pointer;background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;display:flex}.onf-back:hover{background:#1c18100f}.onf-scroll{flex-direction:column;flex:1;gap:22px;min-height:0;padding:8px 24px 16px;display:flex;overflow:auto}.onf-head{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.onf-h1{font:700 32px/1.15 var(--font);letter-spacing:-.02em;text-wrap:balance;margin:0}.onf-sub{font:400 16px/1.5 var(--font);color:var(--onf-muted);text-wrap:pretty;margin:0}.onf-sub.onf-center,.onf-h1.onf-center{text-align:center}.onf-dest{color:var(--onf-fg);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.onf-hint{font:400 13px/1.4 var(--font);color:var(--onf-subtle);margin:0}.onf-group{flex-direction:column;gap:8px;display:flex}.onf-fieldlabel{font:400 13px/1.3 var(--font);color:var(--onf-muted);margin-bottom:2px}.onf-field{background:var(--onf-card);border:1px solid var(--onf-input);cursor:text;border-radius:16px;align-items:flex-end;height:60px;padding:0 16px 10px;transition:border-color .14s;display:flex;position:relative}.onf-field.focus{border-color:var(--onf-green);outline:1px solid var(--onf-green)}.onf-field.invalid{border-color:var(--onf-red)}.onf-field.invalid.focus{outline-color:var(--onf-red)}.onf-label{font:400 17px/1.2 var(--font);color:var(--onf-muted);pointer-events:none;transition:top .14s,font-size .14s;position:absolute;top:19px;left:16px}.onf-label.up{font-size:12px;top:9px}.onf-prefix{font:400 17px/1.2 var(--font);color:var(--onf-muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding-right:8px;transition:opacity .14s}.onf-input{min-width:0;height:22px;font:400 17px/1.2 var(--font);color:var(--onf-fg);background:0 0;border:0;outline:0;flex:1;padding:0}.onf-mono{font-variant-numeric:tabular-nums}.onf-input::placeholder{color:var(--onf-subtle)}.onf-trigger{background:var(--onf-card);border:1px solid var(--onf-input);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:10px;width:100%;min-height:60px;padding:0 14px;display:flex;position:relative}.onf-trigger.done{border-color:var(--onf-green)}.onf-trigger-ic{color:var(--onf-subtle);flex:none;display:flex}.onf-trigger.done .onf-trigger-ic{color:var(--onf-green)}.onf-trigger-ph{font:400 16px/1.3 var(--font);color:var(--onf-subtle);flex:1}.onf-trigger-val{font:400 16px/1.3 var(--font);color:var(--onf-fg);flex:1}.onf-trigger-chev{color:#b9b2a4;flex:none;display:flex}.onf-otp{justify-content:space-between;gap:8px;display:flex}.onf-otp.shake{animation:.28s onf-shake}.onf-otp-box{text-align:center;background:var(--onf-card);border:1px solid var(--onf-input);width:50px;height:58px;font:500 26px var(--font);font-variant-numeric:tabular-nums;color:var(--onf-fg);caret-color:var(--onf-green);border-radius:14px;padding:0;transition:border-color .14s}.onf-otp-box.filled{border-color:var(--onf-input-hover)}.onf-otp-box:focus{border-color:var(--onf-green);outline:1px solid var(--onf-green)}.onf-otp-box.err{border-color:var(--onf-red);color:var(--onf-red)}.onf-err,.onf-warn{font:500 14px/1.3 var(--font);align-items:center;gap:6px;display:flex}.onf-err{color:var(--onf-red)}.onf-warn{color:var(--onf-amber)}.onf-links{flex-direction:column;align-items:flex-start;gap:4px;margin-top:2px;display:flex}.onf-link{height:40px;color:var(--onf-green);font:500 16px var(--font);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.onf-link:hover{text-underline-offset:3px;text-decoration:underline}.onf-link .muted{color:var(--onf-muted);font-weight:400}.onf-cool{height:40px;color:var(--onf-subtle);font:400 16px var(--font);align-items:center;display:inline-flex}.onf-cool b{font-variant-numeric:tabular-nums;color:var(--onf-muted);margin-left:4px;font-weight:500}.onf-badge{background:var(--onf-green-50);height:26px;color:var(--onf-green);font:500 13px/1 var(--font);border-radius:9999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.onf-ya{flex-direction:column;align-items:flex-start;gap:16px;padding-top:24px;display:flex}.onf-ya-ic{background:var(--onf-card);border:1px solid var(--onf-border);width:56px;height:56px;color:var(--onf-green);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.onf-ya-card{background:var(--onf-card);border:1px solid var(--onf-border);border-radius:12px;flex-direction:column;gap:2px;width:100%;padding:16px;display:flex}.onf-ya-k{font:500 12px/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--onf-muted)}.onf-ya-v{font:500 17px/1.3 var(--font);font-variant-numeric:tabular-nums}.onf-footer{padding:8px 24px calc(env(safe-area-inset-bottom,0px) + 40px);flex-direction:column;flex:none;gap:12px;display:flex}.onf-legal{font:400 13px/1.45 var(--font);color:var(--onf-subtle);text-align:center;text-wrap:pretty;margin:0}.onf-legal a{color:var(--onf-green)}.onf-cta{background:var(--onf-green);color:#fff;width:100%;height:52px;font:500 18px var(--font);letter-spacing:.01em;cursor:pointer;border:0;border-radius:9999px;transition:background-color .14s,opacity .14s;position:relative}.onf-cta:hover:not(:disabled){background:var(--onf-green-hover)}.onf-cta:active:not(:disabled){background:var(--onf-green-active)}.onf-cta:disabled{opacity:.5;cursor:default}.onf-cta-load{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.onf-linkbtn{height:44px;color:var(--onf-green);font:500 16px var(--font);cursor:pointer;background:0 0;border:0}.onf-linkbtn:hover{text-underline-offset:3px;text-decoration:underline}.onf-spin{border:2.5px solid #ffffff73;border-top-color:#fff;border-radius:9999px;animation:.7s linear infinite onf-spin;display:inline-block}.onf-overlay .onf-spin,.onf-done .onf-spin{border-color:#166d5040;border-top-color:var(--onf-green)}.onf-overlay{z-index:6;background:#faf7f1f0;flex-direction:column;justify-content:center;align-items:center;gap:20px;animation:.2s onf-rise;display:flex;position:absolute;inset:0}.onf-overlay-txt{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:0 32px;display:flex}.onf-overlay-t{font:500 18px/1.3 var(--font);color:var(--onf-fg)}.onf-overlay-s{font:400 14px/1.4 var(--font);color:var(--onf-subtle)}.onf-done{flex-direction:column;display:flex;position:absolute;inset:0}.onf-done-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:0 32px;animation:.28s onf-rise;display:flex}.onf-done-logo{filter:brightness(0);width:auto;height:40px}.onf-progress{background:var(--onf-border);border-radius:9999px;height:4px;overflow:hidden}.onf-progress-bar{background:var(--onf-green);border-radius:9999px;height:100%;animation:2.3s linear forwards onf-fill;display:block}@keyframes onf-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes onf-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes onf-fill{0%{width:0}to{width:100%}}@keyframes onf-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.onf-otp.shake,.onf-overlay,.onf-done-center,.onf-progress-bar,.onf-spin{animation:none}}@media (min-width:480px){.onf-root{align-items:center;padding:28px}.onf-shell{align-items:center}.onf-stage{border-radius:32px;height:min(100dvh - 56px,880px);min-height:0;box-shadow:0 24px 64px #1c18102e,0 2px 8px #1c181014}}