.wizard{position:fixed;inset:0;z-index:300;display:grid;grid-template-rows:auto 1fr auto;padding:max(16px,env(safe-area-inset-top)) 18px max(16px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 0%,rgba(57,229,140,.12),transparent 34rem),var(--bg)}.wizard-top{display:flex;justify-content:space-between;align-items:center}.wizard-content{width:min(100%,620px);margin:auto;padding:28px 0;text-align:center}.wizard-content h1{font-size:clamp(30px,8vw,48px);line-height:1.05;letter-spacing:-.045em}.wizard-content p{color:var(--muted)}.duration{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:8px;align-items:center;margin-top:34px}.duration button,.choices button{min-height:54px;border:1px solid var(--border);border-radius:14px;background:var(--raise);color:var(--text);font-weight:950}.duration div{display:flex;flex-direction:column}.duration strong{font-size:clamp(56px,16vw,92px);line-height:.9}.duration span{color:var(--muted)}.choices{display:grid;gap:11px;width:min(100%,480px);margin:32px auto 0}.choices button{min-height:68px}.choices .selected{border-color:var(--brand);background:rgba(57,229,140,.13)}.wizard-input{width:min(100%,540px);margin:34px auto 0;border:0;border-bottom:2px solid var(--border);padding:12px;background:transparent;color:var(--text);text-align:center;font-size:clamp(30px,9vw,50px);font-weight:900;outline:none}.wizard-input:focus{border-color:var(--brand)}.ready{width:min(100%,520px);margin:30px auto 0;border:1px solid var(--border);border-radius:18px;padding:18px;background:var(--surface);line-height:1.8}.ready b{display:block;font-size:22px}.ready span{color:var(--brand)}.wizard-nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:min(100%,620px);margin:auto}@media(max-width:430px){.duration{grid-template-columns:1fr 1fr}.duration div{grid-column:1/-1;grid-row:1;margin-bottom:10px}}

.wizard-nav .btn:last-child{grid-column:2}
.wizard-nav .btn:first-child.hidden + .btn{grid-column:2}

.wizard-logo-wrap{
    display:flex;
    align-items:center;
}
.wizard-logo{
    display:block;
    width:min(180px,46vw);
    height:auto;
    object-fit:contain;
}

.wizard-top-right{
    display:flex;
    align-items:center;
    gap:10px;
}
.wizard-close{
    width:44px;
    height:44px;
    border:1px solid var(--border);
    border-radius:999px;
    background:rgba(16,29,46,.72);
    color:var(--text);
    font-size:28px;
    font-weight:400;
    line-height:1;
    display:grid;
    place-items:center;
    padding:0 0 3px;
    cursor:pointer;
    transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .12s ease;
}
@media(hover:hover) and (pointer:fine){
    .wizard-close:hover{
        background:#20334A;
        border-color:#36516E;
        color:var(--brand);
    }
}
.wizard-close:active{
    transform:scale(.94);
}