.op-dialog{position:fixed;inset:0;box-sizing:border-box;--op-bg:#f7f4ed;--op-fg:#262c29;--op-muted:#555d55;--op-accent:#294f40;--op-on:#fff;border:0;border-radius:16px;padding:0;background:var(--op-bg);color:var(--op-fg);width:min(560px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 80px #10231d38;font-family:var(--op-body-font,inherit);isolation:isolate}.op-dialog::backdrop{background:#14221db3}.op-dialog[open]{animation:op-enter .3s cubic-bezier(.16,1,.3,1)}.op-ink{--op-bg:#202a2b;--op-fg:#faf5e9;--op-muted:#c9d4cf;--op-accent:#d9edb0;--op-on:#202a2b}.op-sage{--op-bg:#e6eee3;--op-fg:#263b2a;--op-muted:#4e6051;--op-accent:#2f563b;--op-on:#fff}.op-ocean{--op-bg:#edf5f6;--op-fg:#16363f;--op-muted:#3d5d66;--op-accent:#165c73;--op-on:#ffffff;}.op-sky{--op-bg:#eff5ff;--op-fg:#1d3150;--op-muted:#475b78;--op-accent:#285bb0;--op-on:#ffffff;}.op-sunset{--op-bg:#fff0e8;--op-fg:#542c22;--op-muted:#795044;--op-accent:#a53e25;--op-on:#ffffff;}.op-rose{--op-bg:#fff0f3;--op-fg:#502c3b;--op-muted:#765261;--op-accent:#9f345d;--op-on:#ffffff;}.op-lavender{--op-bg:#f3f0fc;--op-fg:#37294f;--op-muted:#655577;--op-accent:#6944a3;--op-on:#ffffff;}.op-sand{--op-bg:#f7f0df;--op-fg:#403524;--op-muted:#6b5a40;--op-accent:#806024;--op-on:#ffffff;}.op-charcoal{--op-bg:#252525;--op-fg:#fafafa;--op-muted:#cccccc;--op-accent:#f1d48a;--op-on:#252525;}.op-midnight{--op-bg:#182538;--op-fg:#f1f6ff;--op-muted:#bdcde2;--op-accent:#91c9f7;--op-on:#182538;}.op-wine{--op-bg:#3d202e;--op-fg:#fff1f5;--op-muted:#e1becd;--op-accent:#f5bbd0;--op-on:#3d202e;}.op-content{padding:52px 44px 36px}.op-dialog h2{font:600 clamp(28px,5vw,42px)/1.12 var(--op-heading-font,Georgia,serif);letter-spacing:-.025em;margin:0 0 22px;color:var(--op-title,var(--op-fg));text-wrap:balance}.op-text{font-size:16px;line-height:1.65;margin:0 0 28px;max-width:62ch;color:var(--op-fg);overflow-wrap:anywhere}.op-close{position:absolute;right:12px;top:12px;z-index:1;border:0;border-radius:50%;background:var(--op-bg);color:var(--op-fg);width:40px;height:40px;display:grid;place-items:center;cursor:pointer}.op-action,.op-launch{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--op-accent,#294f40);color:var(--op-on,#fff);border:0;border-radius:8px;padding:15px 20px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none;cursor:pointer}.op-action:hover,.op-launch:hover{filter:brightness(1.12);color:var(--op-on,#fff)}.op-dismiss{display:block;margin:19px 0 0;padding:5px 0;border:0;background:none;color:var(--op-muted);font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.op-close:hover{background:var(--op-accent);color:var(--op-on)}.op-dialog h2,.op-action{overflow-wrap:anywhere}.op-action svg{flex-shrink:0}.op-dialog :focus-visible,.op-launch:focus-visible{outline:3px solid var(--op-accent,#294f40);outline-offset:4px}.op-dialog ::selection{background:var(--op-accent);color:var(--op-on)}.op-image{display:block;width:100%;max-height:240px;object-fit:cover}.op-corner{margin:auto 24px 24px auto;width:420px}.op-bottom{margin:auto auto 20px;width:760px}.op-bottom-left{margin:auto auto 24px 24px;width:420px}.op-top-left{margin:24px auto auto 24px;width:420px}.op-top-right{margin:24px 24px auto auto;width:420px}.op-top{margin:24px auto auto}.op-floating{z-index:10000}.op-floating::backdrop{background:transparent}.op-dialog{scrollbar-color:var(--op-muted) var(--op-bg)}@keyframes op-enter{from{opacity:.5;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.op-content{padding:56px 26px 28px}.op-corner,.op-bottom,.op-bottom-left{margin:auto auto 16px}.op-top-left,.op-top-right,.op-top{margin:16px auto auto}.op-action{display:flex}.op-image{max-height:180px}}@media(prefers-reduced-motion:reduce){.op-dialog[open]{animation:none}}