
#aimod-reserve-overlay{
    display:none;
    position:fixed;
    inset:0;
    z-index:100000;
    background:rgba(0,0,0,.78);
    -webkit-backdrop-filter:brightness(.42) blur(1px);
    backdrop-filter:brightness(.42) blur(1px);
    align-items:center;
    justify-content:center;
    padding:18px;
}
#aimod-reserve-overlay.is-open{display:flex}
.aimod-reserve-modal{
    position:relative;
    width:min(720px,100%);
    border-radius:12px;
    background:var(--color03,#fff);
    color:var(--color13,inherit);
    border:1px solid var(--color05,rgba(127,127,127,.45));
    box-shadow:0 24px 80px rgba(0,0,0,.62);
    padding:30px;
}
.aimod-reserve-modal h2{
    margin:0 0 18px;
    color:var(--color11,inherit);
    font-size:2.5em;
    line-height:1.18;
}
.aimod-reserve-modal p{
    margin:0 0 18px;
    color:var(--color13,inherit);
    font-size:2em;
    line-height:1.45;
}
.aimod-reserve-close{
    position:absolute;
    top:12px;
    right:14px;
    width:42px;
    height:42px;
    border:0;
    border-radius:50%;
    background:transparent;
    color:var(--color11,inherit);
    font-size:2.15em;
    line-height:1;
    font-weight:700;
    cursor:pointer;
    opacity:.82;
}
.aimod-reserve-close:hover,
.aimod-reserve-close:focus{
    background:var(--color04,rgba(127,127,127,.10));
    opacity:1;
    outline:none;
}
.aimod-reserve-percent-value{font-weight:800}
.aimod-reserve-percent-value.is-green{color:#2f9e44}
.aimod-reserve-percent-value.is-orange{color:#f08a00}
.aimod-reserve-percent-value.is-red{color:#d83a3a}
.aimod-reserve-current{font-weight:700}
.aimod-reserve-pig{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:176px;
    margin:20px 0 14px;
}
.aimod-reserve-pig img{
    display:block;
    width:auto;
    height:auto;
    max-width:176px;
    max-height:176px;
}
.aimod-reserve-pig-dark{display:none !important}
html[data-theme="dark"] .aimod-reserve-pig-light{display:none !important}
html[data-theme="dark"] .aimod-reserve-pig-dark{display:block !important}
html[data-theme="light"] .aimod-reserve-pig-light{display:block !important}
html[data-theme="light"] .aimod-reserve-pig-dark{display:none !important}
@media(prefers-color-scheme:dark){
    html:not([data-theme="light"]) .aimod-reserve-pig-light{display:none !important}
    html:not([data-theme="light"]) .aimod-reserve-pig-dark{display:block !important}
}
.aimod-reserve-actions{
    display:flex;
    gap:14px;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:10px;
}
.aimod-reserve-actions button{
    min-height:50px;
    padding:11px 22px;
    border-radius:6px;
    font-size:1.35em;
    font-weight:700;
    cursor:pointer;
}
.aimod-reserve-contribute{border:0;background:#f08a00;color:#fff}
.aimod-reserve-continue{
    border:1px solid #2ea043;
    background:#238636;
    color:#fff;
}
.aimod-reserve-continue:hover,
.aimod-reserve-continue:focus{
    background:#2ea043;
    border-color:#3fb950;
    color:#fff;
    outline:none;
}
@media(max-width:600px){
    .aimod-reserve-modal{padding:22px}
    .aimod-reserve-modal h2{font-size:2.05em}
    .aimod-reserve-modal p{font-size:1.65em}
    .aimod-reserve-pig{min-height:140px}
    .aimod-reserve-pig img{max-width:140px;max-height:140px}
    .aimod-reserve-actions{flex-direction:column-reverse}
    .aimod-reserve-actions button{width:100%}
}

/* Python uses the same reserve dialog, independent of codebox button styles. */
.sylebel-python-reserve{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.78);backdrop-filter:brightness(.42) blur(1px);display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box}
.sylebel-python-reserve .aimod-reserve-modal{box-sizing:border-box;width:min(780px,100%);font-size:12px;max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);overflow:auto}
.sylebel-python-reserve .aimod-reserve-actions button{font-family:inherit;line-height:1.3}
.sylebel-python-reserve .aimod-reserve-actions .aimod-reserve-contribute{background:#f08a00!important;border:0!important;color:#fff!important}
.sylebel-python-reserve .aimod-reserve-actions .python-reserve-cancel{background:var(--color04,#30363d);color:var(--color13,#fff);border:1px solid var(--color05,#555)}
.sylebel-python-reserve .aimod-reserve-actions .aimod-reserve-continue{background:#238636!important;color:#fff!important}
