:root{--dng-navy:#062f63;--dng-blue:#0877bd;--dng-teal:#13a99c;--dng-gold:#ffd36a;--dng-ink:#102a43}
.dng-backdrop{position:fixed;inset:0;z-index:9990;background:rgba(3,24,49,.62);backdrop-filter:blur(5px);animation:dng-fade .2s ease}
.dng-welcome{position:fixed;z-index:9992;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(680px,calc(100% - 32px));background:linear-gradient(150deg,#fff 0%,#f4fbff 68%,#fff7dc 100%);border:1px solid rgba(145,199,226,.75);border-radius:30px;box-shadow:0 30px 90px rgba(2,32,67,.34);padding:clamp(24px,5vw,42px);color:var(--dng-ink);font-family:Poppins,system-ui,sans-serif}
.dng-welcome-mark{width:62px;height:62px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#18bdd2,#0877bd);color:#fff;font-size:28px;box-shadow:0 14px 30px rgba(8,119,189,.25)}
.dng-welcome h2{margin:20px 0 8px;font-size:clamp(25px,4vw,38px);line-height:1.12;color:var(--dng-navy)}
.dng-welcome p{margin:0;color:#526b7e;line-height:1.65;font-size:15px}
.dng-welcome-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}
.dng-welcome-step{padding:14px;border:1px solid #d9e8ef;border-radius:18px;background:rgba(255,255,255,.82);font-size:13px;font-weight:750;color:#33576d}
.dng-welcome-step b{display:block;color:var(--dng-blue);font-size:18px;margin-bottom:4px}
.dng-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.dng-button{border:1px solid #bad5e4;border-radius:999px;background:#fff;color:var(--dng-navy);padding:11px 17px;font:800 14px Poppins,system-ui,sans-serif;cursor:pointer}
.dng-button.primary{background:var(--dng-blue);border-color:var(--dng-blue);color:#fff;box-shadow:0 10px 24px rgba(8,119,189,.23)}
.dng-coach{position:fixed;z-index:9993;right:22px;bottom:22px;width:min(390px,calc(100% - 32px));border:1px solid #b9dbea;border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 22px 58px rgba(2,40,76,.25);padding:18px 18px 16px;color:var(--dng-ink);font-family:Poppins,system-ui,sans-serif;animation:dng-rise .24s ease}
.dng-coach-top{display:flex;gap:12px;align-items:flex-start}.dng-step-count{flex:0 0 auto;background:#e5f7ff;color:var(--dng-blue);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;letter-spacing:.05em}.dng-coach h3{font-size:18px;line-height:1.3;margin:1px 0 5px;color:var(--dng-navy)}.dng-coach p{font-size:13px;line-height:1.55;color:#526b7e;margin:0}.dng-coach .dng-actions{margin-top:14px}.dng-coach .dng-button{padding:8px 12px;font-size:12px}
.dng-focus{position:relative!important;z-index:9991!important;outline:5px solid var(--dng-gold)!important;outline-offset:7px!important;border-radius:22px!important;box-shadow:0 0 0 9999px rgba(3,24,49,.48),0 18px 46px rgba(2,32,67,.28)!important;transition:outline .2s ease,box-shadow .2s ease}
.dng-help{position:fixed;z-index:9988;right:18px;bottom:78px;width:44px;height:44px;border:1px solid #acd4e6;border-radius:999px;background:#fff;color:var(--dng-navy);box-shadow:0 10px 28px rgba(2,40,76,.18);font:900 19px Poppins,system-ui,sans-serif;cursor:pointer}
.dng-help:hover,.dng-help:focus-visible{background:#e8f8ff;outline:3px solid var(--dng-gold);outline-offset:2px}
.dng-pickable{position:relative!important;z-index:9991!important;outline:4px dashed #0877bd!important;outline-offset:5px!important;cursor:help!important}.dng-pickable:hover{outline-style:solid!important;box-shadow:0 0 0 6px rgba(8,119,189,.15)!important}.dng-pick-card{border-color:#72c8f5;background:#f4fbff}
@keyframes dng-fade{from{opacity:0}to{opacity:1}}@keyframes dng-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:640px){.dng-welcome-steps{grid-template-columns:1fr}.dng-welcome{max-height:calc(100vh - 24px);overflow:auto;border-radius:24px}.dng-coach{right:12px;bottom:12px}.dng-help{right:12px;bottom:68px}}
@media(prefers-reduced-motion:reduce){.dng-backdrop,.dng-welcome,.dng-coach{animation:none}}