:root{--dpro-tut-bg:#ffffff;--dpro-tut-ink:#17231f;--dpro-tut-muted:#66756f;--dpro-tut-brand:#0d5c50;--dpro-tut-deep:#063d35;--dpro-tut-line:#cedbd7;--dpro-tut-shadow:0 18px 48px rgba(5,59,52,.22);--dpro-tut-focus:#0b6f61}
#dproTutLauncher{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:2147483000;display:flex;gap:7px;align-items:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",Meiryo,sans-serif}
#dproTutLauncher button,#dproTutCard button{font:inherit}
.dpro-tut-launch{min-height:44px;padding:9px 13px;border:1px solid var(--dpro-tut-line);border-radius:999px;color:#fff;background:linear-gradient(145deg,var(--dpro-tut-brand),var(--dpro-tut-deep));box-shadow:var(--dpro-tut-shadow);font-size:12px;font-weight:900;cursor:pointer}
.dpro-tut-mini{display:none;gap:6px;padding:6px;border:1px solid var(--dpro-tut-line);border-radius:14px;background:#fff;box-shadow:var(--dpro-tut-shadow)}
#dproTutLauncher[data-open="1"] .dpro-tut-mini{display:flex}
.dpro-tut-mini button{min-height:36px;padding:7px 10px;border:1px solid var(--dpro-tut-line);border-radius:9px;color:var(--dpro-tut-deep);background:#fff;font-size:11px;font-weight:850;cursor:pointer}
.dpro-tut-mini button[hidden]{display:none!important}
#dproTutShade{position:fixed;inset:0;z-index:2147483001;pointer-events:none;background:rgba(7,24,20,.18)}
#dproTutHighlight{position:fixed;z-index:2147483002;pointer-events:none;border:3px solid #20a989;border-radius:14px;box-shadow:0 0 0 9999px rgba(7,24,20,.26),0 0 0 5px rgba(32,169,137,.18);transition:top .16s ease,left .16s ease,width .16s ease,height .16s ease}
#dproTutCard{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:2147483003;width:min(390px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 24px));overflow:auto;border:1px solid var(--dpro-tut-line);border-radius:18px;color:var(--dpro-tut-ink);background:var(--dpro-tut-bg);box-shadow:var(--dpro-tut-shadow);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",Meiryo,sans-serif}
#dproTutCard[hidden],#dproTutHighlight[hidden],#dproTutShade[hidden]{display:none!important}
.dpro-tut-handle{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:9px 11px;border-bottom:1px solid var(--dpro-tut-line);color:#fff;background:linear-gradient(145deg,var(--dpro-tut-brand),var(--dpro-tut-deep));cursor:grab;touch-action:none;user-select:none}
.dpro-tut-handle:active{cursor:grabbing}.dpro-tut-handle strong{font-size:12px}.dpro-tut-handle span{font-size:11px;opacity:.8}.dpro-tut-close{width:34px;height:34px;flex:0 0 auto;border:1px solid rgba(255,255,255,.28);border-radius:9px;color:#fff;background:rgba(255,255,255,.08);font-size:18px;line-height:1;cursor:pointer}
.dpro-tut-body{padding:16px}.dpro-tut-step{margin:0;color:var(--dpro-tut-brand);font-size:10px;font-weight:950;letter-spacing:.1em}.dpro-tut-title{margin:5px 0 0;font-size:21px;line-height:1.35}.dpro-tut-copy{margin:9px 0 0;color:#465751;font-size:13px;line-height:1.7}.dpro-tut-safe{margin-top:11px;padding:9px 10px;border-radius:10px;color:#52645e;background:#eef6f3;font-size:10px;line-height:1.55}.dpro-tut-fallback{margin-top:9px;color:#8a5a13;font-size:10px;font-weight:800}.dpro-tut-progress{height:6px;margin:14px 0 0;overflow:hidden;border-radius:999px;background:#e8efed}.dpro-tut-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--dpro-tut-brand),#2b9d86)}.dpro-tut-actions{display:grid;grid-template-columns:auto 1fr 1fr;gap:7px;margin-top:14px}.dpro-tut-actions button{min-height:42px;padding:8px 10px;border-radius:10px;border:1px solid var(--dpro-tut-line);font-size:11px;font-weight:900;cursor:pointer}.dpro-tut-back{color:var(--dpro-tut-deep);background:#fff}.dpro-tut-skip{color:#8a5a13;background:#fff8e8}.dpro-tut-next{color:#fff;border-color:var(--dpro-tut-brand)!important;background:linear-gradient(145deg,var(--dpro-tut-brand),var(--dpro-tut-deep))}.dpro-tut-actions button:disabled{opacity:.45;cursor:not-allowed}
#dproTutCard :focus-visible,#dproTutLauncher :focus-visible{outline:3px solid var(--dpro-tut-focus);outline-offset:3px}
#dproTutCard.dpro-tut-focus-ring{outline:4px solid rgba(11,111,97,.35);outline-offset:3px}
@media(max-width:620px){#dproTutCard{width:min(360px,calc(100vw - 14px));max-height:calc(100vh - 14px);right:7px;bottom:7px;border-radius:15px}.dpro-tut-body{padding:14px}.dpro-tut-title{font-size:18px}.dpro-tut-copy{font-size:12px}.dpro-tut-actions{grid-template-columns:1fr 1fr}.dpro-tut-back{grid-column:1}.dpro-tut-skip{grid-column:2}.dpro-tut-next{grid-column:1/-1}#dproTutLauncher{left:7px;bottom:7px}.dpro-tut-mini{flex-wrap:wrap;max-width:calc(100vw - 72px)}}
@media(prefers-reduced-motion:reduce){#dproTutHighlight{transition:none}}
#dproGuideCenter{position:fixed;inset:0;z-index:2147483005;display:grid;place-items:center;padding:16px;background:rgba(7,24,20,.58);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",Meiryo,sans-serif}
#dproGuideCenter[hidden]{display:none!important}.dpro-guide-panel{width:min(860px,100%);max-height:min(820px,calc(100vh - 24px));overflow:auto;border:1px solid var(--dpro-tut-line);border-radius:20px;color:var(--dpro-tut-ink);background:#fff;box-shadow:var(--dpro-tut-shadow)}.dpro-guide-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--dpro-tut-line);background:rgba(255,255,255,.97)}.dpro-guide-head p{margin:0;color:var(--dpro-tut-brand);font-size:10px;font-weight:950;letter-spacing:.12em}.dpro-guide-head h2{margin:4px 0 0;font-size:25px}.dpro-guide-head span{display:block;margin-top:4px;color:var(--dpro-tut-muted);font-size:11px}.dpro-guide-head button{width:38px;height:38px;border:1px solid var(--dpro-tut-line);border-radius:10px;color:var(--dpro-tut-deep);background:#fff;font-size:19px;cursor:pointer}.dpro-guide-controls{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px;border-bottom:1px solid var(--dpro-tut-line)}.dpro-guide-controls button{min-height:42px;padding:8px 14px;border:1px solid var(--dpro-tut-line);border-radius:10px;color:var(--dpro-tut-deep);background:#fff;font-size:12px;font-weight:900;cursor:pointer}.dpro-guide-controls button:first-child{color:#fff;border-color:var(--dpro-tut-brand);background:linear-gradient(145deg,var(--dpro-tut-brand),var(--dpro-tut-deep))}.dpro-guide-controls button[hidden]{display:none!important}.dpro-guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px}.dpro-guide-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:13px;border:1px solid var(--dpro-tut-line);border-radius:13px;background:#fff}.dpro-guide-item.is-current{border-color:#70b8a8;background:#eef8f5;box-shadow:inset 4px 0 0 var(--dpro-tut-brand)}.dpro-guide-item>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--dpro-tut-brand);font-size:11px;font-weight:950}.dpro-guide-item strong{display:block;font-size:13px}.dpro-guide-item small{display:block;margin-top:2px;color:var(--dpro-tut-muted);font-size:9px;overflow-wrap:anywhere}.dpro-guide-item p{margin:6px 0 0;color:#4b5c57;font-size:10px;line-height:1.55}.dpro-guide-panel :focus-visible{outline:3px solid var(--dpro-tut-focus);outline-offset:3px}
@media(max-width:620px){#dproGuideCenter{padding:7px}.dpro-guide-panel{max-height:calc(100vh - 14px);border-radius:15px}.dpro-guide-list{grid-template-columns:1fr;padding:12px}.dpro-guide-head{padding:14px}.dpro-guide-controls{padding:12px 14px}.dpro-guide-item{padding:11px}}