﻿.alea-install-modal{
    position:fixed;
    inset:0;
    z-index:12000;
    display:none;
    align-items:flex-end;
    justify-content:center;
    padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
    font-family:Inter,Arial,sans-serif;
}
.alea-install-modal.is-open{display:flex}
.alea-install-scrim{
    position:absolute;
    inset:0;
    border:0;
    margin:0;
    padding:0;
    background:rgba(25,21,18,.44);
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
}
.alea-install-sheet{
    position:relative;
    width:min(100%,520px);
    max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    border:1px solid rgba(61,53,47,.10);
    border-radius:26px;
    padding:26px 22px 20px;
    background:var(--surface,var(--portal-card,#fff));
    color:var(--ink,var(--portal-text,#2f2b27));
    box-shadow:0 28px 90px rgba(28,23,19,.28);
    outline:none;
}
.alea-install-mark{
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    margin-bottom:18px;
    border-radius:15px;
    background:var(--accent,#9a8979);
    color:#fff;
    font:500 29px/1 "Instrument Serif",Georgia,serif;
    letter-spacing:-.04em;
}
.alea-install-mark i{font-style:normal;opacity:.75}
.alea-install-copy h2{
    margin:0;
    font:500 clamp(25px,7vw,31px)/1.05 "Instrument Serif",Georgia,serif;
    letter-spacing:-.025em;
}
.alea-install-copy>p:not(.alea-install-instruction){
    margin:12px 0 0;
    color:var(--muted,var(--portal-muted,#79716a));
    font-size:14px;
    line-height:1.55;
}
.alea-install-instruction{
    margin:16px 0 0;
    padding:13px 14px;
    border:1px solid rgba(82,72,63,.12);
    border-radius:14px;
    background:rgba(128,111,96,.08);
    color:var(--ink,var(--portal-text,#2f2b27));
    font-size:13px;
    line-height:1.5;
}
.alea-install-actions{
    display:grid;
    grid-template-columns:1fr auto;
    gap:9px;
    margin-top:22px;
}
.alea-install-actions button{
    min-height:46px;
    border-radius:999px;
    padding:0 17px;
    font:600 13px/1 Inter,Arial,sans-serif;
    cursor:pointer;
}
.alea-install-primary{
    border:1px solid var(--accent,#9a8979);
    background:var(--accent,#9a8979);
    color:#fff;
}
.alea-install-later{
    border:1px solid rgba(74,64,56,.14);
    background:transparent;
    color:var(--ink,var(--portal-text,#2f2b27));
}
.alea-install-never{
    grid-column:1/-1;
    min-height:34px!important;
    border:0;
    background:transparent;
    color:var(--muted,var(--portal-muted,#847c74));
    font-size:11px!important;
    font-weight:500!important;
}
.alea-install-actions button:focus-visible{
    outline:2px solid var(--accent,#9a8979);
    outline-offset:2px;
}
html.alea-install-open,
html.alea-install-open body{overflow:hidden!important}
html[data-alea-theme="dark"] .alea-install-sheet{
    border-color:#3b342e;
    background:#1d1a17;
    color:#f3eee8;
}
html[data-alea-theme="dark"] .alea-install-copy>p:not(.alea-install-instruction),
html[data-alea-theme="dark"] .alea-install-never{color:#b8aea5}
html[data-alea-theme="dark"] .alea-install-later{border-color:#453d36;color:#f3eee8}
html[data-alea-theme="dark"] .alea-install-instruction{
    border-color:#443c35;
    background:#29231f;
    color:#eee7df;
}
@media(min-width:901px){
    .alea-install-modal{display:none!important}
}
@media(max-width:380px){
    .alea-install-sheet{padding:22px 18px 17px;border-radius:22px}
    .alea-install-actions{grid-template-columns:1fr}
    .alea-install-later,.alea-install-never{grid-column:1}
}
