#dproTutorialRoot{position:relative;z-index:2147483000;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}
.dpro-tutorial-launcher{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:2147483000;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 24px)}
.dpro-tutorial-launcher button,.dpro-tutorial-card button{min-height:44px;border:0;border-radius:999px;padding:9px 14px;background:#8f2947;color:#fff;font:800 14px/1.2 system-ui,-apple-system,"Segoe UI","Noto Sans JP",sans-serif;cursor:pointer;box-shadow:0 7px 20px rgba(75,46,43,.18)}
.dpro-tutorial-launcher button.sub,.dpro-tutorial-card button.sub{background:#fff7ef;color:#4b2e2b;border:1px solid #eaded2}.dpro-tutorial-launcher button:focus-visible,.dpro-tutorial-card button:focus-visible,.dpro-tutorial-handle:focus-visible{outline:3px solid #f2b94b;outline-offset:3px}
#dproTutorialHighlight{position:fixed;z-index:2147482997;pointer-events:none;border:4px solid #d89d2f;border-radius:14px;box-shadow:0 0 0 9999px rgba(35,25,22,.32),0 0 0 4px rgba(255,255,255,.9);opacity:0;transition:opacity .12s ease,left .12s ease,top .12s ease,width .12s ease,height .12s ease}#dproTutorialHighlight.show{opacity:1}
.dpro-tutorial-card{position:fixed;z-index:2147482999;right:18px;top:90px;width:min(390px,calc(100vw - 16px));max-height:min(78vh,620px);overflow:auto;border:1px solid #eaded2;border-radius:20px;background:#fffdf9;color:#4b2e2b;box-shadow:0 24px 70px rgba(45,27,23,.28);padding:0 18px 18px}.dpro-tutorial-card[hidden]{display:none!important}
.dpro-tutorial-handle{margin:0 -18px 14px;padding:13px 54px 13px 18px;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#4b2e2b,#8f2947);color:#fff;cursor:grab;touch-action:none;user-select:none;font-size:13px;font-weight:900;letter-spacing:.03em}.dpro-tutorial-handle:active{cursor:grabbing}.dpro-tutorial-close{position:absolute;right:9px;top:7px;width:38px;min-height:38px!important;height:38px;padding:0!important;background:rgba(255,255,255,.14)!important;box-shadow:none!important;font-size:25px!important}
.dpro-tutorial-progress{font-size:12px;font-weight:950;color:#8f2947;letter-spacing:.08em}.dpro-tutorial-card h2{margin:5px 0 7px;font-size:22px;line-height:1.35;color:#4b2e2b}.dpro-tutorial-card p{margin:0;font-size:15px;line-height:1.65;color:#685751}.dpro-tutorial-card .dpro-tutorial-hint{margin-top:10px;padding:9px 11px;border-radius:11px;background:#fff3df;color:#75531f;font-size:12px}.dpro-tutorial-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}.dpro-tutorial-actions button:first-child{margin-right:auto}.dpro-tutorial-actions button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:520px){.dpro-tutorial-card{top:auto;right:auto;left:8px;bottom:74px;width:calc(100vw - 16px);max-height:68vh}.dpro-tutorial-launcher{left:8px;right:8px;justify-content:center}.dpro-tutorial-launcher button{flex:1 1 auto}.dpro-tutorial-actions{display:grid;grid-template-columns:1fr 1fr}.dpro-tutorial-actions button{width:100%}.dpro-tutorial-actions button:first-child{margin:0}}
@media(prefers-reduced-motion:reduce){#dproTutorialHighlight{transition:none}}