/* DPRO TUTORIAL NAIL / STANDARD V1.1 / R3 */
:root{--dpro-tutorial-brand:#68473e;--dpro-tutorial-accent:#c99b87;--dpro-tutorial-ink:#2f2926;--dpro-tutorial-bg:#fffaf7;--dpro-tutorial-line:#dfcfc6;--dpro-tutorial-focus:#2f6fed}
#dproTutorialNailLauncher{position:fixed;right:12px;bottom:12px;z-index:2147483000;border:0;border-radius:999px;padding:11px 15px;background:var(--dpro-tutorial-brand);color:#fff;font:900 13px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;box-shadow:0 12px 34px rgba(46,35,31,.28);cursor:pointer}
#dproTutorialNailLauncher:focus-visible,.dpro-tutorial-card button:focus-visible,.dpro-tutorial-drag-handle:focus-visible{outline:3px solid var(--dpro-tutorial-focus);outline-offset:3px}
.dpro-tutorial-highlight{position:fixed;z-index:2147482997;pointer-events:none;border:3px solid #b36f55;border-radius:16px;box-shadow:0 0 0 9999px rgba(33,24,21,.26),0 0 0 5px rgba(255,255,255,.72);transition:top .16s ease,left .16s ease,width .16s ease,height .16s ease;display:none}
.dpro-tutorial-card{position:fixed;z-index:2147482999;width:min(390px,calc(100vw - 16px));max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--dpro-tutorial-line);border-radius:22px;background:#fff;color:var(--dpro-tutorial-ink);box-shadow:0 24px 70px rgba(40,27,23,.30);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}
.dpro-tutorial-card[hidden]{display:none!important}.dpro-tutorial-drag-handle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:linear-gradient(135deg,#f4e7e0,#fff8f4);border:0;border-bottom:1px solid var(--dpro-tutorial-line);color:var(--dpro-tutorial-brand);cursor:grab;touch-action:none;user-select:none;font:900 12px/1.3 inherit;text-align:left}.dpro-tutorial-drag-handle:active{cursor:grabbing}.dpro-tutorial-drag-dots{font-size:18px;letter-spacing:2px;opacity:.65}
.dpro-tutorial-body{overflow:auto;overscroll-behavior:contain;padding:16px 17px 10px}.dpro-tutorial-kicker{font-size:10px;font-weight:1000;letter-spacing:.12em;color:#8c6558}.dpro-tutorial-card h2{margin:5px 0 0;font-size:20px;line-height:1.35}.dpro-tutorial-card p{margin:10px 0 0;font-size:13px;line-height:1.72;color:#675b55}.dpro-tutorial-progress{margin-top:12px;height:7px;border-radius:999px;background:#f1e6df;overflow:hidden}.dpro-tutorial-progress>span{display:block;height:100%;background:linear-gradient(90deg,#68473e,#c99b87)}.dpro-tutorial-route{margin-top:8px;font-size:10px;color:#8a7b74;word-break:break-all}
.dpro-tutorial-actions{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:11px 12px 12px;border-top:1px solid var(--dpro-tutorial-line);background:#fffaf7}.dpro-tutorial-actions button{min-height:42px;border-radius:13px;border:1px solid var(--dpro-tutorial-line);background:#fff;color:var(--dpro-tutorial-ink);font-weight:900;font-size:12px;padding:8px 11px;cursor:pointer}.dpro-tutorial-actions .dpro-next{background:var(--dpro-tutorial-brand);border-color:var(--dpro-tutorial-brand);color:#fff}.dpro-tutorial-actions .dpro-skip{font-size:11px;color:#776d68}.dpro-tutorial-top-actions{display:flex;gap:6px}.dpro-tutorial-top-actions button{border:0;background:transparent;color:#68473e;font-weight:900;font-size:11px;cursor:pointer;padding:5px 7px;border-radius:9px}
.dpro-tutorial-transient.hidden{display:block!important}.dpro-tutorial-transient{scroll-margin-top:84px}
.dpro-tutorial-complete{text-align:center;padding:8px 0 4px}.dpro-tutorial-complete strong{display:block;font-size:21px;color:#47745f}.dpro-tutorial-complete p{margin-top:7px}
@media(max-width:390px){#dproTutorialNailLauncher{right:8px;bottom:8px}.dpro-tutorial-card{width:calc(100vw - 16px);border-radius:18px}.dpro-tutorial-body{padding:14px 14px 9px}.dpro-tutorial-card h2{font-size:18px}.dpro-tutorial-actions{grid-template-columns:1fr 1fr}.dpro-tutorial-actions .dpro-skip{grid-column:1/-1;order:3}.dpro-tutorial-actions button{width:100%}}
@media(max-width:320px){.dpro-tutorial-card{width:calc(100vw - 12px);max-width:calc(100vw - 12px)}.dpro-tutorial-actions{gap:6px;padding:9px}.dpro-tutorial-body{padding:12px}.dpro-tutorial-card p{font-size:12px}.dpro-tutorial-drag-handle{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.dpro-tutorial-highlight{transition:none}}

.dpro-tutorial-transient-login{display:none!important}