.ob{--ob-mono:var(--font-jetbrains-mono), ui-monospace, monospace;min-height:100vh;font-family:var(--font-manrope), Arial, sans-serif;color:#fff;-webkit-font-smoothing:antialiased;background:radial-gradient(55% 45% at 50% 8%,#495256 0%,#49525600 70%),radial-gradient(45% 40% at 50% 100%,#7a766f 0%,#7a766f00 70%),radial-gradient(35% 60% at 0 45%,#5d7782 0%,#5d778200 70%),radial-gradient(35% 60% at 100% 45%,#607983 0%,#60798300 70%),#5a6266;justify-content:center;align-items:center;padding:88px clamp(16px,4vw,48px);line-height:normal;display:flex;position:relative}body:has(.ob){background:#596266}.ob button,.ob input{font:inherit;color:inherit;background:0 0;outline:none}.ob button{cursor:pointer;text-align:inherit}.ob input::placeholder{color:#ffffff80}.ob button:focus-visible{outline-offset:2px;outline:2px solid #ffffffb3}.ob-mono{font-family:var(--ob-mono)}.ob .ob-back{color:#fff;border-radius:8px;align-items:center;gap:6px;height:30px;padding:0 8px;font-size:12px;display:flex;position:absolute;top:12px;left:10px}.ob .ob-back:hover{background:#ffffff14}.ob-card{-webkit-backdrop-filter:blur(30px);background:#444a4d8c;border:1px solid #ffffff0f;border-radius:20px;flex-wrap:wrap;gap:24px 0;width:100%;max-width:672px;padding:28px;display:flex;box-shadow:0 40px 90px -50px #141c2099}.ob-intro,.ob-form{flex-direction:column;flex:260px;justify-content:space-between;gap:24px;min-height:318px;display:flex}.ob-intro{padding-right:28px}.ob-form{border-left:1px solid #ffffff14;padding-left:28px}.ob-title{flex-direction:column;gap:12px;display:flex}.ob .ob-title h1{letter-spacing:-.035em;color:#fff;text-wrap:balance;outline:none;font-size:22px;font-weight:400;line-height:1.06}.ob-title h1 span{color:#ffffffad}.ob-title p{color:#ffffffd1;text-wrap:pretty;max-width:300px;font-size:12.5px;line-height:1.5}.ob-progress{flex-direction:column;gap:10px;display:flex}.ob-progress>div:first-child{font-family:var(--ob-mono);letter-spacing:.08em;color:#ffffffd9;justify-content:space-between;gap:12px;font-size:10.5px;display:flex}.ob-segs{gap:6px;display:flex}.ob-segs>span{flex-direction:column;flex:1 1 0;gap:7px;min-width:max-content;display:flex}.ob-segs>span>span{background:#fff3;border-radius:2px;height:3px;position:relative;overflow:hidden}.ob-segs>span>span i{background:#ffffffe6;border-radius:2px;transition:width .35s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0;left:0}.ob-segs small{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;transition:color .3s;overflow:hidden}.ob-parts,.ob-tips{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ob-parts li{align-items:center;gap:12px;padding:11px 12px;display:flex}.ob-parts li+li,.ob-tips li+li{border-top:1px solid #ffffff1f}.ob-part-n{width:22px;height:22px;font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;border-radius:50%;flex:none;place-items:center;font-size:10.5px;display:grid}.ob-parts li>span:nth-child(2){color:#fff;flex-direction:column;flex:1;gap:1px;min-width:0;font-size:13px;font-weight:500;display:flex}.ob-parts li>span:nth-child(2) small{color:#ffffffbd;font-size:11.5px;font-weight:400}.ob-part-count{font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;color:#ffffffbd;font-size:10.5px}.ob-guide{aspect-ratio:4/3;object-fit:cover;object-position:50% 18%;border:1px solid #ffffff1f;border-radius:14px;width:100%;margin-top:6px;position:relative;overflow:hidden}.ob-tips li{color:#ffffffe6;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.ob-drop{text-align:center;cursor:pointer;background:#ffffff0f;border:1.5px dashed #ffffff59;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;padding:24px;transition:background .2s,border-color .2s;display:flex}.ob-drop:hover{background:#ffffff1a}.ob-drop[data-drag]{background:#ffffff24;border-color:#fff}.ob-drop>span{background:#ffffff24;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.ob-drop strong{color:#fff;font-size:15px;font-weight:600}.ob-drop small{color:#ffffffbf;font-size:12.5px}.ob-take{color:#fff;cursor:pointer;border:1px solid #ffffff29;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;font-size:13.5px;font-weight:500;display:flex}.ob-take:hover{background:#ffffff14}.ob-photo{background:#ffffff0f;border:1px solid #ffffff29;border-radius:14px;align-items:stretch;gap:14px;padding:10px;display:flex}.ob-photo img{object-fit:cover;object-position:50% 15%;background:#ffffff1a;border-radius:10px;flex:none;width:96px;height:128px}.ob-photo>div{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.ob-photo>div>span{color:#fff;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.ob-photo small{color:#ffffffbf;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.ob-photo label{color:#fff;cursor:pointer;align-self:flex-start;margin-top:6px;font-size:12.5px;font-weight:600;text-decoration:underline}.ob .ob-later{color:#ffffffbf;align-self:center;padding:4px 8px;font-size:12.5px;text-decoration:underline}.ob .ob-later:hover{color:#fff}.ob-fields{flex-direction:column;gap:8px;display:flex}.ob-units{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-self:flex-start;gap:2px;padding:3px;display:flex}.ob .ob-units button{border-radius:999px;height:24px;padding:0 10px;font-size:11px;font-weight:500}.ob-opts{gap:8px;display:grid}.ob .ob-opt{border:1px solid;border-radius:8px;flex-direction:column;justify-content:center;gap:1px;min-height:36px;padding:7px 12px;transition:background .2s,color .2s;display:flex}.ob .ob-opt:hover{border-color:#fff6}.ob-opt span{font-size:13px;font-weight:500}.ob-opt small{font-size:11px}.ob-box{display:block;position:relative}.ob .ob-box input,.ob .ob-date input{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;width:100%}.ob .ob-box input{letter-spacing:-.02em;font-variant-numeric:tabular-nums;height:48px;padding:0 48px 0 12px;font-size:22px;font-weight:300}.ob .ob-box.ob-ftin input{letter-spacing:normal;padding:0 40px 0 12px}.ob .ob-box.ob-small input{letter-spacing:normal;height:36px;padding:0 44px 0 12px;font-size:13px;font-weight:400}.ob-box>span{font-family:var(--ob-mono);color:#ffffffbf;font-size:11px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ob-box.ob-small>span{font-size:10.5px}.ob-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ob-dates{grid-template-columns:1fr 1fr 1.4fr;gap:12px;display:grid}.ob-date{flex-direction:column;gap:8px;display:flex}.ob-date small{font-family:var(--ob-mono);letter-spacing:.08em;color:#ffffffbf;font-size:10px}.ob .ob-date input{font-variant-numeric:tabular-nums;height:42px;padding:0 12px;font-size:18px;font-weight:300}.ob-facts{background:#ffffff0f;border:1px solid #ffffff29;border-radius:10px;flex-direction:column;list-style:none;display:flex}.ob-facts li{color:#fff;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.ob-facts li+li{border-top:1px solid #ffffff1f}.ob .ob-check{color:#fff;text-align:left;border:1px solid;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:12.5px;line-height:1.4;display:flex}.ob-check>span:first-child{border:1.5px solid;border-radius:4px;flex:none;place-items:center;width:16px;height:16px;display:grid}.ob-legal{color:#ffffffbf;justify-content:center;gap:8px;font-size:11px;display:flex}.ob .ob-legal a{color:#ffffffd9;text-decoration:underline}.ob-note{font-family:var(--ob-mono);letter-spacing:.06em;color:#fffc;font-size:10.5px}.ob .ob-next{border-radius:999px;align-items:center;height:36px;margin-top:4px;transition:background .2s,color .2s;display:flex}.ob-next>span:first-child{flex:1;padding-left:12px;font-size:13px;font-weight:500}.ob-next>i{width:1px;height:18px}.ob-next>span:last-child{place-items:center;width:40px;display:grid}@media (max-width:600px){.ob-card{padding:22px 18px}.ob-intro,.ob-form{min-height:0}.ob-intro{padding-right:0}.ob-form{border-left:0;padding-left:0}}