.cmp{position:fixed;z-index:90;inset:auto 0 0 0;display:flex;justify-content:center;padding:clamp(12px,3vw,24px);padding-bottom:calc(clamp(12px,3vw,24px) + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--ink, #141414) 22%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.cmp:focus{outline:none}.cmp__box{width:min(560px,100%);max-height:76vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:clamp(18px,3vw,26px);background:var(--cream, #fff);border:1px solid var(--ink, #141414);box-shadow:0 18px 48px color-mix(in srgb,var(--ink, #141414) 26%,transparent);font-family:var(--text, system-ui, sans-serif);color:var(--muted, #3a3a3a)}.cmp__title{margin:0;font-family:var(--display, var(--text, system-ui, sans-serif));font-size:18px;font-weight:800;line-height:1.25;color:var(--ink, #141414)}.cmp__body{margin:0;font-size:14.5px;line-height:1.6}.cmp__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}.cmp__btn{flex:1 1 160px;padding:12px 18px;border:1px solid var(--ink, #141414);border-radius:0;background:var(--cream, #fff);color:var(--ink, #141414);font-family:inherit;font-size:15px;font-weight:700;line-height:1.2;cursor:pointer}.cmp__btn:hover{background:var(--periwinkle, #e6e6e6)}.cmp__btn:focus-visible{outline:2px solid var(--ink, #141414);outline-offset:2px}.cmp__links{margin:0;font-size:12.5px;line-height:1.5}.cmp__links a{color:var(--colophon, #5b5347);text-decoration:underline;text-underline-offset:2px}.cmp__links a:hover{color:var(--ink, #141414)}.cmp-settings{padding:0;border:0;background:none;color:var(--colophon, #5b5347);font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.cmp-settings:hover{color:var(--ink, #141414)}.cmp-settings:focus-visible{outline:2px solid var(--ink, #141414);outline-offset:2px}@media(prefers-reduced-motion:reduce){.cmp{backdrop-filter:none;-webkit-backdrop-filter:none}}