:root{--dpro-tut:#087f8c;--dpro-tut-deep:#05636d;--dpro-tut-bg:#fff;--dpro-tut-ink:#18343f;--dpro-tut-muted:#667b84;--dpro-tut-line:#cfe0e5;--dpro-tut-focus:#ffb703}
#dpro-tutorial-highlight{position:fixed;z-index:2147483000;pointer-events:none;border:3px solid var(--dpro-tut);border-radius:14px;box-shadow:0 0 0 9999px rgba(10,35,42,.28),0 0 0 6px rgba(8,127,140,.18);transition:top .15s,left .15s,width .15s,height .15s;display:none}
#dpro-tutorial-card{position:fixed;z-index:2147483100;width:min(380px,calc(100vw - 16px));max-height:min(620px,calc(100vh - 16px));overflow:auto;border:1px solid var(--dpro-tut-line);border-radius:18px;background:var(--dpro-tut-bg);color:var(--dpro-tut-ink);box-shadow:0 20px 60px rgba(14,46,56,.28);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic UI",Meiryo,sans-serif;display:none;box-sizing:border-box}
#dpro-tutorial-card *{box-sizing:border-box}
#dpro-tutorial-handle{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 12px;cursor:grab;touch-action:none;color:#fff;background:linear-gradient(135deg,var(--dpro-tut-deep),var(--dpro-tut));font-size:11px;font-weight:900;user-select:none}
#dpro-tutorial-handle:active{cursor:grabbing}
.dpro-tut-grip{letter-spacing:.08em;opacity:.92}.dpro-tut-count{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.16);white-space:nowrap}
.dpro-tut-body{padding:16px}.dpro-tut-kicker{color:var(--dpro-tut);font-size:10px;font-weight:1000;letter-spacing:.1em}.dpro-tut-title{margin:6px 0 0;font-size:21px;line-height:1.4;outline:none}.dpro-tut-copy{margin:10px 0 0;color:var(--dpro-tut-muted);font-size:13px;line-height:1.75}.dpro-tut-note{margin-top:11px;padding:10px 11px;border-radius:11px;background:#edf8f8;color:#315d63;font-size:11px;line-height:1.65;font-weight:700}
.dpro-tut-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:15px}.dpro-tut-button{min-height:42px;border:1px solid var(--dpro-tut-line);border-radius:10px;padding:8px 9px;background:#fff;color:var(--dpro-tut-deep);font:inherit;font-size:11px;font-weight:900;cursor:pointer}.dpro-tut-button.primary{border-color:var(--dpro-tut);color:#fff;background:var(--dpro-tut)}.dpro-tut-button:disabled{opacity:.45;cursor:not-allowed}.dpro-tut-button:focus-visible,#dpro-tutorial-launcher:focus-visible,#dpro-tutorial-handle:focus-visible{outline:4px solid var(--dpro-tut-focus);outline-offset:2px}
.dpro-tut-footer{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:11px;color:#73868d;font-size:9px}.dpro-tut-link{color:var(--dpro-tut-deep);font-weight:900}
#dpro-tutorial-launcher{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:2147483050;min-height:46px;max-width:calc(100vw - 20px);border:0;border-radius:999px;padding:10px 15px;color:#fff;background:linear-gradient(135deg,var(--dpro-tut-deep),var(--dpro-tut));box-shadow:0 10px 28px rgba(8,93,102,.3);font:inherit;font-size:12px;font-weight:950;cursor:pointer}
.dpro-tut-complete{text-align:center;padding:8px 0}.dpro-tut-complete strong{display:block;font-size:23px;color:var(--dpro-tut-deep)}
@media(max-width:390px){#dpro-tutorial-card{width:calc(100vw - 12px);max-height:calc(100vh - 12px)}.dpro-tut-body{padding:13px}.dpro-tut-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dpro-tut-title{font-size:19px}}
@media(max-width:330px){#dpro-tutorial-card{width:calc(100vw - 8px)}.dpro-tut-body{padding:11px}.dpro-tut-copy{font-size:12px}.dpro-tut-note{font-size:10px}}
@media print{#dpro-tutorial-card,#dpro-tutorial-highlight,#dpro-tutorial-launcher{display:none!important}}