.yovoy-dialog {
    --yd-accent: #087f8c;
    --yd-soft: #e8f6f7;
    box-sizing: border-box;
    width: min(480px, calc(100vw - 32px));
    max-width: none;
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 0;
    border: 1px solid #dce7eb;
    border-radius: 24px;
    background: #fff;
    color: #17313b;
    font: 15px/1.6 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    box-shadow: 0 28px 90px #071d3440, 0 4px 16px #071d3412;
    overflow: auto;
    overscroll-behavior: contain;
    text-align: left;
    color-scheme: light;
}
.yovoy-dialog::backdrop { background: #091d2c80; backdrop-filter: blur(5px); }
.yovoy-dialog[data-tone="danger"] { --yd-accent: #bc3044; --yd-soft: #fff0f2; }
.yovoy-dialog[data-tone="warning"] { --yd-accent: #956014; --yd-soft: #fff6e6; }
.yovoy-dialog[data-tone="success"] { --yd-accent: #187447; --yd-soft: #eaf8f0; }
.yovoy-dialog .yovoy-dialog-card { position: relative; padding: 30px; }
.yovoy-dialog .yovoy-dialog-close {
    position: absolute; top: 18px; right: 18px;
    display: grid; place-items: center;
    width: 36px; height: 36px; min-width: 36px;
    margin: 0; padding: 8px; border: 1px solid #e2eaee; border-radius: 12px;
    background: #f7fafb; color: #516975; cursor: pointer;
}
.yovoy-dialog .yovoy-dialog-icon {
    display: grid; place-items: center; width: 52px; height: 52px;
    margin-bottom: 20px; border-radius: 17px; background: var(--yd-soft); color: var(--yd-accent);
}
.yovoy-dialog svg { display: block; width: 100%; height: 100%; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.yovoy-dialog .yovoy-dialog-icon svg { width: 28px; height: 28px; }
.yovoy-dialog .yovoy-dialog-eyebrow { margin: 0 40px 7px 0; padding: 0; color: var(--yd-accent); font: 700 10px/1.5 system-ui,sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.yovoy-dialog .yovoy-dialog-title { margin: 0; padding: 0; color: #17313b; font: 700 23px/1.3 system-ui,sans-serif; letter-spacing: -.025em; overflow-wrap: anywhere; }
.yovoy-dialog .yovoy-dialog-message { margin-top: 14px; padding: 0; color: #4b6270; font: 400 14px/1.7 system-ui,sans-serif; white-space: pre-wrap; overflow-wrap: anywhere; }
.yovoy-dialog .yovoy-dialog-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 27px; padding-top: 20px; border-top: 1px solid #edf1f4; }
.yovoy-dialog .yovoy-dialog-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 108px; max-width: 100%; margin: 0; padding: 11px 18px; border: 1px solid transparent; border-radius: 12px; font: 650 13px/1.4 system-ui,sans-serif; text-align: center; white-space: normal; overflow-wrap: anywhere; cursor: pointer; box-shadow: none; transition: background-color .15s, box-shadow .15s; }
.yovoy-dialog .yovoy-dialog-primary { background: var(--yd-accent); border-color: var(--yd-accent); color: #fff; }
.yovoy-dialog .yovoy-dialog-secondary { background: #fff; color: #354f5d; border-color: #cbd9e0; }
.yovoy-dialog .yovoy-dialog-button:hover { box-shadow: 0 3px 10px #17313b1a; }
.yovoy-dialog .yovoy-dialog-close:hover, .yovoy-dialog .yovoy-dialog-secondary:hover { background: #eef4f6; }
.yovoy-dialog button:focus-visible { outline: 3px solid #31a8b5; outline-offset: 3px; }
.yovoy-dialog [hidden] { display: none !important; }
@media (max-width: 480px) {
    .yovoy-dialog .yovoy-dialog-card { padding: 25px 22px 22px; }
    .yovoy-dialog .yovoy-dialog-title { font-size: 21px; }
    .yovoy-dialog .yovoy-dialog-actions { flex-wrap: wrap; }
    .yovoy-dialog .yovoy-dialog-button { flex: 1 1 110px; }
}
@media (prefers-reduced-motion: reduce) { .yovoy-dialog * { transition: none !important; } }