dialog.lectino-tutorial{width:min(404px,calc(100vw - 28px));max-width:404px;max-height:calc(100dvh - 28px);padding:21px 24px 23px;border:1px solid var(--strong,#292d32);border-top:3px solid var(--accent,#8b302b);border-radius:14px;background:var(--bg,#f8f9fa);color:var(--ink,#202124);box-shadow:0 25px 85px #20212435;overflow:auto;overscroll-behavior:contain}.lectino-tutorial::backdrop{background:#20212470;backdrop-filter:blur(4px)}.tutorial-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px}.tutorial-eyebrow{font:600 9px var(--sans,Arial,sans-serif);text-transform:uppercase;letter-spacing:1.4px;color:var(--muted,#666b72)}.tutorial-skip{min-width:44px;min-height:44px;padding:9px 0 9px 10px;font-size:12px;color:var(--muted,#666b72);text-decoration:underline;text-underline-offset:4px}.tutorial-progress{display:flex;gap:6px;margin:8px 0 20px}.tutorial-progress span{height:2px;flex:1;background:var(--line,#b3b7bd)}.tutorial-progress .is-done{background:var(--accent,#8b302b)}.tutorial-illustration{height:218px;position:relative;isolation:isolate;margin:0 0 24px;user-select:none;pointer-events:none}.tutorial-illustration *{box-sizing:border-box}.tutorial-illustration svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.tutorial-paper-back,.tutorial-paper,.tutorial-reader-paper,.tutorial-collected-card{position:absolute;background:var(--paper,#fff);border:1px solid var(--line,#b3b7bd);border-radius:3px;box-shadow:0 8px 18px #2021240a}.tutorial-paper-back{inset:12px 24px 9px 29px;transform:rotate(-5deg);background:var(--soft,#edf0f2)}.tutorial-paper{inset:0 22px 12px;padding:12px 13px;transform:rotate(2deg);animation:tutorial-paper-enter .65s ease-out both}.tutorial-mini-brand{font:600 23px/1 var(--serif,Georgia,serif);letter-spacing:-.7px;padding-bottom:9px;border-bottom:1px solid var(--strong,#292d32)}.tutorial-mini-brand>span{color:var(--accent,#8b302b)}.tutorial-mini-search{height:25px;display:flex;align-items:center;gap:8px;border:1px solid var(--line,#b3b7bd);margin:9px 0;border-radius:2px;padding:0 6px;color:var(--muted,#666b72)}.tutorial-mini-search>svg{width:12px;height:12px}.tutorial-mini-search i{display:block;width:62%;height:3px;background:var(--line,#b3b7bd);opacity:.5}.tutorial-mini-story{position:relative;display:flex;gap:9px;padding:8px 0;border-top:1px solid var(--line,#b3b7bd)}.tutorial-mini-landscape,.tutorial-mini-grid{width:58px;height:43px;border:1px solid var(--line,#b3b7bd);flex-shrink:0;background:var(--soft,#edf0f2);overflow:hidden}.tutorial-mini-landscape svg{width:100%;height:100%;color:var(--accent,#8b302b)}.tutorial-mini-grid{background:linear-gradient(90deg,transparent 48%,#b3b7bd 49%,#b3b7bd 51%,transparent 52%),linear-gradient(0deg,#edf0f2 48%,#b3b7bd 49% 51%,#edf0f2 52%);background-size:20px 20px}.tutorial-type-lines{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;padding:2px 0}.tutorial-type-lines i,.tutorial-type-lines b{display:block;height:4px;background:var(--strong,#292d32);width:85%;opacity:.75}.tutorial-type-lines i{height:2px;background:var(--muted,#666b72);width:42%;opacity:.55}.tutorial-type-lines b:nth-of-type(2){width:68%}.tutorial-type-lines i:last-child{width:56%}.tutorial-story-chosen{margin:0 -5px;padding:8px 5px;border:1px solid var(--accent,#8b302b);border-radius:2px;animation:tutorial-story-select 2.4s ease-in-out .3s 2}.tutorial-story-secondary{border-top:0;opacity:.55}.tutorial-tap-ring{position:absolute;right:27px;bottom:14px;width:18px;height:18px;border:1.5px solid var(--accent,#8b302b);border-radius:50%;box-shadow:0 0 0 5px #8b302b10;opacity:0;animation:tutorial-tap 2.4s ease-in-out .4s 2}.tutorial-floating-mark{position:absolute;bottom:0;right:3px;font:italic 54px/1 var(--serif,Georgia,serif);color:var(--accent,#8b302b);letter-spacing:-3px}.tutorial-reader-paper{inset:0 16px 18px;padding:19px 20px;transform:rotate(-2deg)}.tutorial-reader-rule{width:28px;height:2px;background:var(--accent,#8b302b);margin-bottom:13px}.tutorial-reading-lines{display:flex;flex-direction:column;gap:7px}.tutorial-reading-lines i{height:3px;background:var(--line,#b3b7bd);width:84%;opacity:.5}.tutorial-reading-lines i+i{width:60%}.tutorial-sample{font:29px/1.35 var(--serif,Georgia,serif);margin:16px 0 15px!important;letter-spacing:-.4px}.tutorial-sample-word{position:relative;color:var(--accent,#8b302b);background:#8b302b0c;box-shadow:0 2px var(--accent,#8b302b);padding:0 2px}.tutorial-sample-word .tutorial-tap-ring{right:-8px;bottom:0;animation-delay:.15s}.tutorial-sample-period{padding-left:2px}.tutorial-lines-after{width:74%}.tutorial-meaning-card{position:absolute;bottom:0;right:0;min-width:172px;max-width:85%;padding:12px 44px 13px 16px;border:1px solid var(--strong,#292d32);border-top:2px solid var(--accent,#8b302b);border-radius:3px;background:var(--paper,#fff);box-shadow:0 8px 22px #20212412;animation:tutorial-meaning-enter .65s ease-out .25s both}.tutorial-meaning-card small{display:block;font:9px var(--sans,Arial,sans-serif);color:var(--muted,#666b72);margin-bottom:5px}.tutorial-meaning-card strong{display:block;font:26px/1.1 var(--serif,Georgia,serif);color:var(--accent,#8b302b);font-weight:400}.tutorial-meaning-check{position:absolute;right:12px;bottom:14px;color:var(--accent,#8b302b)}.tutorial-meaning-check svg{width:18px;height:18px}.tutorial-collected-card{inset:5px 28px auto;padding:15px 17px;min-height:132px;border-left:2px solid var(--accent,#8b302b);animation:tutorial-meaning-enter .6s ease-out both}.tutorial-collected-label{font:9px var(--sans,Arial,sans-serif);text-transform:uppercase;letter-spacing:1px;color:var(--muted,#666b72);margin-bottom:10px}.tutorial-collected-card>strong{display:block;font:29px/1.05 var(--serif,Georgia,serif);font-weight:400;letter-spacing:-.3px}.tutorial-collected-card>span{display:block;font-size:13px;margin:6px 0 11px;color:var(--accent,#8b302b)}.tutorial-collected-confirm{border-top:1px solid var(--line,#b3b7bd);padding-top:7px;display:flex;align-items:center;gap:5px;color:var(--muted,#666b72)}.tutorial-collected-confirm svg{width:12px;height:12px}.tutorial-collected-confirm small{font-size:9px}.tutorial-bottom-nav{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);padding:12px 2px 7px;border-top:1.5px solid var(--strong,#292d32);background:var(--paper,#fff);box-shadow:0 7px 15px #20212408}.tutorial-bottom-nav>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:9px;color:var(--muted,#666b72)}.tutorial-bottom-nav svg{width:20px;height:20px}.tutorial-bottom-nav .tutorial-nav-active{color:var(--accent,#8b302b);font-weight:600}.tutorial-nav-active:before{content:"";position:absolute;top:-14px;width:31px;height:3px;background:var(--accent,#8b302b);transform-origin:center;animation:tutorial-nav-mark .55s ease-out .25s both}.tutorial-copy{min-height:121px}.tutorial-step{font-size:10px;letter-spacing:.5px;color:var(--accent,#8b302b);margin:0 0 9px!important}.tutorial-copy h2{font:33px/1.06 var(--serif,Georgia,serif);letter-spacing:-.6px;margin:0 0 12px;font-weight:400}.tutorial-copy h2:focus{outline:none}.tutorial-copy>p:last-child{font-size:13px;line-height:1.65;color:var(--muted,#666b72);max-width:31ch}.tutorial-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:18px}.tutorial-back{min-height:46px;min-width:66px;padding:11px 2px;text-align:left;font-size:12px;color:var(--muted,#666b72)}.tutorial-back:disabled{opacity:.35}.tutorial-next{display:inline-flex;align-items:center;justify-content:center;min-height:46px;min-width:146px;padding:12px 14px;border:1px solid var(--accent,#8b302b);border-radius:3px;background:var(--accent,#8b302b);color:var(--paper,#fff);font-size:12px}.tutorial-error{color:var(--accent,#8b302b);font-size:12px;line-height:1.55;margin-top:12px!important}.lectino-tutorial button:focus-visible{outline:2px solid var(--accent,#8b302b);outline-offset:4px}.lectino-tutorial button:active{opacity:.75}@keyframes tutorial-paper-enter{0%{opacity:0;transform:translateY(8px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(2deg)}}@keyframes tutorial-story-select{0%,35%,to{background:transparent}50%,80%{background:#8b302b08}}@keyframes tutorial-tap{0%,35%,to{opacity:0;transform:scale(.75)}50%{opacity:.8;transform:scale(1)}80%{opacity:0;transform:scale(1.6)}}@keyframes tutorial-meaning-enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes tutorial-nav-mark{0%{transform:scaleX(.25)}to{transform:scaleX(1)}}@media(max-width:360px){dialog.lectino-tutorial{padding:15px 18px 18px}.tutorial-illustration{height:202px;margin-bottom:20px}.tutorial-copy h2{font-size:30px}.tutorial-bottom-nav>div{font-size:8px}.tutorial-collected-card{left:18px;right:18px}.tutorial-sample{font-size:27px}}@media(max-height:660px){dialog.lectino-tutorial{padding-top:12px;padding-bottom:16px}.tutorial-progress{margin-bottom:13px}.tutorial-illustration{height:185px;margin-bottom:17px}.tutorial-copy{min-height:105px}.tutorial-copy h2{font-size:29px}.tutorial-actions{margin-top:12px}.tutorial-paper{padding-top:9px}.tutorial-mini-brand{font-size:20px}.tutorial-story-secondary{padding-bottom:0}.tutorial-mini-story{padding-top:5px;padding-bottom:5px}.tutorial-reader-paper{padding-top:13px}.tutorial-sample{font-size:26px;margin:10px 0!important}.tutorial-collected-card{top:0;padding-top:11px;min-height:118px}.tutorial-collected-confirm{padding-top:5px}.tutorial-collected-card>span{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){.lectino-tutorial *,.lectino-tutorial *:before,.lectino-tutorial *:after{animation:none!important;transition:none!important}.tutorial-tap-ring{display:none}}