body.dtp-open{overflow:hidden}
.dtp-overlay{position:fixed;inset:0;z-index:420;background:rgba(10,18,26,.92);display:grid;place-items:center;padding:12px;font-family:Inter,system-ui,sans-serif;color:#fff}
.dtp-wrap{position:relative;width:min(760px,100%);max-height:100%;overflow:auto;background:#173c59;border:1px solid #ffffff33;border-radius:14px;padding:28px 26px 24px}
.dtp-x{position:absolute;right:12px;top:12px;background:#ffffff1a;color:#fff;border:1px solid #ffffff44;border-radius:8px;width:40px;height:40px;cursor:pointer}
.dtp-prog{height:6px;background:#ffffff22;border-radius:3px;margin:0 52px 14px 0}.dtp-prog i{display:block;height:100%;background:#f3c84b;border-radius:3px;transition:width .2s}
.dtp-n{font:700 12px "JetBrains Mono",monospace;color:#f3c84b;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px}
.dtp-body h2{margin:0 0 14px;font-size:clamp(20px,3.2vw,28px);line-height:1.2}
.dtp-opts{display:grid;gap:8px}
.dtp-opt{background:#ffffff14;color:#fff;border:1px solid #ffffff44;border-radius:10px;padding:13px 15px;font:600 15px Inter,sans-serif;text-align:left;cursor:pointer;min-height:46px}.dtp-opt:hover,.dtp-opt:focus-visible{background:#f3c84b;color:#17212b;outline:none}
.dtp-link{background:none;border:0;color:#cfe0ee;font:600 14px Inter,sans-serif;text-decoration:underline;cursor:pointer;padding:12px 4px;min-height:44px}
.dtp-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.dtp-card{background:#ffffff12;border:1px solid #ffffff33;border-radius:12px;padding:16px}.dtp-card h3{margin:4px 0 6px;font-size:18px}.dtp-card p{margin:0 0 8px;color:#d5dde6;font-size:14px}.dtp-card ul{margin:4px 0 12px;padding-left:18px;font-size:14px}
.dtp-rank{font:700 11px "JetBrains Mono",monospace;color:#f3c84b;text-transform:uppercase}
.dtp-go{background:#f3c84b;color:#17212b;border:0;border-radius:8px;padding:10px 14px;font:700 14px Inter,sans-serif;cursor:pointer;min-height:44px}
.dtp-note{font-size:13px;color:#cfe0ee;margin:14px 0 4px}.dtp-actions{display:flex;gap:10px}
.dtp-banner{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:#173c59;color:#fff;border-left:6px solid #f3c84b;border-radius:12px;padding:16px 20px;margin:0 0 18px}.dtp-banner b{font-size:18px;display:block}.dtp-banner span{font-size:14px;color:#d5dde6}
.dtp-banner button{background:#f3c84b;color:#17212b;border:0;border-radius:8px;padding:11px 16px;font:700 14px Inter,sans-serif;cursor:pointer;min-height:44px}