@import url("membership-surface.css");
.dl-dialog{width:min(520px,calc(100vw - 32px));padding:28px;border:1px solid var(--d-rule);border-radius:14px;background:var(--d-canvas);color:var(--d-ink);font-family:inherit;box-shadow:0 22px 70px rgba(var(--d-ink-rgb),.2)}
.dl-dialog::backdrop{background:rgba(var(--d-ink-rgb),.28)}.dl-head{display:flex;align-items:center;gap:16px;margin-bottom:20px}.dl-head h2{font-size:24px;font-weight:600}.dl-head button{margin-left:auto;min-width:44px;min-height:44px;border-radius:7px;font-size:24px;color:var(--d-muted)}.dl-head button:hover{background:var(--d-blue-wash)}.dl-dialog>p{font-size:15px;line-height:1.85}.dl-dialog>.dl-note{margin-top:16px;font-size:12px;color:var(--d-muted)}.dl-dialog>.dl-status{margin-top:16px;color:var(--d-blue)}.dl-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;flex-wrap:wrap}.dl-actions .button{min-height:44px}.dl-dialog :focus-visible{outline:2px solid var(--d-blue);outline-offset:3px}.dl-dialog button:disabled{opacity:.55;cursor:default}
@media(max-width:600px){.dl-dialog{padding:20px}.dl-actions>.button{flex:1}.dl-head h2{font-size:22px}}
body[data-page=pricing] #dl-free{--d-rule:var(--border);--d-canvas:var(--surface);--d-ink:var(--text);--d-muted:var(--text-secondary);--d-blue:var(--accent);--d-blue-wash:var(--surface-hover);--d-ink-rgb:var(--text-rgb)}
body.pc-product #dl-free{--d-rule:var(--pc-line);--d-canvas:var(--pc-panel);--d-ink:var(--pc-text);--d-muted:var(--pc-muted);--d-blue:var(--pc-blue);--d-blue-wash:var(--pc-blue-soft);--d-ink-rgb:var(--pc-shadow)}
.dl-dialog{box-sizing:border-box;max-height:calc(100dvh - 32px);margin:auto;overflow:auto;overscroll-behavior:contain;line-height:1.7}
.dl-dialog *{box-sizing:border-box}.dl-dialog .dl-head{position:sticky;top:-28px;background:var(--d-canvas);padding-block:10px;z-index:1}.dl-dialog .dl-head h2{margin:0;line-height:1.4}.dl-dialog .dl-note{font-size:12px;color:var(--d-muted);line-height:1.7;margin-top:14px}.dl-dialog p{margin-block:12px}
.dl-dialog .dl-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--d-blue);border-radius:8px;background:var(--d-blue);color:var(--d-canvas);font:inherit;font-size:15px;font-weight:550;line-height:1.5;text-align:center;cursor:pointer;transition:filter .15s,background .15s}
.dl-dialog .dl-button:hover{filter:brightness(.96)}.dl-dialog .dl-button:active{filter:brightness(.9)}.dl-dialog .dl-button.secondary{background:var(--d-canvas);border-color:var(--d-rule);color:var(--d-ink)}.dl-dialog .dl-button.secondary:hover{background:var(--d-blue-wash)}.dl-dialog .dl-button:disabled{opacity:.5;cursor:default;filter:none}
.dl-summary{margin:18px 0}.dl-summary>div{display:flex;justify-content:space-between;gap:24px;padding:7px 0;font-size:14px}.dl-summary dt{color:var(--d-muted)}.dl-summary dd{margin:0;text-align:right;overflow-wrap:anywhere}.dl-total{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:16px 0;border-block:1px solid var(--d-rule)}.dl-total strong{font-size:32px;line-height:1.3;font-variant-numeric:tabular-nums}
.dl-plan-tabs,.dl-cycle:not(.dv-price-cycle){display:flex;gap:6px;padding:4px;border-radius:10px;background:var(--d-blue-wash);margin:12px 0}.dl-dialog :is(.dl-plan-tabs,.dl-cycle:not(.dv-price-cycle))>button{flex:1;min-height:44px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--d-muted);font:inherit;font-size:15px;cursor:pointer}.dl-dialog :is(.dl-plan-tabs,.dl-cycle:not(.dv-price-cycle))>button:hover{color:var(--d-blue)}.dl-dialog :is(.dl-plan-tabs,.dl-cycle:not(.dv-price-cycle))>button[aria-pressed=true]{background:var(--d-canvas);color:var(--d-blue);border-color:var(--d-rule)}
.dl-auth,.dl-requirements{display:grid;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--d-rule)}.dl-auth h3{font-size:18px;margin:0}.dl-auth .dl-note{margin:0}.dl-auth>span{text-align:center}.dl-dialog .dl-status,.dl-dialog .dl-error{padding:12px 14px;background:var(--d-blue-wash);color:var(--d-ink);border-radius:8px;font-size:14px}.dl-demo{margin-top:16px;font-size:12px;color:var(--d-muted)}.dl-demo summary{cursor:pointer;min-height:32px;display:list-item}.dl-demo label{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.dl-demo select{min-height:44px;padding:8px;border:1px solid var(--d-rule);border-radius:7px;font:inherit;background:var(--d-canvas);color:var(--d-ink)}
@media(max-width:600px){.dl-dialog .dl-head{top:-20px}.dl-actions>.dl-button{flex:1}.dl-dialog{padding-bottom:max(20px,env(safe-area-inset-bottom))}.dl-summary>div{gap:14px}}
@media(prefers-reduced-motion:reduce){.dl-dialog *{transition:none!important;scroll-behavior:auto!important}}