.onb{min-height:100vh}.onb-col{max-width:640px;margin:0 auto;padding:0 20px}.onb-top{border-bottom:1px solid var(--rule)}.onb-top .onb-col{justify-content:space-between;align-items:center;max-width:640px;height:68px;display:flex}.onb-top .brand img{box-shadow:none}.onb-saved{color:var(--muted);min-height:1em;font-size:14px}.onb-saved:not(:empty):before{content:"✓ ";color:var(--accent)}main.onb-col{padding-top:40px;padding-bottom:120px}.onb-progress{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.onb-progress i{background:var(--rule);border-radius:2px;height:4px;transition:background .3s}.onb-progress i.on{background:var(--yellow)}.onb-count{color:var(--muted);margin:12px 0 30px;font-size:14px}.onb h1{font-family:var(--display);text-transform:uppercase;letter-spacing:.005em;text-wrap:balance;outline:none;margin:0 0 12px;font-size:clamp(28px,5vw,42px);font-weight:400;line-height:1}.onb-sub{color:var(--muted);max-width:52ch;margin:0 0 30px;font-size:17px}.ofield{display:block}.ofield span{color:var(--muted);margin-bottom:6px;font-size:14px;display:block}.ofield input,.stepper input,.when select{border:0;border-bottom:2px solid var(--rule-strong);width:100%;color:var(--text);font:inherit;background:0 0;border-radius:0;padding:8px 0 10px;font-size:22px}.ofield input::placeholder,.stepper input::placeholder{color:var(--hint)}.ofield input:focus,.stepper input:focus,.when select:focus{border-bottom-color:var(--accent);outline:none}.two{gap:20px;display:grid}@media (min-width:560px){.two{grid-template-columns:1fr 1fr}}.hint{color:var(--muted);margin:12px 0 0;font-size:14px}.opts{border-top:1px solid var(--rule);margin-top:8px}.opt{border-bottom:1px solid var(--rule);cursor:pointer;border-radius:10px;grid-template-columns:22px 1fr;align-items:center;gap:14px;margin:0 -12px;padding:16px 12px;font-size:18px;transition:background .15s,color .15s;display:grid}.opt:hover{background:var(--tint)}.opt input,.chip-opt input{appearance:none;margin:0}.opt input{border:1.5px solid var(--rule-strong);border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.opt input:checked:after{content:"";background:var(--ink);border-radius:50%;width:8px;height:8px}.opt:has(input:checked){background:var(--yellow);color:var(--ink);border-bottom-color:#0000}.opt:has(input:checked) input{border-color:var(--ink)}.opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.group{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:26px 0 4px;font-size:13px}.more{margin-top:14px}.when{border:0;grid-template-columns:1.4fr 1fr;gap:16px;margin:30px 0 0;padding:0;display:grid}.when legend{margin-bottom:8px;padding:0;font-size:16px;font-weight:600}.when select{appearance:none;cursor:pointer;background:0 0;font-size:19px}.when select option{color:var(--ink)}.when .hint{grid-column:1/-1;margin-top:0}.stepper{border-bottom:1px solid var(--rule);gap:8px;padding:18px 0;display:grid}.stepper:first-child{border-top:1px solid var(--rule)}.slabel{font-size:18px}.slabel em{color:var(--muted);font-size:15px;font-style:normal}.sctl{grid-template-columns:52px 110px 52px;align-items:center;gap:12px;display:grid}.sctl input{text-align:center;font-family:var(--display);-moz-appearance:textfield;font-size:28px}.sctl input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sctl input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sbtn{border:1.5px solid var(--rule-strong);height:52px;color:var(--text);background:0 0;border-radius:50%;font-size:24px;line-height:1}.sbtn:hover{background:var(--yellow);color:var(--ink);border-color:var(--accent)}.chips-row{border:0;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;display:flex}.chips-row legend{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:10px;padding:0;font-size:13px}.chips-row legend em{font-family:var(--sans);text-transform:none;letter-spacing:0;font-style:normal}.chip-opt span{border:1.5px solid var(--rule);cursor:pointer;border-radius:999px;padding:9px 13px;font-size:15px;transition:background .15s,border-color .15s;display:inline-block}.chip-opt:hover span{border-color:var(--rule-strong)}.chip-opt input:checked+span{background:var(--yellow);color:var(--ink);border-color:var(--accent)}.chip-opt input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.addrow{grid-template-columns:1fr auto;align-items:end;gap:14px;display:grid}.addrow .btn{height:46px;color:var(--text);border-color:var(--rule-strong)}.jobchips{flex-wrap:wrap;gap:10px;min-height:8px;margin-top:18px;display:flex}.jchip{font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;color:var(--accent);animation:stamp-in .35s var(--ease);border:1.5px solid;border-radius:5px;align-items:center;gap:8px;padding:7px 6px 6px 10px;font-size:14px;display:inline-flex;transform:rotate(-1.5deg)}.jchip button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:18px;line-height:1}@keyframes stamp-in{0%{opacity:0;transform:scale(1.3)rotate(-6deg)}}.suggest{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.sug{border:1.5px solid var(--rule);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:8px 13px;font-size:15px}.sug:hover{border-color:var(--accent);color:var(--accent)}.onb-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:36px;display:flex}.onb-actions .btn{border-radius:6px;min-width:160px}.onb-actions .btn:disabled{background:var(--off-bg);color:var(--off-fg);cursor:not-allowed}.onb-actions .textbtn[hidden]{visibility:hidden;display:block}.onb-done h1{text-wrap:balance;margin-top:22px;font-size:clamp(36px,6.4vw,64px)}.onb-done .stamp-tag{animation:stamp-in .5s var(--ease) both;border-width:2px;padding:9px 12px 7px;font-size:18px}.onb-done .btn{border-radius:6px}@media (prefers-reduced-motion:reduce){.jchip,.onb-done .stamp-tag{animation:none}}.onb-done{text-align:left;padding-top:10vh!important}.onb-done .onb-sub{margin:0 0 22px}.read-tags{border-top:1px solid var(--rule);margin:0 0 18px;display:grid}.read-tags>div{border-bottom:1px solid var(--rule);grid-template-columns:200px minmax(0,1fr);align-items:start;gap:14px;padding:14px 0;display:grid}.read-tags dt .tag-stars{margin:8px 0 0;display:block}.read-tags dt .stamp-tag{border-width:1.5px;padding:6px 8px 5px;font-size:13px;animation:none}.read-tags dd{color:var(--soft);margin:0;font-size:15px}.read-tags .crs-sticker{background:var(--lilac);color:var(--plum);border-radius:5px;align-items:baseline;gap:3px;padding:5px 7px 4px;line-height:1;display:inline-flex;transform:rotate(-2deg)}.read-tags .crs-sticker b{font-family:var(--display);letter-spacing:.02em;font-size:13px;font-weight:400}.read-tags .crs-sticker small{font-family:var(--display);letter-spacing:.06em;font-size:10px}.onb-done .hint a{color:var(--text)}.onb-done .btn{margin-top:10px}@media (max-width:520px){.read-tags>div{grid-template-columns:1fr;gap:6px}}.onb-done .btn:disabled{opacity:.6;cursor:default}.jobs-loader{border:1px solid var(--rule-strong);border-radius:18px;margin:0 0 18px;padding:18px 20px 20px}.loader-steps{gap:6px;margin:0 0 16px;padding:0;list-style:none;display:grid}.loader-steps li{color:var(--soft);align-items:center;gap:8px;font-size:15px;display:flex}.loader-steps li.now{color:var(--text);font-weight:700}.loader-steps li.done{color:var(--text)}.loader-steps li.done svg{color:#6fd39b}:root[data-theme=light] .loader-steps li.done svg{color:#1f7a4d}.skel-cards{gap:12px;display:grid}.skel-card{border:1px solid var(--rule);background:var(--tint,#7f7f7f14);border-radius:16px;gap:10px;padding:18px;display:grid}.skel-bar{background:linear-gradient(90deg,#7f7f7f2e 25%,#7f7f7f57 50%,#7f7f7f2e 75%) 0 0/200% 100%;border-radius:6px;height:12px;animation:1.3s linear infinite skel-shimmer;display:block}.skel-bar.w1{width:72%}.skel-bar.w2{width:44%}.skel-bar.w3{width:26%;height:18px}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skel-bar{animation:none}}.onb-backed{isolation:isolate;position:relative}.onb-backed>.onb-top,.onb-backed>main{z-index:1;position:relative}.onb-backed>.onb-top{background:var(--bg)}.onb-backed>main.onb-col{border:1px solid var(--rule-strong);background:var(--bg);border-radius:22px;max-width:680px;margin:32px auto 80px;padding:32px 28px 28px;box-shadow:0 24px 60px #00000047}@media (max-width:560px){.onb-backed>main.onb-col{margin:16px 12px 96px;padding:24px 18px 22px}}.onb-backed .onb-count{margin-bottom:4px}.onb-left{color:var(--text);margin:0 0 26px;font-size:15px;font-weight:600}
