.tutorial-overlay{z-index:10050;-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;background-color:#000000b8;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:16px;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s;display:none;position:fixed;inset:0}.tutorial-overlay.active{opacity:1;visibility:visible;pointer-events:auto;display:flex}.tutorial-card{background:var(--bg-surface,var(--bg-card,var(--bg-primary,#0d0d0d)));border:1px solid var(--border-color,#ffffff1a);opacity:0;border-radius:12px;grid-template-rows:auto auto minmax(0,1fr) auto;width:100%;max-width:600px;height:min(560px,100dvh - 32px);margin:auto;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden;transform:scale(.95)translateY(10px);box-shadow:0 20px 40px #00000073,0 0 30px #ea65001f}.tutorial-overlay.active .tutorial-card{opacity:1;transform:scale(1)translateY(0)}.tutorial-header{text-align:left;align-items:center;min-height:72px;padding:24px 100px 18px 24px;display:flex;position:relative}.tutorial-header .tutorial-icon{display:none}.tutorial-header h2{white-space:normal;min-width:0}#tutorial-lang-toggle{top:20px!important;right:20px!important}.tutorial-header-icon,.tutorial-header .tutorial-icon{background:var(--accent-subtle,#ea65001f);width:48px;height:48px;color:var(--accent,#ea6500);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;line-height:1;display:inline-flex;box-shadow:0 0 20px #ea650026}.tutorial-header h2,.tutorial-header-title,.tutorial-title{font-family:var(--font-system);color:var(--text-primary,#f0f0f0);letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:700;line-height:1.3}.tutorial-header p,.tutorial-subtitle{color:var(--text-secondary,#888);margin:2px 0 0;font-size:.875rem;line-height:1.4}.tutorial-close-btn{color:var(--text-tertiary,#555);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;line-height:1;transition:color .2s,background .2s;display:flex;position:absolute;top:16px;right:16px}.tutorial-close-btn:hover{color:var(--text-primary,#f0f0f0);background:var(--bg-tertiary,#111)}.tutorial-tabs{border-bottom:1px solid var(--border-color,#ffffff14);gap:8px;margin:0 24px 16px;padding-bottom:8px;display:flex}.tutorial-tab-btn{min-height:30px;color:var(--text-tertiary,#666);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:600;line-height:1.25;transition:all .2s}.tutorial-tab-btn:hover{background:var(--bg-tertiary,#ffffff0d);color:var(--text-secondary,#aaa)}.tutorial-tab-btn.active{background:var(--accent-subtle,#ea650026);color:var(--accent,#ea6500)}.tutorial-body{flex-direction:column;gap:14px;min-height:0;padding:0 24px 20px;display:flex;overflow:visible}.tutorial-tab-content.active{grid-template-columns:minmax(0,1fr);align-content:start;gap:0;display:grid}.tutorial-tab-content>.tutorial-divider{display:none}.tutorial-feature>div:last-child{min-width:0}.tutorial-feature strong{font-size:.95rem;line-height:1.35;display:block}.tutorial-feature p{color:var(--text-secondary,#888);margin:6px 0 0;font-size:.875rem;line-height:1.45}.tutorial-btn-row{justify-content:flex-end;align-items:center;gap:8px;display:flex}.tutorial-feature{border-bottom:1px solid var(--border-color,#ffffff14);align-items:flex-start;gap:14px;padding:10px 0;display:flex}.tutorial-feature:last-child{border-bottom:0}#tutorial-btn-back:disabled{opacity:.4;cursor:default}.tutorial-feature-icon{background:var(--accent-subtle,#ea65001f);min-width:24px;height:24px;color:var(--accent,#ea6500);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.tutorial-feature-content{flex-direction:column;flex:1;gap:4px;display:flex}.tutorial-feature-title{color:var(--text-primary,#f0f0f0);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:600;display:flex}.tutorial-feature-desc,.tutorial-feature-description{color:var(--text-secondary,#888);margin:0;font-size:.85rem;line-height:1.45}.tutorial-shortcut{background:var(--accent-subtle,#ea650026);color:var(--accent,#ea6500);border:1px solid var(--accent,#ea6500);white-space:nowrap;vertical-align:middle;letter-spacing:-.02em;border-radius:6px;justify-content:center;align-items:center;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex;box-shadow:0 1px 2px #00000026}.tutorial-divider{background:var(--border-color,#ffffff14);border:none;flex-shrink:0;width:100%;height:1px;margin:4px 0}.tutorial-footer{border-top:1px solid var(--border-color,#ffffff14);background:var(--bg-secondary,#0a0a0a);flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.tutorial-checkbox-row{color:var(--text-secondary,#888);user-select:none;cursor:pointer;align-items:center;gap:10px;font-size:.85rem;transition:color .2s;display:flex}.tutorial-checkbox-row:hover{color:var(--text-primary,#f0f0f0)}.tutorial-checkbox-row input[type=checkbox],.tutorial-checkbox{-webkit-appearance:none;appearance:none;border:1px solid var(--border-color,#fff3);background:var(--bg-tertiary,#111);cursor:pointer;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin:0;transition:all .2s;display:inline-flex;position:relative;min-height:16px!important}.tutorial-checkbox-row input[type=checkbox]:checked,.tutorial-checkbox:checked{background:var(--accent,#ea6500);border-color:var(--accent,#ea6500)}.tutorial-checkbox-row input[type=checkbox]:checked:after,.tutorial-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:block;transform:rotate(45deg)translate(-1px,-1px)}.tutorial-checkbox-row input[type=checkbox]:focus-visible,.tutorial-checkbox:focus-visible{box-shadow:0 0 0 2px var(--accent-subtle,#ea65004d)}.tutorial-footer-actions,.tutorial-actions{justify-content:flex-end;align-items:center;gap:12px;width:100%;display:flex}.tutorial-btn-skip{color:var(--text-secondary,#888);border:1px solid var(--border-color,#ffffff26);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.tutorial-btn-skip:hover{color:var(--text-primary,#f0f0f0);background:var(--bg-tertiary,#111);border-color:var(--text-secondary,#888)}.tutorial-btn-skip:active{transform:translateY(0)}.tutorial-btn-ok,.tutorial-btn-next{color:#fff;background:var(--accent,#ea6500);cursor:pointer;text-align:center;white-space:nowrap;border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;min-width:84px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #ea650040}.tutorial-btn-ok:hover,.tutorial-btn-next:hover{background:var(--accent-hover,#f97316);transform:translateY(-1px);box-shadow:0 6px 16px #ea650059}.tutorial-btn-ok:active,.tutorial-btn-next:active{transform:translateY(0);box-shadow:0 2px 8px #ea650033}.tutorial-help-btn{background:var(--bg-secondary,#0a0a0a);border:1px solid var(--border-color,#ffffff1f);width:28px;min-width:28px;height:28px;min-height:28px;color:var(--text-secondary,#888);cursor:pointer;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-family:inherit;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.tutorial-help-btn:hover{border-color:var(--accent,#ea6500);color:var(--accent,#ea6500);background:var(--accent-subtle,#ea65001a);transform:scale(1.06);box-shadow:0 0 10px #ea650059}.tutorial-help-btn:focus-visible{outline:2px solid var(--accent,#ea6500);outline-offset:2px}.tutorial-help-btn:active{transform:scale(.96)}@media (width<=639px){.tutorial-overlay{padding:12px}.tutorial-card{height:min(620px,100dvh - 24px)}.tutorial-header{min-height:64px;padding:16px 78px 12px 16px}.tutorial-header h2{font-size:1.1rem}#tutorial-lang-toggle{top:14px!important;right:14px!important}.tutorial-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 16px 8px;padding-bottom:6px;display:grid}.tutorial-tab-btn{padding:4px 6px;font-size:.8rem}.tutorial-body{padding:0 16px 12px}.tutorial-feature{gap:10px;padding:10px 0}.tutorial-feature strong{font-size:.875rem}.tutorial-feature p{margin-top:4px;font-size:.8125rem;line-height:1.4}.tutorial-footer{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px}.tutorial-btn-row{justify-content:flex-end}.tutorial-btn-ok,.tutorial-btn-next,.tutorial-btn-skip{padding:8px 12px;font-size:.85rem}}@media (width<=360px){.tutorial-header h2{font-size:.95rem}.tutorial-header{min-height:56px;padding-top:12px;padding-bottom:10px}.tutorial-feature{padding:6px 0;display:block;position:relative}.tutorial-feature-icon{min-width:18px;height:18px;position:absolute;top:6px;left:0}.tutorial-feature strong{min-height:18px;padding-left:26px}.tutorial-shortcut{padding:0 4px}.tutorial-footer{gap:6px;padding:8px 16px}}@media (width>=640px) and (height<=500px){.tutorial-header{min-height:48px;padding:12px 90px 10px 20px}.tutorial-header h2{font-size:1.1rem}#tutorial-lang-toggle{top:8px!important;right:14px!important}.tutorial-tabs{gap:4px;margin:0 20px 4px;padding-bottom:4px}.tutorial-tab-btn{padding:4px 8px;font-size:.8rem}.tutorial-body{padding:0 20px 6px}.tutorial-feature{gap:10px;padding:6px 0}.tutorial-feature>div:last-child{font-size:.8125rem;line-height:1.4}.tutorial-feature strong{margin-right:6px;font-size:.875rem;display:inline}.tutorial-feature p{font-size:.8125rem;line-height:1.35;display:inline}.tutorial-feature-icon{min-width:20px;height:20px}.tutorial-shortcut{padding:0 4px}.tutorial-footer{padding:8px 20px}.tutorial-btn-ok,.tutorial-btn-next,.tutorial-btn-skip{padding:7px 12px}}.tutorial-dictionary-search-box{margin-bottom:12px}.tutorial-dictionary-input{background:var(--bg-tertiary,#ffffff0d);border:1px solid var(--border-color,#ffffff1a);width:100%;color:var(--text-primary,#f0f0f0);font-family:var(--font-system);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 14px;font-size:.92rem;transition:border-color .16s,box-shadow .16s}[data-theme=cream] .tutorial-dictionary-input{color:#2c1a0e;background:#fff;border-color:#b46e3240}[data-theme=light] .tutorial-dictionary-input{color:#111;background:#fff;border-color:#00000026}.tutorial-dictionary-input:focus{border-color:var(--accent,#ea6500);box-shadow:0 0 0 3px var(--accent-subtle,#ea650026)}.tutorial-dictionary-table-wrap{border:1px solid var(--border-color,#ffffff14);background:var(--bg-card,#00000026);border-radius:10px;max-height:250px;overflow-y:auto}[data-theme=cream] .tutorial-dictionary-table-wrap{background:#fff;border-color:#b46e322e}[data-theme=light] .tutorial-dictionary-table-wrap{background:#fff;border-color:#0000001a}.tutorial-dictionary-table{border-collapse:collapse;width:100%}.tutorial-dictionary-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#888);background:var(--bg-secondary,#0000004d);border-bottom:1px solid var(--border-color,#ffffff14);z-index:1;padding:9px 14px;font-size:.72rem;font-weight:700;position:sticky;top:0}[data-theme=cream] .tutorial-dictionary-table th{color:#6b3f1f;background:#f7ede0}[data-theme=light] .tutorial-dictionary-table th{color:#555;background:#f5f5f5}.tutorial-dictionary-table td{border-bottom:1px solid var(--border-color,#ffffff0d);color:var(--text-primary,#f0f0f0);padding:9px 14px;font-size:.92rem}[data-theme=cream] .tutorial-dictionary-table td{color:#2c1a0e;border-color:#b46e321a}[data-theme=light] .tutorial-dictionary-table td{color:#111;border-color:#0000000f}.tutorial-dictionary-table tr:last-child td{border-bottom:none}.tutorial-dictionary-table tr:hover{background:var(--accent-subtle,#ea650014)}@media (prefers-reduced-motion:reduce){.tutorial-overlay,.tutorial-card,.tutorial-feature,.tutorial-btn-ok,.tutorial-btn-next,.tutorial-btn-skip,.tutorial-help-btn{transition:none!important;animation:none!important}}