#home .hero .actions{flex-wrap:wrap}
#tutorialView{display:inline-flex;gap:7px;align-items:center}
.tutorialHelpRow{display:flex;justify-content:flex-end;height:34px;margin:0 0 14px}
.tutorialHelpRow #tutorialHelp{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;border:1px solid #ded8ed;border-radius:50%;background:#fff;color:#716387;font-size:16px;font-weight:800;line-height:1;box-shadow:0 3px 12px #30245b0b}
.tutorialHelpRow #tutorialHelp:hover{border-color:#9c8bf3;background:#f5f1ff;color:#6558e8}
.tutorialHelpRow #tutorialHelp:disabled{opacity:.45;cursor:default}
.page:has(>.tutorialHelpRow)>.pageHelp{display:none!important}
.credit>small{display:none!important}
#tutorialHelp:focus-visible{outline:3px solid #9c8bf3;outline-offset:3px}
#mathgenTutorialDialog{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;background:transparent;color:#252137;overflow:hidden;z-index:10000}
#mathgenTutorialDialog:not([open]){display:none}
#mathgenTutorialDialog::backdrop{background:transparent}
.tutorialSpotlight{position:fixed;border:1px solid #9d8cf5;border-radius:13px;box-shadow:0 0 0 9999px #17142685;pointer-events:none}
.tutorialDemoStage{position:fixed;bottom:0;padding-bottom:100px;overflow:auto;background:var(--bg,#f6f7fb);z-index:0}
#mathgenTutorialDialog .tutorialSpotlight{z-index:1}
#mathgenTutorialDialog .tutorialArrow{z-index:2}
#mathgenTutorialDialog .tutorialCard{z-index:3}
#mathgenTutorialDialog .tutorialControls{z-index:4}
.tutorialCard{position:fixed;width:370px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 112px);overflow:auto;border:1px solid #e4ddf7;border-radius:18px;background:#fff;padding:22px;box-shadow:0 12px 48px #20183940;outline:none}
.tutorialTop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}
.tutorialProgress{font-size:12px;font-weight:750;color:#75638d;letter-spacing:.04em}
.tutorialSkip{border:0;background:transparent;padding:10px 6px;font-size:12px;color:#726b7d;text-decoration:underline;text-underline-offset:3px}
.tutorialCard h2{font-size:22px;line-height:1.4;letter-spacing:-.03em;margin:0 0 10px}
.tutorialCard p{font-size:14px;line-height:1.75;margin:0;color:#665e73;word-break:keep-all}
.tutorialCard{width:350px;padding:22px;border-radius:20px;box-shadow:0 18px 60px #20183938}
.tutorialTop{margin-bottom:12px}
.tutorialProgress{font-size:12px;letter-spacing:0;color:#65558a}
.tutorialMode{flex:none;border-radius:20px;background:#f0edff;padding:5px 9px;color:#6558cf;font-size:11px;font-weight:750}
.tutorialProgressTrack{height:4px;border-radius:4px;background:#eeebf5;margin-bottom:20px;overflow:hidden}
.tutorialProgressTrack span{display:block;height:100%;border-radius:4px;background:#7867ec;transition:width .2s ease}
.tutorialAction{display:grid;gap:5px;margin-top:18px;padding:13px 15px;border:0;border-radius:12px;background:#f5f4f8;font-size:13px;line-height:1.6;word-break:keep-all}
.tutorialAction b{font-size:11px;color:#6b56d6}
.tutorialAction span{color:#443967}
[data-tutorial-action="true"]{cursor:pointer!important;opacity:1!important}
[data-tutorial-action="true"]:hover{filter:brightness(.97)}
[data-tutorial-action="true"]:focus-visible{outline:2px solid #8c70ef!important;outline-offset:2px!important}
input[type="range"][data-tutorial-action="true"],[role="slider"][data-tutorial-action="true"]{cursor:ew-resize!important}
[data-tutorial-action="false"]{opacity:.42!important;cursor:default!important}
:host .tutorialExampleSheet,:host #results,:host #multiAnalysisResults,:host .analysisResultCard{scroll-margin-top:90px}
:host .tutorialExampleResult .worksheetOriginalPreview{display:none}
.tutorialExampleNote{height:auto!important;min-height:34px;line-height:1.5;white-space:normal;letter-spacing:0}
@media(prefers-reduced-motion:reduce){.tutorialProgressTrack span{transition:none}}
.tutorialControls{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);display:grid;grid-template-columns:88px 80px 106px;gap:8px;align-items:center;width:322px;max-width:calc(100vw - 24px);padding:12px;border:1px solid #e4ddf7;border-radius:16px;background:#fff;box-shadow:0 8px 32px #20183940;z-index:1}
.tutorialControls button{width:100%;height:44px;padding:10px 12px;border-radius:10px;font-weight:700}
.tutorialControls .tutorialBack{background:#fff;border:1px solid #e7e1ee;color:#756b85;font-size:14px}
.tutorialControls .tutorialNext{background:#6558e8;border:1px solid #6558e8;color:#fff;font-size:14px}
.tutorialControls .tutorialBack[hidden]{display:block!important;visibility:hidden}
.tutorialArrow{position:fixed;width:14px;height:14px;background:#fff;border:1px solid #e4ddf7;transform:rotate(45deg);pointer-events:none}
#mathgenTutorialDialog[data-side="bottom"] .tutorialArrow{border-right:0;border-bottom:0}
#mathgenTutorialDialog[data-side="top"] .tutorialArrow{border-left:0;border-top:0}
#mathgenTutorialDialog[data-side="right"] .tutorialArrow{border-top:0;border-right:0}
#mathgenTutorialDialog[data-side="left"] .tutorialArrow{border-bottom:0;border-left:0}
.tutorialControls button:focus-visible,#tutorialView:focus-visible,#mathgenTutorialHint button:focus-visible{outline:3px solid #9c8bf3;outline-offset:3px}
#mathgenTutorialHint{width:420px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #e4ddf7;border-radius:20px;padding:28px;color:#252137;background:#fff;box-shadow:0 16px 64px #20183940}
#mathgenTutorialHint::backdrop{background:#17142680}
#mathgenTutorialHint h2{font-size:22px;line-height:1.4;margin:18px 0 12px;letter-spacing:-.03em}
#mathgenTutorialHint p{font-size:14px;line-height:1.7;color:#665e73;word-break:keep-all}
#mathgenTutorialHint button{display:block;width:100%;min-height:44px;margin-top:22px}
.tutorialHintIcon{display:grid;place-items:center;width:44px;height:44px;background:#f1efff;border-radius:50%;color:#6558e8;font-size:24px;font-weight:800}
@media(max-width:580px){.tutorialCard{padding:18px}.tutorialCard h2{font-size:20px}.tutorialCard p{font-size:13px}.tutorialControls{grid-template-columns:1fr 70px 96px}}