:root{--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tight: -.025em;--tracking-normal: 0;--shadow-none: none;--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--shadow-floating: 0 12px 28px rgba(0, 0, 0, .12), 0 8px 12px rgba(0, 0, 0, .08);--ring-width: 3px;--ring-offset: 2px;--ring-color: rgba(59, 130, 246, .4);--glass-blur-sm: 8px;--glass-blur-md: 12px;--glass-blur-lg: 16px;--glass-blur-xl: 24px;--glass-surface-bg: rgba(255, 255, 255, .7);--glass-surface-border: rgba(0, 0, 0, .06);--glass-surface-shadow: 0 2px 8px rgba(0, 0, 0, .04);--glass-surface-glow: inset 0 1px 0 rgba(255, 255, 255, .8);--glass-panel-bg: rgba(255, 255, 255, .85);--glass-panel-border: rgba(0, 0, 0, .08);--glass-panel-shadow: 0 8px 32px rgba(0, 0, 0, .08);--glass-panel-glow: inset 0 1px 0 rgba(255, 255, 255, 1);--glass-floating-bg: rgba(255, 255, 255, .92);--glass-floating-border: rgba(0, 0, 0, .1);--glass-floating-shadow: 0 12px 40px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .08);--glass-floating-glow: inset 0 1px 0 rgba(255, 255, 255, 1);--glass-hover-bg: rgba(255, 255, 255, .8);--glass-active-bg: rgba(255, 255, 255, .6);--transition-fast: .15s;--transition-normal: .2s;--transition-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1);--z-sticky: 200;--z-modal: 500}[data-theme=dark]{--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3), 0 4px 6px rgba(0, 0, 0, .2);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .2);--shadow-floating: 0 12px 28px rgba(0, 0, 0, .4), 0 8px 12px rgba(0, 0, 0, .3);--ring-color: rgba(96, 165, 250, .5);--glass-surface-bg: rgba(30, 30, 30, .6);--glass-surface-border: rgba(255, 255, 255, .08);--glass-surface-shadow: 0 2px 8px rgba(0, 0, 0, .3);--glass-surface-glow: inset 0 1px 0 rgba(255, 255, 255, .05);--glass-panel-bg: rgba(20, 20, 20, .85);--glass-panel-border: rgba(255, 255, 255, .1);--glass-panel-shadow: 0 8px 32px rgba(0, 0, 0, .5);--glass-panel-glow: inset 0 1px 0 rgba(255, 255, 255, .08);--glass-floating-bg: rgba(25, 25, 25, .95);--glass-floating-border: rgba(255, 255, 255, .12);--glass-floating-shadow: 0 12px 40px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .4);--glass-floating-glow: inset 0 1px 0 rgba(255, 255, 255, .1);--glass-hover-bg: rgba(50, 50, 50, .7);--glass-active-bg: rgba(40, 40, 40, .8)}.glass-surface{background:var(--glass-surface-bg);border:1px solid var(--glass-surface-border);box-shadow:var(--glass-surface-shadow),var(--glass-surface-glow);-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(var(--glass-blur-sm))}.glass-surface-interactive{background:var(--glass-surface-bg);border:1px solid var(--glass-surface-border);box-shadow:var(--glass-surface-shadow),var(--glass-surface-glow);-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(var(--glass-blur-sm));cursor:pointer}.glass-surface-interactive:hover{background:var(--glass-hover-bg);border-color:var(--glass-panel-border);box-shadow:var(--shadow-elevated),var(--glass-surface-glow);transform:translateY(-1px)}.glass-surface-interactive:active{background:var(--glass-active-bg);transform:translateY(0) scale(.99)}.glass-surface-interactive:focus-visible{outline:none;box-shadow:var(--glass-surface-shadow),var(--glass-surface-glow),0 0 0 var(--ring-width) var(--ring-color)}.glass-panel{background:var(--glass-panel-bg);border:1px solid var(--glass-panel-border);box-shadow:var(--glass-panel-shadow),var(--glass-panel-glow);-webkit-backdrop-filter:blur(var(--glass-blur-md));backdrop-filter:blur(var(--glass-blur-md))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes themeIconIn{0%{opacity:0;transform:rotate(-90deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.help-layout{display:flex;flex-direction:column;min-height:100vh}.help-main{flex:1;width:100%;max-width:800px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-12);animation:fadeIn var(--transition-slow) var(--ease-default)}.help-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--header-bg);-webkit-backdrop-filter:blur(var(--glass-blur-lg));backdrop-filter:blur(var(--glass-blur-lg));border-bottom:1px solid var(--border)}.help-header-inner{max-width:800px;margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.help-header-brand{display:flex;align-items:center;gap:var(--space-2-5);text-decoration:none;color:var(--text-primary);transition:none!important}.help-header-brand:hover{text-decoration:none;color:var(--text-primary)}.help-header-logo{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:none!important}.help-header-logo svg{transition:none!important}.help-header-title{font-size:var(--text-md);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);transition:none!important}.help-header-subtitle{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-medium);transition:none!important}.help-theme-toggle{width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.help-theme-toggle:hover{background:var(--bg-tertiary);border-color:var(--border-strong);color:var(--text-primary)}.help-theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 var(--ring-width) var(--ring-color)}.help-hero{text-align:center;padding:var(--space-8) 0 var(--space-6);animation:slideUp var(--transition-slow) var(--ease-spring)}.help-hero-title{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin-bottom:var(--space-2)}.help-hero-subtitle{font-size:var(--text-md);color:var(--text-secondary);max-width:480px;margin:0 auto;line-height:var(--leading-relaxed)}.help-search-wrapper{position:relative;margin:var(--space-6) 0;animation:slideUp var(--transition-slow) var(--ease-spring) .1s both}.help-search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.help-search-input{width:100%;height:48px;padding:0 var(--space-4) 0 var(--space-12);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-md);outline:none;transition:border-color var(--transition-fast) var(--ease-default),box-shadow var(--transition-fast) var(--ease-default),background-color var(--transition-fast) var(--ease-default)}.help-search-input::placeholder{color:var(--text-muted)}.help-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring-color);background:var(--bg-primary)}.help-search-clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:var(--radius-full);border:none;background:var(--icon-bg-muted);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast) var(--ease-default),color var(--transition-fast) var(--ease-default)}.help-search-clear:hover{background:var(--border);color:var(--text-primary)}.help-category-nav{display:flex;gap:var(--space-2);padding-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;animation:slideUp var(--transition-slow) var(--ease-spring) .15s both}.help-category-nav::-webkit-scrollbar{display:none}.help-category-nav-wrapper{position:relative}.help-category-nav-wrapper:after{content:"";position:absolute;right:0;top:0;bottom:var(--space-4);width:40px;background-color:var(--bg-primary);-webkit-mask-image:linear-gradient(to right,transparent,black);mask-image:linear-gradient(to right,transparent,black);pointer-events:none;z-index:1}.help-category-chip{flex-shrink:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast) var(--ease-default);display:flex;align-items:center;gap:var(--space-1-5)}.help-category-chip:hover{background:var(--bg-tertiary);border-color:var(--border-strong);color:var(--text-primary)}.help-category-chip:focus-visible{outline:none;box-shadow:0 0 0 var(--ring-width) var(--ring-color)}.help-category-chip[data-active=true]{background:var(--accent);border-color:var(--accent);color:#fff}.help-category-chip[data-active=true]:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.help-section{margin-bottom:var(--space-8);animation:slideUp var(--transition-slow) var(--ease-spring) .2s both}.help-section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.help-section-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.help-section-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.help-section-count{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-medium)}.help-item{border-radius:var(--radius-xl);margin-bottom:var(--space-3);overflow:hidden;transition:box-shadow var(--transition-normal) var(--ease-default)}.help-item[data-open=true]{box-shadow:var(--shadow-md)}.help-item-trigger{width:100%;padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-3);background:none;border:none;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--font-semibold);text-align:left;cursor:pointer;line-height:var(--leading-snug);transition:background-color var(--transition-fast) var(--ease-default)}.help-item-trigger:hover{background:var(--icon-bg-muted)}.help-item-trigger:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--ring-width) var(--ring-color)}.help-item-trigger-icon{flex-shrink:0;color:var(--text-muted);transition:transform var(--transition-normal) var(--ease-spring)}.help-item-trigger-icon[data-open=true]{transform:rotate(180deg);color:var(--accent)}.help-item-content{padding:0 var(--space-5) var(--space-5);color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);animation:fadeIn var(--transition-normal) var(--ease-default)}.help-item-content p{margin-bottom:var(--space-3)}.help-item-content p:last-child{margin-bottom:0}.help-steps{list-style:none;padding:0;margin:var(--space-3) 0 0}.help-step{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.help-step:last-child{border-bottom:none}.help-step-number{min-width:28px;height:28px;border-radius:var(--radius-full);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);flex-shrink:0;margin-top:1px}.help-step-text{font-size:var(--text-base);color:var(--text-primary);line-height:var(--leading-relaxed);padding-top:var(--space-1)}.help-step-hint{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.help-platform-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.help-platform-tab{flex:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-1-5);transition:all var(--transition-fast) var(--ease-default)}.help-platform-tab:hover{color:var(--text-primary)}.help-platform-tab:focus-visible{outline:none;box-shadow:0 0 0 var(--ring-width) var(--ring-color)}.help-platform-tab[data-active=true]{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.help-footer{border-top:1px solid var(--border);padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.help-footer a{color:var(--accent);text-decoration:none}.help-footer a:hover{text-decoration:underline}.help-footer-copy{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.help-back-to-top{position:fixed;bottom:var(--space-6);right:var(--space-6);width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--transition-normal) var(--ease-default),visibility var(--transition-normal) var(--ease-default),transform var(--transition-normal) var(--ease-default),background-color var(--transition-fast) var(--ease-default),border-color var(--transition-fast) var(--ease-default);z-index:var(--z-sticky)}.help-back-to-top[data-visible=true]{opacity:1;visibility:visible;transform:translateY(0)}.help-back-to-top:hover{background:var(--bg-tertiary);border-color:var(--border-strong);color:var(--text-primary)}.help-back-to-top:focus-visible{outline:none;box-shadow:0 0 0 var(--ring-width) var(--ring-color)}.help-no-results{text-align:center;padding:var(--space-12) var(--space-4);animation:fadeIn var(--transition-normal) var(--ease-default)}.help-no-results-icon{color:var(--text-muted);margin-bottom:var(--space-4)}.help-no-results-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.help-no-results-text{font-size:var(--text-base);color:var(--text-secondary)}.help-screenshots{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.help-screenshot{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);transition:transform var(--transition-normal) var(--ease-default),box-shadow var(--transition-normal) var(--ease-default)}.help-screenshot:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.help-screenshot img{width:100%;height:auto;display:block}.help-screenshot-caption{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--text-muted);text-align:center;background:var(--bg-secondary)}@media (min-width: 768px){.help-main{padding:var(--space-10) var(--space-8) var(--space-16)}.help-hero{padding:var(--space-12) 0 var(--space-8)}.help-hero-title{font-size:var(--text-4xl)}.help-hero-subtitle{font-size:var(--text-lg)}.help-search-input{height:52px;font-size:var(--text-lg)}.help-item-trigger{padding:var(--space-5) var(--space-6)}.help-item-content{padding:0 var(--space-6) var(--space-6)}}@media (max-width: 480px){.help-main{padding:var(--space-4) var(--space-3) var(--space-10)}.help-back-to-top{bottom:var(--space-4);right:var(--space-4)}.help-hero{padding:var(--space-6) 0 var(--space-4)}.help-hero-title{font-size:var(--text-2xl)}.help-hero-subtitle{font-size:var(--text-base)}.help-search-input{height:44px}.help-section-title{font-size:var(--text-lg)}.help-item-trigger{padding:var(--space-3-5) var(--space-4);font-size:var(--text-base)}.help-item-content{padding:0 var(--space-4) var(--space-4)}.help-screenshots{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}:root{--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f5f5f5;--text-primary: #0f172a;--text-secondary: #525252;--text-muted: #a3a3a3;--accent: #3b82f6;--accent-hover: #2563eb;--border: #e5e5e5;--border-strong: #d4d4d4;--error: #ef4444;--success: #22c55e;--font-sans: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--header-bg: rgba(255, 255, 255, .85);--icon-bg-muted: rgba(0, 0, 0, .04)}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #171717;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #3b82f6;--accent-hover: #60a5fa;--border: #262626;--border-strong: #404040;--error: #f87171;--success: #4ade80;--header-bg: rgba(0, 0, 0, .85);--icon-bg-muted: rgba(255, 255, 255, .06)}*{box-sizing:border-box;margin:0;padding:0}html[data-theme] *,html[data-theme] *:before,html[data-theme] *:after,html[data-theme]{transition:background-color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),fill .25s cubic-bezier(.4,0,.2,1),stroke .25s cubic-bezier(.4,0,.2,1)!important}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}::selection{background:#3b82f633;color:var(--text-primary)}