html.is-onb,html.is-onb body{overflow:hidden}.onb{--star: var(--red-500);--on-star: var(--emerald-900);--accent-text: var(--lime-500);position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--emerald-900);color:var(--cream-100);color-scheme:dark;overflow-y:auto;overscroll-behavior:contain;scroll-padding:72px 0 112px}.onb[open]{animation:onb-open .38s var(--ease-out)}.onb.is-closing{animation:onb-close .2s cubic-bezier(.4,0,1,1) forwards}.onb::backdrop{background:transparent}@keyframes onb-open{0%{opacity:0;transform:translateY(24px)}}@keyframes onb-close{to{opacity:0;transform:translateY(12px)}}.onb [tabindex="-1"]:focus{outline:none}.onb__col{display:flex;flex-direction:column;width:100%;max-width:488px;min-height:100%;margin:0 auto;padding:0 max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left))}.onb__bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:14px;padding:14px 0 10px;background:var(--emerald-900)}.onb__bar[data-mode=intro] :is(.onb__back,.onb__progress,.onb__count),.onb__bar[data-mode=back] :is(.onb__progress,.onb__count){visibility:hidden}.onb__icon{display:grid;flex:none;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--cream-100);cursor:pointer;transition:background-color .2s var(--ease-out),scale .16s var(--ease-out)}.onb__icon svg{width:22px;height:22px;stroke-width:2}.onb__icon:active{scale:.92}.onb__back{margin-left:-10px}.onb__close{margin-right:-10px}@media(hover:hover){.onb__icon:hover{background:var(--emerald-800)}}.onb__progress{flex:1;height:6px;overflow:hidden;border-radius:var(--radius-pill);background:var(--emerald-700)}.onb__progress i{display:block;width:0;height:100%;border-radius:inherit;background:var(--lime-500);transition:width .5s var(--ease-out)}.onb__count{flex:none;font:600 13px/1 var(--mono);letter-spacing:.08em;color:var(--sage-300);font-variant-numeric:tabular-nums}.onb__screen{display:flex;flex:1;flex-direction:column}.onb__screen.is-fwd{animation:onb-step-fwd .34s var(--ease-out)}.onb__screen.is-back{animation:onb-step-back .34s var(--ease-out)}@keyframes onb-step-fwd{0%{opacity:0;transform:translate(28px)}}@keyframes onb-step-back{0%{opacity:0;transform:translate(-28px)}}.onb__label{margin:0;font:600 13px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sage-300)}.onb__head{display:flex;flex-direction:column;gap:12px;padding-top:22px;margin-bottom:22px}.onb__titlerow{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.onb__title{font-weight:800;font-size:30px;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.onb__title em{font-style:normal;color:var(--lime-500)}.onb__i{display:grid;flex:none;place-items:center;width:32px;height:32px;margin-top:2px;padding:0;border:1.5px solid var(--sage-300);border-radius:var(--radius-pill);background:transparent;color:var(--sage-200);font:600 13px/1 var(--mono);cursor:pointer;transition:border-color .2s var(--ease-out),color .2s var(--ease-out),scale .16s var(--ease-out)}.onb__i[aria-expanded=true]{border-color:var(--lime-500);color:var(--lime-500)}.onb__i:active{scale:.92}.onb__info{display:grid;grid-template-rows:1fr;transition:grid-template-rows .32s var(--ease-out),opacity .22s var(--ease-out),margin .32s var(--ease-out)}.onb__info[data-closed]{grid-template-rows:0fr;margin-top:-12px;opacity:0}.onb__info>div{min-height:0;overflow:hidden}.onb__info p{padding:16px 18px;border-radius:16px;background:var(--emerald-800);font-size:15px;line-height:1.55;color:var(--sage-200)}.onb__sub{font-size:16px;line-height:1.45;color:var(--sage-200)}.onb__foot{position:sticky;bottom:0;z-index:1;padding:24px 0 calc(20px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--emerald-900) 72%,rgba(5,38,26,0));pointer-events:none}.onb__foot>*{pointer-events:auto}.onb .onb__next:disabled{cursor:not-allowed;opacity:.4;translate:none;border-color:transparent;background:var(--lime-500);color:var(--emerald-900)}.onb__grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:10px}.onb__tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;padding:16px 8px;border:0;border-radius:16px;text-align:center;cursor:pointer;box-shadow:inset 0 0 0 2px transparent;transition:scale .16s var(--ease-out),box-shadow .2s var(--ease-out),background-color .2s var(--ease-out),opacity .2s var(--ease-out);-webkit-tap-highlight-color:transparent}.onb__tile:active:not(:disabled){scale:.97}.onb__tile--icon,.onb__tile--pattern{min-height:116px;background:var(--emerald-800);color:var(--cream-100)}.onb__tile.is-on{box-shadow:inset 0 0 0 2px var(--lime-500)}.onb__tile--cream{min-height:72px;background:var(--cream-50);color:var(--emerald-900)}.onb__tile--cream.is-on{box-shadow:0 0 0 3px var(--lime-500)}.onb__tile.is-capped{opacity:.45}.onb__tile:disabled{cursor:not-allowed}.onb__tile:disabled>:not(.onb__soon,.onb__tick){opacity:.55}.onb__sq{display:grid;flex:none;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--emerald-950);color:var(--lime-500)}.onb__sq svg{width:26px;height:26px}.onb__sq[data-swatch=plain]{color:var(--cream-100)}.onb__sq[data-swatch=ink]{color:var(--sage-300)}.onb__sq[data-swatch=peach]{background:var(--orange-100);color:var(--orange-700)}.onb__sq[data-swatch=orange]{background:var(--orange-500);color:var(--emerald-900)}.onb__sq[data-swatch=lime]{background:var(--lime-200);color:var(--emerald-900)}.onb__sq[data-swatch=rose]{background:var(--red-100);color:var(--red-700)}.onb__sq[data-swatch=sage]{background:var(--sage-200);color:var(--emerald-900)}.onb__sq[data-swatch=bark]{background:var(--orange-900);color:var(--cream-100)}.onb__name{font-size:15px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.onb__tile--cream .onb__name{font-size:13px;font-weight:600;line-height:1.15;letter-spacing:-.01em;color:var(--emerald-800)}.onb__group .onb__tile--cream .onb__name{font-size:12px;font-weight:600}.onb__tile--cream img,.onb__word{display:block;width:auto;max-width:88%;height:28px;object-fit:contain;-webkit-user-select:none;user-select:none}.onb__word{width:92%;height:36px}.onb__tile[hidden],.onb__group[hidden],.onb__empty[hidden]{display:none!important}.onb__find{display:flex;gap:8px;margin-bottom:18px}.onb__find input{flex:1;min-width:0;height:48px;padding:0 16px;border:1px solid color-mix(in srgb,var(--cream-100) 24%,transparent);border-radius:var(--radius-pill);background:var(--emerald-950);color:var(--cream-100);font:16px var(--display)}.onb__find input:focus-visible{outline:2px solid var(--lime-500);outline-offset:2px}.onb__find button{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;height:48px;padding:0 16px;border:1px solid var(--cream-100);border-radius:var(--radius-pill);background:transparent;color:var(--cream-100);font:700 15px/1 var(--display);cursor:pointer}.onb__find button:active{scale:.97}.onb__empty{margin:4px 0 0;color:var(--sage-200);font-size:15px;line-height:1.4}.onb__glyph{color:var(--lime-500)}.onb__glyph svg{width:26px;height:26px}.onb__code{font-size:20px;font-weight:800;line-height:1.05}.onb__desc{font-size:13px;line-height:1.35;color:var(--sage-200)}.onb__tile--pattern{justify-content:flex-start;gap:8px;padding:20px 8px 16px}.onb__tick{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-pill);background:var(--lime-500);color:var(--emerald-900);opacity:0;scale:.4;transition:scale .32s var(--spring),opacity .16s var(--ease-out)}.onb__tile--cream .onb__tick{background:var(--emerald-900);color:var(--lime-500)}.onb__tick svg{width:14px;height:14px;stroke-width:2.8}.onb__tile.is-on .onb__tick{opacity:1;scale:1}.onb__soon{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:var(--radius-pill);background:var(--orange-500);color:var(--emerald-900);font:700 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}.onb__group+.onb__group{margin-top:26px}.onb__group .onb__label{margin-bottom:12px}.onb__group .onb__tile--cream{min-height:72px;gap:8px}.onb__cards{display:grid;gap:10px}.onb__card{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border:0;border-radius:16px;background:var(--emerald-800);color:var(--cream-100);text-align:left;cursor:pointer;box-shadow:inset 0 0 0 2px transparent;transition:scale .16s var(--ease-out),box-shadow .2s var(--ease-out),background-color .2s var(--ease-out);-webkit-tap-highlight-color:transparent}.onb__card:active{scale:.98}.onb__card.is-on{box-shadow:inset 0 0 0 2px var(--lime-500)}.onb__card-text{display:flex;flex-direction:column;gap:4px}.onb__card-text b{font-size:17px;font-weight:800;line-height:1.3}.onb__card-text span{font-size:15px;line-height:1.4;color:var(--sage-200)}.onb__mark{position:relative;display:grid;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;border:2px solid var(--sage-300);border-radius:var(--radius-pill);transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out)}.onb__card--checks .onb__mark{border-radius:5px}.onb__mark:after{content:"";width:8px;height:8px;border-radius:inherit;background:var(--emerald-900);scale:0;transition:scale .28s var(--spring)}.onb__card--checks .onb__mark:after{border-radius:2px}.onb__card.is-on .onb__mark{border-color:var(--lime-500);background:var(--lime-500)}.onb__card.is-on .onb__mark:after{scale:1}.onb__rows{display:grid;gap:8px}.onb__row{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border-radius:16px;background:var(--emerald-800)}.onb__tile.is-missing,.onb__card.is-missing,.onb__grid.is-missing,.onb__cards.is-missing,.onb__body.is-missing,.onb__row.is-missing{outline:2px solid var(--red-500);outline-offset:3px}.onb__sq--sm{width:44px;height:44px;border-radius:12px}.onb__sq--sm svg{width:22px;height:22px}.onb__row-label{display:block;margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.3}.onb__seg{display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr;padding:3px;border-radius:var(--radius-pill);background:var(--emerald-950)}.onb__seg button{min-width:0;height:30px;padding:0 2px;overflow:hidden;white-space:nowrap;letter-spacing:-.01em;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--sage-200);font:500 12px/1 var(--display);cursor:pointer;transition:background-color .22s var(--ease-out),color .22s var(--ease-out),scale .16s var(--ease-out)}.onb__seg button:active{scale:.95}.onb__seg button[aria-checked=true]{background:var(--lime-500);color:var(--emerald-900);font-weight:700}.onb__intro{display:flex;flex-direction:column;padding:4px 0 32px}.onb__logo{width:156px;margin-bottom:22px}.onb__intro>.onb__label{margin-bottom:12px}.onb__hero{font-weight:800;font-size:40px;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}.onb__lede{margin:16px 0 20px;font-size:19px;line-height:1.55;color:var(--sage-200)}.onb__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.onb__chips li{padding:7px 12px;border:1px solid var(--emerald-500);border-radius:var(--radius-pill);font:600 13px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sage-200)}.onb__fine{margin-top:14px;font-size:14px;line-height:1.5;color:var(--sage-300)}.onb__how{margin-top:8px;padding:22px;border-radius:20px;background:var(--emerald-800)}.onb__how ol{display:grid;gap:16px;margin-top:16px}.onb__how li{display:flex;align-items:flex-start;gap:14px;font-size:17px;line-height:1.4}.onb__how li span{display:grid;flex:none;place-items:center;width:26px;height:26px;border-radius:var(--radius-pill);background:var(--lime-500);color:var(--emerald-900);font-size:13px;font-weight:700}.onb__form{display:flex;flex-direction:column;gap:18px;padding-bottom:32px}.onb__form .onb__head{margin-bottom:0}.onb__field{display:flex;flex-direction:column;gap:8px}.onb__field>label,.onb__field-label{font-size:16px;font-weight:600}.onb__field input,.onb__field select{width:100%;height:52px;padding:0 16px;border:1.5px solid var(--emerald-500);border-radius:16px;background:var(--emerald-800);color:var(--cream-100);font:17px var(--display);transition:border-color .2s var(--ease-out)}.onb__field input::placeholder{color:var(--sage-300)}.onb__field :is(input,select):focus-visible{border-color:var(--lime-500);outline:none}.onb__field [aria-invalid=true],.onb__phone[aria-invalid=true] :is(input,select),.onb__ages[aria-invalid=true] button{border-color:var(--red-300)}.onb__select{position:relative}.onb__select select{padding-right:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.onb__select select:invalid{color:var(--sage-300)}.onb__select option{color:var(--cream-100)}.onb__select svg{position:absolute;top:50%;right:16px;width:20px;height:20px;color:var(--lime-500);stroke-width:2;translate:0 -50%;pointer-events:none}.onb__phone{display:flex;gap:8px}.onb__cc{flex:none;width:7.25rem}.onb__cc select{padding-left:12px;padding-right:32px;font-variant-numeric:tabular-nums}.onb__cc svg{right:10px}.onb__phone input{flex:1;min-width:0}.onb__hint{margin:0;font-size:13px;font-weight:500;line-height:1.45;color:var(--sage-300)}.onb__ages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.onb__ages button{height:44px;padding:0;border:1.5px solid var(--emerald-500);border-radius:var(--radius-pill);background:transparent;color:var(--cream-100);font:600 15px/1 var(--display);cursor:pointer;transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out),scale .16s var(--ease-out)}.onb__ages button:last-child{grid-column:1 / -1}.onb__ages button:active{scale:.97}.onb__ages button[aria-checked=true]{border-color:var(--lime-500);background:var(--lime-500);color:var(--emerald-900);font-weight:700}.onb__consent{position:relative;display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;color:var(--sage-200);cursor:pointer}.onb__consent input{position:absolute;width:22px;height:22px;margin:0;opacity:0}.onb__box{display:grid;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:5px;background:var(--cream-50);color:var(--emerald-900);transition:background-color .2s var(--ease-out)}.onb__box svg{width:15px;height:15px;stroke-width:2.8;scale:0;transition:scale .28s var(--spring)}.onb__consent input:checked+.onb__box{background:var(--lime-500)}.onb__consent input:checked+.onb__box svg{scale:1}.onb__consent input:focus-visible+.onb__box{outline:2px solid var(--lime-500);outline-offset:2px}.onb__consent input[aria-invalid=true]+.onb__box{box-shadow:0 0 0 2px var(--red-300)}.onb__consent a{color:var(--lime-500);text-decoration:underline;text-underline-offset:3px}.onb__error{font-size:15px;font-weight:600;color:var(--red-300)}.onb__error[hidden]{display:none}.onb__form .onb__fine{margin-top:-2px}.onb__done{display:flex;flex-direction:column;align-items:center;gap:12px;padding:56px 0 40px;text-align:center}.onb__star{width:56px;height:56px;margin-bottom:6px;color:var(--red-500);animation:onb-star .8s .12s var(--spring) both}@keyframes onb-star{0%{scale:0;rotate:-120deg}}.onb__done .onb__title{font-size:32px}.onb__done .onb__sub{max-width:300px}.onb .onb__again{min-height:56px;margin-top:16px;padding:0 28px;border-color:var(--emerald-500);color:var(--cream-100);font-size:17px}@media(hover:hover){.onb__tile--icon:hover:not(:disabled),.onb__tile--pattern:hover,.onb__card:hover,.onb__row:hover{background-color:var(--emerald-700)}.onb__tile--cream:hover{background-color:#fff}.onb__seg button:hover:not([aria-checked=true]),.onb__ages button:hover:not([aria-checked=true]){color:var(--cream-100)}.onb__ages button:hover:not([aria-checked=true]){border-color:var(--sage-300)}.onb .btn:disabled:hover{translate:none;border-color:transparent;background-color:var(--lime-500);color:var(--emerald-900)}}@media(min-width:640px){.onb__bar{padding-top:24px}.onb__title{font-size:34px}.onb__hero{font-size:46px}}@media(max-width:360px){.onb__col{padding-inline:18px}.onb__title{font-size:27px}.onb__hero{font-size:36px}.onb__grid{gap:8px}}.onb__start{display:grid;gap:10px;margin-top:28px}.onb__pace{font-size:15px;font-weight:600;color:var(--sage-200)}.onb__start .onb__fine{margin:0 0 8px}.onb__start .btn{margin:0}