body{background:var(--page);margin:0;padding:0}.onb{background:var(--sprout);min-height:100dvh;color:var(--ink);flex-direction:column;display:flex}.onb .pi{width:18px;height:18px;image-rendering:pixelated}.onb .pi-sm{width:16px;height:16px}.onb-top{background:var(--moss);color:var(--paper);white-space:nowrap;align-items:center;gap:10px;padding:10px 16px;display:flex}.onb-top h1{outline:none;font-size:19px;font-weight:700}.onb-step{font-family:var(--ff-ui);margin:0 0 0 auto;font-size:0}.onb-step:after{content:attr(data-short) / "";font-size:18px}.onb-logo{background:var(--ink);border:2px solid var(--ink-deep);place-items:center;width:30px;height:30px;display:grid}.onb-back{font-family:var(--ff-ui);color:var(--paper);cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;padding:0 8px;font-size:26px;line-height:1}.onb-steps{gap:5px;display:flex}.onb-steps i{background:var(--ink-deep);border:1px solid var(--sprout);width:8px;height:8px}.onb-steps i.done{background:var(--honey)}.onb-steps i.cur{background:var(--paper)}.onb-screen{flex-direction:column;flex:1;min-height:0;display:flex}.onb-body{box-sizing:border-box;flex-direction:column;flex:1;gap:14px;width:100%;max-width:640px;margin:0 auto;padding:16px;display:flex}.onb-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:2px solid var(--ink);background:var(--parchment);flex-direction:column;gap:8px;display:flex}.onb-foot:empty{display:none}.onb .btn.big{box-sizing:border-box;width:100%;padding:12px 14px;font-size:24px}.onb .btn{min-height:44px}.onb .btn.ghost{box-shadow:none;background:0 0;border-color:#0000;font-size:18px;text-decoration:underline}.onb .btn[disabled],.onb .btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}.onb .btn.ghost[aria-disabled=true]{text-decoration:none}.onb-lucien{align-items:flex-end;gap:10px;display:flex}.onb .face{flex-shrink:0;place-items:center;width:60px;height:68px;display:grid}.onb .face .f{opacity:0;grid-area:1/1}.onb .face .f1{opacity:1;animation:3.2s step-end infinite blink-a}.onb .face .f2{animation:3.2s step-end infinite blink-b}.onb .talking .face .f1{animation:.32s step-end infinite talk-a}.onb .talking .face .f2{opacity:0;animation:none}.onb .talking .face .f3{animation:.32s step-end infinite talk-b}.onb .bubble{font-family:var(--ff-ui);flex:1;min-height:42px;padding:8px 12px;font-size:19px;line-height:1.15;position:relative}.onb .bubble:before{content:"";border:6px solid #0000;border-right:8px solid var(--ink);border-left:0;position:absolute;bottom:16px;left:-10px}.onb .bubble b{color:var(--poppy-dk);font-weight:400}.onb-home{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.onb-home h2{font-size:30px;font-weight:700;line-height:1.05}.onb-home p{font-family:var(--ff-ui);max-width:32ch;margin:0;font-size:21px;line-height:1.15}.onb-hero .face{width:96px;height:108px}.onb-hero .face svg{width:78px;height:96px}.onb-doors{flex-direction:column;gap:10px;width:100%;max-width:380px;display:flex}.onb-soon{font-size:15px}.onb-q{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.onb-q legend{font-family:var(--ff-display);margin-bottom:8px;padding:0;font-size:17px;font-weight:600}.onb-chips{flex-wrap:wrap;gap:8px;display:flex}.onb-chip{position:relative}.onb-chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.onb-chip span{box-sizing:border-box;min-height:44px;font-family:var(--ff-ui);background:var(--paper);border:2px solid var(--ink);align-items:center;padding:8px 12px;font-size:19px;line-height:1;display:inline-flex}.onb-chip input:checked+span{background:var(--ink);color:var(--paper);box-shadow:inset 2px 2px 0 var(--ink-deep)}.onb-radios label{min-height:44px;font-family:var(--ff-ui);cursor:pointer;align-items:flex-start;gap:8px;font-size:19px;line-height:1.15;display:flex}.onb-radios input{width:18px;height:18px;accent-color:var(--ink);flex-shrink:0;margin:2px 0 0}.onb-radios small{color:var(--ink);font-size:16px;display:block}.onb-field{flex-direction:column;gap:6px;display:flex;position:relative}.onb-field>label,.onb-dims label{font-family:var(--ff-display);font-size:15px;font-weight:600}.onb-input{background:var(--paper);border:2px solid var(--ink);min-height:44px;font-family:var(--ff-ui);align-items:center;gap:8px;padding:6px 10px;font-size:20px;display:flex}.onb-input input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:4px 0}.onb-input:focus-within{outline:3px solid var(--ink-deep);outline-offset:2px}.onb-input input[aria-invalid=true]{color:var(--poppy-dk)}.onb-sugg{border:2px solid var(--ink);background:var(--paper);border-top:0;margin:-6px 0 0;padding:0;list-style:none}.onb-sugg li{font-family:var(--ff-ui);border-bottom:1px dashed var(--sprout-2);cursor:pointer;padding:9px 10px;font-size:19px}.onb-sugg li:hover{background:var(--parchment)}.onb-sugg li[aria-selected=true]{background:var(--ink);color:var(--paper)}.onb-result p{font-family:var(--ff-ui);margin:0;font-size:19px;line-height:1.2}.onb-zone summary{font-family:var(--ff-ui);color:var(--ink);cursor:pointer;align-items:center;min-height:44px;margin-top:4px;font-size:17px;text-decoration:underline;display:flex}.onb-zone p{color:var(--ink);font-size:17px}.onb-hint{font-family:var(--ff-ui);color:var(--ink);margin:0;font-size:17px;line-height:1.15}.onb-hint.bad{color:var(--poppy-dk);font-weight:700}.onb-hint.bad:before{content:"! "}.onb-input:has(input[aria-invalid=true]){border:3px solid var(--poppy-dk)}.onb-cards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (width<=420px){.onb-cards{grid-template-columns:1fr}}.onb-card{background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);flex-direction:column;gap:3px;padding:8px;display:flex}.onb-card b{font-family:var(--ff-display);font-size:15px}.onb-card span{font-family:var(--ff-ui);font-size:16px;line-height:1.05}.onb-card.on{background:var(--honey-hi)}.onb-card.soon{box-shadow:none;background:0 0;border-style:dashed}.onb-dims{grid-template-columns:1fr 1fr;gap:10px;display:grid}.onb-dims label{flex-direction:column;gap:6px;display:flex}.onb-sketch svg{max-width:100%;height:auto;display:block}.onb-sketch .zone{fill:var(--leaf);stroke:var(--ink);stroke-width:2px}.onb-sketch text{font-family:var(--ff-display);fill:var(--poppy-dk);font-size:14px;font-weight:700}.onb .notice{max-width:32ch;font-family:var(--ff-ui);z-index:20;padding:10px 14px;font-size:17px;position:fixed;top:64px;left:50%;transform:translate(-50%)}.onb .notice:empty{display:none}.onb :focus-visible{outline:3px solid var(--ink-deep);outline-offset:2px}.onb-top :focus-visible{outline-color:var(--paper)}.onb .onb-input input:focus-visible{outline:none}.onb-chip input:focus-visible+span{outline:3px solid var(--ink-deep)}@media (forced-colors:active){.onb-chip input:checked+span{outline:3px solid highlight}.onb-sugg li[aria-selected=true],.onb-card.on{outline-offset:-3px;outline:3px solid highlight}}@media (width<=899px) and (height>=560px){.onb-foot{z-index:5;position:sticky;bottom:0}}@media (width>=900px){.onb-screen{flex-direction:row}.onb-body{justify-content:center;padding:32px 40px}.onb-foot{border-top:0;border-left:2px solid var(--ink);justify-content:center;width:360px}}@media (prefers-reduced-motion:reduce){.onb .face .f1{opacity:1;animation:none}.onb .face .f2,.onb .face .f3{opacity:0;animation:none}}