.das-welcome{width:min(440px,calc(100vw - 32px));padding:26px;border:1px solid var(--border);border-radius:24px;background:var(--paper);color:var(--ink);box-sizing:border-box;max-height:calc(100dvh - 32px);overflow:auto}.das-welcome::backdrop{background:#0009;backdrop-filter:blur(4px)}.das-welcome h2{font-size:26px;margin:0 0 12px;line-height:1.6}.das-welcome p{line-height:1.9;margin:0 0 18px}.das-welcome button{font:inherit;min-height:44px;padding:10px 16px;border:1px solid var(--border);border-radius:12px;background:var(--paper);color:var(--ink);cursor:pointer}.das-welcome .primary,.das-guide-tip .primary{background:var(--yellow);color:#111;border-color:var(--yellow);font-weight:700}.das-welcome>.primary{width:100%;margin-top:14px}.das-quiet{background:transparent!important;border-color:transparent!important;color:var(--muted)!important}.das-welcome>.das-quiet{display:block;margin:6px auto 0}.das-welcome label{display:grid;gap:8px}.das-welcome input{width:100%;box-sizing:border-box;padding:14px;border:1px solid var(--border);background:var(--paper);color:var(--ink);font:inherit;border-radius:12px}.das-start-choices{display:grid;gap:10px}.das-welcome .das-start-choice{display:grid;text-align:start;gap:3px;padding:16px}.das-start-choice span{font-size:14px;color:var(--muted)}.das-welcome button:focus-visible,.das-guide button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.das-welcome button:hover{border-color:var(--yellow)}
.das-guide{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;margin:0;border:0;background:transparent;color:var(--ink);overflow:hidden}.das-guide::backdrop{background:transparent;backdrop-filter:none}.das-guide-shade{position:fixed;background:#000b;pointer-events:auto}.das-guide-hole{position:fixed;border:2px solid var(--yellow);border-radius:18px;box-sizing:border-box;pointer-events:none;box-shadow:0 0 22px #ffcc0022}.das-guide-tip{position:fixed;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 12px 50px #0005;max-height:calc(100dvh - 28px);overflow:auto;box-sizing:border-box}.das-guide-tip h2{font-size:21px;line-height:1.5;margin:6px 0}.das-guide-tip p{font-size:15px;line-height:1.9;margin:8px 0 16px}.das-guide-tip small{color:var(--muted)}.das-guide-tip button{font:inherit;padding:8px 14px;min-height:44px;border-radius:10px;border:1px solid var(--border);background:var(--paper);color:var(--ink);cursor:pointer}.das-guide-tip button:disabled{opacity:.4}.das-guide-actions{display:flex;gap:10px;justify-content:space-between}.das-guide-actions .primary{flex:1}.das-guide-tip>.das-quiet{margin:6px auto 0;display:block}.das-guiding .program-card,.das-guiding .need-choice{transform:none!important;transition:none!important}
@media(max-width:420px){.das-welcome{padding:20px}.das-guide-tip{padding:16px}}
.das-welcome .sn-form{display:grid;gap:14px}.das-welcome .sn-form p:empty{display:none}

/* Compact coachmarks: product stays in a separate area of the viewport. */
body.das-guiding{padding-bottom:100dvh!important}
.das-guide-tip{padding:12px 14px;border-radius:14px;max-height:min(220px,calc(100dvh - 24px))}
.das-guide-tip h2{font-size:17px;line-height:1.4;margin:4px 0}
.das-guide-tip p{font-size:13px;line-height:1.65;margin:6px 0 10px}
.das-guide-tip small{font-size:11px}
.das-guide-tip button{font-size:13px;min-height:40px;padding:6px 10px}
.das-guide-tip>.das-quiet{font-size:12px;min-height:28px;margin-top:2px;padding:2px 8px}
.das-guide-actions{gap:8px}
.das-welcome{width:min(360px,calc(100vw - 28px));padding:20px}
.das-welcome h2{font-size:22px;margin-bottom:8px}.das-welcome p{font-size:14px;line-height:1.75;margin-bottom:14px}
.das-welcome .das-start-choice{padding:12px}.das-start-choice strong{font-size:15px}.das-start-choice span{font-size:13px}
@media(max-width:420px){.das-guide-tip{padding:11px 13px}.das-welcome{padding:18px}}

/* Blur only the four outside regions; the spotlight and tooltip remain crisp. */
.das-guide-shade{background:rgba(0,0,0,.48);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}

.das-welcome .das-marketing-choice{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.7}.das-welcome .das-marketing-choice input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;padding:0;margin-top:4px;accent-color:var(--yellow)}

/* Readable, compact tutorial cards retain contrast in either theme. */
.das-guide-tip{background:#fff;color:#111;border-color:#ddd;text-align:right}
.das-guide-tip h2{font-size:22px;line-height:1.4;color:#111}
.das-guide-tip p{font-size:18px;line-height:1.6;color:#111;margin:6px 0 12px}
.das-guide-tip small{font-size:12px;color:#555}
.das-guide-tip button{font-size:15px;background:#fff;color:#111;border-color:#ddd}
.das-guide-tip .primary{background:var(--yellow);color:#111;border-color:var(--yellow)}
.das-guide-tip .das-quiet{color:#555!important}