#tutorialDialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--text);overflow:hidden}
#tutorialDialog::backdrop{background:transparent;backdrop-filter:none}
.tutorial-focus{position:fixed;border:2px solid var(--tutorial-accent);border-radius:14px;box-shadow:0 0 0 200vmax rgb(7 8 18 / 78%);pointer-events:none}
.tutorial-focus[hidden]{display:block;inset:0!important;width:100%!important;height:100%!important;background:rgb(7 8 18 / 78%);border:0}
.tutorial-card{position:fixed;display:flex;flex-direction:column;width:410px;max-width:calc(100vw - 32px);padding:24px;border:1px solid #49516c;border-radius:24px;background:linear-gradient(145deg,#252b43,#191c2e);box-shadow:0 20px 70px #0009;overflow:hidden}
.tutorial-content{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.tutorial-top,.tutorial-progress,.tutorial-actions{flex-shrink:0}
.tutorial-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.tutorial-label{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:1.2px;color:#c3cbe2}
.tutorial-dismiss,.tutorial-back{background:transparent;border:0;color:#e1e5f4;font-size:14px;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
.tutorial-dismiss{flex-shrink:0}
.tutorial-progress{display:flex;gap:6px;margin-bottom:22px}
.tutorial-progress span{height:3px;flex:1;border-radius:4px;background:#41475e}
.tutorial-progress .is-done{background:var(--tutorial-accent)}
.tutorial-step{display:flex;align-items:center;gap:12px;color:#c3cbe2;font-size:12px;font-weight:600;margin-bottom:16px}
.tutorial-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ffffff0d;color:var(--tutorial-accent);font-size:25px}
#tutorialTitle{font:600 28px/1.15 'Outfit',sans-serif;letter-spacing:-.5px;margin:0 0 12px;color:#f6f7ff;outline:none}
#tutorialCopy{font-size:16px;line-height:1.65;color:#e0e4f3;margin:0 0 18px}
.tutorial-tip{border-left:2px solid var(--tutorial-accent);padding:0 0 0 12px;font-size:14px;line-height:1.65;color:#bdc7e2;margin:0}
.tutorial-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}
.tutorial-back:disabled{opacity:.35;cursor:default}
.tutorial-actions .primary{background:var(--tutorial-accent);color:#10162c;min-height:46px;padding:13px 20px;border-radius:12px}
@media(max-width:400px){.tutorial-card{padding:20px}.tutorial-top{gap:6px}.tutorial-label{font-size:12px;letter-spacing:.2px}#tutorialTitle{font-size:25px}.tutorial-progress{margin-bottom:18px}}
@media(max-height:550px){.tutorial-card{padding:16px 20px}.tutorial-step{display:none}.tutorial-progress{margin-bottom:14px}.tutorial-actions{margin-top:14px}}

.tutorial-install[hidden]{display:none}.tutorial-install .install-instruction{padding-left:22px;font-size:16px;line-height:1.6;margin:16px 0}.tutorial-install .install-instruction li{margin-bottom:12px}.tutorial-install .form-help{font-size:14px;line-height:1.55;margin:0 0 18px}.install-platform-label{display:grid;gap:8px;color:var(--text);font-size:14px}.install-platform-label select{width:100%;min-height:44px;padding:10px 12px;margin:0;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit}

.tutorial-install-action[hidden]{display:none}.tutorial-install-status:empty{display:none}.tutorial-install-action{margin:0 0 12px}