50%{opacity:0.6;transform:scale(1.1)}}.tutorial-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;transition:opacity 0.3s ease;opacity:0;overflow:hidden;pointer-events:auto}.tutorial-overlay.is-active{opacity:1}.tutorial-overlay[hidden]{display:none !important}.tutorial-hole{position:absolute;box-shadow:0 0 0 9999px rgba(0,0,0,0.7),0 0 0 4px rgba(59,130,246,0.5),0 0 20px rgba(0,0,0,0.6);border-radius:8px;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);pointer-events:none}.tutorial-tooltip{background:var(--surface1,#111827);border:1px solid var(--border,#374151);border-radius:16px;padding:16px;width:280px;max-width:90vw;box-shadow:0 10px 25px rgba(0,0,0,0.5);position:absolute;z-index:1001;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);opacity:0;transform:scale(0.9) translateY(10px);pointer-events:none}.tutorial-overlay.is-active .tutorial-tooltip{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.tutorial-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.tutorial-title{font-size:1.05rem;font-weight:700;color:var(--text-primary,#f9fafb);margin:0}.tutorial-close{background:transparent;border:none;color:var(--text-secondary,#9ca3af);font-size:1.2rem;line-height:1;cursor:pointer;padding:0 4px}.tutorial-close:hover{color:var(--text-primary,#f9fafb)}.tutorial-desc{font-size:0.9rem;color:var(--text-secondary,#9ca3af);line-height:1.4;margin:0 0 16px 0}.tutorial-footer{display:flex;justify-content:space-between;align-items:center}.tutorial-dots{display:flex;gap:6px}.tp-dot{width:6px;height:6px;border-radius:50%;background:var(--border,#374151);transition:all 0.2s ease}.tp-dot.active{background:var(--blue,#3b82f6);transform:scale(1.2)}.tutorial-next{font-size:0.85rem;padding:6px 16px;border-radius:12px}@media (min-width:900px){.desktop-focus-btn{background:var(--surface,rgba(255,255,255,0.05));border:1px solid var(--card-border);color:var(--text);font-size:12px;font-weight:700;font-family:var(--font);display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 12px;border-radius:100px;transition:all 0.2s var(--ease)}.desktop-focus-btn:hover{background:var(--surface2,rgba(255,255,255,0.1));border-color:var(--text3)}[data-theme="light"] .desktop-focus-btn{background:var(--surface,rgba(0,0,0,0.03))}[data-theme="light"] .desktop-focus-btn:hover{background:var(--surface2,rgba(0,0,0,0.06))}.dfb-icon{font-size:14px;line-height:1}}@media (min-width:900px){}@media (max-width:899px){}.desktop-focus-wrapper{display:none}@media (min-width:900px){.desktop-focus-wrapper{display:flex;justify-content:center;margin-bottom:12px}.desktop-focus-btn{background:var(--surface,rgba(255,255,255,0.05));border:1px solid var(--card-border);color:var(--text);font-size:12px;font-weight:700;font-family:var(--font);display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 14px;border-radius:100px;transition:all 0.2s var(--ease)}.desktop-focus-btn:hover{background:var(--surface2,rgba(255,255,255,0.1));border-color:var(--text3)}[data-theme="light"] .desktop-focus-btn{background:var(--surface,rgba(0,0,0,0.03))}[data-theme="light"] .desktop-focus-btn:hover{background:var(--surface2,rgba(0,0,0,0.06))}.dfb-icon{font-size:14px;line-height:1}}.search-actions-right{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;z-index:5}.search-actions-right .search-clear,.search-actions-right .search-settings{position:static;transform:none}.search-actions-right .tutorial-start-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--blue,#3b82f6);border-radius:100px;padding:4px;cursor:pointer;overflow:hidden;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);height:32px;margin:0}.search-actions-right .tsb-icon{font-size:16px;margin:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#a855f7 0%,#ec4899 33%,#f97316 66%,#3b82f6 100%);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:appleIntellGradient 4s ease infinite}@keyframes appleIntellGradient{0%{background-position:0% 50%;transform:scale(1);filter:drop-shadow(0 0 2px rgba(168,85,247,0.3))}50%{background-position:100% 50%;transform:scale(1.15);filter:drop-shadow(0 0 5px rgba(59,130,246,0.5))}100%{background-position:0% 50%;transform:scale(1);filter:drop-shadow(0 0 2px rgba(168,85,247,0.3))}}.search-actions-right .tsb-text{font-size:13px;font-weight:700;white-space:nowrap;max-width:0;opacity:0;margin-left:0;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);display:none}@media (min-width:900px){.search-actions-right .tsb-text{display:block}.search-actions-right .tutorial-start-btn:hover{padding:4px 14px 4px 10px;background:rgba(59,130,246,0.08)}.search-actions-right .tutorial-start-btn:hover .tsb-text{max-width:180px;opacity:1;margin-left:6px}.search-input{padding-right:140px !important}}@media (max-width:899px){.search-input{padding-right:100px !important}}.settings-tutorial-btn{display:flex;align-items:center;width:100%;padding:12px 14px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background 0.2s ease}.settings-tutorial-btn:hover{background:rgba(59,130,246,0.05)}.settings-tutorial-btn .stb-icon{font-size:18px;margin-right:12px;background:linear-gradient(135deg,#a855f7 0%,#ec4899 33%,#f97316 66%,#3b82f6 100%);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:appleIntellGradient 4s ease infinite}.settings-tutorial-btn .stb-text{flex:1;display:flex;flex-direction:column}.settings-tutorial-btn .stb-text strong{font-size:14px;color:var(--blue,#3b82f6);margin-bottom:2px}.settings-tutorial-btn .stb-text small{font-size:11px;color:var(--text-secondary,#9ca3af)}.settings-tutorial-btn .stb-arrow{font-size:20px;color:var(--blue,#3b82f6);margin-left:8px}